/* v2.5.3: home-only forest opening. The photograph stays sharp; layered mist moves independently. */
.site-intro--forest-v253 { overflow: hidden; isolation: isolate; background: #111b14; }
.site-intro--forest-v253 .site-intro__forest-scene,
.site-intro--forest-v253 .site-intro__mist,
.site-intro--forest-v253 .site-intro__forest-vignette { position: absolute; inset: -3%; pointer-events: none; }
.site-intro--forest-v253 .site-intro__forest-scene { z-index: 0; background-size: cover; background-position: center 49%; opacity: .5; filter: blur(19px) saturate(.7); transform: scale(1.11); }
.site-intro--forest-v253.is-loaded .site-intro__forest-scene { animation: chisou-forest-focus-253 3.35s cubic-bezier(.2,.7,.18,1) forwards; }
.site-intro--forest-v253 .site-intro__mist { z-index: 1; inset: -15% -40%; filter: blur(32px); mix-blend-mode: screen; will-change: transform, opacity; }
.site-intro--forest-v253 .site-intro__mist--back { opacity: .52; background: radial-gradient(ellipse 45% 35% at 28% 50%, rgba(203,222,199,.54), transparent 80%), radial-gradient(ellipse 36% 40% at 76% 38%, rgba(215,224,197,.32), transparent 82%); }
.site-intro--forest-v253 .site-intro__mist--front { opacity: .36; background: radial-gradient(ellipse 38% 27% at 64% 70%, rgba(224,231,204,.56), transparent 84%), radial-gradient(ellipse 32% 31% at 18% 33%, rgba(184,214,186,.42), transparent 84%); }
.site-intro--forest-v253.is-loaded .site-intro__mist--back { animation: chisou-mist-back-253 4.1s ease-in-out forwards; }
.site-intro--forest-v253.is-loaded .site-intro__mist--front { animation: chisou-mist-front-253 4.1s ease-in-out forwards; }
.site-intro--forest-v253 .site-intro__forest-vignette { z-index: 2; inset: 0; background: radial-gradient(ellipse at 50% 48%, transparent 13%, rgba(4,12,8,.18) 58%, rgba(4,10,7,.66) 100%); }
.site-intro--forest-v253 .site-intro__forest-wordmark { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: .5em; color: #f5f1e6; font-family: 'Yu Mincho', 'Hiragino Mincho ProN', serif; text-shadow: 0 2px 28px rgba(0,0,0,.7); opacity: 0; transform: translateY(14px); letter-spacing: .24em; }
.site-intro--forest-v253 .site-intro__forest-wordmark span { font-size: clamp(2.8rem, 7vw, 5.5rem); font-weight: 400; padding-left: .24em; }
.site-intro--forest-v253 .site-intro__forest-wordmark small { font: 400 clamp(.55rem, 1vw, .8rem)/1.4 Georgia, serif; letter-spacing: .45em; padding-left: .45em; }
.site-intro--forest-v253.is-loaded .site-intro__forest-wordmark { animation: chisou-wordmark-253 1.4s ease-out 1.15s forwards; }
@keyframes chisou-forest-focus-253 { 0% { opacity: .5; filter: blur(19px) saturate(.7); transform: scale(1.11); } 58% { opacity: .95; } 100% { opacity: 1; filter: blur(0) saturate(.88); transform: scale(1.03); } }
@keyframes chisou-mist-back-253 { from { transform: translate3d(-7%,2%,0); opacity: .58; } 48% { opacity: .56; } to { transform: translate3d(7%,-3%,0); opacity: .16; } }
@keyframes chisou-mist-front-253 { from { transform: translate3d(8%,3%,0); opacity: .48; } 50% { opacity: .43; } to { transform: translate3d(-8%,-2%,0); opacity: .1; } }
@keyframes chisou-wordmark-253 { to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767px) { .site-intro--forest-v253 .site-intro__forest-scene { background-position: 50% center; } .site-intro--forest-v253 .site-intro__forest-wordmark { transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) { .site-intro--forest-v253 { display: none; } }