/* Full-bleed campaign, within AERVIK's existing La carre identity. */
.ski-hero{display:flex;align-items:flex-end;min-height:100svh;margin-top:-88px;border:0;overflow:hidden;background:var(--ink);color:var(--paper);isolation:isolate}
.ski-hero .hero-copy{width:100%;max-width:900px;padding:170px var(--page-margin) 112px;position:relative;z-index:2}
.ski-hero h1{font-size:clamp(64px,6.5vw,96px);line-height:1.02;letter-spacing:-.02em;margin:0 0 24px;max-width:760px;text-wrap:balance}
.ski-hero .hero-description{max-width:48ch;font-size:18px;line-height:1.55;margin:0 0 28px;color:var(--paper)}
.hero-signature{font-size:22px;margin-bottom:12px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-actions .text-link{min-height:52px;display:inline-flex;align-items:center;border-bottom-color:currentColor;color:var(--paper);gap:16px}
.hero-scene{position:absolute;inset:0;z-index:-2;transform:translateY(var(--hero-drift,0px)) scale(var(--hero-scale,1));transform-origin:65% 45%}
.hero-scene picture,.hero-scene img,.hero-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 42%;display:block}
.hero-scene video{opacity:0;transition:opacity 220ms ease-out}
.hero-scene video.is-playing{opacity:1}
.ski-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(20,27,23,.78),rgba(20,27,23,.25) 64%,rgba(20,27,23,.08)),linear-gradient(180deg,rgba(20,27,23,.55),transparent 26%,transparent 80%,rgba(20,27,23,.4))}
.hero-bottom{position:absolute;bottom:28px;left:var(--page-margin);right:var(--page-margin);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;z-index:3}
.hero-controls{display:flex;align-items:center;gap:16px}
.hero-film-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,244,241,.7);color:var(--paper)}
.hero-film-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.hero-film-toggle .play-symbol{display:none}
.hero-film-toggle[aria-pressed=true] .pause-symbol{display:none}
.hero-film-toggle[aria-pressed=true] .play-symbol{display:block}
.hero-scroll-link{min-height:44px;display:flex;align-items:center;gap:12px;color:var(--paper)}
.hero-scroll-link .icon{transform:rotate(90deg)}
.hero-overlay .header{background:transparent;color:var(--paper);border-bottom-color:rgba(242,244,241,.28)}
.hero-overlay .header .logo img{filter:brightness(0) invert(1)}
.hero-overlay .header :focus-visible,.ski-hero :focus-visible{outline-color:var(--paper)}
.hero-overlay #mobile-menu{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:760px){
 .ski-hero{min-height:100svh;margin-top:-72px}
 .ski-hero .hero-copy{padding:130px var(--page-margin) 120px;max-width:100%}
 .ski-hero h1{font-size:clamp(44px,12.6vw,68px);line-height:1.04;max-width:500px;margin:0 0 18px}
 .hero-signature{font-size:18px;margin-bottom:8px}
 .ski-hero .hero-description{font-size:16px;line-height:1.5;max-width:34ch;margin:0 0 22px}
 .hero-actions{gap:12px 20px}
 .hero-actions .button,.hero-actions .text-link{min-height:48px;font-size:16px}
 .hero-scene{transform-origin:65% 35%}
 .hero-scene img,.hero-scene video{object-position:65% 40%}
 .ski-hero::before{background:linear-gradient(180deg,rgba(20,27,23,.64),rgba(20,27,23,.05) 24%,rgba(20,27,23,.48) 42%,rgba(20,27,23,.88) 78%,rgba(20,27,23,.92))}
 .hero-bottom{bottom:20px;font-size:14px;align-items:flex-end}
 .hero-controls{gap:12px}.hero-bottom .hero-look-name{max-width:145px;line-height:1.4}
 .hero-scroll-link{font-size:14px}
}
@media(max-width:350px){.ski-hero .hero-copy{padding-bottom:110px}.hero-actions{gap:4px}.hero-scroll-link{gap:8px}.hero-bottom{gap:8px}.hero-controls{gap:6px}.hero-bottom .hero-look-name{max-width:115px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transform:none}.hero-scene video{display:none}.hero-film-toggle{display:none}.hero-scene video{transition:none}}