:root{--text-faint:#9aa3b7;--cardinal:#db8686;--blue:#7daac8;--magenta:#ed80bb}
main{position:relative}
:focus-visible{outline:3px solid #8fe9f0;outline-offset:5px}
canvas:focus-visible{outline-offset:-4px}
#dianaCanvas,#ptCanvas,#framesCanvas,#repCanvas,#cabinCanvas,#hypeCanvas{touch-action:pan-y pinch-zoom}
.qa-control-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:pre-wrap;border:0!important}
.bio-ava{border-radius:12px}
.embed-wrap section{padding-left:0!important;padding-right:0!important}
#cabinCanvas{height:min(480px,calc(100vw + 100px))}
.diana-hint,.hk-hint,.pt-hint,.frame-hint{max-width:95%;white-space:normal;text-align:center;line-height:1.5}
@media(max-width:520px){.hero-top{padding:1rem}.hero-content{padding-left:1rem;padding-right:1rem}.hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}.qa-control-status{font-size:12px}.bio-card{padding:1rem}.foot{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{html,body,main,.hero,.artsec,.foot{background:#fff!important;color:#111!important}body{font-size:11pt}canvas,.bgfx,.hero-scrim,.hero-top,.scroll-cue,.fig,.diana-fig,.hk-fig,.pt-fig,.frames-fig,button{display:none!important}.hero{min-height:0;padding:1cm 0}.hero-content{padding:0}.artsec,.lead,.author-bio{max-width:none;padding:0;margin:1cm 0}p,span,h1,h2,h3,a,.byline,.bio-blurb,.kicker,.eyebrow{color:#111!important;opacity:1!important}h2,h3{break-after:avoid}img{max-width:120px}a{overflow-wrap:anywhere}.bio-card{background:none;border:1px solid #777}.qa-control-status{display:none}}

/* Center the closing author portrait and biography. */
.bio-card{flex-direction:column!important;align-items:center!important;text-align:center!important}.bio-card>*{margin-left:auto!important;margin-right:auto!important}
