:root{--ink:#0c1322;--ink-2:#131c30;--porcelain:#f3f0ea;--gold:#d9a441;--rose:#e58f74;--glass:#8fb3c7;--seam:#4c454f;--font-display:"Marcellus", serif;--font-body:"Jost", sans-serif;--font-tech:"Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink)}body{font-family:var(--font-body);color:var(--porcelain);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--gold);color:var(--ink)}.loader{z-index:100;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0}.loader.gone{opacity:0;visibility:hidden;pointer-events:none}.loader .mark{width:44px;height:44px}.loader .word{font-family:var(--font-display);letter-spacing:.55em;color:var(--porcelain);padding-left:.55em;font-size:22px}.loader .bar{background:#f3f0ea26;width:180px;height:1px;overflow:hidden}.loader .bar i{background:var(--gold);transform-origin:0;width:100%;height:100%;transition:transform .25s;display:block;transform:scaleX(0)}.loader .alt{font-family:var(--font-tech);letter-spacing:.3em;color:#f3f0ea73;font-size:11px}.chrome{z-index:50;color:var(--porcelain);pointer-events:none;justify-content:space-between;align-items:center;padding:22px 34px;transition:color .5s;display:flex;position:fixed;top:0;left:0;right:0}.chrome>*{pointer-events:auto}.chrome.on-light{color:var(--ink)}.chrome .lockup{color:currentColor;align-items:center;gap:12px;text-decoration:none;display:flex}.chrome .lockup svg{display:block}.chrome .lockup .name{font-family:var(--font-display);letter-spacing:.5em;padding-left:.5em;font-size:19px;line-height:1}.altimeter{font-family:var(--font-tech);opacity:0;flex-direction:column;align-items:center;gap:7px;transition:opacity .6s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.altimeter.live{opacity:1}.altimeter .readout{letter-spacing:.34em;align-items:baseline;gap:10px;padding-left:.34em;font-size:12px;display:flex}.altimeter .meters{font-variant-numeric:tabular-nums;font-size:15px}.altimeter .chapter{opacity:.7;text-transform:uppercase;font-size:10px}.altimeter .track{opacity:.25;background:currentColor;width:200px;height:1px;position:relative}.altimeter .track i{background:var(--gold);opacity:1;transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.chrome .reserve{font-family:var(--font-tech);letter-spacing:.3em;text-transform:uppercase;color:currentColor;border:1px solid;padding:11px 22px 11px calc(22px + .3em);font-size:11px;text-decoration:none;transition:background .3s,color .3s,border-color .3s}.chrome .reserve:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.film-driver{height:850vh;position:relative}.film-stage{height:100vh;position:sticky;top:0;overflow:hidden}.film-stage canvas.film{width:100%;height:100%;position:absolute;inset:0}.film-stage canvas.ambient{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.film-grain,.film-vignette{pointer-events:none;position:absolute;inset:0}.film-vignette{background:radial-gradient(#0000 52%,#0508106b 100%)}.film-grain{opacity:.5;mix-blend-mode:overlay}.film-fade{pointer-events:none;background:linear-gradient(to bottom, transparent 30%, var(--seam) 96%);opacity:0;position:absolute;inset:0}.beat{pointer-events:none;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:0 7vw;display:flex;position:absolute;inset:0}.beat .kicker{font-family:var(--font-tech);letter-spacing:.5em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 16px #050810e6,0 0 3px #050810b3;margin-bottom:22px;padding-left:.5em;font-size:11px}.beat h2{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 2px 40px #0508108c;font-size:clamp(34px,5.4vw,72px);font-weight:400;line-height:1.12}.beat p{color:#f3f0eaeb;text-shadow:0 1px 24px #05081099;max-width:480px;margin-top:20px;font-size:clamp(15px,1.35vw,18px);font-weight:300;line-height:1.7}.beat.hero{justify-content:center}.beat.hero h1{font-family:var(--font-display);letter-spacing:.28em;text-shadow:0 4px 60px #05081080;padding-left:.28em;font-size:clamp(64px,13vw,190px);font-weight:400;line-height:1}.beat.hero .tag{font-family:var(--font-body);letter-spacing:.24em;color:#f3f0eaf2;margin-top:26px;padding-left:.24em;font-size:clamp(15px,1.6vw,20px);font-weight:300}.beat.hero .cue{font-family:var(--font-tech);letter-spacing:.4em;text-transform:uppercase;color:#f3f0eabf;flex-direction:column;align-items:center;gap:10px;padding-left:.4em;font-size:10px;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.beat.hero .cue i{background:linear-gradient(to bottom, transparent, var(--gold));width:1px;height:44px;animation:2.2s ease-in-out infinite cue-drop;display:block}@keyframes cue-drop{0%{transform-origin:top;transform:scaleY(0)}55%{transform-origin:top;transform:scaleY(1)}56%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.beat.finale{text-align:left;align-items:flex-start;padding-left:max(7vw,40px)}.beat.finale h2{font-size:clamp(40px,5.8vw,84px)}.beat.finale p{max-width:420px}.beat.finale .cta{pointer-events:auto}.beat .cta{font-family:var(--font-tech);letter-spacing:.32em;text-transform:uppercase;color:var(--ink);background:var(--gold);margin-top:34px;padding:16px 34px 16px calc(34px + .32em);font-size:12px;text-decoration:none;transition:background .3s;display:inline-block}.beat .cta:hover{background:var(--porcelain)}.landing{z-index:2;background:linear-gradient(to bottom, var(--seam) 0%, #2a2637 34%, var(--ink) 100%);padding:20vh 7vw 12vh;position:relative}.landing .manifesto{text-align:center;max-width:880px;margin:0 auto}.landing .manifesto .kicker{font-family:var(--font-tech);letter-spacing:.5em;text-transform:uppercase;color:var(--gold);padding-left:.5em;font-size:11px}.landing .manifesto h2{font-family:var(--font-display);letter-spacing:.03em;margin-top:30px;font-size:clamp(30px,4.4vw,58px);font-weight:400;line-height:1.25}.landing .manifesto p{color:#f3f0eac7;max-width:620px;margin:34px auto 0;font-size:17px;font-weight:300;line-height:1.85}section.block{z-index:2;background:var(--ink);padding:12vh 7vw;position:relative}.block .head{justify-content:space-between;align-items:baseline;margin-bottom:60px;display:flex}.block .head .kicker{font-family:var(--font-tech);letter-spacing:.5em;text-transform:uppercase;color:var(--gold);padding-left:.5em;font-size:11px}.block .head h2{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(30px,3.8vw,52px);font-weight:400}.block .head .idx{font-family:var(--font-tech);color:#f3f0ea66;letter-spacing:.2em;font-size:12px}.suites-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.suite{color:var(--porcelain);background:var(--ink-2);text-decoration:none;display:block;position:relative;overflow:hidden}.suite .ph{aspect-ratio:4/3;position:relative;overflow:hidden}.suite .ph img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.16,1,.3,1);display:block}.suite:hover .ph img{transform:scale(1.06)}.suite .ph .floor{font-family:var(--font-tech);letter-spacing:.3em;text-transform:uppercase;color:var(--porcelain);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1322b8;padding:7px 12px 7px calc(12px + .3em);font-size:10px;position:absolute;top:14px;left:14px}.suite .body{padding:26px 24px 30px}.suite h3{font-family:var(--font-display);letter-spacing:.06em;font-size:24px;font-weight:400}.suite .desc{color:#f3f0eab3;margin-top:12px;font-size:14.5px;font-weight:300;line-height:1.65}.suite .rate{font-family:var(--font-tech);justify-content:space-between;align-items:baseline;margin-top:20px;display:flex}.suite .rate .from{color:var(--gold);letter-spacing:.06em;font-size:15px}.suite .rate .go{letter-spacing:.28em;text-transform:uppercase;color:#f3f0ea8c;font-size:10px}.suite:hover .rate .go{color:var(--porcelain)}.exp-list{border-top:1px solid #f3f0ea1f}.exp{border-bottom:1px solid #f3f0ea1f;grid-template-columns:90px 1fr 2fr auto;align-items:baseline;gap:30px;padding:34px 0;transition:padding-left .5s cubic-bezier(.16,1,.3,1);display:grid}.exp:hover{padding-left:14px}.exp .alt{font-family:var(--font-tech);color:var(--gold);letter-spacing:.1em;font-size:12px}.exp h3{font-family:var(--font-display);letter-spacing:.05em;font-size:clamp(20px,2.2vw,28px);font-weight:400}.exp p{color:#f3f0eaad;font-size:15px;font-weight:300;line-height:1.65}.exp .hours{font-family:var(--font-tech);letter-spacing:.2em;color:#f3f0ea66;font-size:11px}.booking{background:linear-gradient(160deg, var(--ink-2), var(--ink) 70%);text-align:center;border-top:1px solid #d9a44140}.booking h2{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1.2}.booking .sub{color:#f3f0eab8;max-width:480px;margin:22px auto 0;font-size:16px;font-weight:300;line-height:1.7}.book-bar{border:1px solid #f3f0ea33;justify-content:center;align-items:stretch;max-width:760px;margin:50px auto 0;display:flex}.book-bar .cell{text-align:left;border-right:1px solid #f3f0ea33;flex:1;padding:20px 24px}.book-bar .cell label{font-family:var(--font-tech);letter-spacing:.32em;text-transform:uppercase;color:#f3f0ea73;margin-bottom:8px;font-size:9.5px;display:block}.book-bar .cell .v{font-family:var(--font-body);font-size:16px;font-weight:300}.book-bar .go{font-family:var(--font-tech);letter-spacing:.32em;text-transform:uppercase;background:var(--gold);color:var(--ink);align-items:center;padding:0 40px 0 calc(40px + .32em);font-size:12px;text-decoration:none;transition:background .3s;display:flex}.book-bar .go:hover{background:var(--porcelain)}footer{z-index:2;color:#f3f0eaa6;background:#080d18;padding:70px 7vw 40px;position:relative}footer .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}footer .lockup{color:var(--porcelain);align-items:center;gap:12px;display:flex}footer .lockup .name{font-family:var(--font-display);letter-spacing:.5em;padding-left:.5em;font-size:18px}footer .addr{margin-top:16px;font-size:13.5px;font-weight:300;line-height:1.8}footer .cols{gap:70px;display:flex}footer .col h4{font-family:var(--font-tech);letter-spacing:.4em;text-transform:uppercase;color:#f3f0ea66;margin-bottom:16px;padding-left:.4em;font-size:10px}footer .col a{color:#f3f0eab8;font-size:14px;font-weight:300;line-height:2.1;text-decoration:none;display:block}footer .col a:hover{color:var(--gold)}footer .socials{gap:18px;margin-top:4px;display:flex}footer .socials a{color:#f3f0ea99;transition:color .3s}footer .socials a:hover{color:var(--gold)}footer .fine{color:#f3f0ea66;border-top:1px solid #f3f0ea1a;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:60px;padding-top:24px;font-size:12px;font-weight:300;display:flex}.bricks{--u:clamp(11px, 2.1vw, 24px);--bs:calc(var(--u) * .82);width:calc(var(--u) * var(--cols));height:calc(var(--u) * var(--rows));margin:0 auto 64px;position:relative}.bricks .b{left:calc(var(--u) * var(--c));top:calc(var(--u) * var(--r));width:var(--bs);height:var(--bs);background:var(--gold);will-change:transform, opacity;opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(0);transition:transform .9s cubic-bezier(.34, 1.56, .64, 1) var(--d), opacity .45s ease var(--d);border-radius:2px;position:absolute;box-shadow:0 0 16px #d9a44180,inset 0 -2px 4px #00000059}.bricks.reveal{transition:none}.bricks.in .b{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.bricks .b{opacity:1;transition:none;transform:none}}.reveal{opacity:0;transition:opacity 1s,transform 1.2s cubic-bezier(.34,1.3,.5,1);transform:translateY(46px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@media (width<=600px){.chrome .lockup .name{display:none}}@media (width<=900px){.chrome{padding:16px 18px}.altimeter .track{width:110px}.altimeter .readout{font-size:10px}.chrome .reserve{padding:9px 14px 9px calc(14px + .3em);font-size:10px}.suites-grid{grid-template-columns:1fr}.exp{grid-template-columns:60px 1fr}.exp p,.exp .hours{grid-column:2}.book-bar{flex-direction:column}.book-bar .cell{border-bottom:1px solid #f3f0ea33;border-right:none}.book-bar .go{justify-content:center;padding:20px}footer .cols{flex-wrap:wrap;gap:40px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.beat.hero .cue i{animation:none}}
