@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#e4342d;--ink:#191b19;--muted:#858883;--paper:#fafaf9;--line:#dedfdb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #a32a24;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:99;padding:15px;background:white}.skip:focus{top:0}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;top:0;z-index:20}.brand{font-size:26px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand span{display:block;font-size:7px;font-weight:500;letter-spacing:2.2px;margin-top:8px}nav{display:flex;gap:35px;font-size:11px}.pill{display:flex;align-items:center;gap:25px;border-radius:40px;background:#191b19;color:white;font-size:10px;padding:8px 9px 8px 22px}.pill span{display:grid;place-items:center;background:white;color:#191b19;width:27px;height:27px;border-radius:50%;font-size:19px;transition:transform .25s}.pill:hover span{transform:rotate(45deg)}.hero{height:100svh;background:#f5f5f3}.scene{height:100%;position:relative;overflow:hidden;isolation:isolate}.layer{position:absolute;pointer-events:none;object-fit:cover;width:100%;height:100%;will-change:transform}.far{inset:0;object-position:50% 45%;z-index:0}.hero-kicker{position:absolute;z-index:2;top:19%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px}.climb{position:absolute;top:22%;width:100%;text-align:center;font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(100px,16vw,245px);font-weight:800;letter-spacing:-.02em;line-height:.86;color:#f3f3f0;text-shadow:-1px -1px 1px #ffffffed,1px 2px 2px #696c633d,3px 4px 8px #55594e20;z-index:3;will-change:transform}.climb span{display:block}.middle{z-index:4;top:10%;left:-7%;width:114%;height:110%;object-position:center}.front{z-index:5;top:38%;left:-20%;width:140%;height:110%;transform:scaleX(-1)}.hero-fade{position:absolute;inset:0;z-index:6;background:linear-gradient(transparent 62%,#fafaf999 83%,#fafaf9 100%);pointer-events:none}.hero-caption{position:absolute;z-index:7;left:5%;right:5%;bottom:12%;display:flex;justify-content:space-between;align-items:end}.hero-caption h1{font-size:clamp(24px,2.3vw,38px);line-height:1.18;letter-spacing:-1.5px;font-weight:500;margin:15px 0 0}.hero-caption>p{font-size:12px;line-height:1.7}.eyebrow{font-size:9px!important;font-weight:600;letter-spacing:1.8px;line-height:1.7}.scroll{position:absolute;bottom:3%;left:5%;z-index:8;font-size:7px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.scroll span{font-size:18px;border:1px solid #7778;border-radius:30px;padding:3px 7px}.motion{position:absolute;z-index:8;bottom:4%;right:5%;border:0;background:none;font:inherit;font-size:9px;cursor:pointer;border-bottom:1px solid #999;padding:5px}.section{padding:55px 6% 90px}.label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:8px;letter-spacing:1.8px}.intro-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12%;padding:95px 0 75px}h2{font-weight:500;font-size:clamp(38px,4.7vw,72px);line-height:1.06;letter-spacing:-3px;margin:0}h2 span{color:var(--muted)}p{font-size:13px;line-height:1.9}.body-copy{padding-top:8px;max-width:430px}.lead{font-size:18px;line-height:1.65}.body-copy>p:not(.lead),.feature-copy>p:not(.lead):not(.eyebrow){color:#686d65}.text-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bfc2b9;padding:20px 0;font-size:11px;margin-top:25px}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px;border:1px solid #fff;border-radius:18px;background:#f6f6f4;box-shadow:0 8px 40px #00000004}.principles>div{font-size:11px}.principles span{color:#969b90;font-size:9px;display:inline-block;margin-right:22px}.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding-top:30px}.feature-art,.grip-art{position:relative;overflow:hidden;border-radius:3px}.feature-art img,.grip-art img{display:block;width:100%;height:100%;object-fit:cover}.image-note{position:absolute;left:25px;bottom:25px;font-size:7px;letter-spacing:1.6px}.cross{position:absolute;right:25px;bottom:18px;font-size:26px;font-weight:400}.feature-copy{max-width:430px}.feature-copy h2{font-size:clamp(36px,4vw,62px);margin:35px 0}.feature-copy .lead{margin-top:30px}.pause{padding-bottom:60px}.pause-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:9%;padding-top:65px}.pause-copy h2{margin:38px 0 30px;font-size:clamp(38px,4.3vw,65px)}.pause-copy>p:not(.eyebrow){color:#6b7066}.grip-art{aspect-ratio:1/1.03}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding-top:90px}.decision-heading{position:sticky;top:65px;align-self:start}.decision-heading h2{font-size:clamp(36px,4vw,60px)}.decision-heading>p{max-width:350px;color:#686d65;margin-top:30px}.route{margin-top:50px;width:240px}.route svg{width:100%;height:120px;stroke:#a1a69a;fill:none;stroke-width:1;stroke-dasharray:3 5}.route circle{stroke:none;fill:#555b4f}.route small{font-size:7px;letter-spacing:1.2px}.step{display:flex;gap:35px;border-bottom:1px solid var(--line);padding:35px 0}.step:first-child{padding-top:0}.step>span{font-size:10px;color:#868d7d;padding-top:10px}.step h3{font-size:34px;line-height:1.15;letter-spacing:-1.2px;font-weight:500;margin:0 0 20px}.step p{max-width:330px;color:#686d65}.closing{background:linear-gradient(#fafaf9,#f0f1ee)}.closing>.eyebrow{margin:90px 0 30px}.closing h2{font-size:clamp(43px,6.5vw,100px);letter-spacing:-4px}.closing-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:55px}.large{font-size:12px;padding:10px 10px 10px 27px;gap:60px}.large span{height:35px;width:35px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 6%;border-top:1px solid var(--line);background:#f0f1ee}footer>span{font-size:7px;letter-spacing:1px;color:#73796d}footer>a:last-child{font-size:10px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.section{padding-left:calc((100vw - 1450px)/2);padding-right:calc((100vw - 1450px)/2)}}
@media(max-width:700px){header{height:78px;padding:0 6%}.brand{font-size:22px}.brand span{font-size:6px}nav{display:none}.pill{font-size:9px;gap:12px;padding-left:16px}.hero{height:100svh}.hero-kicker{top:22%;font-size:6px;letter-spacing:1px}.hero-kicker span{display:none}.climb{top:31%;font-size:20vw;line-height:.9}.far{object-position:65% center}.middle{width:170%;left:-35%;top:1%;height:105%}.front{width:210%;left:-55%;top:43%;height:110%}.hero-caption{left:6%;right:6%;bottom:13%}.hero-caption h1{font-size:29px;letter-spacing:-1px}.hero-caption>p{display:none}.hero-caption .eyebrow{font-size:7px!important;letter-spacing:1px}.scroll{left:6%;font-size:6px;letter-spacing:1px}.section{padding:35px 7% 55px}.label{font-size:6px;letter-spacing:1px}.label>span:last-child{max-width:45%;text-align:right}.intro-grid{grid-template-columns:1fr;gap:32px;padding:55px 0 40px}h2{font-size:43px;letter-spacing:-2px}.principles{grid-template-columns:1fr;gap:20px;padding:23px}.feature{grid-template-columns:1fr;gap:40px}.feature-copy h2{font-size:43px;margin:25px 0}.pause-grid{display:flex;flex-direction:column;gap:30px;padding-top:45px}.pause-copy{width:100%}.pause-copy h2{font-size:43px}.grip-art{width:100%}.decision-grid{grid-template-columns:1fr;gap:40px;padding-top:50px}.decision-heading{position:static}.decision-heading h2{font-size:42px}.route{display:none}.step h3{font-size:30px}.step{gap:25px}.closing>.eyebrow{margin-top:60px}.closing h2{font-size:41px;letter-spacing:-2px}.closing-bottom{align-items:start;flex-direction:column;gap:20px;margin-top:35px}footer{flex-wrap:wrap;gap:25px;padding:30px 7%}footer>span{order:3;width:100%;font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh}.scene{position:relative}.layer,.climb{will-change:auto}.js .reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}body.motion-off .hero{height:100svh}body.motion-off .scene{position:relative}

