
.raven-interview{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% 25%,#24242f,#030408f5 78%);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s,visibility .6s}
.raven-interview.is-open{opacity:1;visibility:visible;pointer-events:auto}
.raven-interview__card{width:min(840px,100%);max-height:90vh;overflow:auto;position:relative;padding:clamp(24px,5vw,55px);background:linear-gradient(155deg,#1c1b24,#080a10);border:1px solid #967c5d;box-shadow:0 25px 100px #000d;color:#f0e7df;text-align:center}
.raven-interview__kicker{font:600 10px 'DM Sans',sans-serif;letter-spacing:.27em;color:#c5a783;text-transform:uppercase}
.raven-interview h2{font:italic clamp(36px,5vw,65px) 'Cormorant Garamond',serif;margin:12px 0 18px}
.raven-interview__speech{font:clamp(20px,2.5vw,27px)/1.45 'EB Garamond',serif;max-width:700px;margin:0 auto 18px}
.raven-interview__aside{color:#caa87b;font:italic 19px/1.45 'EB Garamond',serif;min-height:28px;margin:12px 0 18px}
.raven-interview__progress{height:2px;background:#6d5b4d55;margin:0 0 25px}
.raven-interview__progress span{display:block;height:100%;background:#d1ad7c;transition:width .4s}
.raven-interview__choices{display:grid;gap:11px;margin:22px auto 0;max-width:700px}
.raven-interview button{cursor:pointer;min-height:52px;padding:14px 18px;border:1px solid #967d5d;background:#c3a27b;color:#101016;font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,transform .2s}
.raven-interview__choices button{background:#ffffff06;color:#e9ddd0;text-transform:none;letter-spacing:.03em;font:20px/1.3 'EB Garamond',serif}
.raven-interview__choices button:hover,.raven-interview button:hover{background:#d8b990;color:#0c0b0d}
.raven-interview__footer{margin-top:25px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.raven-interview__footer button.secondary{background:transparent;color:#c6ac8c}
.raven-interview__report{text-align:left;max-width:690px;margin:20px auto}
.raven-interview__report p{font:20px/1.55 'EB Garamond',serif}
.raven-interview__report h3{font:italic 33px 'Cormorant Garamond',serif;color:#d7b489;margin:18px 0}
.raven-interview__tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.raven-interview__tags span{border:1px solid #937d5a;padding:8px 12px;font:12px 'DM Sans',sans-serif}
@media(prefers-reduced-motion:reduce){.raven-interview{transition:none}}

.raven-interview__axes{display:grid;gap:14px;margin:16px 0 28px}
.raven-interview__axis-labels{display:flex;justify-content:space-between;font:12px 'DM Sans',sans-serif;letter-spacing:.05em;color:#d9c7b2;margin-bottom:6px}
.raven-interview__axis-track{height:8px;background:#77717b40;border-radius:30px;overflow:hidden}
.raven-interview__axis-track span{display:block;height:100%;background:linear-gradient(90deg,#a27d51,#e2c297)}
.raven-scare{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#020104;color:#f6e5d9;text-align:center;padding:20px}
.raven-scare.is-active{display:flex;animation:raven-scare-flash .85s steps(2,end) 1}
.raven-scare.is-settled{animation:none;background:#0a080d}
.raven-scare p{font:italic clamp(28px,6vw,64px) 'Cormorant Garamond',serif;letter-spacing:.04em}
.raven-scare button{background:#c1a17b;border:1px solid #e3c9a6;padding:15px 26px;cursor:pointer;color:#0b090d;font:600 12px 'DM Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.raven-scare__face{position:relative;width:min(70vw,350px);height:min(68vh,400px);background:#070608;clip-path:polygon(20% 0,80% 0,100% 30%,88% 84%,55% 100%,12% 80%,0 30%);border-radius:45% 45% 30% 30%;filter:drop-shadow(0 0 28px #8b0918)}
.raven-scare__eyes{position:absolute;top:36%;left:13%;right:13%;display:flex;justify-content:space-between}
.raven-scare__eyes i{display:block;width:22%;height:18px;background:#f3db5c;border-radius:50%;box-shadow:0 0 28px #ffe166,0 0 55px #e5c43e}
.raven-scare__beak{position:absolute;top:48%;left:38%;width:24%;height:45%;background:linear-gradient(#22232a,#050506);clip-path:polygon(50% 0,100% 12%,50% 100%,0 12%)}
@keyframes raven-scare-flash{0%,24%,50%,75%{background:#050006;transform:scale(1)}12%,36%,62%{background:#710010;transform:scale(1.025)}100%{background:#050006;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.raven-scare.is-active{animation:none}}
