.portal-scroll{height:360svh;position:relative;background:#070e14}.portal-stage{height:100svh;min-height:760px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#070e14;--cast-opacity:1;--arrival-opacity:0;--portal-opacity:0;--arrival-scale:1.15;--journey:0}.portal-images,.portal-canvas,.portal-shading,.portal-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.portal-images{z-index:-4}.portal-images img{position:absolute;width:100%;height:100%;object-fit:cover}.portal-cast{object-position:50% 28%;opacity:var(--cast-opacity);transform:scale(1.025) translate(var(--look-x,0px),var(--look-y,0px));transition:transform 1.3s ease-out}.portal-destination{object-position:center;opacity:var(--arrival-opacity);transform:scale(var(--arrival-scale));will-change:transform}.portal-canvas{z-index:-2;opacity:var(--portal-opacity)}.portal-fallback{z-index:-3;opacity:var(--portal-opacity);background:radial-gradient(ellipse at center,#0b111900 25%,#9bb6b322 25.4%,transparent 25.8%,transparent 31%,#ce997033 31.3%,transparent 31.7%,#13283066 35%,transparent 70%)}.portal-rendered .portal-fallback{opacity:calc(var(--portal-opacity)*.3)}.portal-shading{z-index:-1;background:linear-gradient(0deg,#070e14 0%,#070e14b8 20%,transparent 65%,#070e1475),linear-gradient(90deg,#070e1460,transparent 80%)}.portal-edition{position:absolute;left:5vw;right:5vw;top:145px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.17em;color:#c3d3d4}.portal-edition>span:last-child{color:#e7b498}.portal-copy{position:absolute;left:5vw;bottom:24%;width:70%;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .8s ease;pointer-events:none}.portal-copy h1,.portal-copy h2{font:500 clamp(68px,7.6vw,135px)/.97 var(--display);margin:19px 0 25px;letter-spacing:.005em}.portal-copy h1 em{font-style:normal;font-size:1.48em}.portal-copy h2 em{font-style:normal;color:#c8d9d7}.portal-copy>p:not(.micro){font-size:18px;line-height:1.6;color:#d1dbd7}.portal-stage[data-phase="0"] .portal-copy-0,.portal-stage[data-phase="1"] .portal-copy-1,.portal-stage[data-phase="2"] .portal-copy-2{opacity:1;transform:translateY(0);pointer-events:auto}.portal-copy-1{bottom:25%;width:50%}.portal-copy-1 h2{font-size:clamp(64px,6.7vw,112px)}.portal-copy-1>p:not(.micro){max-width:330px}.portal-copy-2{bottom:25%}.portal-copy-2 h2{font-size:clamp(54px,6vw,100px)}.portal-map-link{font-size:13px;border-bottom:1px solid #c6d8d344;padding:12px 0;display:inline-block}.portal-enter{position:absolute;right:7vw;bottom:25%;width:164px;height:164px;border:1px solid #e8c3a08c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#0d1b2460;backdrop-filter:blur(7px);transition:background .3s,transform .3s}.portal-enter:before,.portal-enter:after{content:'';position:absolute;border:1px solid #b2cecd30;border-radius:50%;inset:-12px;pointer-events:none}.portal-enter:after{inset:-26px;border-style:dashed;opacity:.55;animation:portal-orbit 60s linear infinite}.portal-enter>span:first-child{font-size:34px;font-weight:300;line-height:1}.portal-enter>span:last-child{font-size:11px;letter-spacing:.15em;line-height:1.7}.portal-enter:hover{background:#e6d6be;color:#12202a;transform:scale(1.04)}.portal-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:65px}.portal-bottom nav{display:flex;align-items:center;gap:13px}.portal-bottom nav button{display:flex;flex-direction:column;align-items:start;gap:13px;background:none;border:0;padding:10px 0;position:relative;min-width:83px;color:#82989e}.portal-bottom nav button b{display:grid;place-items:center;font-size:10px;font-weight:400;width:28px;height:28px;border:1px solid #81999b55;transform:rotate(45deg);transition:border-color .3s,background .3s}.portal-bottom nav button span{font-size:9px;letter-spacing:.1em}.portal-bottom nav button[aria-current]{color:#f1c3a5}.portal-bottom nav button[aria-current] b{border-color:#e4b18c;background:#a2784725}.portal-bottom nav>i{width:32px;height:1px;background:#d6e9de20;margin-top:-23px}.portal-bottom>a{font-size:11px;letter-spacing:.08em}.portal-scroll-prompt{display:flex;gap:15px;align-items:center;font-size:10px;letter-spacing:.12em;color:#a6c0c2}.portal-scroll-prompt b{font-size:23px;font-weight:300;animation:portal-cue 2s ease-in-out infinite}.portal-progress{position:absolute;left:5vw;right:5vw;height:1px;background:#acc2c325;bottom:118px}.portal-progress span{display:block;height:100%;width:calc(var(--journey)*100%);background:#e7b494;box-shadow:0 0 15px #e7b49470}.portal-skip{position:absolute;right:5vw;top:185px;font-size:10px;color:#a1b6b8}.portal-stage[data-phase="1"] .portal-enter{right:12vw}.portal-stage[data-phase="2"] .portal-scroll-prompt{visibility:hidden}.portal-stage[data-phase="2"] .portal-shading{background:linear-gradient(0deg,#070e14 0%,#070e1470 40%,#070e1400 75%,#070e1470),linear-gradient(90deg,#070e1455,transparent 85%)}.portal-enter:focus-visible,.portal-bottom button:focus-visible{outline:2px solid #f5c396;outline-offset:7px}@keyframes portal-orbit{to{transform:rotate(360deg)}}@keyframes portal-cue{50%{transform:translateY(6px)}}
@media(max-width:1050px){.portal-copy h1{font-size:8.5vw}.portal-copy h2{font-size:7.7vw}.portal-enter{width:135px;height:135px;right:7vw;bottom:24%}.portal-bottom{gap:15px}.portal-bottom nav{gap:7px}.portal-bottom nav>i{width:18px}.portal-scroll-prompt{display:none}.portal-copy-1{width:64%}}
@media(max-width:720px){.portal-scroll{height:350svh}.portal-stage{min-height:820px}.portal-edition{left:6vw;right:6vw;top:151px;font-size:9px;letter-spacing:.12em}.portal-edition>span:last-child{display:none}.portal-skip{top:176px;right:6vw;font-size:9px}.portal-cast{top:90px;height:420px!important;object-position:25% center;transform:none}.portal-copy{left:6vw;bottom:36%;width:88%;}.portal-copy h1{font-size:47px;line-height:1.03;margin:15px 0 22px}.portal-copy h1 em{font-size:1.62em}.portal-copy>p:not(.micro){font-size:16px;line-height:1.6}.portal-copy .micro{font-size:10px}.portal-copy-0{bottom:35%}.portal-copy-1{bottom:37%}.portal-copy-1 h2{font-size:54px}.portal-copy-2{bottom:37%}.portal-copy-2 h2{font-size:42px;line-height:1.05}.portal-map-link{font-size:11px;max-width:255px}.portal-enter,.portal-stage[data-phase="1"] .portal-enter{width:106px;height:106px;right:11vw;bottom:19%;gap:9px}.portal-enter>span:first-child{font-size:26px}.portal-enter>span:last-child{font-size:9px}.portal-enter:before{inset:-8px}.portal-enter:after{inset:-17px}.portal-shading{background:linear-gradient(0deg,#070e14 0%,#070e14 35%,#070e1410 70%,#070e1430 85%,#070e14 100%)}.portal-bottom{bottom:24px;left:6vw;right:6vw;display:block}.portal-bottom nav{justify-content:space-between;gap:7px}.portal-bottom nav button{min-width:62px;gap:10px}.portal-bottom nav button span{font-size:8px}.portal-bottom nav>i{flex:1;width:auto;margin-right:9px}.portal-bottom>a{display:block;font-size:9px;margin-top:15px;text-align:right}.portal-progress{left:6vw;right:6vw;bottom:139px}.portal-destination{object-position:40% center}.portal-stage[data-phase="1"] .portal-shading{background:linear-gradient(0deg,#070e14 0%,transparent 45%,#070e1440)}.portal-stage[data-phase="2"] .portal-copy>p:not(.micro){max-width:240px}.portal-copy-2 .micro{margin:0}.portal-stage[data-phase="2"] .portal-enter{bottom:19%}}
@media(prefers-reduced-motion:reduce){.portal-copy,.portal-cast,.portal-destination{transition:none!important;transform:none!important}.portal-enter:after,.portal-scroll-prompt b{animation:none!important}}.reduced .portal-copy,.reduced .portal-cast,.reduced .portal-destination{transition:none!important;transform:none!important}

@media(max-height:700px) and (min-width:721px){.portal-stage{min-height:620px}.portal-edition{top:112px}.portal-skip{top:145px}.portal-copy{bottom:25%}.portal-copy h1{font-size:70px}.portal-copy h2{font-size:65px}.portal-copy>p:not(.micro){font-size:15px}.portal-enter{height:120px;width:120px}.portal-progress{bottom:103px}.portal-bottom{bottom:17px}}

.portal-motion{position:absolute;top:179px;left:5vw;border:0;background:#07101855;padding:6px 0;font-size:10px;color:#adc2c4}.portal-motion:hover{color:#f0c2a5}@media(max-width:720px){.portal-motion{left:6vw;top:170px;font-size:9px}}@media(max-height:700px) and (min-width:721px){.portal-motion{top:139px}}