.op-root{position:fixed;inset:0;z-index:60;overflow:hidden;container-type:size;background:var(--op-bg);color:var(--op-fg);-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;font-family:var(--font-sans),system-ui,sans-serif}.op-root[data-preview="1"]{position:absolute;z-index:1}.op-bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 40%,color-mix(in srgb,var(--op-bg),#fff 9%),var(--op-bg) 58%,color-mix(in srgb,var(--op-bg),#000 24%))}.op-stage{position:relative;width:min(100cqw,52cqh);height:100%;margin:0 auto;container-type:inline-size}.op-stage>*,.op-trigger{position:absolute}.op-trigger{inset:0;z-index:40;width:100%;background:transparent;border:0;padding:0;cursor:pointer}.op-trigger:disabled{pointer-events:none}.op-trigger:focus-visible{outline:3px solid var(--op-accent);outline-offset:-8px;border-radius:18px}.op-skip{position:absolute;z-index:50;top:max(10px,env(safe-area-inset-top));right:12px;min-width:44px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--op-fg),transparent 62%);background:color-mix(in srgb,var(--op-bg),transparent 45%);color:var(--op-fg);font:500 13px/1 var(--font-sans),system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.op-skip:focus-visible{outline:2px solid var(--op-accent);outline-offset:2px}.op-hint{left:0;right:0;margin:0;text-align:center;font:500 3.3cqw/1.2 var(--font-sans),system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--op-fg);opacity:.85;pointer-events:none}.op-hint span{display:inline-block;animation:op-pulse 3.2s ease-in-out infinite}.op-float{animation:op-float 6.5s ease-in-out infinite}.op-glow{animation:op-breathe 5s ease-in-out infinite}.op-float-svg{animation:op-float 7s ease-in-out infinite}@keyframes op-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-2px,0)}}@keyframes op-breathe{0%,to{opacity:.94;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}@keyframes op-pulse{0%,to{opacity:.55}50%{opacity:.9}}.op-dust{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}.op-dust i{position:absolute;left:var(--x);bottom:-2cqh;width:var(--s);height:var(--s);border-radius:50%;background:var(--op-accent);opacity:0;animation:op-rise var(--d) linear var(--dl) infinite}@keyframes op-rise{0%{opacity:0;transform:translateZ(0)}15%{opacity:.5}85%{opacity:.3}to{opacity:0;transform:translate3d(var(--dx),-105cqh,0)}}.ar-tw{animation:op-tw 4.5s ease-in-out infinite}.ar-tw1{animation-delay:1.4s;animation-duration:5.5s}.ar-tw2{animation-delay:2.6s;animation-duration:6.5s}@keyframes op-tw{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ar-tw,.op-dust,.op-float,.op-float-svg,.op-glow{animation:none!important}.op-dust{display:none}.op-hint span{animation:none}}.op-card{inset:0;margin:auto;--cw:82cqw;width:var(--cw);height:calc(var(--cw) * 1.5);border-radius:1.4cqw;background:radial-gradient(90% 70% at 50% 38%,color-mix(in srgb,var(--op-card),#fff 7%),transparent 70%),var(--op-card);color:var(--op-ink);box-shadow:0 2cqw 7cqw rgba(0,0,0,.32);overflow:hidden;opacity:0;z-index:4}[data-template=arch-midnight] .op-card,[data-template=curtain-peach] .op-card,[data-template=door-burgundy] .op-card,[data-template=door-emerald] .op-card,[data-template=minimal-ivory] .op-card{opacity:1}.op-card-art{position:absolute;inset:0;width:100%;height:100%}.op-card-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18cqw 10cqw;gap:3cqw}.c-copy,.c-name{opacity:0}.op-kicker{margin:0;font:500 2.4cqw/1.5 var(--font-sans),system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--op-accent-text,var(--op-accent))}.op-names{display:flex;flex-direction:column;align-items:center;font-family:var(--font-serif),Georgia,serif;font-style:italic;font-weight:500;line-height:1.04;overflow-wrap:anywhere}.op-amp{font-size:6.4cqw;color:var(--op-accent-text,var(--op-accent));font-style:normal;line-height:1.5}.op-rule{width:22cqw;height:2.2cqw}.op-sub{margin:0;max-width:48cqw;font:400 3.3cqw/1.6 var(--font-serif),Georgia,serif;letter-spacing:.04em;opacity:.92}.op-card-arch .op-card-body{padding-top:32cqw;padding-bottom:12cqw;gap:2cqw}.op-card-arch .op-names span:not(.op-amp){font-size:9.6cqw!important}.op-card-arch .op-amp{font-size:5cqw!important}.op-card-arch .op-sub{font-size:2.8cqw;max-width:40cqw}.op-card-arch .op-kicker{font-size:2cqw;letter-spacing:.2em}.op-card-floral .op-card-body{padding-top:25cqw;padding-bottom:22cqw}.op-card-plain{box-shadow:0 1.4cqw 5cqw rgba(0,0,0,.18)}.ev{inset:0;margin:auto;width:86cqw;height:60cqw;z-index:2}.ev>*{position:absolute}.ev-back{inset:0;border-radius:1.2cqw;background:color-mix(in srgb,var(--op-accent2),#000 24%);box-shadow:0 3cqw 8cqw rgba(0,0,0,.45)}.ev-paper{left:4%;right:4%;top:7%;bottom:6%;background:linear-gradient(180deg,#f8f1e1,#efe4cb);border-radius:.6cqw}.ev-pocket{inset:0;width:100%;height:100%}.ev-flapwrap{left:0;top:0;width:100%;height:57.5%;perspective:1000px;z-index:3}.ev-flap{transform-origin:50% 0;transform-style:preserve-3d;will-change:transform}.ev-face,.ev-flap{position:absolute;inset:0}.ev-face{width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ev-face.back{transform:rotateX(180deg)}.ev-seal{left:50%;top:57.5%;width:18cqw;height:18cqw;margin:-9cqw 0 0 -9cqw;z-index:6;filter:drop-shadow(0 1cqw 1.2cqw rgba(0,0,0,.4))}.ev-seal .op-float,.ev-seal svg{display:block;width:100%;height:100%}.op-ev-hint{top:calc(50% + 40cqw)}.ev-burst{left:50%;top:50%;width:150cqw;height:150cqw;margin:-75cqw 0 0 -75cqw;border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.95) 0,rgba(255,226,160,.4) 32%,rgba(255,220,150,0) 62%);opacity:0;z-index:3;pointer-events:none}.cu-wall{inset:0;background:radial-gradient(70% 50% at 50% 48%,color-mix(in srgb,var(--op-bg),#fff 30%),color-mix(in srgb,var(--op-bg),#000 12%))}.cu-glow{inset:0;background:radial-gradient(60% 40% at 50% 50%,rgba(255,244,214,.5),transparent 70%)}.cu-curtains{inset:0;z-index:8}.cu-strip{top:0;bottom:0;width:12.9cqw;position:absolute;will-change:transform;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.22)),linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(255,255,255,.16) 18%,rgba(0,0,0,.1) 34%,rgba(0,0,0,.32) 50%,rgba(255,255,255,.14) 68%,rgba(0,0,0,.12) 84%,rgba(0,0,0,.34) 100%),color-mix(in srgb,var(--op-accent2),#fff var(--tone));box-shadow:0 0 2cqw rgba(0,0,0,.18)}.cu-strip.l{box-shadow:1.2cqw 0 2cqw rgba(0,0,0,.18)}.cu-strip.r{box-shadow:-1.2cqw 0 2cqw rgba(0,0,0,.18)}.cu-valance{left:0;top:0;width:100%;height:15cqw;z-index:12;filter:drop-shadow(0 1cqw 1cqw rgba(0,0,0,.25))}.cu-medal{left:50%;top:50%;width:22cqw;height:22cqw;margin:-11cqw 0 0 -11cqw;z-index:14;filter:drop-shadow(0 1cqw 1.4cqw rgba(0,0,0,.4))}.cu-medal .op-float,.cu-medal svg{display:block;width:100%;height:100%}.op-cu-hint{top:calc(50% + 15cqw);z-index:14;text-shadow:0 0 2cqw color-mix(in srgb,var(--op-accent2),transparent 30%)}[data-template=curtain-peach] .op-card{z-index:5}.dr{inset:0;margin:auto;width:84cqw;height:128cqw}.dr>*{position:absolute}.dr-interior{inset:4cqw;overflow:hidden;background:color-mix(in srgb,var(--op-accent2),#000 55%)}.dr-glow{inset:0;background:radial-gradient(70% 55% at 50% 50%,color-mix(in srgb,var(--op-accent),#fff 60%) 0,color-mix(in srgb,var(--op-accent),transparent 35%) 45%,transparent 85%);opacity:0}.dr-halo{inset:0;background:radial-gradient(50% 40% at 50% 50%,rgba(255,244,214,.35),transparent 75%)}.dr .op-card{--cw:66cqw;z-index:3}.dr-leaves{inset:4cqw;perspective:1300px;z-index:5}.dr-leaf{position:absolute;top:0;bottom:0;width:50%;will-change:transform;backface-visibility:visible}.dr-leaf.l{left:0;transform-origin:0 50%}.dr-leaf.r{right:0;transform-origin:100% 50%}.dr-leaf svg{display:block;width:100%;height:100%}.dr-leaf.r svg{transform:scaleX(-1)}.dr-frame{inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.dr-lock{left:50%;top:50%;width:15cqw;height:15cqw;margin:-7.5cqw 0 0 -7.5cqw;z-index:9;filter:drop-shadow(0 .8cqw 1cqw rgba(0,0,0,.45))}.dr-lock .op-float,.dr-lock svg{display:block;width:100%;height:100%}.op-dr-hint{top:calc(50% + 70cqw)}.ar-far{left:-30cqw;right:-30cqw;top:0;bottom:0;z-index:1;will-change:transform}.ar-far svg{display:block;width:100%;height:100%}.ar-mid{left:-10cqw;right:-10cqw;bottom:0;height:40cqw;z-index:2;transform-origin:50% 100%}.ar-mid svg{display:block;width:100%;height:100%}.ar-scene{left:0;right:0;top:0;bottom:0;margin:auto;height:170cqw;z-index:3}.ar-scene>*{position:absolute}.ar-room{left:15cqw;width:70cqw;top:22cqw;height:128cqw;border-radius:35cqw 35cqw 0 0;background:color-mix(in srgb,var(--op-bg),#000 25%);overflow:hidden}.ar-halo{inset:0;background:radial-gradient(60% 50% at 50% 50%,color-mix(in srgb,var(--op-accent2),transparent 45%),transparent 75%);opacity:0}.ar-scene .op-card{--cw:58cqw;z-index:2;margin:0;left:21cqw;top:62cqw}.ar-gates{left:15cqw;width:70cqw;top:20cqw;height:130cqw;z-index:3}.ar-gate{position:absolute;top:0;bottom:0;width:50%;will-change:transform}.ar-gate.l{left:0}.ar-gate.r{right:0}.ar-gate svg{display:block;width:100%;height:100%}.ar-shell{left:0;top:0;width:100%;height:100%;overflow:visible;z-index:4;transform-origin:50% 59%;will-change:transform;pointer-events:none}.ar-lock{left:50%;top:100cqw;width:13cqw;height:13cqw;margin:-6.5cqw 0 0 -6.5cqw;z-index:6}.ar-lock .op-float,.ar-lock svg{display:block;width:100%;height:100%}.op-ar-hint{top:calc(50% + 78cqw);z-index:6}.bk{inset:0;margin:auto;width:82cqw;height:123cqw;perspective:1500px;z-index:2}.bk>*{position:absolute}.bk .op-card{inset:0;margin:0;width:100%;height:100%;--cw:82cqw;z-index:1}.bk .op-card,.bk-pages{border-radius:.6cqw 1.4cqw 1.4cqw .6cqw}.bk-pages{inset:1.2cqw -1.4cqw -1.2cqw 1.4cqw;background:repeating-linear-gradient(180deg,#e9e1cf 0 .5cqw,#d9cfb8 .5cqw 1cqw);z-index:0;box-shadow:0 3cqw 7cqw rgba(0,0,0,.22)}.bk-shade{inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,0) 55%);pointer-events:none}.bk-cover{inset:0;z-index:3;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}.bk-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.6cqw 1.4cqw 1.4cqw .6cqw;overflow:hidden}.bk-face.front{background:linear-gradient(135deg,color-mix(in srgb,var(--op-accent2),#fff 8%),color-mix(in srgb,var(--op-accent2),#000 26%));box-shadow:0 3cqw 7cqw rgba(0,0,0,.3)}.bk-face.front svg{position:absolute;inset:0;width:100%;height:100%}.bk-spine{position:absolute;left:0;top:0;bottom:0;width:5cqw;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(255,255,255,.08) 60%,rgba(0,0,0,.18))}.bk-face.back{transform:rotateY(180deg);background:linear-gradient(90deg,color-mix(in srgb,var(--op-card),#000 8%),var(--op-card))}.op-bk-hint{top:calc(50% + 70cqw)}