/* Chapter I's opening: one physical Book and one illustrated awakening.
   This file is intentionally scoped to the prologue and its portrait dialog. */
.story-app.is-prologue .story-stage.is-intro-solo .story-scene-grid{min-height:0;padding-block:24px;overflow:visible}
.story-app.is-prologue .story-book.is-closed-intro,
.story-app.is-prologue .story-book.is-first-spread{width:min(900px,100%);height:590px;min-height:590px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px;gap:0;border-radius:12px;perspective:1800px;transition:none}
.story-app.is-prologue .story-book.is-closed-intro{transform:translateX(-25%);background:none!important;box-shadow:none!important}
.story-app.is-prologue .story-book.is-closed-intro::before,
.story-app.is-prologue .story-book.is-closed-intro::after{display:none}
.story-app.is-prologue .story-book.is-closed-intro .story-page-left{grid-column:2;min-height:0;height:570px;padding:0!important;border-radius:5px 16px 16px 5px!important;overflow:visible;background:none!important;box-shadow:none!important}
.story-app.is-prologue .story-book.is-first-spread .story-page{min-height:0;height:570px;border-radius:5px!important}
.story-app.is-prologue .story-cover-face{min-height:0;height:100%;padding:0;border-radius:5px 16px 16px 5px;background:linear-gradient(100deg,#0a0806,#35271c 5%,#17120e 9%,#211912 56%,#110e0b);box-shadow:0 24px 48px #0008,inset 1px 0 0 #c4a07144,inset -3px 0 3px #0008,5px 4px 0 #bda680,8px 7px 0 #19110c}
.story-app.is-prologue .story-cover-face::after{display:none}
.story-app.is-prologue .story-cover-shell{width:100%;height:100%;min-height:0;padding:34px 30px;background:none;box-shadow:none;border-radius:inherit}
.story-app.is-prologue .story-cover-shell::before{inset:18px 19px 18px 22px;border-color:#bea07044;border-radius:2px 7px 7px 2px;box-shadow:inset 0 0 0 4px #b39b7610}
.story-app.is-prologue .story-cover-shell::after{left:11px;top:0;bottom:0;width:4px;opacity:.35}
.story-app.is-prologue .story-cover-face h1{font:500 clamp(2.2rem,4.5vw,3.4rem)/1.1 Georgia,serif;letter-spacing:.08em}
.story-app.is-prologue .story-cover-roman{background:none;border:none;margin:0 0 22px;color:#c5aa80;font-size:1.15rem}
.story-app.is-prologue .story-cover-mark{display:none}
.story-app.is-prologue .story-cover-overline{font-size:10px;letter-spacing:.23em;color:#b6a083;margin-bottom:12px}
.story-app.is-prologue .story-cover-shell>p{font-size:10px;line-height:1.8;color:#c6b292;margin-bottom:30px}
.story-app.is-prologue .story-cover-foot{font-size:8px;line-height:1.6;color:#a08b6d}
.story-app.is-prologue .story-cover-open{min-height:48px;font-size:10px;border:1px solid #b9996b70!important;background:#b58f5120!important}
.story-book.is-first-spread .story-waiting-card{height:100%;min-height:0;animation:none;background:none}
.story-book.is-first-spread .story-waiting-card-aura{display:none}
.story-book.is-first-spread .story-waiting-card .qc-face{animation:none!important;transform:none!important}
.story-book.is-first-spread .story-first-page-silent{height:100%;display:grid;place-items:center}
.story-book.is-cover-turning{background:none;box-shadow:none}
.story-book.is-cover-turning::before{display:none}
.story-physical-cover{position:absolute;z-index:20;left:50%;top:10px;width:calc(50% - 10px);height:570px;transform-origin:0 50%;transform-style:preserve-3d;pointer-events:none}
.story-physical-cover>.story-cover-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}
.story-cover-lining{position:absolute;inset:0;border-radius:5px 16px 16px 5px;background:linear-gradient(90deg,#c8ae86,#eaddc4 9%,#f2e7d5 85%,#cfb993);box-shadow:inset 0 0 0 8px #21180e,inset 10px 0 22px #34231040;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}

/* The room is a single illustration. Only finite masks move; no canvas loop. */
.story-stage.is-q1-awakening .story-thinker-page-reveal,
.story-thinker-continuation .story-thinker-page-reveal{background:#ecdfc8;isolation:isolate}
.story-stage.is-q1-awakening .story-thinker-page-reveal::before,
.story-stage.is-q1-awakening .story-thinker-page-reveal::after,
.story-thinker-continuation .story-thinker-page-reveal::before,
.story-thinker-continuation .story-thinker-page-reveal::after{display:none}
.story-thinker-workspace{position:absolute;z-index:0;inset:0;background:url('story-assets/environments/thinker-workspace-v252.webp') center/cover no-repeat;opacity:0;transition:opacity 2s ease;-webkit-mask-image:radial-gradient(ellipse at 50% 65%,#000 15%,#000b 55%,transparent 95%);mask-image:radial-gradient(ellipse at 50% 65%,#000 15%,#000b 55%,transparent 95%)}
.story-thinker-page-reveal.is-resolved .story-thinker-workspace{opacity:.22}
.story-thinker-page-reveal.is-world-awake .story-thinker-workspace{opacity:.72}
.story-thinker-paper-disturbance{position:absolute;z-index:1;left:35%;right:25%;bottom:11%;height:1px;background:linear-gradient(90deg,transparent,#312219,transparent);opacity:0;transform:scaleX(.02);transform-origin:40% 50%;transition:transform 1.6s ease,opacity 1.3s ease}
.story-thinker-page-reveal.is-stirring .story-thinker-paper-disturbance{opacity:.48;transform:scaleX(1)}
.story-thinker-page-reveal.is-resolved .story-thinker-paper-disturbance{opacity:0}
.story-stage.is-q1-awakening .story-thinker-page-reveal img.story-thinker-birth-layer,
.story-thinker-continuation .story-thinker-page-reveal img.story-thinker-birth-layer{position:absolute;z-index:3;top:3%!important;bottom:auto!important;left:50%!important;width:96%!important;height:94%!important;object-fit:contain!important;object-position:center center!important;transform:translateX(-50%)!important;clip-path:none!important;mix-blend-mode:normal;filter:none;opacity:0;-webkit-mask-image:url('story-assets/environments/ink-edge-v252.svg');mask-image:url('story-assets/environments/ink-edge-v252.svg');-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:50% 0%;mask-position:50% 0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.story-stage.is-q1-awakening .story-thinker-page-reveal .birth-shadow{filter:brightness(.12) sepia(.5);z-index:2}
.story-stage.is-q1-awakening .story-thinker-page-reveal.is-forming .birth-shadow{animation:thinkerInkGather 2.3s cubic-bezier(.25,.1,.22,1) both,thinkerInkRetreat .8s 2.1s ease forwards}
.story-stage.is-q1-awakening .story-thinker-page-reveal.is-forming .birth-final{animation:thinkerInkGather 2.5s .35s cubic-bezier(.25,.1,.22,1) both}
.story-stage.is-q1-awakening .story-thinker-page-reveal.is-resolved .birth-final{opacity:1;-webkit-mask-position:50% 100%;mask-position:50% 100%}
@keyframes thinkerInkGather{0%{opacity:0;-webkit-mask-position:50% 0%;mask-position:50% 0%}12%{opacity:1}100%{opacity:1;-webkit-mask-position:50% 100%;mask-position:50% 100%}}
@keyframes thinkerInkRetreat{to{opacity:0}}
.story-stage.is-q1-awakening .story-q1-answer{overflow-wrap:anywhere;max-height:180px;overflow:auto}
.story-stage.is-q1-awakening .story-thinker-inline-speaker{font-size:10px}
.story-stage.is-q1-awakening .story-ink-choice{font-size:11px;min-height:44px}

/* A held illustration expands from the page, keeping the same light and room. */
.story-thinker-intro-cinematic.story-thinker-continuation{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:center;gap:clamp(24px,5vw,88px);padding:max(24px,env(safe-area-inset-top)) max(28px,7vw) max(24px,env(safe-area-inset-bottom));background:#0d0b09;overflow:auto;transition:opacity .4s ease}
.story-thinker-continuation::before,.story-thinker-continuation::after{display:none}
.story-thinker-portrait-stage{position:relative;z-index:1;width:100%;height:min(82dvh,850px);transform-origin:0 0;box-shadow:0 28px 90px #0008;border-radius:3px;overflow:hidden}
.story-thinker-continuation .story-thinker-page-reveal{inset:0}
.story-thinker-continuation .story-thinker-page-reveal.is-portrait-held .birth-final{animation:none!important;opacity:1!important;-webkit-mask-image:none;mask-image:none;filter:none}
.story-thinker-continuation .story-thinker-page-reveal.is-portrait-held .birth-shadow{display:none}
.story-thinker-continuation .story-thinker-workspace{opacity:.72;transition:none}
.story-thinker-portrait-copy{z-index:2;color:#eedfc6}
.story-thinker-portrait-copy small,.story-thinker-portrait-copy p{font:500 11px/1.6 'Geist Mono',monospace;letter-spacing:.24em;color:#bca482}
.story-thinker-portrait-copy h2{font:400 clamp(2.4rem,5vw,5.8rem)/1.1 Georgia,serif;letter-spacing:.035em;margin:18px 0}
.story-thinker-portrait-copy .story-primary{margin-top:34px;min-height:48px;padding:14px 20px;background:#eadac0;color:#281f15;border-radius:3px;font-size:10px}
.story-thinker-continuation.is-settling{transition:opacity .52s ease}
@media(max-width:820px){
  .story-app.is-prologue .story-stage.is-intro-solo .story-scene-grid{padding-block:12px}
  .story-app.is-prologue .story-book.is-closed-intro,
  .story-app.is-prologue .story-book.is-first-spread{width:min(440px,100%);height:530px;min-height:530px;grid-template-columns:1fr;transform:none}
  .story-app.is-prologue .story-book.is-closed-intro .story-page-left{grid-column:1;height:510px}
  .story-app.is-prologue .story-book.is-first-spread .story-page{height:510px}
  .story-app.is-prologue .story-book.is-first-spread .story-page-left{display:none!important}
  .story-physical-cover{left:10px;width:calc(100% - 20px);height:510px}
  .story-app.is-prologue .story-cover-face h1{font-size:2.6rem}
  .story-stage.is-q1-awakening .story-book{grid-template-columns:1fr!important}
  .story-stage.is-q1-awakening .story-page-left{height:310px;min-height:310px!important}
  .story-stage.is-q1-awakening .story-page-right{min-height:320px!important;padding:22px!important}
  .story-stage.is-q1-awakening .story-thinker-page-reveal{inset:0}
  .story-stage.is-q1-awakening .story-q1-after{gap:10px}
  .story-stage.is-q1-awakening .story-q1-answer{max-height:110px;margin:6px 0;padding:8px 12px;font-size:16px}
  .story-stage.is-q1-awakening .story-q1-impossible{font-size:1.3rem;min-height:32px}
  .story-stage.is-q1-awakening .story-thinker-inline p{min-height:0;margin:10px 0;font-size:16px}
  .story-stage.is-q1-awakening .story-thinker-inline-actions{margin-top:10px}
  .story-thinker-intro-cinematic.story-thinker-continuation{grid-template-columns:1fr;grid-template-rows:minmax(160px,1fr) auto;gap:18px;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));height:100dvh}
  .story-thinker-portrait-stage{height:100%;max-width:580px;justify-self:center}
  .story-thinker-portrait-copy{text-align:center}
  .story-thinker-portrait-copy h2{font-size:2.4rem;margin:8px 0}
  .story-thinker-portrait-copy p{margin:8px 0}
  .story-thinker-portrait-copy .story-primary{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .story-app.is-prologue .story-book,.story-thinker-workspace,.story-thinker-paper-disturbance,.story-thinker-continuation{animation:none!important;transition:none!important}
  .story-stage.is-q1-awakening .story-thinker-page-reveal.is-forming .birth-shadow{display:none}
  .story-stage.is-q1-awakening .story-thinker-page-reveal.is-forming .birth-final{animation:none!important;opacity:1!important;-webkit-mask-image:none;mask-image:none}
}
/* Retire the broad faux-wood panel during the intimate prologue. */
body.story-world:has(.story-app.is-prologue){background:#0d0b09!important}
.story-app.is-prologue .story-stage.is-intro-solo .story-book-zone::before{inset:-50px;background:radial-gradient(ellipse at 50% 45%,#4c382533,transparent 67%);box-shadow:none;transform:none}
.story-app.is-prologue .story-stage.is-intro-solo .story-book-zone::after{display:none}
@media(max-width:820px){
 .story-app.is-prologue .story-book.is-closed-intro,.story-app.is-prologue .story-book.is-first-spread{padding:10px!important}
 .story-app.is-prologue .story-book.is-closed-intro .story-cover-face h1{font-size:2.6rem!important}
 .story-stage.is-q1-awakening .story-page-left{overflow:hidden!important}
}
/* A damaged memory, never a second conscious character. */
.fa-presence-host{position:absolute;inset:5%;z-index:7;pointer-events:none;transition:opacity .7s}
.fa-residual{position:absolute;inset:0;border:0;background:none;color:#553d29;cursor:pointer;pointer-events:auto;width:100%;padding:0;overflow:hidden}
.fa-residual:focus-visible{outline:2px solid #7c5637;outline-offset:-8px}
.fa-residual-image{position:absolute;inset:10% 5% 20%;opacity:.19;filter:sepia(1) contrast(1.5);clip-path:polygon(29% 52%,71% 49%,76% 65%,49% 71%,35% 62%);transform:translateY(5px);transition:opacity .4s,transform .6s}
.fa-residual-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.fa-residual-words{position:absolute;left:0;right:0;bottom:20%;font:italic 24px/1.4 Georgia,serif;opacity:.65}
.fa-page-seam{position:absolute;right:6%;top:8%;width:16%;height:65%;fill:none;stroke:#60472f;stroke-width:1;opacity:.23;z-index:5;pointer-events:none;transition:opacity .8s,transform 1.3s}
.fa-stitches{stroke-width:2}
.fa-presence-host.is-reaching .fa-residual-image{animation:faReach 2.8s ease both}
.fa-presence-host.is-held .fa-residual-image{animation:none;opacity:.42;transform:translateY(0)}
.fa-presence-host.is-held .fa-residual-words{opacity:1}
.fa-presence-host.is-faded{opacity:0;pointer-events:none}
.fa-presence-host.is-faded .fa-residual{pointer-events:none}
@keyframes faReach{0%{opacity:0;transform:translateY(8px)}35%,66%{opacity:.29;transform:translateY(0)}100%{opacity:.06;transform:translateY(-3px)}}
.story-book.is-first-spread .story-waiting-card{position:relative;z-index:6}
.story-book.is-first-spread .fa-presence-host{inset:0;z-index:8;height:42%;}
.story-book.is-first-spread .fa-residual-words{bottom:4%;font-size:19px}
.story-book.is-first-spread .fa-residual-image{inset:-50% 0 -45%}
.story-book.is-first-spread .story-waiting-card .qc-face{margin-top:70px}
.story-thinker-page-reveal.is-stirring .fa-page-seam{opacity:.48;transform:scaleX(.7)}
.story-thinker-page-reveal.is-resolved .fa-page-seam{opacity:.18;transform:none}
.story-thinker-page-reveal.is-scar-awake .fa-page-seam{opacity:.6;transform:translateX(-3px)}
.story-thinker-page-reveal.is-scar-awake:after{display:none!important}
.story-thinker-page-reveal.is-portrait-held .birth-final{animation:none!important;opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important}
.story-thinker-page-reveal.is-portrait-held .birth-shadow{display:none!important}
/* Landing is the same illustrated page, with the full response alongside it. */
.first-reading{animation:none}
.first-paper-left{position:relative;overflow:hidden;min-height:560px}
#landingAwakeningArt{position:absolute;inset:0}
#landingAwakeningArt[hidden],.fa-card-rest[hidden]{display:none!important}
#landingAwakeningArt .story-thinker-page-reveal{position:absolute;inset:0;overflow:hidden;background:#eddfc6;isolation:isolate}
#landingAwakeningArt .story-thinker-birth-layer{position:absolute;z-index:3;top:3%;left:2%;width:96%;height:94%;object-fit:contain;opacity:0;mask-image:url('story-assets/environments/ink-edge-v252.svg');mask-size:100% 300%;mask-position:50% 0%;mask-repeat:no-repeat;-webkit-mask-image:url('story-assets/environments/ink-edge-v252.svg');-webkit-mask-size:100% 300%;-webkit-mask-position:50% 0%;-webkit-mask-repeat:no-repeat}
#landingAwakeningArt .birth-shadow{filter:brightness(.15) sepia(1)}
#landingAwakeningArt .is-forming .birth-shadow{animation:thinkerInkGather 2.3s both,thinkerInkRetreat .8s 2.1s forwards}
#landingAwakeningArt .is-forming .birth-final{animation:thinkerInkGather 2.5s .35s both}
#landingAwakeningArt .is-resolved .birth-final{opacity:1;mask-position:50% 100%;-webkit-mask-position:50% 100%}
.first-reading.has-reacted .first-paper-left{animation:none}
.first-reading.has-reacted .first-paper-left:before{display:none}
.fa-card-rest{position:absolute;inset:54% 0 4%;display:grid;place-items:center;opacity:.28;transition:opacity 1s,transform 1s;transform:translateY(5px)}
.fa-card-rest .qc-face{width:95px;height:140px;animation:none!important;transform:none!important}
.is-card-listening .fa-card-rest{opacity:.9;transform:none}
.first-response-state blockquote{max-height:160px;overflow:auto;overflow-wrap:anywhere}
.first-book-glow,.first-ink-trail,.first-lost-card{display:none}
.first-book-sigil i{animation:none!important;box-shadow:none!important}
.first-book-cover{animation:faCoverStrain 7s ease-in-out 2}
@keyframes faCoverStrain{0%,100%{filter:none}48%{filter:brightness(1.12)}52%{filter:brightness(1)}}
.first-book-scratch{opacity:.65!important}
.fa-landing-cover{position:fixed;z-index:1000;transform-origin:0 50%;pointer-events:none;transform-style:preserve-3d}
.fa-landing-cover .first-book-cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;animation:none;border-radius:8px;backface-visibility:hidden}
.fa-landing-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#a68c65,#eee0c5 15%,#dec8a4);border:8px solid #291d13;border-radius:8px;transform:rotateY(180deg);backface-visibility:hidden}
.first-meet-action,.first-choice-alt,.first-sound-toggle{min-height:44px}
@media(max-width:680px){
 .first-paper-left{display:block!important;min-height:230px;border-radius:8px 8px 0 0;padding:0}
 .first-paper-right{min-height:0;border-radius:0 0 8px 8px;padding:25px 21px}
 .first-spread{grid-template-columns:1fr}
 .first-reading.has-reacted .first-paper-left{min-height:310px}
 .fa-residual-image{inset:-42% 0 -28%}
 .fa-residual-words{bottom:27%;font-size:22px}
 .fa-card-rest{inset:60% 0 5%}
 .fa-card-rest .qc-face{width:46px;height:65px}
 .fa-card-rest .qc-top,.fa-card-rest .qc-foot,.fa-card-rest .qc-finish{display:none}
 .fa-card-rest .qc-symbol{font-size:20px}
 .first-response-state blockquote{max-height:100px}
 .first-question-state h2{font-size:1.55rem}
}
@media(prefers-reduced-motion:reduce){
 .fa-presence-host,.fa-residual-image,.fa-page-seam,.fa-card-rest{transition:none!important;animation:none!important}
 .fa-residual-image{opacity:.28}
 .first-book-cover{animation:none!important}
 #landingAwakeningArt .is-forming .birth-final{animation:none!important;opacity:1;mask-image:none;-webkit-mask-image:none}
 #landingAwakeningArt .birth-shadow{display:none}
}
#landingIntro[hidden],#landingDiscovery[hidden],#landingPresence[hidden]{display:none!important}
/* Isolate only a remembered arm and hand from the approved illustration. */
.fa-residual .fa-residual-image,.story-book.is-first-spread .fa-residual-image{inset:auto;top:27%;left:calc(50% - 48px);width:96px;height:165px;clip-path:none;overflow:hidden;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}
.fa-residual .fa-residual-image img{position:absolute;width:448px;height:560px;max-width:none;left:-125px;top:-185px;object-fit:fill}
.fa-card-rest.first-paper-inner{height:auto;gap:0}
@media(max-width:680px){.fa-residual .fa-residual-image{top:1%;height:140px}.fa-residual-words{bottom:24%}}
.fa-portrait{position:fixed;inset:0;z-index:1100}
.fa-portrait .story-thinker-page-reveal{position:absolute}
.fa-portrait .story-thinker-page-reveal img{position:absolute!important;inset:3% 2%!important;width:96%!important;height:94%!important;transform:none!important;object-fit:contain!important}
#landingPresence .fa-residual-words{bottom:38%}
#landingPresence .fa-residual-image{top:20%}
@media(max-width:680px){#landingPresence .fa-residual-image{top:-8%}#landingPresence .fa-residual-words{bottom:35%}}
@media(min-width:821px){
 .story-book.is-first-spread .fa-presence-host{height:100%}
 .story-book.is-first-spread .fa-residual-words{bottom:28%;font-size:24px}
 .story-book.is-first-spread .fa-residual-image{top:24%}
 .story-book.is-first-spread .story-waiting-card .qc-face{margin-top:0}
}
@media(max-width:820px){
 .story-book.is-first-spread .fa-presence-host{height:145px}
 .story-book.is-first-spread .fa-residual-image{top:-20px;height:130px}
 .story-book.is-first-spread .fa-residual-words{bottom:0}
 .story-book.is-first-spread .story-waiting-card .qc-face{width:155px!important;height:215px!important;margin-top:120px}
}


/* First contact: each shift of attention is finite and reader-controlled. */
.fa-missing-cards{position:absolute;z-index:2;left:7%;right:7%;bottom:7%;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;opacity:0;translate:0 6px;transition:opacity .7s,translate .7s;pointer-events:none}
.fa-missing-cards i{height:clamp(30px,5vw,54px);border:1px dashed #694c35;background:#eddfc650;box-shadow:inset 1px 2px 4px #60452b25;rotate:-3deg}
.fa-missing-cards i:nth-child(even){rotate:3deg}
.story-thinker-page-reveal.is-scar-awake .fa-missing-cards{opacity:.72;translate:0 0}
.story-thinker-page-reveal[data-acting="cards"] .fa-missing-cards{opacity:1}
.story-thinker-page-reveal[data-acting="words"] .birth-final{translate:3px 2px;rotate:.6deg}
.story-thinker-page-reveal[data-acting="reader"] .birth-final{translate:0 -2px;rotate:0deg}
.story-thinker-page-reveal[data-acting="settle"] .birth-final{translate:0 3px;rotate:-.5deg}
.story-thinker-page-reveal[data-acting="cards"] .birth-final{translate:-3px 3px;rotate:-.7deg}
.story-thinker-page-reveal[data-acting="listen"] .story-thinker-workspace{opacity:.24}
.story-thinker-page-reveal[data-acting] .birth-final{transition:translate .6s ease,rotate .6s ease}
.story-thinker-page-reveal[data-acting="listen"] .fa-page-seam{opacity:.8}
.first-edit[hidden],#landingSignupNote[hidden]{display:none}
.first-reaction-scene[data-beat="disturbance"] .first-reaction-scar{opacity:1;transform:none}
#landingReactionCopy{min-height:3em}
#landingSkipAwakening{font-size:.65rem;min-height:44px;margin-top:8px}
#landingReactionTitle{overflow-wrap:anywhere}
@media(max-width:680px){
 .first-reading.has-reacted .first-paper-left{min-height:clamp(220px,30svh,285px)}
 .first-reading.has-reacted .first-paper-right{padding:20px 18px}
 .first-reading.has-reacted .first-response-state blockquote{max-height:96px;font-size:1rem;margin-block:8px}
 .first-reading.has-reacted .first-reaction{font-size:clamp(1.25rem,5.5vw,1.6rem);line-height:1.25}
 .first-reading.has-reacted .first-reaction-copy{font-size:.9rem;line-height:1.5}
 .first-reading.has-reacted .first-meet-action{margin-top:12px;width:100%;min-height:48px}
 .first-reading.has-reacted .first-response-origin{font-size:.55rem}
 .first-reading.has-reacted .first-reaction-scene{margin-top:14px}
 .first-reading.has-reacted .first-response-foot{padding-bottom:env(safe-area-inset-bottom)}
}
@media(prefers-reduced-motion:reduce){
 .fa-missing-cards,.story-thinker-page-reveal[data-acting] .birth-final{transition:none;translate:none;rotate:none}
}

/* Suspense: the voice precedes the portrait, on either side of signup. */
#landingAwakeningArt .story-thinker-page-reveal:not(.is-forming) .birth-final,
.story-stage.is-q1-awakening .story-thinker-page-reveal:not(.is-forming) .birth-final{opacity:0!important;animation:none!important}
#landingAwakeningArt .is-presence:not(.is-forming) .birth-shadow,
.story-stage.is-q1-awakening .is-presence:not(.is-forming) .birth-shadow{display:block!important;opacity:.12!important;filter:brightness(0) blur(5px)!important;animation:none!important;mask-image:none;-webkit-mask-image:none;transition:opacity .9s ease}
#landingAwakeningArt .is-forming .birth-final,
.story-stage.is-q1-awakening .story-thinker-page-reveal.is-forming .birth-final{animation:thinkerInkGather 1.9s cubic-bezier(.25,.1,.22,1) both}
.story-thinker-page-reveal.is-corrupted .fa-page-seam{opacity:.65;filter:brightness(.2);transform:scaleX(1.2);transition:opacity 1.2s ease,transform 1.2s ease}
.story-thinker-page-reveal.is-corrupted .story-thinker-paper-disturbance{opacity:.6;transform:scaleX(.7) rotate(-7deg)}
@media(prefers-reduced-motion:reduce){
 #landingAwakeningArt .is-forming .birth-final,
 .story-stage.is-q1-awakening .story-thinker-page-reveal.is-forming .birth-final{animation:none!important;opacity:1!important;mask-image:none;-webkit-mask-image:none}
 .story-thinker-page-reveal.is-corrupted .fa-page-seam{transform:none;transition:none}
}
