:root{--bg:#06080c;--fg:#f4f1ea;--muted:#f4f1ea8c;--cream:#f4f1ea;--ink:#1b1b1b;--ink-soft:#1b1b1ba8;--accent:#c97b4a;--brand-gold:#ffbe00;--brand-maroon:#571f1a;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{-webkit-user-drag:none;user-drag:none}#scene{z-index:0;touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hero{z-index:1;height:100vh;pointer-events:none;height:100svh;position:relative}.ui{padding:clamp(18px,4vw,48px);padding-top:max(clamp(18px, 4vw, 48px), env(safe-area-inset-top));padding-bottom:max(clamp(18px, 4vw, 48px), env(safe-area-inset-bottom));padding-left:max(clamp(18px, 4vw, 48px), env(safe-area-inset-left));padding-right:max(clamp(18px, 4vw, 48px), env(safe-area-inset-right));opacity:0;flex-direction:column;justify-content:space-between;transition:opacity 1s .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}body.ready .ui{opacity:1}.ui-top{justify-content:space-between;align-items:center;display:flex}.ui-top .back{pointer-events:auto;color:var(--fg);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.back-text{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:12px;transition:opacity .25s}.back:hover .back-text{opacity:1}.arw{opacity:.82;width:38px;height:12px;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .3s;display:block;overflow:visible}.arw path{fill:none;stroke:var(--fg);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.back:hover .arw,.arrow:hover .arw{opacity:1}.arrow.next:hover .arw{transform:translate(5px)}.arrow.prev:hover .arw,.back:hover .arw{transform:translate(-5px)}.ui-bottom{flex-direction:column;gap:20px;display:flex}.caption{flex-direction:column;gap:8px;display:flex}.kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px}.kicker #capIndex{opacity:.8}.num-roll{vertical-align:bottom;height:1.15em;line-height:1.15em;display:inline-block;position:relative;overflow:hidden}.num-roll>span{display:block}.caption-title{overflow:hidden}.caption-title span{will-change:transform, opacity;display:inline-block}.caption-title{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(36px,7vw,88px);font-weight:500;line-height:.95}.nav{align-items:center;gap:18px;display:flex}.arrow{pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:6px;display:flex}.progress{pointer-events:auto;gap:8px;display:flex}.seg{cursor:pointer;background:0 0;border:0;flex:none;width:46px;padding:10px 0}.seg-track{background:#f4f1ea38;height:2px;display:block;overflow:hidden}.seg.done .seg-track{background:#f4f1ea80}.seg-fill{background:var(--fg);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.seg:focus,.arrow:focus,.back:focus{outline:none}.seg:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.arrow:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.back:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.hint{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.content{z-index:2;background:var(--cream);color:var(--ink);padding:clamp(56px,9vw,120px) clamp(20px,6vw,48px);position:relative}.content-inner{max-width:760px;margin:0 auto}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-size:12px}.content h2{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(28px,4.5vw,46px);font-weight:500;line-height:1.1}.content .lead{color:var(--ink-soft);margin-top:22px;font-size:clamp(16px,2vw,19px);line-height:1.7}.cols{grid-template-columns:1fr 1fr;gap:36px;margin-top:56px;display:grid}.content h3{letter-spacing:.04em;margin-bottom:12px;font-size:15px}.cols p{color:var(--ink-soft);font-size:15px;line-height:1.75}.cta{flex-wrap:wrap;gap:14px;margin-top:56px;display:flex}.btn{background:var(--brand-gold);color:var(--brand-maroon);border:1px solid var(--brand-gold);border-radius:999px;padding:14px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.btn:hover{background:#ffcb2e;border-color:#ffcb2e}.btn-ghost{color:var(--brand-maroon);border-color:var(--brand-maroon);background:0 0}.btn-ghost:hover{background:var(--brand-maroon);color:var(--cream)}.exp-footer{color:var(--ink-soft);border-top:1px solid #1b1b1b24;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;padding-top:26px;font-size:13px;display:flex}.exp-footer .legal{color:var(--ink-soft);text-underline-offset:3px;text-decoration:underline}.exp-footer .legal:hover{color:var(--ink)}.fallback{background:var(--bg);z-index:3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.fallback img{object-fit:cover;width:100%;height:100%}.fallback[hidden]{display:none}@media (max-width:640px){.cols{grid-template-columns:1fr;gap:28px}.arrow{display:none}.nav{gap:0}.seg{width:30px}.caption-title{font-size:clamp(34px,12vw,54px)}.ui-bottom{gap:16px}}
