/* Mirai v2: an immersive classical landscape, with the deck's paper below. */
.immersive .header{position:absolute;inset:0 0 auto;max-width:none;height:104px;color:#F1EFE6;z-index:5;padding-inline:clamp(24px,4.5vw,76px)}
.immersive .header .brand{width:115px}
.immersive .header .contact-link{border-color:rgba(241,239,230,.55)}
.immersive .header a:focus-visible,.immersive .hero a:focus-visible{outline-color:#F1EFE6}
.immersive .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;min-height:max(780px,100svh);height:auto;max-height:none;width:100%;overflow:hidden;padding:156px var(--gutter) 120px;color:#F1EFE6;background:#142E34}
.immersive .landscape-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;z-index:-3;pointer-events:none}
.landscape-plate{position:absolute;inset:0;overflow:hidden}
.landscape-plate img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none;transform:scale(1.025)}
.immersive #riso-scene{transition:opacity .8s ease}
.immersive .hero-shade{position:absolute;inset:0;z-index:-1;background:rgba(5,20,27,.28);pointer-events:none}
.immersive .hero-copy{text-align:center;position:relative;padding:0;margin-top:-20px;width:100%;max-width:1100px}
.immersive .hero .eyebrow{color:#F1EFE6;font-size:.6875rem;letter-spacing:.2em;margin:0 0 28px}
.immersive .hero .eyebrow span{color:rgba(241,239,230,.5)}
.immersive h1{font-size:clamp(3.4rem,6.3vw,6.05rem);line-height:1.08;letter-spacing:-.052em;margin:0;font-weight:300;text-shadow:0 2px 22px rgba(5,20,27,.12)}
.immersive h1>span{display:block}
.mobile-break{display:none}
.immersive h1 strong{color:inherit;font-weight:500}
.immersive h1 s{text-decoration-color:#1FB39C;text-decoration-thickness:2px}
.immersive .hero-description{font-size:1.0625rem;line-height:1.65;max-width:46ch;margin:28px auto 0;color:#F1EFE6;letter-spacing:-.012em}
.immersive .hero .text-link{color:#F1EFE6;border:1px solid rgba(241,239,230,.55);border-radius:999px;padding:0 24px;height:48px;gap:32px;font-size:.8125rem;margin-top:29px;transition:background .2s ease,border-color .2s ease}
.immersive .hero .text-link:hover{background:rgba(241,239,230,.12);border-color:#F1EFE6;text-decoration:none}
.immersive .hero-foot{position:absolute;bottom:22px;left:clamp(24px,4.5vw,76px);right:clamp(24px,4.5vw,76px);border-top:1px solid rgba(241,239,230,.3);padding-top:14px;padding-bottom:0;color:#F1EFE6;width:auto;display:flex;font-size:.625rem;letter-spacing:.1em}
.immersive .problem{padding-top:118px}

@media(max-width:1000px){.immersive h1{font-size:clamp(3.1rem,6.3vw,4.7rem)}.immersive .hero{min-height:max(700px,100svh)}.immersive .hero-copy{margin-top:0}}
@media(max-width:700px){
 .immersive .header{height:86px}.immersive .header .brand{width:104px}
 .immersive .hero{min-height:max(720px,100svh);height:auto;max-height:none;padding:130px 24px 124px;justify-content:center}
 .immersive .hero-copy{margin-top:-10px;max-width:450px}
 .immersive .hero .eyebrow{font-size:.625rem;letter-spacing:.13em;margin-bottom:28px}
 .immersive h1{font-size:clamp(2.6rem,9.6vw,4.1rem);line-height:1.15;letter-spacing:-.05em}
 .immersive h1>span{max-width:12ch;margin-inline:auto}
 .immersive .mobile-break{display:block}
 .immersive h1>span+span{margin-top:8px}
 .immersive .hero-description{font-size:.9375rem;max-width:30ch;line-height:1.7;margin-top:24px}
 .immersive .desktop-break{display:none}
 .immersive .hero .text-link{margin-top:24px;font-size:.8125rem}
 .immersive .hero-foot{bottom:20px;left:24px;right:24px;font-size:.5625rem}
 .immersive .hero-foot>a{font-size:0;width:44px;justify-content:center;flex-shrink:0}
 .immersive .hero-foot>a span{font-size:1.25rem}
 .immersive .hero-foot>span{max-width:23ch;line-height:1.7}
 .immersive .problem{padding-top:72px}
}
@media(prefers-reduced-motion:reduce){.immersive #riso-scene{display:none}}
@media print{.immersive .header{position:relative;color:var(--ink)}.immersive .hero{height:auto;min-height:600px}.immersive .hero-foot{display:none}}