:root{--gold:#cda05d;--gold2:#e1bd82;--ink:#080604;--text:#f5efe5;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:9999;background:#fff;color:#000;padding:.75rem 1rem}.skip-link:focus{top:1rem}.topbar{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,56px);background:linear-gradient(180deg,rgba(5,4,3,.92),rgba(5,4,3,.25),transparent);pointer-events:none}.brand,.create-hotspot{pointer-events:auto;color:#fff;text-decoration:none}.brand{display:flex;align-items:center;gap:14px;font-size:.82rem;font-weight:600;letter-spacing:.24em;line-height:1.35}.wave,.finale-wave{height:40px;display:flex;align-items:center;gap:4px}.wave i,.finale-wave i{display:block;width:3px;border-radius:3px;background:linear-gradient(#edc985,#9b6328)}.wave i:nth-child(1),.wave i:nth-child(7),.finale-wave i:nth-child(1),.finale-wave i:nth-child(7){height:14px}.wave i:nth-child(2),.wave i:nth-child(6),.finale-wave i:nth-child(2),.finale-wave i:nth-child(6){height:25px}.wave i:nth-child(3),.wave i:nth-child(5),.finale-wave i:nth-child(3),.finale-wave i:nth-child(5){height:34px}.wave i:nth-child(4),.finale-wave i:nth-child(4){height:42px}.create-hotspot{position:absolute;right:clamp(18px,4vw,56px);top:12px;width:180px;height:54px;background:transparent}.arrival{position:relative;min-height:100svh;background:url('../assets/images/showroom-hero.jpg') center/cover no-repeat;overflow:hidden}.arrival-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12))}.hero-hotspot{position:absolute;left:50%;top:67%;transform:translate(-50%,-50%);width:min(320px,40vw);height:78px;background:transparent;border:0;cursor:pointer;z-index:4}.scroll-hotspot{position:absolute;left:50%;bottom:3.5%;transform:translateX(-50%);width:86px;height:86px;border:0;background:transparent;cursor:pointer;z-index:4}.door{position:absolute;top:0;bottom:0;width:50.5%;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(63,39,20,.62),rgba(15,10,7,.88));backdrop-filter:blur(3px);opacity:0;transition:transform 1.05s var(--ease),opacity .2s}.door-left{left:0;transform:translateX(-102%)}.door-right{right:0;transform:translateX(102%);background:linear-gradient(270deg,rgba(63,39,20,.62),rgba(15,10,7,.88))}.arrival.entering .door{opacity:1}.arrival.entering .door-left{transform:translateX(0)}.arrival.entering .door-right{transform:translateX(0)}.rooms{background:#080604}.room{position:relative;min-height:100svh;overflow:hidden;background:#090705}.room-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.025);transition:transform 1.8s var(--ease),filter 1s}.room.is-visible .room-image{transform:scale(1)}.room::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px rgba(0,0,0,.45);pointer-events:none}.room-chrome{position:absolute;right:clamp(18px,4vw,58px);bottom:clamp(18px,4vw,50px);z-index:2;display:flex;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.22em;color:var(--gold2);text-shadow:0 1px 8px #000}.room-chrome .rule{width:44px;height:1px;background:var(--gold)}.transition{height:clamp(130px,18vh,220px);display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(166,107,45,.17),transparent 45%),linear-gradient(180deg,#050403 0%,#151008 48%,#050403 100%);color:rgba(214,172,107,.4);font-family:"Cormorant Garamond",serif;font-size:1.1rem;letter-spacing:.5em}.finale-transition{height:22vh}.finale{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}.finale-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(184,119,51,.22),transparent 30%),radial-gradient(circle at 50% 78%,rgba(108,66,28,.14),transparent 38%),linear-gradient(180deg,#080604 0%,#120d08 48%,#050403 100%)}.finale-content{position:relative;z-index:2;text-align:center;padding:2rem}.finale-wave{justify-content:center;margin:0 auto 20px}.finale-content p{letter-spacing:.45em;font-size:.8rem;color:var(--gold2)}.finale-content h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(2.8rem,6vw,6rem);line-height:.98;max-width:900px;margin:1.2rem auto 2.2rem}.finale-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.finale-content a{display:inline-flex;gap:2rem;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold2);text-decoration:none;padding:18px 28px;letter-spacing:.22em;font-size:.75rem;transition:.3s;min-width:250px}.finale-content a:hover,.finale-content a:focus-visible{background:var(--gold);color:#120d07}.finale-content .exit-action{border-color:rgba(225,189,130,.42);color:#f5efe5;background:rgba(8,6,4,.35)}.floating-nav{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(205,160,93,.36);background:rgba(8,6,4,.72);backdrop-filter:blur(14px);border-radius:999px;opacity:0;pointer-events:none;transition:.35s}.floating-nav.visible{opacity:1;pointer-events:auto}.floating-nav button{border:0;background:transparent;color:var(--gold2);height:40px;min-width:44px;padding:0 14px;border-radius:999px;cursor:pointer;letter-spacing:.16em;font-size:.66rem}.floating-nav button:hover,.floating-nav button:focus-visible{background:rgba(205,160,93,.16);outline:none}@media(max-width:700px){.finale-actions{flex-direction:column;align-items:center}.finale-content a{width:min(86vw,330px);min-width:0}.topbar{padding:14px 16px}.brand{font-size:.66rem;gap:9px}.wave{transform:scale(.8);transform-origin:left}.create-hotspot{right:8px;top:8px;width:150px;height:50px}.arrival{background-position:center}.hero-hotspot{top:67%;width:70vw;height:70px}.room{min-height:70svh}.room-image{background-size:cover}.transition{height:110px}.floating-nav{bottom:12px}.floating-nav button[data-home]{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.door,.room-image{transition:none!important}.room-image{transform:none!important}}

/* Click targets aligned to the navigation printed inside the approved In-N-Out artwork. */
.art-nav{position:absolute;top:1.4%;z-index:5;height:8%;min-height:54px;width:15%;border:0;background:transparent;cursor:pointer;border-radius:8px}
.art-nav-prev{left:0}
.art-nav-next{right:0}
.art-nav:focus-visible{outline:1px solid var(--gold2);outline-offset:-6px;background:rgba(205,160,93,.08)}
@media(max-width:700px){.art-nav{width:24%;height:11%;top:0}}