.avalanche-kit h2{margin:55px 0;font-size:clamp(35px,4vw,58px)}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.kit-grid article{border-top:2px solid var(--accent);padding-top:20px}.kit-grid article>span{font-size:8px;letter-spacing:1.5px;color:#70766a}.kit-grid h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:18px 0}.kit-grid p{color:#686d65;font-size:12px}.avalanche-kit>.text-link{max-width:520px}.feature-copy h2{margin-top:25px}.image-note{max-width:85%;line-height:1.5}@media(max-width:700px){.kit-grid{grid-template-columns:1fr 1fr;gap:25px}.kit-grid h3{font-size:19px}.avalanche-kit h2{margin:40px 0;font-size:36px}}

/* Section choreography: short, one-time entrances plus scroll-linked artwork. */
body::before{content:"";position:fixed;top:0;left:0;height:2px;width:var(--reading-progress,0%);background:var(--accent);z-index:50;pointer-events:none}
.js .reveal{opacity:0;transform:translate3d(0,25px,0);filter:blur(4px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1),filter .75s ease;transition-delay:var(--reveal-delay,0ms)}
.js .reveal.visible,.js .reveal:focus-within{opacity:1;transform:none;filter:blur(0)}
.js .feature-art.reveal,.js .grip-art.reveal{transform:translate3d(0,35px,0);filter:blur(2px);transition-duration:1s}
.js .feature-art.visible,.js .grip-art.visible{transform:none;filter:none}
.feature-art img,.grip-art img{transform:scale(1.06)}
.hero-enter{animation:hero-enter 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes hero-enter{from{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:blur(0);transform:none}}
.route.visible path{stroke-dasharray:420;animation:route-draw 1.8s ease both}
@keyframes route-draw{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
.principles>div,.kit-grid article{transition:transform .3s ease,border-color .3s ease}
@media(hover:hover){.principles>div:hover{transform:translateY(-4px)}.kit-grid article:hover{border-top-color:#191b19}}
.closing{position:relative;isolation:isolate;overflow:hidden;background:#202421;color:#f5f5f0;padding-bottom:110px}
.closing::before{content:"";position:absolute;z-index:-1;inset:0;background:url('assets/topographic-mountains.png') center center/cover;filter:invert(1);opacity:.085;pointer-events:none}
.closing .label{border-color:#ffffff35;color:#c3c9bd}
.closing>.eyebrow{color:#cbd0c7}
.closing h2 span{color:#b7bfb1}
.closing-bottom p{color:#d0d5cb}
.closing .pill{background:var(--accent);color:#fff}
.closing .pill span{background:#fff;color:#202421}
footer{background:#181c19;color:#f3f4ef;border-color:#ffffff20}
footer>span{color:#afb7a6}
@media(max-width:700px){.closing{padding-bottom:65px}.js .reveal{filter:blur(2px);transform:translateY(18px)}.js .reveal.visible{filter:none;transform:none}}
body.motion-off .reveal,body.motion-off .hero-enter{opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:none!important}
body.motion-off .route path{animation:none;stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.js .reveal,.js .hero-enter{opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:none!important}.route.visible path{animation:none;stroke-dashoffset:0}.feature-art img,.grip-art img{transform:none!important}}

/* Full-section artwork fades into the paper beside the copy. */
.feature,.pause{position:relative;isolation:isolate;overflow:hidden}
.feature{display:block;min-height:780px;padding-top:100px;padding-bottom:100px}
.pause{min-height:760px}
.pause-grid{display:block;padding-top:120px;padding-bottom:110px}
.feature-copy,.pause-copy{position:relative;z-index:2;width:43%;max-width:510px}
.pause>.label{position:relative;z-index:3}
.feature-art,.grip-art{position:absolute;z-index:0;inset:0 0 0 auto;width:72%;height:100%;aspect-ratio:auto;border-radius:0;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,#000 43%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 83%,transparent 100%);mask-composite:intersect}
.feature-art img,.grip-art img{object-position:65% center;transform-origin:65% 50%}
.feature-art::after,.grip-art::after{content:"";position:absolute;inset:0 45% 0 0;backdrop-filter:blur(14px);mask-image:linear-gradient(to right,#000 10%,transparent 100%);pointer-events:none}
.feature-art .image-note,.grip-art .image-note{left:auto;right:9%;bottom:12%;text-align:right}.feature-art .cross{display:none}
@media(max-width:700px){
 .feature,.pause{min-height:0}
 .feature{padding-top:370px;padding-bottom:55px}
 .pause-grid{padding-top:350px;padding-bottom:0}
 .feature-copy,.pause-copy{width:100%;max-width:none}
 .feature-art,.grip-art{width:115%;height:410px;right:-10%;mask-image:linear-gradient(to right,transparent,#000 25%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 65%,transparent);mask-composite:intersect}
 .grip-art{top:60px}
 .feature-art img,.grip-art img{object-position:65% 45%}
 .feature-art .image-note,.grip-art .image-note{bottom:22%;right:15%;font-size:6px}
}

/* Preserve the complete airbag silhouette, including at maximum scroll zoom. */
.feature-art{width:62%;mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 6%,#000 85%,transparent 100%)}
.feature-art img{position:absolute;left:5%;top:12%;width:90%;height:78%;object-fit:contain;object-position:center;transform-origin:center}
.feature-art::after{right:78%}
@media(max-width:700px){.feature-art{width:100%;right:0}.feature-art img{left:5%;top:10%;height:78%;width:90%}}

.feature-art img{mask-image:linear-gradient(to bottom,transparent 0%,#000 1.5%,#000 78%,transparent 100%),linear-gradient(to right,transparent 0%,#000 14%,#000 85%,transparent 100%);mask-composite:intersect}

/* Larger navigation with an understated brand-accent hover. */
nav{gap:34px;font-size:15px;font-weight:600}
nav a{position:relative;display:inline-block;padding:12px 0;transition:color .25s ease,transform .25s ease}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
nav a:focus-visible{color:var(--accent)}
nav a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover){nav a:hover{color:var(--accent);transform:translateY(-2px)}nav a:hover::after{transform:scaleX(1)}}
body.motion-off nav a,body.motion-off nav a::after{transition:none}
body.motion-off nav a:hover{transform:none}
@media(prefers-reduced-motion:reduce){nav a,nav a::after{transition:none}nav a:hover{transform:none}}

/* SVG arrows remain monochrome on mobile, independent of emoji fonts. */
.icon-arrow{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.scroll span{display:grid;place-items:center;width:34px;height:34px;padding:0;flex-shrink:0}
footer>a:last-child{display:inline-flex;align-items:center;gap:8px}
@media(max-width:700px){
 p{font-size:15px;line-height:1.8}
 .lead{font-size:19px}
 .eyebrow,.hero-caption .eyebrow{font-size:11px!important;letter-spacing:1.1px}
 .hero-kicker{font-size:10px;letter-spacing:1px}
 .brand span{font-size:8px;letter-spacing:1.6px}
 .pill{font-size:12px;min-height:44px}.large{font-size:14px}
 .hero-caption{bottom:17%}
 .scroll{font-size:11px;letter-spacing:.7px;line-height:1.5;gap:9px;max-width:55%;min-height:44px;bottom:3%}
 .motion{font-size:12px;min-height:44px;bottom:3%;right:6%}
 .label{font-size:10px;letter-spacing:.9px;line-height:1.6;gap:20px}
 .principles>div{font-size:14px}.principles span{font-size:11px}
 .text-link{font-size:14px;gap:20px;line-height:1.6;min-height:44px}
 .text-link span{flex-shrink:0}
 .kit-grid article>span,.step>span{font-size:11px}
 .kit-grid p{font-size:14px}
 .feature-art .image-note,.grip-art .image-note{font-size:10px;letter-spacing:.8px;max-width:72%}
 footer>span{font-size:10px;line-height:1.7;letter-spacing:.5px}
 footer>a:last-child{font-size:13px;min-height:44px}
}
@media(max-width:360px){.scroll{font-size:10px;letter-spacing:.4px;max-width:53%}.motion{font-size:11px}.kit-grid{grid-template-columns:1fr}}

/* On phones, blend the ski scene vertically rather than along its left edge. */
@media(max-width:700px){
 .grip-art{mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.65) 25%,#000 38%,#000 65%,transparent 100%);mask-composite:add}
 .grip-art::after{display:none}
}

/* Collaboration brief: original seven sections, within the established visual style. */
.brief-section>h2{margin:65px 0 50px}
.brief-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:45px}
.brief-columns h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0 0 24px}
.brief-columns h3:not(:first-child){margin-top:40px}
.brief-list{list-style:none;padding:0;margin:0;max-width:1050px}
.brief-list li{position:relative;padding:18px 0 18px 24px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.85}
.brief-list li::before{content:"";position:absolute;left:0;top:30px;width:5px;height:5px;background:var(--accent);border-radius:50%}
.brief-date{padding:25px;border-left:2px solid var(--accent);background:#f1f2ee;margin-top:30px}
.inline-link{text-decoration:underline;text-underline-offset:4px}
.inspiration-links{max-width:850px}.inspiration-links .text-link{font-size:16px;padding:25px 0}
.pending-note{color:#71776e;font-size:15px}
.brief-products>.label{position:relative;z-index:2}
.brief-products .feature-copy{padding-top:100px}
.closing .brief-list li{border-color:#ffffff25;color:#d0d5cb}
.closing .brief-columns h3{color:#f5f5f0}
.brief-manifesto{font-size:clamp(24px,3vw,44px);line-height:1.4;letter-spacing:-1px;margin:75px 0 0}
@media(max-width:700px){.brief-columns{grid-template-columns:1fr;gap:40px}.brief-section>h2{margin:45px 0 30px}.brief-list li{font-size:15px}.brief-columns h3{font-size:22px}.brief-products{padding-top:35px}.brief-products .feature-art{top:90px}.brief-products .feature-copy{padding-top:390px}.brief-manifesto{margin-top:50px}.inspiration-links .text-link{font-size:14px}}

/* Campaign photography: complete frames, white space, no decorative blur. */
.campaign-photo{margin:0;background:#e9edf0;overflow:hidden}
.campaign-photo img{display:block;width:100%;height:auto}
.js .campaign-photo.reveal{filter:none;transform:translateY(18px)}
.js .campaign-photo.visible{transform:none}
.story-visual .campaign-photo{width:82%;max-width:450px;margin-top:52px}
#story .intro-grid{grid-template-columns:1.15fr 1fr;gap:10%;align-items:center;padding-bottom:0}
#story .body-copy{max-width:450px}
#story .body-copy p{font-size:16px;line-height:1.9}
.photo-interlude{padding:0 6% 80px;max-width:1700px;margin:auto}
.photo-interlude .campaign-photo{width:100%}
.editorial-split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:65px}
.editorial-split .pause-copy,.editorial-split .feature-copy{width:100%;max-width:510px;padding:0;position:static}
.editorial-split>.campaign-photo{width:100%;max-width:490px;justify-self:end}
.photo-section{position:relative}
.photo-section .pause-copy h2{font-size:clamp(38px,4.3vw,65px)}
.directions-split{display:grid;grid-template-columns:1.4fr .8fr;gap:9%;align-items:start}
.directions-split .campaign-photo{max-width:410px;justify-self:end}
.inspiration-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:center}
.inspiration-split .campaign-photo{max-width:400px}
.inspiration-split .text-link>span{flex-shrink:1}
.photo-section.brief-products{min-height:0;padding-top:55px;padding-bottom:90px}
.photo-section.brief-products .feature-copy{padding:0}
.products-split{grid-template-columns:1fr 1fr}
.products-split>.campaign-photo{justify-self:start;max-width:490px}
@media(max-width:700px){
 #story .intro-grid,.editorial-split,.directions-split,.inspiration-split{grid-template-columns:1fr;gap:34px}
 #story .intro-grid{padding-top:45px}
 .story-visual .campaign-photo{width:100%;max-width:none;margin-top:32px}
 #story .body-copy p{font-size:15px}
 .photo-interlude{padding:0 0 35px}
 .editorial-split{padding-top:40px}
 .editorial-split>.campaign-photo,.directions-split .campaign-photo,.inspiration-split .campaign-photo{max-width:none;width:100%}
 .photo-section.brief-products{padding-top:35px;padding-bottom:55px}
 .products-split .feature-copy{grid-row:1}
 .photo-section .pause-copy h2{font-size:43px}
}

/* Native scroll-snap video carousel: equal height, entire frame, manual playback. */
.carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:65px 0 42px}
.carousel-heading h2{margin:0}
.carousel-controls{display:flex;gap:10px;flex-shrink:0}
.carousel-controls button{width:48px;height:48px;border:1px solid #b5bab2;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.carousel-controls button:hover:not(:disabled){background:#20251f;color:white}
.carousel-controls button:disabled{opacity:.3;cursor:default}
.carousel-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.video-carousel{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:#9fa69a #e7e8e4}
.video-card{flex:0 0 calc((100% - 72px)/3.25);min-width:0;scroll-snap-align:start}
.video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#181c19}
.video-source{padding:19px 0 10px}
.video-source>span{font-size:11px;letter-spacing:1.4px;color:#6b7269}
.video-source a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}
.video-source a:hover{text-decoration:underline;text-underline-offset:4px}
.video-source svg{flex-shrink:0;width:18px;height:18px}
.video-carousel:focus-visible,.carousel-controls button:focus-visible,.video-source a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1700px){.video-card{flex-basis:calc((100% - 72px)/4)}}
@media(max-width:1000px){.video-card{flex-basis:calc((100% - 40px)/2.25)}}
@media(max-width:700px){.carousel-heading{margin:45px 0 30px;gap:12px}.carousel-heading h2{font-size:42px}.carousel-controls{gap:8px}.carousel-controls button{width:44px;height:44px}.video-carousel{gap:16px;margin-right:-6.98%;padding-right:6.98%}.video-card{flex-basis:86%}.video-source a{font-size:14px}.video-source>span{font-size:11px}}

/* Supplied Mammut brand artwork, preserving original proportions. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px}
.brand img{display:block;width:180px;height:auto}
@media(max-width:700px){.brand img{width:145px}}

footer .brand img{filter:brightness(0) invert(1)}

/* Brand accents and scroll-linked logo ribbons (parallax 1.0.0, native JS). */
.section:not(.closing) .label>span:first-child{color:#bf2423;font-weight:700}
.section:not(.closing) .label{position:relative}
.section:not(.closing) .label::before{content:"";position:absolute;top:-1px;left:0;width:64px;height:2px;background:var(--accent)}
#story h2 span,#zalozenia h2 span,#kierunki h2 span,.brief-products h2 span{color:#cc3029}
.brief-date{background:#e4342d0a;border-left-width:3px}
.carousel-controls button:not(:disabled){border-color:var(--accent);color:#c82b24}
.carousel-controls button:hover:not(:disabled){background:var(--accent);color:#fff}
.video-source>span{color:#bc2925}
.brand-band{position:relative;overflow:hidden;background:#f4f3f0;border-block:1px solid #e4342d26;padding:34px 0;isolation:isolate}
.brand-band-track{position:relative;left:-270px;display:flex;align-items:center;gap:62px;width:max-content;will-change:transform}
.brand-band img{width:235px;height:50px;object-fit:contain;display:block;flex-shrink:0}
.brand-band img.brand-symbol{width:52px;height:52px}
.brand-band-track>span{font-size:22px;font-weight:300;color:var(--accent);flex-shrink:0}
.brand-band-red{background:var(--accent);border-color:var(--accent)}
.brand-band-red img{filter:brightness(0) invert(1)}
.brand-band-red .brand-band-track>span{color:#fff9}
.motion-off .brand-band-track{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.brand-band-track{transform:none!important;will-change:auto}}
@media(max-width:700px){.brand-band{padding:26px 0}.brand-band-track{gap:35px}.brand-band img{width:175px;height:38px}.brand-band img.brand-symbol{width:40px;height:40px}}

/* Red hero claim, still layered behind the mountain foreground. */
.climb{color:var(--accent);text-shadow:none}