/* One visual hierarchy: people, a short promise, then a clear next step. */
:root{--ink:#302b3a;--muted:#665e73;--gold:#766385}
.copy{text-shadow:none}.copy:before{background:linear-gradient(transparent,#eee9f2e6 35%,#eee9f2fa)}
@media(min-width:651px){#assurance .copy:before,#process .copy:before,#intro .copy:before{display:none}}
.shade{background:linear-gradient(0deg,#eee9f2f5,transparent 47%)}
.scene-label{color:#716779}.back-word{opacity:.25}
.draw-title em:after,#assurance.scene-active .draw-title:after{display:none}
#intro .copy>.eyebrow{padding:0;background:none;border:0;font-size:10px;letter-spacing:.12em}
.drawing-rule{width:44px;background:#9a88aa}
.primary{background:#6c587d;border-color:#6c587d;box-shadow:none;border-radius:7px}.outline{background:#f8f6fa;border-color:#b8a9c6;border-radius:7px}
.primary:hover{background:#594568}.outline:hover{background:#eee7f5}
.copy h1,.copy h2{font-weight:500;letter-spacing:-.055em}
.chapter#begin .copy{top:36%;width:min(600px,84vw)}
#begin .copy h2{text-shadow:none;font-size:clamp(34px,3.7vw,53px);line-height:1.24}
#begin .drawing-rule{display:none}
#begin .copy>*{filter:none;transform:translateY(18px) scale(.94)}
.portal-ready #begin .copy>*{animation-name:threshold-copy;animation-duration:.85s}
.portal-ready #begin .type-ink{animation:none}
.final-chapter .shade{background:radial-gradient(ellipse at 50% 50%,#f3eff788,transparent 64%),linear-gradient(0deg,#eee9f2ee,transparent 40%)}
@keyframes threshold-copy{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes phrase-reveal{from{opacity:0;transform:translateY(calc(var(--arrival,1)*24px))}to{opacity:1;transform:none}}
@keyframes copy-settle{from{opacity:0;transform:translateY(calc(var(--arrival,1)*12px))}to{opacity:1;transform:none}}
@keyframes quote-open{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:650px){
 .scene-label{top:145px}.copy:before{top:-24px;bottom:-24px;background:linear-gradient(#eee9f200,#eee9f2ed 24%,#eee9f2fa)}
 .chapter .copy,#process .copy,#assurance .copy{bottom:102px}
 #intro .copy h1{font-size:35px;line-height:1.23}
 #process .copy h2,#assurance .copy h2{font-size:31px;line-height:1.24;margin-bottom:17px}
 .chapter .copy p:not(.eyebrow){font-size:13px;line-height:1.8}
 #assurance .copy{top:55%;bottom:auto;left:24px;right:24px}
 #assurance .copy small{font-size:9px;margin-top:12px}
 .chapter#begin .copy{top:36%;bottom:auto;left:50%;width:calc(100% - 64px)}
 #begin .copy h2{font-size:31px;letter-spacing:-1.6px;margin-bottom:18px;line-height:1.28}
 #begin .copy .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:16px}
 #begin .primary{margin-top:22px;min-height:52px}
 #begin small{font-size:8px;max-width:270px;margin-top:12px}
 .final-chapter .shade{background:radial-gradient(ellipse at center,#f2edf633,transparent 66%),linear-gradient(0deg,#eee9f2dd,transparent 40%)}
}
@media(max-height:750px) and (max-width:650px){
 .scene-label{top:135px}#assurance .copy{top:51%}#assurance .copy h2{font-size:28px!important}#assurance .copy p:not(.eyebrow){margin-bottom:16px;font-size:12px}
 .chapter#begin .copy{top:34%}#begin .copy h2{font-size:29px!important}#begin .primary{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.portal-ready #begin .copy>*{animation:none;opacity:1;transform:none}.scene-active .type-ink,.scene-active .type-support{animation:none;opacity:1;transform:none}}

#assurance .cast-disclaimer{font-size:9px;color:#81768d;margin-top:7px}
.fallback #world:after{background-image:url("./assets/story-cast-v6.png");background-size:300% 100%;background-position:0 50%}