/* First-screen composition shared by all language versions. */
.brand-minimal .brand-header{position:relative;top:auto;left:auto;right:auto}
.scroll-stage{background:#f7f7f5;padding:12px}
.brand-minimal .brand-hero.scroll-hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(620px,calc(100svh - 108px));border-radius:28px;background:#050606;display:flex;align-items:center;padding:clamp(44px,7vw,110px) clamp(28px,7vw,112px)}
.scroll-media-row{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.scroll-media{position:absolute;inset:0;background:radial-gradient(circle at 75% 75%,#123b40 0,#0a1415 34%,#050606 70%)}
.scroll-media::before{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to bottom,transparent,#050606 50%);z-index:4;pointer-events:auto}
.scroll-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050606 0%,#050606aa 31%,transparent 64%);pointer-events:none;z-index:2}
.scroll-brand-art{position:absolute;left:clamp(28px,7vw,112px);top:clamp(32px,6vw,76px);width:clamp(70px,8vw,104px);height:auto;object-fit:contain;border-radius:26%;z-index:3}
.scroll-media spline-viewer{position:absolute;right:-2%;top:0;width:60%;height:100%;z-index:1;pointer-events:auto}
.scroll-media-wordmark{display:none}
.scroll-heading{position:relative;z-index:3;width:min(53%,690px);max-width:none;margin:50px 0 0;text-align:left}
.brand-minimal .scroll-heading h1{color:#f6f7f5;font-size:clamp(48px,6vw,104px);font-weight:550;line-height:1.03;letter-spacing:-.055em;overflow-wrap:anywhere;text-shadow:0 2px 20px #0008}
.brand-minimal .scroll-heading .button{margin-top:34px;min-height:50px;padding:13px 25px;background:#f5f6f3;color:#1c2821}
.brand-minimal .scroll-heading .button:hover{background:#dbe9dc}
.scroll-hero-footer{position:absolute;z-index:3;left:clamp(28px,7vw,112px);right:clamp(28px,7vw,112px);bottom:27px;color:#afb8b2;font-size:12px}
.scroll-hint{display:none}
.brand-minimal .scroll-hero .motion-toggle{display:none}
.scroll-hero::after{content:'';position:absolute;z-index:1;left:var(--spot-x,70%);top:var(--spot-y,45%);width:360px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff54 0,#ffffff19 20%,transparent 70%);filter:blur(28px);opacity:0;pointer-events:none;transition:opacity .25s}
.scroll-hero.spotlight-active::after{opacity:1}
@media(max-width:700px){
 .scroll-stage{padding:8px}
 .brand-minimal .brand-hero.scroll-hero{min-height:max(650px,calc(100svh - 104px));border-radius:22px;display:block;padding:132px 26px 350px}
 .scroll-heading{width:100%;margin:0;text-align:center}
 .brand-minimal .scroll-heading h1{font-size:clamp(38px,10vw,58px)}
 .brand-minimal .scroll-heading .button{margin-top:22px}
 .scroll-media spline-viewer{top:auto;bottom:0;right:-12%;width:124%;height:61%;pointer-events:none}
 .scroll-brand-art{top:26px;left:50%;width:72px;transform:translateX(-50%)}
 .scroll-media::after{background:linear-gradient(#050606 0%,#050606b8 33%,transparent 58%)}
 .scroll-hero-footer{left:26px;right:26px;bottom:20px}
}
@media(prefers-reduced-motion:reduce){.scroll-hero::after{display:none}}