:root{--ink:#0e0d0c;--ink-2:#1a1816;--cream:#efe6d8;--cream-dim:#efe6d8ad;--gold:#c8964c;--gold-bright:#e2b56b;--font-display:"Cinzel", "Times New Roman", serif;--font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color:var(--cream);background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);overscroll-behavior-y:none;margin:0}body{-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100dvh}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}.page{isolation:isolate;min-height:100svh;padding:max(20px, calc(env(safe-area-inset-top) + 12px)) max(16px, env(safe-area-inset-right)) max(16px, calc(env(safe-area-inset-bottom) + 8px)) max(16px, env(safe-area-inset-left));background:radial-gradient(120% 70% at 50% 0%, var(--ink-2) 0%, var(--ink) 60%), var(--ink);flex-direction:column;align-items:center;gap:clamp(14px,2.4svh,24px);display:flex;position:relative;overflow:hidden}.page:before{content:"";z-index:-2;opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff06 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#00000059 0 1px,#0000 1px 4px);position:absolute;inset:0}.glow{z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#c8964c33 0%,#c8964c00 60%);width:min(900px,160vw);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.intro{text-align:center;max-width:34rem;animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.eyebrow{color:var(--gold-bright);letter-spacing:.42em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 10px;padding-left:.42em;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow-line{background:linear-gradient(90deg, transparent, var(--gold));width:36px;height:1px}.eyebrow-line:last-child{background:linear-gradient(90deg, var(--gold), transparent)}.title{font-family:var(--font-display);letter-spacing:.01em;color:var(--cream);text-wrap:balance;margin:0;font-size:clamp(1.45rem,6.6vw,2.1rem);font-weight:500;line-height:1.15}.title em{color:var(--gold-bright);background:linear-gradient(180deg, var(--gold-bright), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{max-width:30rem;color:var(--cream-dim);text-wrap:pretty;margin:12px auto 0;font-size:.9rem;line-height:1.6}@media (height<=760px) and (width<=899px){.lede{display:none}}.card-stage{flex-direction:column;flex:auto;align-items:center;gap:14px;width:100%;min-height:0;animation:1s cubic-bezier(.2,.8,.2,1) .1s both pop;display:flex}.card-slot{perspective:1400px;flex:1 1 0;place-items:center;width:100%;min-height:320px;display:grid;container-type:size}.card{--rot:0deg;--tilt-x:0deg;--tilt-y:0deg;aspect-ratio:960/1600;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:20px;width:min(100cqw,60cqh,420px);padding:0}.card:focus-visible{outline:2px solid var(--gold-bright);outline-offset:6px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(calc(var(--rot) + var(--tilt-y))) rotateX(var(--tilt-x));transition:transform .8s cubic-bezier(.3,.7,.2,1);display:block;position:relative}.card.is-dragging .card-inner{transition:none}.card-face{backface-visibility:hidden;border-radius:20px;position:absolute;inset:0;overflow:hidden;transform:translateZ(.1px);box-shadow:0 0 0 1px #e2b56b40,0 30px 60px -20px #000000d9,0 18px 36px -18px #000000b3}.card-back{transform:rotateY(180deg)translateZ(.1px)}.card-face img{object-fit:cover;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%}.card-face:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff2e 45%,#0000 60%) 150% 0/250% 100%;animation:6s ease-in-out 1.4s infinite sheen;position:absolute;inset:0}@media (hover:hover){.card:hover{--tilt-y:-8deg;--tilt-x:3deg}}.side-switch{background:#efe6d80f;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e2b56b38}.side-switch button{z-index:1;min-width:112px;min-height:40px;color:var(--cream-dim);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:.72rem;font-weight:500;transition:color .3s;position:relative}.side-switch button[aria-pressed=true]{color:var(--ink)}.side-switch button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.side-thumb{background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-radius:999px;width:calc(50% - 4px);transition:transform .45s cubic-bezier(.3,.7,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 16px -8px #e2b56bcc}.side-switch.is-back .side-thumb{transform:translate(100%)}.flip-hint{color:#efe6d880;letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:.66rem;display:inline-flex}.flip-hint svg{fill:none;width:14px;height:14px;stroke:var(--gold);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.hint-mouse{display:none}@media (pointer:coarse) and (width<=899px){.flip-hint{display:none}}.actions{justify-content:center;width:100%;animation:.9s cubic-bezier(.2,.7,.2,1) .25s both rise;display:flex}.btn{letter-spacing:.08em;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:.85rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.btn-primary{width:min(100%,380px);color:var(--ink);background:linear-gradient(180deg, var(--gold-bright), var(--gold));box-shadow:0 8px 24px -10px #e2b56bb3}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}@media (hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #e2b56bd9}}.footer{color:#efe6d866;letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.66rem;display:flex}.dot{background:var(--gold);border-radius:50%;width:4px;height:4px}@media (width>=900px),(orientation:landscape) and (height<=520px){.page{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro card""actions card""footer footer";align-content:center;gap:0 clamp(32px,8vw,120px);max-width:1280px;min-height:100dvh;margin-inline:auto;display:grid}.page:before,.glow{position:fixed}.glow{top:50%;left:70%}.intro{text-align:left;grid-area:intro;place-self:end;width:100%}.actions{grid-area:actions;justify-content:flex-start;place-self:start end;max-width:34rem;margin-top:28px}.btn-primary{width:auto}.eyebrow{padding-left:0}.eyebrow-line:first-child{display:none}.lede{margin-inline:0}.card-stage{flex:none;grid-area:card;width:auto}.card-slot{flex:none;min-height:0;display:block;container-type:normal}.card{width:min(400px,46.8svh)}.side-switch,.hint-touch{display:none}.hint-mouse{display:inline}.footer{grid-area:footer;margin-top:40px}}@media (width>=900px){.page{padding-inline:max(48px, env(safe-area-inset-left)) max(48px, env(safe-area-inset-right))}.eyebrow{margin-bottom:18px;font-size:.78rem}.title{font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.12}.lede{margin-top:18px;font-size:1.05rem;line-height:1.7}.btn{min-height:48px}}@media (width<=899px) and (orientation:landscape) and (height<=520px){.page{padding-top:max(16px, env(safe-area-inset-top));row-gap:0}.title{font-size:clamp(1.4rem,4.4vw,2.1rem)}.lede{display:block}.actions{margin-top:18px}.card{width:45.6svh}.flip-hint{display:none}.footer{margin-top:12px}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:none}}@keyframes sheen{0%,70%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.intro,.card-stage,.actions{animation:none}.card-face:after{display:none}.card .card-inner{transition:none;transform:none}.card-face{transition:opacity .3s}.card-back{opacity:0;transform:none}.card.is-flipped .card-back{opacity:1}.card.is-flipped .card-front{opacity:0}}