@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap";:root{--color-ink: #f6efe7;--color-muted: rgba(246, 239, 231, .68);--color-line: rgba(255, 255, 255, .08);--color-panel: rgba(9, 12, 24, .22);--font-sans: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif;color:var(--color-ink);background:radial-gradient(circle at top left,rgba(241,164,74,.22),transparent 34%),radial-gradient(circle at top right,rgba(81,121,255,.22),transparent 28%),linear-gradient(135deg,#090c18,#121a2d 45%,#05070f);font-family:var(--font-sans)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:relative;overflow-x:hidden;touch-action:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05081614,#0508164d),radial-gradient(circle at center,transparent 34%,rgba(5,8,22,.26) 100%);z-index:1;pointer-events:none}img{display:block;max-width:100%}button{font:inherit}#app{position:relative;z-index:10;min-height:100lvh;padding:clamp(.75rem,2vw,1.5rem)}.page-shell{display:grid;gap:1rem;min-height:calc(100lvh - 2rem);align-content:start}#viewer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.panel{border:1px solid var(--color-line);border-radius:28px;background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 56px #00000029}.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:.25rem;position:relative;z-index:2}.scroll-hint{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f6efe76b}.effect-dock{position:fixed;top:clamp(1rem,2.5vw,1.5rem);right:clamp(1rem,2.5vw,1.5rem);z-index:2;width:min(18rem,calc(100vw - 2rem));padding:.85rem .9rem;border-radius:22px;background:#090c1829;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.camera-editor{position:fixed;top:clamp(1rem,2.5vw,1.5rem);left:clamp(1rem,2.5vw,1.5rem);z-index:3;width:min(22rem,calc(100vw - 2rem));padding:.95rem 1rem;border-radius:22px;background:#090c1838;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.effect-dock-header,.effect-control-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.effect-dock-header{margin-bottom:.65rem}.effect-group+.effect-group{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.06)}.effect-group-title{margin:0 0 .5rem;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f6efe775}.effect-dock-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f6efe7b8}.effect-reset{padding:.28rem .58rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#f6efe7c7;cursor:pointer}.effect-control-list{display:grid;gap:.55rem}.camera-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.camera-editor-field{display:grid;gap:.3rem}.camera-editor-label{font-size:.72rem;color:#f6efe7c7}.camera-editor-input,.camera-editor-select{width:100%;min-width:0;padding:.48rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:var(--color-ink);font:inherit}.camera-editor-input::-webkit-outer-spin-button,.camera-editor-input::-webkit-inner-spin-button{margin:0}.camera-editor-toggle{display:flex;align-items:center;gap:.55rem;margin-top:.7rem;font-size:.75rem;color:#f6efe7c7}.camera-editor-toggle input{accent-color:#f1a44a}.camera-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.camera-editor-output{margin:.85rem 0 0;padding:.8rem;max-height:14rem;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;font-size:.72rem;line-height:1.5;color:#f6efe7bd;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.effect-control{display:grid;gap:.28rem}.effect-control-label,.effect-control-value{font-size:.72rem}.effect-control-label{color:#f6efe7c7}.effect-control-value{color:#f6efe785;font-variant-numeric:tabular-nums}.effect-control-input{width:100%;margin:0;accent-color:#f1a44a}.scroll-stack{position:relative;z-index:2;display:grid;gap:0;padding:0}.scene-step{min-height:100svh;display:flex;align-items:center;padding:clamp(1.5rem,4vw,3rem) 0;pointer-events:none}.scene-step--left{justify-content:flex-start}.scene-step--right{justify-content:flex-end}.scene-step-copy{max-width:min(32rem,calc(100vw - 3rem));padding:1.1rem 1.15rem 1.2rem;background:#090c181f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;transition:transform .22s ease,border-color .22s ease,background .22s ease}.scene-step.is-active .scene-step-copy{transform:translateY(-6px);border-color:#f1a44a38;background:#090c182e}.scene-step-kicker,.scene-step-title,.scene-step-description{margin:0}.scene-step-kicker{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f6efe775}.scene-step-title{margin-top:.35rem;font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,4.2rem);line-height:.92}.scene-step-description{margin-top:.8rem;max-width:28rem;font-size:.95rem;line-height:1.6;color:#f6efe7b8}.scene-video-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;margin-top:1rem;padding:.72rem 1rem;border:1px solid rgba(241,164,74,.34);border-radius:999px;background:#f1a44a1f;color:var(--color-ink);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease}.scene-video-button:hover{background:#f1a44a33;border-color:#f1a44a8a}.scene-video-button:disabled{cursor:progress;opacity:.62}.video-embed{position:fixed;left:50%;top:50%;z-index:1;width:min(68vw,58rem);aspect-ratio:16 / 9;height:auto;border:0;transform:translate(-50%,-50%);background:#05070f;box-shadow:0 1.5rem 5rem #00000061}.brand,.selector-label,.scene-card-kicker{margin:0}.brand{font-size:.72rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#f6efe780}.scene-card-kicker{color:var(--color-muted)}.selector-label{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.scene-card-title{font-size:.92rem;font-weight:600}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#050816d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .22s ease,visibility .22s ease}#loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{display:grid;gap:.9rem;width:min(22rem,calc(100vw - 3rem))}#loader-bar-track{height:.36rem;border-radius:999px;overflow:hidden;background:#ffffff14}#loader-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f1a44a,#f8dcc1);transition:width .16s ease}#loader-label{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}@media (max-width: 960px){.topbar{flex-direction:column;align-items:flex-start;gap:.35rem}.effect-dock{top:auto;right:.75rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:min(16rem,calc(100vw - 1.5rem))}.camera-editor{top:.75rem;left:.75rem;width:min(18rem,calc(100vw - 1.5rem));max-height:calc(100svh - 1.5rem);overflow:auto}.camera-editor-grid,.camera-editor-actions{grid-template-columns:1fr}.scroll-stack{padding-bottom:24rem}.scene-step{min-height:100svh;justify-content:flex-start}.scene-step-copy{max-width:calc(100vw - 1.5rem)}.video-embed{width:min(88vw,34rem)}}