@charset "UTF-8";

/* A full-screen invitation leads into the existing three working exhibition rooms. */
.museum-world,.horizontal-layout .museum-world{padding:0;background:#10231d;color:#f7f0df}
.museum-entry-v35{position:relative;isolation:isolate;height:100%;min-height:560px;overflow:hidden;background:#0b1b15 url("assets/museum-entry-v35.jpg") center 52%/cover no-repeat;color:#f7f0df}
.museum-entry-v35::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,22,17,.93) 0%,rgba(5,22,17,.86) 18%,rgba(5,22,17,.58) 32%,rgba(5,22,17,.08) 48%,transparent 65%),linear-gradient(0deg,rgba(3,16,13,.62),transparent 30%);pointer-events:none}
.museum-entry-copy{position:absolute;top:clamp(43px,7vh,78px);left:clamp(30px,4.3vw,66px);z-index:1;width:min(420px,36%);text-shadow:0 3px 16px rgba(0,0,0,.45)}
.museum-entry-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:29px;color:#e3c488;font-size:10px;font-weight:700;letter-spacing:.25em;white-space:nowrap}
.museum-entry-eyebrow::before{content:"";flex:0 0 27px;height:1px;background:#d4b577}
.museum-entry-copy h2{margin:0;color:#fbf4e5;font:500 clamp(56px,5.6vw,86px)/1.16 var(--serif);letter-spacing:.06em;white-space:nowrap}
.museum-entry-lead{margin:18px 0 0;color:#e2e6d9;font:400 clamp(18px,1.55vw,22px)/1.7 var(--serif);letter-spacing:.09em;white-space:nowrap}
.museum-entry-count{display:flex;align-items:center;gap:10px;margin:24px 0 0;color:#b8c5b8;font-size:10px;letter-spacing:.1em;white-space:nowrap}
.museum-entry-count i{display:block;flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#c7a66d}
.museum-entry-link{display:flex;align-items:center;justify-content:space-between;width:236px;min-height:54px;margin-top:32px;padding:0 20px;border:1px solid #dcb775;background:rgba(13,39,29,.78);color:#f6e8c7;font-size:12px;letter-spacing:.12em;backdrop-filter:blur(8px);box-shadow:0 12px 35px rgba(0,0,0,.18);transition:background .2s,color .2s}
.museum-entry-link span{font-size:19px}
.museum-entry-link:hover{background:#dcb775;color:#143429}
.museum-entry-guide{position:absolute;right:clamp(25px,4vw,56px);bottom:clamp(25px,5vh,40px);left:40%;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:111px;border:1px solid rgba(232,199,136,.48);background:rgba(8,29,23,.76);backdrop-filter:blur(13px);box-shadow:0 16px 45px rgba(0,0,0,.28)}
.museum-entry-guide button{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:16px clamp(16px,2vw,30px);border:0;border-right:1px solid rgba(224,192,136,.32);background:transparent;color:#f6eedb;cursor:pointer;text-align:left;transition:background .2s ease}
.museum-entry-guide button:last-child{border-right:0}
.museum-entry-guide button[aria-pressed="true"]{box-shadow:inset 0 3px 0 #e3bc75;background:rgba(50,74,51,.19)}
.museum-entry-guide button:hover{background:rgba(220,188,121,.15)}
.museum-entry-number{color:#e5c182;font:400 22px/1 Georgia,serif}
.museum-entry-guide strong{font:500 clamp(18px,1.7vw,24px)/1.25 var(--serif);white-space:nowrap;letter-spacing:.03em}
.museum-entry-guide small{color:#b9c8b8;font-size:9px;letter-spacing:.08em;white-space:nowrap}
.museum-entry-arrow{position:absolute;top:19px;right:18px;color:#dabb80;font-size:16px}
.museum-entry-credit{position:absolute;left:clamp(30px,4.3vw,66px);bottom:20px;z-index:1;color:#99aa9a;font-size:8px;letter-spacing:.1em}
.museum-halls-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:28px;padding-bottom:18px;color:#d7ba7e;font-size:10px;font-weight:700;letter-spacing:.17em}
.museum-halls-heading button{padding:8px 0;border:0;border-bottom:1px solid #aabbaa;background:none;color:#e8ecd9;cursor:pointer;font-size:11px;letter-spacing:.06em}
.museum-halls-heading button:hover{color:#f5dca9;border-bottom-color:#f5dca9}
.museum-world .hall-navigation{justify-content:flex-start;margin-bottom:0;padding-bottom:22px}
.museum-world .hall-bottom{width:100%;max-width:none;margin:0;padding:19px max(44px,calc((100vw - 1440px)/2));background:#f3f0e8}
body.museum-world-current .site-guide-launcher{display:none}

@media(max-width:1100px){
  .museum-entry-copy{width:40%}
  .museum-entry-guide{left:37%}
  .museum-entry-guide button{padding-left:15px;padding-right:20px}
  .museum-entry-guide strong{font-size:18px}
  .museum-entry-arrow{right:10px}
}
@media(max-width:850px){
  .museum-entry-v35{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 142px);padding:28px 17px 15px;background-position:58% center}
  .museum-entry-v35::before{background:linear-gradient(180deg,rgba(5,22,17,.89) 0%,rgba(5,22,17,.56) 35%,rgba(5,22,17,.17) 55%,rgba(5,22,17,.84) 78%,rgba(5,22,17,.94) 100%)}
  .museum-entry-copy{position:relative;top:auto;left:auto;width:100%;max-width:470px}
  .museum-entry-eyebrow{margin-bottom:19px;font-size:9px}
  .museum-entry-copy h2{font-size:clamp(43px,10vw,64px)}
  .museum-entry-lead{margin-top:8px;font-size:17px}
  .museum-entry-count{flex-wrap:wrap;gap:7px;margin-top:14px;font-size:9px}
  .museum-entry-link{width:min(100%,228px);min-height:47px;margin-top:20px;padding:0 15px;font-size:11px}
  .museum-entry-guide{position:relative;right:auto;bottom:auto;left:auto;display:grid;grid-template-columns:1fr;width:100%;max-width:520px;min-height:0;margin-top:auto}
  .museum-entry-guide button{display:grid;grid-template-columns:35px minmax(0,1fr) 20px;align-items:center;column-gap:10px;min-height:68px;padding:11px 17px;border-right:0;border-bottom:1px solid rgba(224,192,136,.32)}
  .museum-entry-guide button:last-child{border-bottom:0}
  .museum-entry-guide button[aria-pressed="true"]{box-shadow:inset 3px 0 0 #e3bc75}
  .museum-entry-number{grid-row:1/3;font-size:19px}
  .museum-entry-guide strong{grid-column:2;font-size:19px}
  .museum-entry-guide small{grid-column:2;font-size:9px}
  .museum-entry-arrow{position:static;grid-column:3;grid-row:1/3;justify-self:end}
  .museum-entry-credit{position:absolute;top:18px;right:17px;bottom:auto;left:auto;margin:0;font-size:8px}
  .museum-halls-heading{padding-top:21px}
  .museum-world .hall-navigation{padding-bottom:0}
  .museum-world .hall-bottom{padding:17px}
}
@media(max-width:740px){.museum-entry-v35{min-height:calc(100dvh - 120px)}}
@media(max-height:550px) and (min-width:741px){
  .museum-entry-v35{min-height:410px}
  .museum-entry-copy{top:22px}
  .museum-entry-eyebrow{margin-bottom:12px}
  .museum-entry-copy h2{font-size:53px}
  .museum-entry-lead{margin-top:6px;font-size:16px}
  .museum-entry-count{margin-top:11px}
  .museum-entry-link{min-height:45px;margin-top:17px}
  .museum-entry-guide{bottom:17px;min-height:86px}
  .museum-entry-guide button{padding-top:9px;padding-bottom:9px}
}
@media(prefers-reduced-motion:reduce){.museum-entry-link,.museum-entry-guide button{transition:none}}