@charset "UTF-8";
:root{color-scheme:dark;--bg:#080608;--fg:#f8eee9;--muted:#a59a9b;--red:#c52d37;--gold:#d8ad73;--border:rgba(223,180,134,.23)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 50% 37%,#270b13 0%,#10080c 41%,#080608 78%);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.app{max-width:520px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.app:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.008) 5px)}
.masthead{height:72px;padding:24px 25px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.07em;white-space:nowrap}.brand b{font-weight:500;color:#e6535c}.brand-mark{color:var(--gold);font-size:13px;margin-right:8px}.header-label{font-size:9px;letter-spacing:.18em;font-weight:700;color:#ab9290;white-space:nowrap}
.experience{flex:1;display:flex;flex-direction:column;min-height:0}.step-meter{display:flex;gap:7px;margin:9px 26px 0}.meter-line{height:2px;background:#423039;flex:1;transition:background .3s}.meter-line.active{background:linear-gradient(90deg,#c34448,#e0b77f)}
.scene{height:clamp(245px,43svh,420px);position:relative;margin:4px 12px 0;overflow:hidden;flex-shrink:1;min-height:205px}.scene-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,rgba(144,23,40,.22),transparent 60%)}.door-image{position:absolute;left:50%;top:0;transform:translateX(-50%) scale(1);width:auto;height:100%;max-width:none;object-fit:contain;filter:contrast(1.04) saturate(.86);opacity:1;transition:opacity .75s ease,transform 1.4s cubic-bezier(.19,1,.22,1)}.door-image.open{opacity:0;transform:translateX(-50%) scale(1.08)}.scene.is-open .door-image:not(.open){opacity:0;transform:translateX(-50%) scale(1.08)}.scene.is-open .door-image.open{opacity:1;transform:translateX(-50%) scale(1)}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080608 0%,transparent 14%,transparent 86%,#080608 100%),linear-gradient(180deg,#080608 0%,transparent 17%,transparent 62%,#080608 99%);pointer-events:none}.scene-label{position:absolute;bottom:11px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#c8a984;letter-spacing:.22em;font-size:9px;font-weight:700;text-shadow:0 1px 10px #000}.tiny-star{color:#b65e54;font-size:11px}
.content{padding:8px 30px 16px;position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:260px}.screen{animation:fadeUp .48s ease both}.screen[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#d7ae7d;display:flex;align-items:center;gap:10px;margin:0 0 13px}.eyebrow span{height:1px;width:30px;background:#805450}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,9.1vw,45px);font-weight:400;line-height:1.09;letter-spacing:-.035em;margin:0;max-width:420px}h1 em{display:block;font-weight:400;font-style:normal;color:#f0b8aa;background:linear-gradient(115deg,#fff0db,#e4a69e 52%,#d66d72);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subcopy{font-size:13px;color:#b5a8a9;line-height:1.6;margin:12px 0 22px;min-height:20px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:57px;padding:0 20px;border-radius:12px;border:1px solid #e27a67;background:linear-gradient(115deg,#9f1526 0%,#d53842 62%,#ab182d 100%);color:#fff5eb;box-shadow:0 8px 25px rgba(157,22,43,.23),inset 0 1px 0 rgba(255,255,255,.2);font-weight:800;letter-spacing:.095em;font-size:12px;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.1)}.primary:active{transform:scale(.99)}.primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);box-shadow:none}.arrow{font-size:23px;font-weight:300;line-height:1}.quiet{width:100%;min-height:45px;background:none;color:#95888a;border:0;font-size:10px;font-weight:700;letter-spacing:.19em;margin-top:8px}.quiet:hover{color:#f4d8c7}.verify{min-height:64px;display:flex;justify-content:center;align-items:center;margin:5px auto 0;max-width:100%;overflow:hidden}.verify-hint{text-align:center;color:#b8a6a8;font-size:11px;margin:5px 0 13px;line-height:1.4}.feedback{min-height:18px;color:#d5bd8e;font-size:12px;text-align:center;margin:8px 0 0}.feedback.error{color:#ff919a}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.footer{display:flex;justify-content:space-between;align-items:center;padding:12px 26px max(18px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.12em;color:#77686d}.footer span:nth-child(2){color:#ad715c}
@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-height:720px){.masthead{height:58px;padding-top:14px}.scene{height:37svh;min-height:180px}.content{min-height:240px;padding-top:0;padding-bottom:2px}.subcopy{margin:8px 0 15px}.eyebrow{margin-bottom:8px}.primary{min-height:51px}.quiet{min-height:35px}.footer{padding-top:6px}}@media(min-width:521px){.app{border-inline:1px solid rgba(218,156,123,.08)}h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}