/* A white character interlude within the existing five-slide hero. */
.home-page .hero-slideshow .hero-slide-characters{background:#fff;color:#172a34}
.hero-character-layout{height:100%;max-width:1450px;margin:0 auto;padding:120px var(--page-gutter,6vw) 100px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:25px;align-items:center}
.home-page .hero-slideshow .hero-character-copy h2{color:#172a34;font:400 clamp(58px,6.6vw,106px)/1.04 var(--type-display,Arial,sans-serif);letter-spacing:-.055em;margin:0 0 27px;max-width:none}
.hero-character-copy h2 em{font-family:var(--type-literary,Georgia,serif);font-weight:400;color:#b47d35}
.hero-character-copy>p{font-size:16px;line-height:1.85;color:#42545c;margin:0}
.hero-character-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:710px;align-items:end}
.hero-character-art figure{margin:0;min-width:0}
.hero-character-stage{position:relative;aspect-ratio:.78;max-height:min(62svh,550px);isolation:isolate;overflow:hidden}
.hero-character-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hero-character-stage img{position:absolute;left:10%;top:7%;width:80%;height:81%;object-fit:contain;z-index:2}
.hero-character-art figcaption{font-size:12px;text-align:center;line-height:1.8;color:#334a54;margin:8px 0 0}
.hero-character-art figcaption span{font:italic 14px/1.8 var(--type-literary,Georgia,serif);color:#6a736f}
.hero-character-explore{position:absolute;z-index:3;bottom:27px;left:var(--page-gutter,6vw);display:inline-flex;align-items:center;min-height:44px;padding:9px 0;font-size:11px;text-decoration:none;color:#172a34}
.hero-character-explore:hover{text-decoration:underline;text-underline-offset:5px}
.hero-character-explore:focus-visible{outline:2px solid #1145ba;outline-offset:5px}
.home-page:has(.hero-slide-characters.is-active) .site-header{color:#172a34;text-shadow:none}
.home-page:has(.hero-slide-characters.is-active) .site-header .brand-lettering{content:url('/assets/brand/nappakari-lettering.svg')}
.home-page .hero-slideshow:has(.hero-slide-characters.is-active) .hero-art-links{display:none}
.hero-slideshow:has(.hero-slide-characters.is-active) .hero-slide-controls{background:transparent;backdrop-filter:none;color:#172a34;border-radius:0}
.hero-slideshow:has(.hero-slide-characters.is-active) .hero-slide-choice span{background:#172a3445}
.hero-slideshow:has(.hero-slide-characters.is-active) .hero-slide-choice[aria-current=true] span{background:#b47d35}
.hero-slideshow:has(.hero-slide-characters.is-active) .hero-slide-controls button:focus-visible{outline-color:#1145ba}
@media(max-width:1000px) and (orientation:portrait), (max-width:760px){
 .hero-character-layout{padding-top:114px;padding-bottom:95px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;align-items:start}
 .home-page .hero-slideshow .hero-character-copy h2{font-size:clamp(47px,9vw,70px);margin-bottom:18px}
 .hero-character-copy>p{font-size:14px;line-height:1.7}
 .hero-character-art{max-width:580px;justify-self:center;align-self:center;gap:4px}
 .hero-character-stage{aspect-ratio:.7;max-height:45svh}
 .hero-character-art figcaption{font-size:11px;margin-top:0}
 .hero-character-art figcaption span{font-size:13px}
 .hero-character-explore{bottom:18px}
}
@media(max-width:360px){.hero-character-layout{padding-top:102px}.home-page .hero-slideshow .hero-character-copy h2{font-size:45px}.hero-character-art figcaption span{display:block;font-size:12px}}
@media(max-height:550px) and (min-aspect-ratio:1/1){.hero-character-layout{padding-top:100px;padding-bottom:95px}.home-page .hero-slideshow .hero-character-copy h2{font-size:52px}.hero-character-stage{max-height:360px}}