/* V5.4 — one full-viewport depth scene, exclusively in About section 03. */
.about-page .about-tunnel { padding:0;position:relative;background:#f8f6f2;color:#1e3b2d; }
.about-tunnel>.editorial-container { max-width:none;margin:0;width:100%; }
.about-tunnel-stage { position:relative;isolation:isolate;padding:clamp(4rem,8vw,7rem) var(--space-layout);overflow:clip; }
.about-tunnel-images { display:none; }
.about-tunnel-anchor { position:relative;z-index:0;width:100%;margin:auto;text-align:center;transform-origin:center; }
.about-page .about-tunnel-anchor h2 { font-size:clamp(2rem,5vw,5.25rem);font-weight:500;line-height:1.1;max-width:none;margin:0; }
.about-tunnel-anchor p { font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65;max-width:54ch;margin:1.5rem auto 0; }
.about-tunnel.is-enhanced { height:180svh; }
.about-tunnel.is-enhanced>.editorial-container { height:100%; }
.about-tunnel.is-enhanced .about-tunnel-stage { position:sticky;top:0;height:100svh;min-height:540px;padding:0;display:grid;place-items:center;perspective:1200px; }
/* Width reserves the final 1.35 scale without cutting text or narrowing an internal image plane. */
.about-tunnel.is-enhanced .about-tunnel-anchor { width:calc((100% - 2 * var(--space-layout)) / 1.35);max-width:860px; }
.about-tunnel.is-enhanced .about-tunnel-images { display:block;position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d;z-index:1; }
.about-tunnel-card { position:absolute;top:50%;left:50%;width:230px;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #102a2020;opacity:0; }
@media(max-width:767px){
 .about-tunnel.is-enhanced { height:180svh; }
 .about-tunnel.is-enhanced .about-tunnel-stage { min-height:480px;perspective:900px; }
 .about-page .about-tunnel-anchor h2 { font-size:clamp(2rem,6.6vw,3rem); }
 .about-tunnel-anchor p { font-size:.95rem;line-height:1.65; }
 .about-tunnel-card:nth-child(n+5){display:none;}
}
@media(prefers-reduced-motion:reduce),(max-height:540px){
 .about-tunnel.is-enhanced { height:auto; }
 .about-tunnel.is-enhanced>.editorial-container { height:auto; }
 .about-tunnel.is-enhanced .about-tunnel-stage { position:relative;height:auto;min-height:0;padding:4rem var(--space-layout); }
 .about-tunnel.is-enhanced .about-tunnel-anchor { width:100%;max-width:860px;transform:none!important;opacity:1!important; }
 .about-tunnel-images { display:none!important; }
}