/* Sabeti Lab · Holiday Cards — simple (split from app.css; see ARCHITECTURE.md) */
/* harness: ?still freezes every CSS animation and transition so screenshots are pixel-exact */
body.still *,body.still *::before,body.still *::after{animation:none!important;transition:none!important}

/* ═══════════ SIMPLE MODE (reduced motion / fallback) ═══════════ */
body.simple .scene{height:auto}
body.simple .pin{position:relative;height:auto;min-height:0;padding:80px 20px 60px}
body.simple .stage,body.simple .fx,body.simple .cap,body.simple .hero-hint{display:none}
body.simple .info{position:static;transform:none;opacity:1;width:auto;max-width:720px;margin:0 auto 30px;display:block}
body.simple .i-now{display:none}
body.simple .flat{display:grid;gap:26px;max-width:960px;margin:0 auto}
body.simple .flat .item{position:static;transform:none!important;opacity:1!important}
body.simple .flat .item-frame{max-width:100%;width:auto;height:auto}
body.simple .flat .item-frame img{height:auto}
body.simple .flat .item-label{position:static;transform:none;opacity:.8;margin-top:8px;text-align:center}
body.simple .hero .pin{min-height:70vh;display:grid;place-items:center}
body.simple .hero-copy{position:static;transform:none}
body.simple .deck{display:none}
body.simple .rail{display:none}
@media (prefers-reduced-motion:reduce){.hero-hint i,.item,.skin-sea .stage::before,.skin-mantel .fire{animation:none!important}}