.character-page{--character-ink:#c9b3fa;--character-light:#edc477;--character-mist:#5e358739}.character-page[data-character=itori]{--character-ink:#a3deff;--character-light:#dcecff;--character-mist:#235c853d}.character-atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,var(--character-mist),transparent 65%);z-index:0}.character-nav,#character-content{position:relative;z-index:1}.character-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;font-size:11px;letter-spacing:.04em}.character-nav a{padding:14px 0}.character-wordmark{color:var(--character-ink)}.character-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3vw;min-height:740px;padding:24px 0 90px}.character-page .eyebrow{color:var(--character-ink);font-size:9px}.character-page h1{font-size:clamp(90px,12vw,170px);font-weight:250;line-height:.84;margin:30px 0 36px;letter-spacing:-.065em;background:linear-gradient(125deg,#f0efff,var(--character-ink),var(--character-light));background-clip:text;color:transparent;text-shadow:none}.character-page h1 span{display:block;font-size:.42em;letter-spacing:.02em;line-height:1.35;margin-top:12px}.character-lead{max-width:34ch;font-size:clamp(17px,2vw,23px);line-height:1.65;color:#d0d9e5;font-weight:300}.character-note{font-size:11px;color:#99afc3;line-height:1.8;max-width:44ch}.character-copy{max-width:38ch;font-size:15px;line-height:1.9;color:#b8c9d8;margin:25px 0}.character-action{display:inline-flex;gap:30px;align-items:center;min-height:48px;margin-top:22px;padding:14px 0;border-bottom:1px solid var(--character-ink);font-size:12px;color:#e1edf7;letter-spacing:.03em}.character-action:hover{color:var(--character-light)}.character-art{position:relative;isolation:isolate;min-width:0;margin:0;text-align:center}.character-art img{display:block;width:100%;height:600px;object-fit:contain;animation:character-drift 10s ease-in-out infinite}.character-art figcaption{margin:20px 0 0;font-size:11px;letter-spacing:.12em;color:#bfd0df}.character-hero-art img{height:min(73vh,680px);min-height:530px}.character-hero-art figcaption{font-size:10px;opacity:.7}.character-orbits{position:absolute;inset:7% -8% 0;z-index:-1;pointer-events:none}.character-orbits i{position:absolute;inset:8% 4%;border:1px solid color-mix(in srgb,var(--character-ink) 24%,transparent);border-radius:50%;rotate:-22deg;animation:character-orbit 28s ease-in-out infinite}.character-orbits i:nth-child(2){inset:0 13%;rotate:28deg;animation-delay:-9s}.character-orbits i:nth-child(3){inset:15% -5%;rotate:63deg;border-style:dashed;opacity:.45;animation-delay:-18s}.character-orbits:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,var(--character-mist),transparent 70%)}.character-scrollmark{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:.14em;color:#99abc2}.character-scrollmark i{height:1px;flex:1;background:linear-gradient(90deg,var(--character-ink),#acc9e514)}.character-spread{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding:90px 0}.character-page h2{font-size:clamp(40px,5.5vw,72px);letter-spacing:-.045em;font-weight:300;line-height:1.07}.character-standing img{height:650px}.character-quiet{grid-template-columns:1.1fr .9fr}.character-quiet>header{grid-column:2;grid-row:1}.character-quiet>figure{grid-column:1;grid-row:1}.character-companions img{height:550px}.character-interlude{position:relative;isolation:isolate;display:grid;justify-items:center;text-align:center;padding:75px 0;margin:30px 0 45px;border-block:1px solid #acc9e51f;overflow:clip}.character-interlude>img{width:min(66%,420px);height:130px;object-fit:contain;filter:invert(1) drop-shadow(0 0 20px #a3c8fa44);animation:character-drift 9s ease-in-out infinite}.character-interlude>p{color:var(--character-ink);letter-spacing:.3em;margin:24px 0 13px;font-size:19px}.character-interlude>.eyebrow{font-size:8px;color:#9aafc2}.character-thread{position:absolute;inset:0;z-index:-1;pointer-events:none}.character-thread i{position:absolute;inset:23% -10%;border-top:1px solid #9cbbec33;border-radius:50%;rotate:-12deg;animation:thread-wave 12s ease-in-out infinite}.character-thread i:nth-child(2){rotate:18deg;inset:48% -20%;animation-delay:-4s}.character-thread i:nth-child(3){rotate:-4deg;inset:65% -10%;animation-delay:-8s}.character-action-gallery{padding:70px 0 90px;text-align:center}.character-action-gallery .character-copy{margin-inline:auto;max-width:48ch}.pose-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:35px 0 15px}.pose-choices button{display:flex;gap:15px;align-items:center;min-height:50px;min-width:140px;padding:14px 22px;background:#0b162699;color:#8da9c0;border:1px solid #a7ccea33;border-radius:28px;font:inherit;font-size:9px;cursor:pointer}.pose-choices button span{color:#c1d9e7;font-size:12px}.pose-choices button[aria-pressed=true]{border-color:var(--character-ink);background:color-mix(in srgb,var(--character-mist) 60%,#0a1526)}.pose-stage{position:relative;isolation:isolate}.pose-stage .character-art{max-width:780px;margin:0 auto}.pose-stage img{height:660px}.pose-stage [hidden]{display:none}.pose-status{color:#90a7bc;font-size:10px;letter-spacing:.09em;margin-top:28px}.pose-trails{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.pose-trails i{position:absolute;inset:30% -10%;border-top:1px solid var(--character-ink);border-radius:50%;rotate:-18deg;opacity:.2;animation:thread-wave 8s ease-in-out infinite}.pose-trails i:nth-child(2){inset:40% -20%;rotate:24deg;animation-delay:-4s}.pose-trails i:nth-child(3){inset:55% -10%;rotate:8deg;animation-delay:-2s}.character-adversary{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;margin:60px 0;padding:100px 0;border-block:1px solid #a7637136}.character-adversary .eyebrow{color:#e3a5ae}.character-adversary h2{font-size:clamp(64px,9vw,120px);color:#e5c9d6}.character-adversary img{height:660px;animation-duration:13s}.adversary-fracture{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip;background:radial-gradient(ellipse at 65% 55%,#85304b24,transparent 65%)}.adversary-fracture i{position:absolute;top:0;bottom:0;left:58%;width:1px;background:linear-gradient(transparent,#d087a359,transparent);rotate:23deg;animation:fracture-breathe 7s ease-in-out infinite}.adversary-fracture i:nth-child(2){left:78%;rotate:-18deg;animation-delay:-3s}.adversary-fracture i:nth-child(3){left:35%;rotate:-36deg;animation-delay:-5s}.character-end{text-align:center;padding:90px 0 150px}.character-end-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px 40px;margin-top:32px;font-size:12px}.character-end .character-action{margin-top:0}.character-page.is-enhanced .character-reveal{opacity:0;translate:0 28px;transition:opacity .9s,translate 1.2s cubic-bezier(.16,1,.3,1)}.character-page.is-enhanced .character-reveal.revealed{opacity:1;translate:0}.character-reveal:not(.in-view) *,.motion-paused.character-page *,.page-hidden *{animation-play-state:paused!important}.motion-paused.character-page .character-reveal{transition:none;opacity:1;translate:none}
@keyframes character-drift{50%{transform:translateY(-9px)}}@keyframes character-orbit{50%{transform:rotate(12deg) scale(.95)}}@keyframes thread-wave{50%{transform:translateY(24px) scaleY(.6);opacity:.5}}@keyframes fracture-breathe{50%{opacity:.25;translate:10px 0}}
@media(max-width:750px){.character-nav{min-height:85px;font-size:10px;gap:12px}.character-wordmark{max-width:100px;text-align:center;line-height:1.7}.character-hero{grid-template-columns:1fr;gap:30px;text-align:center;padding:40px 0 85px}.character-hero-copy{max-width:500px;margin:auto}.character-page h1{font-size:clamp(90px,23vw,145px)}.character-lead,.character-note{margin-inline:auto}.character-hero-art{width:min(100%,480px);margin:auto}.character-hero-art img{height:520px;min-height:0}.character-orbits{inset:0 0 6%}.character-spread,.character-quiet,.character-adversary{grid-template-columns:1fr;gap:28px;padding:55px 0}.character-spread header{max-width:480px}.character-quiet>header,.character-quiet>figure{grid-column:auto;grid-row:auto}.character-page h2{font-size:clamp(40px,9vw,64px)}.character-standing img{height:550px}.character-companions img{height:430px}.character-interlude{padding:60px 0;margin:15px 0 30px}.character-interlude>img{width:80%;height:100px}.character-action-gallery{padding:45px 0 55px}.pose-choices{gap:8px}.pose-choices button{min-width:0;padding:12px 16px;gap:8px}.pose-choices button span{font-size:11px}.pose-stage img{height:570px}.character-adversary{margin-block:30px;text-align:center}.character-adversary .character-copy{margin-inline:auto}.character-adversary img{height:550px}.character-adversary h2{font-size:76px}.character-copy{font-size:14px}.character-end{padding:60px 0 150px}.character-end-links{flex-direction:column;gap:28px}.character-scrollmark{font-size:8px}}
@media(max-width:400px){.character-hero-art img{height:460px}.character-standing img{height:460px}.character-companions img{height:360px}.pose-stage img{height:480px}.character-adversary img{height:470px}}