#hero{position:relative;width:100%;height:100dvh;overflow:hidden}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) 3.5rem var(--gutter);padding-right:calc(var(--nav-w) + var(--gutter));pointer-events:none}.hero-overlay__row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.hero-overlay__content{pointer-events:all;max-width:560px}.hero-tagline{font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.1rem);font-weight:300;color:var(--text-secondary);line-height:1.8;margin:0;padding:0;opacity:0;animation:fadeUp .9s var(--ease-out) .65s forwards}.hero-drag-hint{position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);transition:opacity 1s ease;pointer-events:none;opacity:0;animation:fadeIn 1s var(--ease-out) 1.5s forwards}.ar-btn{flex-shrink:0;align-self:flex-end;display:flex;align-items:center;gap:.55em;padding:.6rem 1.1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:2px;color:var(--text-secondary);font-family:var(--font-mono);font-size:1rem;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;cursor:pointer;pointer-events:all;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast);opacity:0;animation:fadeUp .9s var(--ease-out) 1.1s forwards;margin-bottom:.35rem}.ar-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.ar-btn.is-loading{opacity:.5;cursor:wait;pointer-events:none}.ar-btn.is-active{border-color:var(--blue);color:var(--blue);background:#4a90c812}.ar-btn__dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.ar-btn.is-active .ar-btn__dot{animation:ar-pulse 1.4s ease-in-out infinite}@keyframes ar-pulse{0%,to{opacity:1}50%{opacity:.25}}#ar-hand-canvas{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:var(--z-ar-canvas);pointer-events:none;transform:scaleX(-1)}#hero-progress{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:var(--z-progress);pointer-events:none}#hero-progress-track{width:100%;height:1px;background:#ffffff26}#hero-progress-bar{height:100%;width:0%;background:#ffffffb3;transition:width .2s ease}#hero-progress-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:#fff6}.art-backdrop{position:fixed;inset:0;z-index:var(--z-art-backdrop);background:#080312d1;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem var(--gutter);animation:art-in .38s var(--ease-out) both}@keyframes art-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.art-inner{width:100%;max-width:980px}.art-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.art-header__label{font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.22em;color:var(--text-secondary)}.art-step-num{color:var(--gold)}.art-skip{background:none;border:none;font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast);padding:0}.art-skip:hover{color:var(--text-secondary)}.art-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.art-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:1.8rem 1.6rem 1.5rem;transition:opacity .5s var(--ease-out),border-color .5s,box-shadow .5s}.art-panel.is-locked{opacity:.22;pointer-events:none}.art-panel.is-active{border-color:var(--gold-dim);box-shadow:0 0 28px #c8a96e12,inset 0 0 0 1px #c8a96e0f}.art-panel.is-done{opacity:.45}.art-panel.is-targeted{border-color:var(--gold);box-shadow:0 0 32px #c8a96e24,inset 0 0 0 1px #c8a96e1f}.art-panel__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.1rem}.art-panel__num{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.12em;color:var(--gold-dim)}.art-panel__check{font-size:.7rem;color:var(--gold);opacity:0;transition:opacity .4s}.art-panel.is-done .art-panel__check{opacity:1}.art-panel__title{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.55rem);font-weight:300;line-height:1.2;color:var(--text-primary);margin-bottom:.7rem}.art-panel__desc{font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.2rem}.art-gestures{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.art-gesture{display:flex;align-items:center;gap:.45rem;padding:.45rem .6rem;background:#ffffff05;border:1px solid var(--border);border-radius:2px;font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.art-gesture__icon{flex-shrink:0;font-size:.85rem;line-height:1}.art-gesture__name{flex:1}.art-gesture__tick{margin-left:auto;color:var(--gold);opacity:0;transition:opacity .35s}.art-gesture.is-done{border-color:var(--gold-dim);color:var(--text-secondary);background:#c8a96e0a}.art-gesture.is-done .art-gesture__tick{opacity:1}.art-panel__status{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-top:1.3rem}.art-pulse{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:art-pulse 1.5s ease-in-out infinite}@keyframes art-pulse{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}.art-panel.is-done .art-pulse{animation:none;opacity:.2}.art-pinch-target{display:flex;flex-direction:column;align-items:center;gap:.9rem;margin-top:1.4rem}.art-pinch-orb{position:relative;width:64px;height:64px}.art-pinch-orb__ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--gold-dim);animation:art-orb-ring 2.2s ease-in-out infinite}.art-pinch-orb__ring--outer{inset:-10px;border-color:#c8a96e33;animation-delay:.4s}@keyframes art-orb-ring{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.12);opacity:.9}}.art-pinch-orb__core{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,110,.25) 0%,transparent 70%);border:1px solid var(--gold)}.art-pinch-orb.is-pinching .art-pinch-orb__ring{animation:none;opacity:1;border-color:var(--gold);transform:scale(.85);box-shadow:0 0 16px #c8a96e80}.art-pinch-orb.is-pinching .art-pinch-orb__core{background:radial-gradient(circle,rgba(200,169,110,.6) 0%,transparent 70%)}.art-pinch-label{font-family:var(--font-mono);font-size:.54rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-dim)}@media (max-width: 680px){.art-panels{grid-template-columns:1fr}.art-panel.is-locked{display:none}}@media (max-width: 900px){.hero-overlay__row{flex-direction:column;align-items:flex-start;gap:1.5rem}.ar-btn{align-self:flex-start}.hero-drag-hint{display:none}}@media (max-width: 600px){.ar-btn{font-size:.75rem;padding:.5rem .85rem;letter-spacing:.12em}.hero-tagline{font-size:.95rem}}