/* Layout only. Typography lives in dohwa-text-system.css. */
.dohwa-opening{background:#000;overflow-x:clip;overflow-y:visible}
.dohwa-opening-shot{margin:0;position:relative;overflow:hidden;width:100%;isolation:isolate}
.dohwa-opening-shot img{display:block;width:100%;height:100%;object-fit:cover}
/* Use the original image's dark lower edge; do not add a shade or mask. */
.dohwa-opening-castle img{height:auto}
.dohwa-opening-copy{text-align:center;padding:24px var(--dohwa-copy-gutter)}
.dohwa-opening-copy h1{margin:0 0 var(--dohwa-copy-gap)}
.dohwa-opening-copy p{margin:0}
.dohwa-opening-greeting{position:relative;margin-top:-18%;padding-top:0;padding-bottom:var(--dohwa-copy-gap)}
/* Preserve the user's original eye art, without cropping its drawing. */
.dohwa-opening-arrival{background:#000;scroll-margin-top:0}
.dohwa-opening-eyes{margin:0;position:relative}
.dohwa-opening-eyes img{display:block;width:100%;height:auto}
.dohwa-opening-eye-intro,.dohwa-opening-eye-reading{position:absolute;left:var(--dohwa-copy-gutter);right:var(--dohwa-copy-gutter);margin:0}
.dohwa-opening-eye-intro{top:25%;text-align:left}
.dohwa-opening-eye-reading{top:73%;text-align:center}
.dohwa-opening-purpose{padding:0 0 var(--dohwa-copy-gap);text-align:left}
.dohwa-opening-purpose p{margin:0;padding:0 var(--dohwa-copy-gutter)}
.dohwa-opening-portrait{margin:var(--dohwa-copy-gap) 0 0;background:#000}
.dohwa-opening-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(transparent,#000 3%,#000 84%,transparent)}
.dohwa-opening-portrait.dohwa-text-ready img{opacity:0}
.dohwa-opening-portrait.dohwa-text-playing img{opacity:1;animation:dohwa-portrait-emerge 1s ease-out backwards}
.dohwa-opening-wide{position:relative;margin:0;isolation:isolate}
.dohwa-opening-wide>img{display:block;width:100%;height:auto;mask-image:linear-gradient(transparent,#000 5%,#000 97%,transparent)}
.dohwa-opening-thread-voice{position:absolute;left:var(--dohwa-copy-gutter);top:10%;max-width:calc(57% - var(--dohwa-copy-gutter));text-align:left}
.dohwa-opening-thread-voice p{margin:0}
/* No dialogue tails, pointers, or bubbles. The voice uses the art's dark space. */
.dohwa-text-reveal{display:inline-block;max-width:100%;vertical-align:top}
.dohwa-text-ready .dohwa-text-reveal{opacity:0;transform:translateY(4px)}
.dohwa-text-playing .dohwa-text-reveal{opacity:1;transform:none;animation:dohwa-copy-emerge var(--dohwa-copy-duration) ease-out var(--text-delay,0ms) backwards}
@keyframes dohwa-portrait-emerge{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.dohwa-text-ready .dohwa-text-reveal,.dohwa-text-playing .dohwa-text-reveal,.dohwa-opening-portrait.dohwa-text-ready img,.dohwa-opening-portrait.dohwa-text-playing img{animation:none;opacity:1;transform:none}}