header{position:fixed;height:88px;background:linear-gradient(#090e18dc,#090e1810);border-bottom-color:#ffffff0a;backdrop-filter:blur(7px)}
.cinema{height:350svh;position:relative;background:#080d15}.cinema-screen{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate;--pointer-x:0px;--pointer-y:0px}.cinema-aura{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 57%,#425a7150 0,transparent 51%),radial-gradient(ellipse at 37% 53%,#a16f3330,transparent 40%);transition:background 1s}.cinema-screen[data-stage="1"] .cinema-aura{background:radial-gradient(ellipse at 50% 52%,#3e63823d,transparent 55%),radial-gradient(ellipse at 46% 75%,#b17a473d,transparent 50%)}.cinema-screen[data-stage="2"] .cinema-aura{background:radial-gradient(ellipse at 50% 48%,#3254735e,transparent 55%)}.cinema-grain{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.96' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.cinema-topline{position:absolute;top:122px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#8c9bb0}.cinema-topline>span:first-child{color:#e8bd94}.cinema-type{position:absolute;inset:23% 0 auto;z-index:-1;text-align:center;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(50px,11.8vw,190px);letter-spacing:-.075em;line-height:1.03;transform:translate(calc(var(--pointer-x) * -1),calc(var(--lift,0px) + var(--pointer-y) * -1));white-space:nowrap;color:#d9ac82;opacity:.89}.cinema-type>div:last-child{color:transparent;-webkit-text-stroke:1px #8090a25c;letter-spacing:-.045em;font-size:.84em}.cinema-screen[data-stage="1"] .cinema-type{color:#a5bfd6}.cinema-screen[data-stage="2"] .cinema-type{color:#eac6a2}#cinema-canvas{position:absolute;top:9%;left:14%;width:72%;height:76%;z-index:1;pointer-events:none}#cinema-canvas canvas{width:100%;height:100%;display:block}.cinema-coordinate{position:absolute;top:56%;left:6%;display:flex;flex-direction:column;gap:14px;font-family:monospace;font-size:10px;letter-spacing:2px;color:#8393a8}.cinema-coordinate i{height:50px;width:1px;background:linear-gradient(#cfaa83,transparent)}.cinema-caption{position:absolute;left:5.2%;bottom:126px;width:330px;z-index:4}.cinema-caption .eyebrow{font-size:10px;letter-spacing:2px;color:#c9a784}.cinema-caption h2{font-size:29px;line-height:1.17;letter-spacing:-1px;margin:17px 0 12px;max-width:315px}.cinema-caption p{font-size:13px;line-height:1.8;color:#98a8bc;max-width:310px;margin:0}.cinema-cta{position:absolute;right:5.2%;bottom:143px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.cinema-cta>.button{font-size:13px;padding:17px 21px}.cinema-cta>a:last-child{font-size:12px;align-self:flex-end;color:#a9b9ca}.cinema-bottom{position:absolute;left:5.2%;right:5.2%;bottom:30px;padding-top:22px;border-top:1px solid #73849936;display:flex;justify-content:space-between;align-items:center;z-index:5}.chapter-switch{display:flex;gap:30px}.chapter-switch button{position:relative;display:flex;align-items:center;gap:12px;background:none;border:0;padding:9px 0 15px;color:#76889e;font-size:12px;min-width:140px;text-align:left}.chapter-switch button>span{font-size:10px;color:#65768c}.chapter-switch b{font-weight:500;letter-spacing:.2px}.chapter-switch button[aria-pressed=true]{color:#e9bf97}.chapter-switch button[aria-pressed=true]>span{color:#e9bf97}.chapter-switch i{position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left}.cinema-bottom-right{display:flex;align-items:center;gap:25px}.cinema-bottom-right #motion{margin-left:0;font-size:10px;color:#a2b1c3}.scroll-invitation{font-size:9px;letter-spacing:1.6px;color:#bbc7d6}.cinema-tool-orbit{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .55s}.cinema-screen[data-stage="2"] .cinema-tool-orbit{opacity:1}.cinema-tool-orbit>*{position:absolute;display:flex;align-items:center;gap:13px;background:#101c2abb;border:1px solid #67839950;backdrop-filter:blur(10px);padding:16px 20px;color:#dbe4ee;border-radius:4px;font-size:12px;pointer-events:auto;transition:transform .25s,border-color .25s}.cinema-tool-orbit[inert]>*{pointer-events:none}.cinema-tool-orbit>*:hover{transform:translateY(-5px);border-color:#efba87}.cinema-tool-orbit b{font-weight:400}.cinema-tool-orbit span{color:var(--copper);font-size:10px}.cinema-tool-orbit>*:nth-child(1){top:29%;left:11%}.cinema-tool-orbit>*:nth-child(2){top:31%;right:9%}.cinema-tool-orbit>*:nth-child(3){top:56%;right:12%}.cinema-tool-orbit>*:nth-child(4){top:53%;left:15%}.cinema-screen[data-stage="2"] .cinema-coordinate{opacity:0}.cinema-fallback{position:absolute;inset:30% 0;text-align:center;font-size:90px;color:var(--copper);font-weight:800;letter-spacing:-7px}.cinema-fallback span{display:block;font-size:12px;letter-spacing:4px}.ticker{background:#0b111b}.lab{padding-top:100px}
@media(min-width:1600px){.cinema-caption{width:370px;bottom:150px}.cinema-caption h2{font-size:33px}.cinema-caption p{font-size:15px;max-width:350px}.cinema-cta{bottom:170px}}
@media(max-width:1050px){.cinema-screen{min-height:650px}.cinema-coordinate{display:none}.cinema-caption{width:275px;bottom:135px}.cinema-caption h2{font-size:25px}.cinema-caption p{font-size:12px}.cinema-bottom-right .scroll-invitation{display:none}.chapter-switch{gap:20px}.chapter-switch button{min-width:110px}.cinema-cta{bottom:148px}#cinema-canvas{left:7%;width:86%}.cinema-tool-orbit>*:nth-child(1){left:5%}.cinema-tool-orbit>*:nth-child(2){right:5%}.cinema-tool-orbit>*:nth-child(3){right:5%}}
@media(max-width:700px){header{height:72px}.cinema{height:320svh}.cinema-screen{min-height:700px}.cinema-topline{top:98px;left:7%;right:7%;font-size:8px;letter-spacing:1.2px}.cinema-topline>span:nth-child(2){display:none}.cinema-type{top:24%;font-size:12vw;letter-spacing:-.07em}.cinema-type>div:last-child{margin-top:8px;font-size:.84em}#cinema-canvas{top:12%;left:-27%;width:154%;height:56%}.cinema-caption{left:7%;right:7%;bottom:188px;width:auto}.cinema-caption h2{font-size:26px;max-width:330px;margin:12px 0 10px}.cinema-caption .eyebrow{font-size:9px}.cinema-caption p{font-size:12px;max-width:340px;line-height:1.6}.cinema-cta{left:7%;right:7%;bottom:119px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.cinema-cta>.button{font-size:11px;padding:14px;gap:20px}.cinema-cta>a:last-child{font-size:10px;align-self:center;max-width:90px;line-height:1.5}.cinema-bottom{left:7%;right:7%;bottom:22px;padding-top:14px;align-items:flex-start}.chapter-switch{width:100%;justify-content:space-between;gap:10px}.chapter-switch button{min-width:0;font-size:11px;gap:7px;padding:8px 0 14px}.chapter-switch button>span{font-size:8px}.cinema-bottom-right{position:absolute;right:0;top:-20px}.cinema-bottom-right #motion{font-size:9px;border:0}.cinema-tool-orbit>*{font-size:10px;padding:10px;gap:8px}.cinema-tool-orbit>*:nth-child(1){top:27%;left:4%}.cinema-tool-orbit>*:nth-child(2){top:39%;right:4%}.cinema-tool-orbit>*:nth-child(3){top:48%;right:8%}.cinema-tool-orbit>*:nth-child(4){top:43%;left:4%}.cinema-screen[data-stage="2"] .cinema-type{top:19%}}
@media(max-height:760px) and (min-width:701px){.cinema-type{top:20%;font-size:10.5vw}#cinema-canvas{top:6%;height:75%}.cinema-caption{bottom:103px}.cinema-cta{bottom:115px}.cinema-caption h2{font-size:24px}.cinema-caption p{font-size:12px}.cinema-topline{top:107px}.cinema-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){.cinema-tool-orbit{transition:none}.cinema-type{transform:none}}
.cinema-screen{min-height:0}

.cinema-caption p{font-size:14px}.cinema-tool-orbit>*{font-size:13px}@media(max-width:700px){.cinema-caption p{font-size:13px}.cinema-tool-orbit>*{font-size:11px}.chapter-switch button{font-size:12px}}

.vault-console{position:absolute;z-index:6;top:155px;left:50%;transform:translateX(-50%);width:max-content;max-width:92%;padding:8px 12px;background:#0b1523bf;border:1px solid #9fbada30;backdrop-filter:blur(15px);border-radius:8px}.vault-console>div{display:flex;gap:5px}.vault-console button{background:transparent;border:0;color:#9faec0;padding:9px 12px;font-size:11px;border-radius:4px}.vault-console button[aria-pressed=true]{background:#dbb081;color:#091321}.vault-console label{display:flex;align-items:center;gap:15px;font-size:10px;color:#8fa6bd;padding:7px 8px 2px}.vault-console input{width:110px;margin:0;flex:1}.cinema-screen[data-stage="2"] .vault-console{opacity:0;visibility:hidden}.cinema-screen[data-view="xray"] .cinema-aura{background:radial-gradient(ellipse at 50% 55%,#297f9c66,transparent 60%)}.cinema-screen[data-view="explode"] .cinema-type{opacity:.3}.vault-console button:focus-visible{outline:2px solid #aad5ff;outline-offset:2px}@media(max-width:700px){.vault-console{top:119px;padding:5px 7px}.vault-console button{font-size:10px;padding:7px 9px}.vault-console label{font-size:9px;padding-top:5px}.cinema-type{top:28%}}@media(max-height:700px) and (min-width:701px){.vault-console{top:125px;left:auto;right:5%;transform:none}.vault-console label{padding-top:3px}}