:root{--navy-deep:#0f1b3d;--navy:#182750;--gold:#b08d3e;--gold-light:#c9a85c;--ivory:#fbfaf6;--light:#f4f1e8;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--navy-deep)}body{font-family:var(--sans);color:var(--light);background:var(--navy-deep);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;margin:0}#scene{z-index:0;touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#scroller{z-index:1;pointer-events:none;position:relative}.topbar{z-index:20;pointer-events:none;align-items:center;gap:16px;padding:18px clamp(16px,4vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--light);pointer-events:auto;opacity:.92;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s;display:flex}.brand:hover{opacity:1}.brand .bird{width:22px;height:29px;fill:var(--gold-light)}.wordmark{letter-spacing:.2em;font-size:.82rem;font-weight:800}.wordmark small{letter-spacing:.06em;opacity:.75;font-size:.62em;font-weight:400}.sitelinks{pointer-events:auto;letter-spacing:.05em;align-items:center;gap:16px;margin-left:auto;font-size:.72rem;display:flex}.sitelinks a{color:#f4f1e8b8;text-shadow:0 1px 10px #060c1ee6;text-decoration:none;transition:color .2s}.sitelinks a:hover{color:var(--gold-light)}.langs{pointer-events:auto;gap:4px;margin-left:20px;display:flex}.langs button{color:var(--light);font:inherit;letter-spacing:.09em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1b3d61;border:1px solid #c9a85c52;border-radius:6px;padding:6px 11px;font-size:.7rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.langs button:hover{border-color:var(--gold-light)}.langs button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}.caption{z-index:15;pointer-events:none;text-shadow:0 2px 26px #060c1ed9,0 1px 3px #060c1eb3;max-width:min(30rem,76vw);position:fixed;bottom:clamp(48px,9vh,92px);left:clamp(16px,4vw,40px)}.caption .kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--gold-light);margin:0 0 12px;font-size:.68rem;font-weight:800}.caption .title{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(1.75rem,4.6vw,3.1rem);font-weight:600;line-height:1.1}.caption .body{color:#f4f1e8d6;max-width:32em;margin:0;font-size:clamp(.9rem,1.5vw,1.02rem);line-height:1.62}.caption:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#080e2057 56%,#080e20bd);height:46vh;position:fixed;top:auto;bottom:0;left:0;right:0}.caption .kicker:after{content:"";background:var(--gold);width:44px;height:2px;margin-top:12px;display:block}.caption>*{opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);transform:translateY(16px)}.caption.in>*{opacity:1;transform:none}.caption.in .title{transition-delay:60ms}.caption.in .body{transition-delay:.12s}.chapters{z-index:18;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;top:50%;right:clamp(14px,2.6vw,30px);transform:translateY(-50%)}.chapters button{cursor:pointer;color:#f4f1e88c;font:inherit;letter-spacing:.13em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:2px;font-size:.66rem;display:flex}.chapters .lbl{opacity:0;white-space:nowrap;text-shadow:0 1px 10px #060c1ee6;transition:opacity .25s,transform .25s;transform:translate(6px)}.chapters button:hover .lbl,.chapters button[aria-current=true] .lbl{opacity:1;transform:none}.chapters .dot{background:0 0;border:1px solid #c9a85c99;border-radius:50%;flex:none;width:8px;height:8px;transition:background .25s,transform .25s,border-color .25s}.chapters button[aria-current=true]{color:var(--gold-light)}.chapters button[aria-current=true] .dot{background:var(--gold);border-color:var(--gold);transform:scale(1.45)}.hint{z-index:16;letter-spacing:.28em;text-transform:uppercase;color:#f4f1e89e;pointer-events:none;text-shadow:0 1px 12px #060c1ee6;flex-direction:column;align-items:center;gap:8px;font-size:.64rem;transition:opacity .5s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}.hint .arrow{background:linear-gradient(to bottom, transparent, var(--gold-light));width:1px;height:26px;animation:drop 1.9s var(--ease) infinite}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}40%{opacity:1}to{opacity:0;transform:translateY(10px)}}.endcard{z-index:17;border:1px solid #c9a85c4d;border-top:2px solid var(--gold);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;width:min(23rem,82vw);transition:opacity .6s var(--ease), transform .6s var(--ease), visibility .6s;background:#0b142ed1;border-radius:12px;padding:28px 28px 24px;position:fixed;top:50%;right:clamp(16px,5vw,64px);transform:translateY(-46%)translate(24px);box-shadow:0 24px 70px #0000008c}.endcard.in{opacity:1;visibility:visible;transform:translateY(-46%)translate(0)}.endcard .kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--gold-light);margin:0 0 8px;font-size:.66rem;font-weight:800}.endcard h2{font-family:var(--serif);margin:0 0 18px;font-size:1.5rem;font-weight:600}.endcard .rows{margin:0 0 20px;font-size:.84rem}.endcard .rows>div{border-bottom:1px solid #c9a85c24;gap:12px;padding:8px 0;display:flex}.endcard .rows dt{color:#f4f1e880;letter-spacing:.08em;text-transform:uppercase;flex:0 0 6.4em;padding-top:2px;font-size:.72rem}.endcard .rows dd{color:var(--light);margin:0;line-height:1.45}.endcard .rows a{color:var(--gold-light);text-decoration:none}.endcard .rows a:hover{text-decoration:underline}.btn{background:var(--gold);color:var(--navy-deep);border-radius:7px;margin:0 8px 8px 0;padding:11px 20px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.btn:hover{background:var(--gold-light)}.btn.ghost{color:var(--light);background:0 0;border:1.5px solid #c9a85c8c}.btn.ghost:hover{background:#c9a85c29}.replay{color:#f4f1e873;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:.72rem;display:block}.replay:hover{color:var(--gold-light)}.product-card{z-index:19;border:1px solid #c9a85c57;border-top:3px solid var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;background:#0b142eed;border-radius:12px;width:min(19.5rem,82vw);transition:opacity .18s,transform .18s,visibility .18s;position:fixed;top:0;left:0;overflow:hidden;transform:translateY(8px)scale(.98);box-shadow:0 20px 56px #0009}.product-card.in{opacity:1;visibility:visible;pointer-events:auto;transform:none}.product-card .pc-img{aspect-ratio:4/3;object-fit:cover;background:#16224a;width:100%;display:block}.product-card .pc-body{padding:14px 18px 16px}.product-card .pc-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);margin:0 0 8px;font-size:.62rem;font-weight:800}.product-card .pc-title{font-family:var(--serif);margin:0 0 3px;font-size:1.05rem;font-weight:600;line-height:1.25}.product-card .pc-sub{color:#f4f1e89e;margin:0 0 12px;font-size:.82rem}.product-card .pc-specs{color:#f4f1e8d6;margin:0 0 14px;padding:0;font-size:.78rem;line-height:1.5;list-style:none}.product-card .pc-specs li{margin-bottom:5px;padding-left:15px;position:relative}.product-card .pc-specs li:before{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute;top:.5em;left:0}.product-card .pc-cta{text-align:center;background:var(--gold);color:var(--navy-deep);border-radius:7px;padding:10px 14px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.product-card .pc-cta:hover{background:var(--gold-light)}.hover-hint{z-index:16;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.12em;text-transform:uppercase;color:#f4f1e8cc;opacity:0;visibility:hidden;pointer-events:none;background:#0b142ead;border:1px solid #c9a85c4d;border-radius:20px;margin:0;padding:8px 15px;font-size:.68rem;transition:opacity .4s,visibility .4s;position:fixed;bottom:26px;right:clamp(52px,6vw,84px)}.hover-hint.in{opacity:1;visibility:visible}.fallback{z-index:40;text-align:center;max-width:46rem;margin:0 auto;padding:18vh 24px 6rem;position:relative}.fallback h1{font-family:var(--serif);margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:600}.fallback p{color:#f4f1e8cc;margin:0 0 1rem;line-height:1.7}.fallback a{color:var(--gold-light)}.loader{z-index:60;background:var(--navy-deep);transition:opacity .7s var(--ease), visibility .7s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader.gone{opacity:0;visibility:hidden}.loader .bird{width:40px;height:52px;fill:var(--gold);animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.loader p{letter-spacing:.34em;text-transform:uppercase;color:#f4f1e899;margin:0;font-size:.7rem;font-weight:800}.loader .bar{background:#c9a85c33;width:148px;height:2px;overflow:hidden}.loader .bar i{background:var(--gold);width:40%;height:100%;animation:slide 1.35s var(--ease) infinite;display:block}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.chapters .lbl{display:none}.caption{max-width:88vw;bottom:96px}.sitelinks{padding:7px 10px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e20ad;justify-content:center;gap:14px;margin:0;font-size:.66rem;position:fixed;bottom:0;left:0;right:0}.langs{margin-left:auto}.hint{bottom:42px}.hover-hint{bottom:44px;right:50%;transform:translate(50%)}.product-card{width:min(21rem,92vw)}.caption:before{background:linear-gradient(#0000,#080e2075 52%,#080e20db);height:58vh}.endcard{width:min(26rem,92vw);padding:22px 20px 18px;top:auto;bottom:22px;right:50%;transform:translate(50%)translateY(20px)}.endcard.in{transform:translate(50%)translateY(0)}.endcard .rows{max-height:34vh;overflow-y:auto}}@media (max-width:420px){.wordmark{font-size:.72rem}.caption .body{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.hint .arrow,.loader .bird,.loader .bar i{animation:none}.caption>*{transition-duration:.2s}}
