@view-transition{navigation:auto}:root{--bg:#fff;--bg-2:#f7f4f0;--ink:#111;--muted:#6b6b6b;--accent:#ff6b5c;--glass:#ffffff8c;--ease:cubic-bezier(.16,1,.3,1);--r-2:16px;--r-3:24px;--pill:999px;--display:"Instrument Serif",Georgia,serif;--body:Inter,system-ui,sans-serif;--focus:62% 50%;--sr-breath:1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.demo-aurora{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.55}#frame-bar{z-index:20;color:var(--muted);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex;position:sticky;top:0}#frame-bar a{color:var(--ink);white-space:nowrap;font-weight:500;text-decoration:none}#frame-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}main>section{max-width:1200px;margin:0 auto;padding:clamp(56px,9vw,120px) clamp(16px,4vw,48px)}h1{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(36px,5.2vw,84px);font-weight:400;line-height:.98}h1 em{color:var(--accent);font-style:italic}h2{font-family:var(--display);margin-bottom:28px;font-size:clamp(32px,4.5vw,56px);font-weight:400}h3{font-family:var(--display);font-weight:400}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:12px}.btn-solid,.btn-glass{border-radius:var(--pill);transition:transform .2s var(--ease),background .2s;border:1px solid #0000;padding:14px 22px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.btn-solid{background:var(--ink);color:#fff}.btn-glass{background:var(--glass);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#0000001f}.btn-solid:hover,.btn-glass:hover{transform:translateY(-2px)}main>#hero{max-width:none;height:200vh;padding:0;position:relative}#hero .stage{place-items:center;height:100vh;padding:56px clamp(16px,4vw,48px) 24px;display:grid;position:sticky;top:0}#hero .frame{aspect-ratio:16/9;border-radius:var(--r-3);background:var(--bg-2);width:min(100%,177.778vh - 142.222px);position:relative;overflow:hidden;box-shadow:0 30px 80px #0000001f}#hero .layer{object-fit:cover;object-position:var(--focus);opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}#hero .poster,#hero[data-state=playing] .bridge,#hero[data-state=still] .bridge,#hero[data-state=still] .still{opacity:1}#hero .shade{transition:opacity .5s var(--ease);background:linear-gradient(90deg,#ffffffc7 0%,#ffffff8c 32%,#fff0 58%),linear-gradient(#fff0 55%,#fff9 100%);position:absolute;inset:0}#nav{z-index:3;justify-content:space-between;align-items:center;padding:18px clamp(16px,3%,32px);display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--display);color:var(--ink);font-size:22px;text-decoration:none}.nav-pill{border-radius:var(--pill);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:4px;padding:6px;display:flex}.nav-pill a{border-radius:var(--pill);color:var(--ink);padding:8px 14px;font-size:14px;text-decoration:none;transition:background .2s}.nav-pill a:hover{background:#fff}.hero-copy{z-index:2;max-width:min(54%,640px);transition:opacity .5s var(--ease);position:absolute;bottom:clamp(20px,7%,72px);left:clamp(20px,4.5%,64px)}#hero[data-state=playing] .hero-copy,#hero[data-state=still] .hero-copy,#hero[data-state=playing] .shade,#hero[data-state=still] .shade{opacity:0;pointer-events:none}.sub{color:#333;max-width:48ch;margin:16px 0 22px;font-size:clamp(15px,1.3vw,19px)}.cta{flex-wrap:wrap;gap:12px;display:flex}.stats{flex-wrap:wrap;gap:24px;margin-top:26px;list-style:none;display:flex}.stats li{flex-direction:column;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:20px}.stats span{color:#444;font-size:12px}.sr{grid-template-columns:1.5fr 1fr;align-items:center;gap:28px;display:grid}.sr-stage{aspect-ratio:16/9;border-radius:var(--r-3);background:var(--bg-2);position:relative;overflow:hidden}.sr-layer{object-fit:cover;object-position:50% 50%;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease),transform .5s var(--ease);position:absolute;inset:0;transform:scale(1)}.sr-layer.active{opacity:1;transform:scale(var(--sr-breath))}.sr-panel{align-content:start;gap:18px;display:grid}.sr-panel .btn-solid{justify-self:start}.sr-tabs{border-radius:var(--pill);background:#0000000d;gap:4px;padding:6px;display:inline-flex}.sr-tabs [role=tab]{font:inherit;border-radius:var(--pill);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:9px 16px;font-size:14px;transition:background .2s,color .2s}.sr-tabs [role=tab][aria-selected=true]{background:var(--ink);color:#fff}.sr-tabs [role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-title{font-size:clamp(26px,2.6vw,36px);line-height:1.05}.sr-line{color:var(--muted);max-width:38ch;font-size:16px}.sr-price{font-size:15px;font-weight:600}.menu{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;list-style:none;display:grid}.menu li{background:var(--bg-2);border-radius:var(--r-3);transition:transform .3s var(--ease);align-items:center;gap:14px;padding:14px;display:flex}.menu li:hover{transform:translateY(-4px)}.menu img{object-fit:cover;border-radius:12px;flex:none;width:64px;height:84px}.menu h3{font-size:22px;line-height:1.1}.menu p{color:var(--muted);font-size:14px}.compare{border-collapse:separate;border-spacing:0;background:var(--accent);color:#fff;border-radius:var(--r-3);width:100%;font-size:16px;overflow:hidden}.compare th,.compare td{text-align:left;padding:16px 20px}.compare thead th{border-bottom:1px solid #ffffff59;font-weight:600}.compare tbody th{font-weight:500}.compare td{text-align:center;font-size:20px}.faces{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.face{background:var(--bg-2);border-radius:var(--r-3);padding:16px}.face img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-2);width:100%;margin-bottom:14px;display:block}.face blockquote{font-family:var(--display);margin-bottom:8px;font-size:20px;line-height:1.3}.face figcaption{color:var(--muted);font-size:13px}#book-form{background:var(--glass);border-radius:var(--r-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #00000014;gap:14px;max-width:520px;padding:24px;display:grid}#book-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}#book-form input,#book-form select{font:inherit;color:var(--ink);background:#fff;border:1px solid #00000024;border-radius:12px;padding:12px 14px}#book-form input[aria-invalid=true]{border-color:var(--accent)}#book-form button{cursor:pointer;border:0;justify-self:start}#form-msg{min-height:1.4em;font-size:14px}#form-msg.ok{color:#1a7f37}#form-msg.err{color:var(--accent)}footer{color:var(--muted);text-align:center;padding:40px clamp(16px,4vw,48px);font-size:13px}html.js [data-enter]{opacity:0;transform:translateY(18px)}html.js [data-enter].in{opacity:1;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:none}html.js [data-reveal]{opacity:0;transform:translateY(24px)}html.js [data-reveal].in{opacity:1;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:none}#confetti{pointer-events:none;z-index:0;opacity:.1;background-image:radial-gradient(circle at 20% 30%,var(--accent) 3px,transparent 3px),radial-gradient(circle at 70% 60%,#7c9cff 3px,transparent 3px),radial-gradient(circle at 40% 80%,#ffd166 3px,transparent 3px),radial-gradient(circle at 85% 20%,#c77dff 3px,transparent 3px);will-change:transform;background-size:260px 260px,320px 320px,280px 280px,340px 340px;position:fixed;inset:-40px}main,footer,#frame-bar{z-index:1;position:relative}@media (width<=900px){main>#hero{height:auto}#hero .stage{height:auto;padding:44px 12px 8px;display:block;position:static}#hero .frame{aspect-ratio:auto;width:100%}#hero .layer{border-radius:var(--r-3);width:100%;height:calc(125vw - 30px);top:0;left:0}#hero .shade,.nav-pill{display:none}.hero-copy{max-width:none;margin-top:calc(125vw - 30px);padding:20px 12px 28px;position:static}#hero[data-state=playing] .hero-copy,#hero[data-state=still] .hero-copy{opacity:1;pointer-events:auto}h1{font-size:clamp(38px,11vw,52px)}.sr{grid-template-columns:1fr}.sr-stage{aspect-ratio:4/3}.menu,.faces{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-enter],[data-reveal],html.js [data-enter],html.js [data-reveal]{opacity:1;transition:none;transform:none}#hero .layer,.hero-copy,#hero .shade,.sr-layer{transition:none}.menu li:hover,.btn-solid:hover,.btn-glass:hover{transform:none}html{scroll-behavior:auto}}