/* Only the first screen is redesigned; company content and product sections stay intact. */
.nav{position:absolute;top:0;left:0;width:100%;height:94px;padding:0 6.4vw;color:#f2f0ed}
.nav nav{color:rgba(242,240,237,.78)}
.hero{height:100svh;min-height:580px;padding:130px 6.4vw 44px;display:block;background:#161616}
.hero-head{position:relative;z-index:2}.hero-head .eyebrow,.hero-head .edition{color:rgba(242,240,237,.68);font-size:11px}
.hero h1{position:absolute;top:25%;left:6.4vw;margin:0;font-size:clamp(60px,5.8vw,92px);font-weight:500;line-height:1.17;letter-spacing:-.055em;text-shadow:0 2px 25px rgba(0,0,0,.14)}
.hero .second{padding-left:0}
.hero-bottom{position:absolute;bottom:42px;left:6.4vw;right:6.4vw;z-index:3}
.hero-bottom .intro{font-size:13px;max-width:370px;line-height:1.9}
.hero-bottom .intro p:last-child,.hero-bottom .scroll-link{color:rgba(242,240,237,.73)}
.film-picture{position:absolute;inset:-1.5%;z-index:-5;animation:none;transform:none}
.film-exposure{width:100%;height:100%;transform:none;animation:film-exposure 7.4s linear infinite}
.film-picture picture{display:block;width:100%;height:100%}
.film-picture img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}
.film-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(5,7,7,.5),transparent 57%),linear-gradient(180deg,rgba(4,5,5,.35),transparent 34%,transparent 65%,rgba(5,6,6,.7))}
.film-vignette{position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 56% 44%,transparent 41%,rgba(8,8,7,.17) 100%)}
.film-grain{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none}
.film-artifacts{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.film-light{position:absolute;inset:-35% -10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 45% 50%,rgba(255,249,235,.05),transparent 65%);mix-blend-mode:screen;animation:film-light 13s ease-in-out infinite alternate}
.film-paused .film-picture,.film-paused .film-exposure,.film-paused .film-light{animation-play-state:paused}
body[data-locale=en] .hero h1{font-size:clamp(45px,4.4vw,76px);letter-spacing:-.05em}
@keyframes film-exposure{0%,100%{filter:brightness(1)}13%{filter:brightness(.994)}27%{filter:brightness(1.008)}38%{filter:brightness(.998)}51%{filter:brightness(1.004)}67%{filter:brightness(.993)}82%{filter:brightness(1.006)}}
@keyframes film-light{0%{transform:translate(-8%,-12%);opacity:.45}48%{opacity:1}100%{transform:translate(8%,12%);opacity:.55}}
@media(max-width:700px){
 .nav{height:80px;padding:0 7vw}.brand{width:108px}.nav nav{gap:19px;font-size:11px}.locale{margin-left:0}
 .hero{height:100svh;min-height:560px;padding:105px 7vw 28px}
 .hero-head .eyebrow{font-size:9px}.hero-head .edition{font-size:9px}
 .hero h1{left:7vw;top:25%;font-size:clamp(44px,11.7vw,70px);line-height:1.24}
 body[data-locale=en] .hero h1{font-size:clamp(28px,7.8vw,49px);line-height:1.24}
 .film-picture img{object-position:56% 50%}
 .film-shade{background:linear-gradient(180deg,rgba(5,6,6,.46),rgba(5,6,6,.22) 30%,transparent 62%,rgba(5,6,6,.8)),linear-gradient(90deg,rgba(5,6,6,.2),transparent 80%)}
 .hero-bottom{left:7vw;right:7vw;bottom:25px;align-items:flex-start;flex-direction:column-reverse;gap:19px}
 .hero-bottom .intro{font-size:11px;line-height:1.8;max-width:320px}.hero-bottom .scroll-link{font-size:10px}
}
@media(max-height:600px) and (min-width:701px){.hero{min-height:400px;padding-top:95px}.nav{height:75px}.hero h1{top:30%;font-size:52px}body[data-locale=en] .hero h1{font-size:44px}.hero-bottom{bottom:25px}.hero-bottom .intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.film-picture,.film-exposure,.film-light{animation:none!important}.film-artifacts{display:none}}