/* The B composition keeps its geometry; film layers never participate in layout. */
html.lenis{scroll-behavior:auto!important}
.hero-grid{position:relative}
.hero-film-frame{display:none;position:absolute;inset:0;z-index:2;overflow:hidden;background:#e6e6e1;pointer-events:none;clip-path:polygon(110% 0%,125% 0%,125% 100%,100% 100%)}
.has-film .hero-film-frame{display:block}
.hero-film-frame picture,.hero-film-frame img{display:block;width:100%;height:100%}
.hero-film-frame img{object-fit:cover;object-position:center}
.hero-film-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0f0e9db 0%,#f0f0e98c 40%,#f0f0e900 75%)}
.hero-curtain{display:none;position:absolute;inset:0;z-index:6;pointer-events:none}
.hero-curtain i{flex:1;background:#303635;transform-origin:top;will-change:transform;margin-right:-1px}
.hero-content{mix-blend-mode:screen;--scene-opacity:1}
.hero-content>*{visibility:visible}
.intro-complete .hero-content>*{opacity:var(--scene-opacity)!important}
.is-care-scene .hero-content,.is-care-scene .hero-scroll,.is-care-scene .hero-film-controls{color:#2d3433}
.is-care-scene .hero-content{mix-blend-mode:multiply}
.is-care-scene .hero-content .inborn-logo{filter:brightness(0)}
.is-care-scene .hero-content .en-logo{filter:none;mix-blend-mode:multiply}
.hero-scroll{z-index:4}
.hero-scroll i{background:currentColor;opacity:.55}
.hero-scroll i:after{background:currentColor}
.hero-film-controls{position:absolute;z-index:4;bottom:17px;right:3.5%;display:flex;align-items:center;gap:13px;color:white;font:700 10px var(--font-en);letter-spacing:.08em}
.hero-film-controls[hidden]{display:none}
.hero-film-track{width:75px;height:1px;background:#b7bcb77a;overflow:hidden}
.hero-film-track i{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(0);transform-origin:left}
.hero-motion-toggle{width:44px;height:44px;display:grid;place-items:center;color:inherit;background:transparent;border:1px solid #a8ada67a;border-radius:50%;font:11px var(--font-en)}
.hero-motion-toggle:hover{background:#eeeee82b}
.has-film .hero-index{display:none}
@media(max-width:700px){
 .hero-curtain{top:65px}
 .hero-film-frame:after{background:linear-gradient(180deg,#ededdf05 25%,#efefe566 53%,#efefe5f5 100%)}
 .hero-film-frame picture{position:absolute;inset:0}
 .hero-film-frame img{height:auto;max-height:100%;object-fit:contain;object-position:top;mask-image:linear-gradient(#000 85%,transparent 100%)}
 .hero-film-controls{bottom:14px;right:5%;gap:9px;font-size:8px}
 .hero-film-track{width:35px}
 .hero-scroll{gap:12px;font-size:6px;letter-spacing:1px;bottom:34px}
 .hero-scroll i{width:25px}
}
@media(prefers-reduced-motion:reduce){
 .hero-curtain,.hero-film-frame,.hero-film-controls{display:none!important}
 .hero-content>*{opacity:1!important;filter:none}
 .hero-content .inborn-logo{filter:brightness(0) invert(1)}
 .hero-content .en-logo{filter:invert(1)}
}