@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap";@property --gate-gap{syntax: "<percentage>"; inherits: false; initial-value: 0%;}:root{color:#f0eadf;background:#030404;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit}.hall{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;background:#030404}.hall__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/hall-clean-bg.png) center / cover no-repeat;filter:brightness(1.28) contrast(.94);transform:scale(1.01);transition:filter .8s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}.hall__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.14),transparent 55%,rgba(0,0,0,.52)),linear-gradient(90deg,rgba(0,0,0,.18),transparent 32%,transparent 76%,rgba(0,0,0,.14))}.brand{position:absolute;z-index:4;top:4.6vh;left:4.8vw;font-family:Cormorant Garamond,serif;font-size:clamp(17px,1.35vw,24px);letter-spacing:.48em}.brand-context{position:absolute;z-index:4;top:8.5vh;left:4.8vw}.brand-context p{margin:0 0 .35rem;color:#f0eadfad;font-size:9px;letter-spacing:.28em}.brand-context span{font-family:Cormorant Garamond,serif;color:#f0eadfb8;font-size:clamp(14px,1.15vw,18px)}.instruction{position:absolute;z-index:4;top:5.4vh;right:4.8vw;margin:0;color:#f0eadf8c;font-size:10px;letter-spacing:.34em}.mask-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;perspective:1200px}.floating-mask{position:absolute;width:clamp(190px,31vw,475px);max-height:64vh;object-fit:contain;filter:brightness(.18) saturate(.35) blur(.4px);opacity:.44;transform-origin:50% 20%;transition:left 1s cubic-bezier(.2,.75,.2,1),top 1s cubic-bezier(.2,.75,.2,1),width 1s cubic-bezier(.2,.75,.2,1),opacity .8s ease,filter .8s ease,transform 1s cubic-bezier(.2,.75,.2,1)}.floating-mask--one{left:18vw;top:8vh}.floating-mask--two{left:61vw;top:20vh;width:clamp(170px,23vw,350px)}.floating-mask--three{left:84vw;top:32vh;width:15vw}.floating-mask--four{left:4vw;top:35vh;width:12vw;transform:scale(.86)}.floating-mask--five{left:-3vw;top:40vh;width:9vw;transform:scale(.7)}.hall--one .floating-mask--one,.hall--two .floating-mask--two,.hall--three .floating-mask--three,.hall--four .floating-mask--four,.hall--five .floating-mask--five{left:23vw;top:8vh;width:clamp(260px,34vw,510px);opacity:1;filter:brightness(1) saturate(1) drop-shadow(0 22px 35px rgba(0,0,0,.45));transform:translateZ(110px) scale(1)}.hall--two .floating-mask--one,.hall--three .floating-mask--one,.hall--four .floating-mask--one,.hall--five .floating-mask--one{left:5vw;top:29vh;width:17vw;opacity:.28;filter:brightness(.22) saturate(.45);transform:translateZ(-160px) scale(.78)}.hall--three .floating-mask--two,.hall--four .floating-mask--two,.hall--five .floating-mask--two{left:10vw;top:23vh;width:20vw;opacity:.38;filter:brightness(.34) saturate(.5);transform:translateZ(-90px) scale(.86)}.hall--one .floating-mask--two{left:62vw;top:21vh}.hall--one .floating-mask--three{left:84vw}.hall--two .floating-mask--three{left:68vw;top:25vh;width:19vw;opacity:.34}.hall--three .floating-mask--four{left:72vw;top:27vh;width:17vw;opacity:.3}.hall--four .floating-mask--five{left:72vw;top:30vh;width:15vw;opacity:.25}.mask-hotspot{position:absolute;z-index:3;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:transparent;cursor:pointer;outline:none}.mask-hotspot:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid transparent;border-radius:50%;transition:border-color .25s ease,box-shadow .25s ease}.mask-hotspot:hover:after,.mask-hotspot:focus-visible:after,.mask-hotspot[aria-pressed=true]:after{border-color:#ede8dd73;box-shadow:0 0 35px #c2e0ee1f}.mask-hotspot--one{left:17%;top:11%;width:34%;height:50%}.mask-hotspot--two{left:59%;top:20%;width:23%;height:38%}.mask-hotspot--three{right:5%;top:33%;width:13%;height:28%}.mask-hotspot--four{left:4%;top:35%;width:11%;height:24%}.mask-hotspot--five{left:0;top:39%;width:7%;height:19%}.chapter{position:absolute;z-index:4;left:21vw;bottom:12.8vh;width:min(42rem,45vw);transition:left .65s ease,opacity .4s ease}.chapter__eyebrow{margin:0 0 .6rem;color:#d8d2c8;font-size:11px;letter-spacing:.55em}.chapter h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(42px,5.1vw,82px);font-weight:400;line-height:.88;letter-spacing:.035em;text-shadow:0 3px 25px #000}.hall--one .chapter h1{color:#e7e8e6;text-shadow:-2px 0 16px rgba(0,225,255,.28),2px 0 16px rgba(255,0,151,.22)}.chapter__line{margin:1.25rem 0 1.4rem;font-family:Cormorant Garamond,serif;font-size:clamp(19px,1.7vw,29px)}.enter{padding:.95rem 1.8rem;border:1px solid rgba(180,220,230,.55);color:#f0eadf;background:#02030466;letter-spacing:.32em;font-size:10px;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.enter:hover:not(:disabled),.enter:focus-visible:not(:disabled){background:#f5eee11f;border-color:#e9e1d5;transform:translateY(-2px)}.enter:disabled{cursor:not-allowed;opacity:.45}.hall--two .chapter{left:56vw;width:38vw}.hall--three .chapter,.hall--four .chapter,.hall--five .chapter{left:60vw;width:34vw}.chapter-index{position:absolute;z-index:4;left:6vw;right:6vw;bottom:3.2vh;display:flex;justify-content:space-between}.chapter-index:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;z-index:-1;background:#f0eadf3d}.chapter-index button{position:relative;width:3rem;padding:.65rem 0;border:0;color:#f0eadf6b;background:#050606;font-family:Cormorant Garamond,serif;font-size:17px;cursor:pointer}.chapter-index button:before{content:"";position:absolute;top:50%;left:50%;width:1px;height:14px;background:#f0eadf59;transform:translate(-50%,-50%)}.chapter-index button span{display:block;transform:translateY(1.25rem)}.chapter-index button:first-child:before{display:none}.chapter-index .is-active{color:#fff;text-shadow:-2px 0 5px #00dffc,2px 0 5px #ff2196}.transition{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;background:#020303;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}.transition span{font-size:11px;letter-spacing:.55em}.is-entering .transition{opacity:1;visibility:visible}.is-entering .hall__image{filter:brightness(1.18) contrast(.94) blur(10px);transform:scale(1.08)}.hub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;color:#eee8de;background:#060706;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.72,.2,1)}.hub__background{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/entrance-rotunda-bg.png) center / cover no-repeat;filter:brightness(1.03) contrast(.98)}.hub__header{position:absolute;z-index:1;top:3.8vh;left:50%;text-align:center;transform:translate(-50%)}.hub__header p{margin:0 0 .35rem;font-size:10px;letter-spacing:.48em}.hub__header h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(24px,2.6vw,42px);font-weight:400;letter-spacing:.08em}.hub__route{position:absolute;z-index:1;top:17vh;width:28vw;text-align:center;text-shadow:0 2px 16px #000}.hub__route--origin{left:3.5vw}.hub__route--chapters{left:36vw}.hub__route--figures{right:3.5vw}.hub__route span{display:block;margin-bottom:.55rem;color:#eee8de8c;font-size:8px;letter-spacing:.34em}.hub__route h2{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(22px,2.15vw,34px);font-weight:400;letter-spacing:.06em}.hub__route p{margin:.35rem 0 0;color:#eee8deb8;font-family:Cormorant Garamond,serif;font-size:clamp(14px,1.15vw,18px)}.hub__route button{margin-top:1rem;padding:.75rem 1.5rem;border:1px solid rgba(230,218,198,.42);color:#eee8de;background:#0405059e;font-size:9px;letter-spacing:.32em;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.hub__route button:hover,.hub__route button:focus-visible{transform:translateY(-2px);border-color:#eee8dee6;background:#1e1b18cc}.hub--leaving{opacity:0;transform:scale(1.035);pointer-events:none}.hall--view-hub .hall__image,.hall--view-hub .hall__veil,.hall--view-hub .mask-stage,.hall--view-hub .brand,.hall--view-hub .brand-context,.hall--view-hub .instruction,.hall--view-hub .mask-nav,.hall--view-hub .chapter,.hall--view-hub .chapter-index{opacity:0}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;background:#020303}.gate__emblem{position:absolute;z-index:0;left:50%;top:51%;width:min(620px,62vw);opacity:0;transform:translate(-50%,-50%) scale(.92);filter:brightness(1.18);transition:opacity .3s ease .12s,transform .9s cubic-bezier(.2,.7,.2,1)}.gate__visual{--gate-gap: 0%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:url(/assets/hall-gate-bg.png) center / cover no-repeat;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(50% - var(--gate-gap)),transparent calc(50% - var(--gate-gap)),transparent calc(50% + var(--gate-gap)),#000 calc(50% + var(--gate-gap)),#000 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(50% - var(--gate-gap)),transparent calc(50% - var(--gate-gap)),transparent calc(50% + var(--gate-gap)),#000 calc(50% + var(--gate-gap)),#000 100%);transition:--gate-gap .92s cubic-bezier(.72,0,.18,1),transform .95s cubic-bezier(.2,.72,.2,1),filter .75s ease}.gate__visual:after{content:"";position:absolute;left:calc(50% - var(--gate-gap));right:calc(50% - var(--gate-gap));top:0;bottom:0;border-left:1px solid rgba(240,225,196,.18);border-right:1px solid rgba(240,225,196,.18);box-shadow:0 0 24px #f0e1c424;transition:left .92s cubic-bezier(.72,0,.18,1),right .92s cubic-bezier(.72,0,.18,1),box-shadow .5s ease}.gate__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:#eee8de;text-align:center;transition:opacity .45s ease,transform .65s ease}.gate__brand{margin:6.1vh 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(20px,1.55vw,27px);letter-spacing:.48em;text-shadow:0 2px 18px rgba(0,0,0,.95)}.gate__label{margin:.7rem 0 0;color:#eee8dec7;font-size:9px;letter-spacing:.42em;text-shadow:0 2px 14px #000}.gate__invitation{position:absolute;left:50%;top:68%;width:min(680px,82vw);transform:translate(-50%,-50%)}.gate__invitation p{margin:0 0 1.6rem;font-family:Cormorant Garamond,serif;color:#f4ede2eb;font-size:clamp(24px,2.15vw,35px);text-shadow:0 3px 22px #000}.gate__invitation button{padding:1rem 2rem;border:1px solid rgba(231,220,202,.36);color:#eee8de;background:#030405b8;font-size:10px;letter-spacing:.35em;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}.gate__invitation button:hover,.gate__invitation button:focus-visible{border-color:#e7dccad9;background:#1e1a18d1;transform:translateY(-2px)}.gate--opening .gate__visual{--gate-gap: 51%;transform:scale(1.025);filter:brightness(1.08)}.gate--opening .gate__visual:after{box-shadow:0 0 55px #f0e1c433}.gate--opening .gate__emblem{opacity:.82;transform:translate(-50%,-50%) scale(1)}.gate--opening .gate__content{opacity:0;transform:scale(.98);pointer-events:none}.hall--gate-closed .hall__image,.hall--gate-closed .hall__veil,.hall--gate-closed .mask-stage,.hall--gate-closed .brand,.hall--gate-closed .brand-context,.hall--gate-closed .instruction,.hall--gate-closed .mask-nav,.hall--gate-closed .chapter,.hall--gate-closed .chapter-index{opacity:0}.hall--gate-opening .hall__image,.hall--gate-opening .hall__veil,.hall--gate-opening .mask-stage,.hall--gate-opening .brand,.hall--gate-opening .brand-context,.hall--gate-opening .instruction,.hall--gate-opening .mask-nav,.hall--gate-opening .chapter,.hall--gate-opening .chapter-index{opacity:1}@media(max-width:760px){.instruction{display:none}.hall__image{background-position:38% center}.floating-mask{max-height:54vh}.hall--one .floating-mask--one,.hall--two .floating-mask--two,.hall--three .floating-mask--three,.hall--four .floating-mask--four,.hall--five .floating-mask--five{left:4vw;top:13vh;width:70vw}.floating-mask--four,.floating-mask--five{display:none}.brand{left:7vw}.brand-context{top:8.8vh;left:7vw}.mask-hotspot--one{left:4%;top:16%;width:65%;height:44%}.mask-hotspot--two{left:56%;top:26%;width:38%;height:30%}.mask-hotspot--three,.mask-hotspot--four,.mask-hotspot--five{display:none}.chapter,.hall--two .chapter,.hall--three .chapter{left:7vw;bottom:10vh;width:86vw}.chapter h1{font-size:clamp(38px,13vw,58px)}.chapter__line{font-size:20px}.gate__visual{background-position:center}.gate__invitation{top:70%}.hub__header{width:90vw}.hub__route{top:auto;bottom:9vh;width:31vw}.hub__route--origin{left:1vw}.hub__route--chapters{left:34.5vw}.hub__route--figures{right:1vw}.hub__route h2{font-size:17px}.hub__route p{display:none}}