/* Protection-led refinement: quiet imagery, generous space and consistent soft forms. */
:root{--protection-radius:28px}
.brand-wordmark{font-family:var(--font);font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.055em;color:#f4f1e7;display:block}
.brand-wordmark>span{color:#d5b77e}
.button,.account-link,.account-signout,.gallery-tab,.filter,.auth-tabs button,.profile-signout{border-radius:999px}
.account-link{white-space:nowrap}
.menu-toggle{border-radius:50%}
.form-field input,.form-field select,.form-field textarea,.account-card input{border-radius:12px}
.wholesale-form,.contact-form,.account-card{border-radius:28px}
.application-card,.related-card{border-radius:28px;overflow:hidden}
.application-number,.range-preview{border-radius:999px}
.range-preview{display:block;width:fit-content}
.application-feature figure img,.application-landing figure img,.story-layout img,.principles-layout>img,.journal-hero-image img,.detail-hero img{border-radius:28px}
.blog-cover,.gallery-open,.studio-stage,.gallery-lightbox{border-radius:28px}
.gallery-zoom,.hero-control,.lightbox-close,.lightbox-step{border-radius:50%}
.application-feature{padding-block:5.5rem}
.application-feature-layout{gap:4.5rem}
.application-feature figure img,.application-landing figure img{object-fit:contain;background:#cfcac0}
.application-feature-copy>.application-surfaces,.application-landing-layout>div>.application-surfaces,.application-card-copy>.application-surfaces{display:block;width:fit-content;max-width:100%;font-size:.75rem;line-height:1.5;letter-spacing:.02em;padding:.65rem 1rem;background:#ffffff0a;border:1px solid #ffffff25;color:#d9c6a3;margin-top:1.4rem;border-radius:999px}
.application-feature-home-office .application-feature-copy>.application-surfaces{background:#18171405;color:#655135;border-color:#65513540}
.application-feature-copy>.application-explore{display:flex;width:fit-content;gap:1.8rem;margin-top:1.75rem;min-height:50px;padding:.7rem 1.2rem;border:1px solid #d4b17680;border-radius:999px;line-height:1.4}
.application-feature-home-office .application-feature-copy>.application-explore{border-color:#72532a70}
.application-film-links{margin-top:1.5rem}
.application-film-links a{padding-block:.8rem}
.application-feature h2{font-size:clamp(2.5rem,3.5vw,3.8rem)}
.home-slider{background:#101210;border:0}
.hero-slides{inset:auto 3vw auto 43%;top:50%;height:auto;aspect-ratio:3/2;transform:translateY(-50%);border-radius:36px 36px 100px 36px;overflow:hidden}
.hero-slide{background:#cfcac0}
.hero-slide img,.hero-slide-bicycle img,.hero-slide-motorcycle img{inset:0;left:0;top:0;width:100%;height:100%;padding:0;object-fit:contain}
.hero-slide:after{display:none}
.home-slider-layout{min-height:clamp(640px,41vw,800px);padding-block:5rem 7rem}
.home-slider-copy{width:39%;max-width:570px}
.home-slider .eyebrow{text-transform:none;letter-spacing:.025em;font-size:.9375rem;color:#d5b77e}
.home-slider h1{font-size:clamp(3rem,4.3vw,5.1rem);line-height:1.06;margin-top:1.5rem;letter-spacing:-.055em}
.home-slider h1 span{color:#f4f1e7}
.hero-category{font-size:1rem;color:#c5c7bd;margin-top:1.6rem}
.hero-actions{gap:1.4rem;margin-top:1.8rem}
.hero-actions .button{padding:.9rem 1.2rem;white-space:normal}
.hero-actions .text-link{border:0;gap:.7rem;margin:0}
.hero-controls{left:0;bottom:2rem;gap:.35rem}
.hero-control{border-color:#ffffff35;background:#ffffff06}
.hero-pagination button{width:38px}
.hero-position{font-size:.6875rem;margin-left:.2rem}
.visual-categories{padding-block:4.5rem 5rem;background:#0b0c0b}
.visual-categories .home-heading{margin-bottom:2.25rem}
.category-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem}
.category-shortcut{grid-column:span 2;border-radius:28px;overflow:hidden;background:#181b17;border-color:#ffffff20}
.category-shortcut:nth-child(4){grid-column:2/span 2}
.category-shortcut img{aspect-ratio:3/2;object-fit:contain;background:#cfcac0}
.category-shortcut strong{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.35rem 1.5rem;font-size:1.1rem}
.category-shortcut strong span{color:#bfa274;font-size:1.3rem}
.brand-intro{padding-block:4.5rem;background:#20271f}
.brand-intro h2{max-width:540px}
.protection-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.protection-guide-card{display:flex;align-items:center;gap:1.5rem;background:#f1eee7;padding:1.6rem;border:1px solid #aba89b;border-radius:24px;transition:background .2s}
.protection-guide-card:last-child{grid-column:1/-1}
.protection-guide-card:hover{background:#dad9cd}
.protection-guide-number{font-size:.75rem;color:#7a6039}
.protection-guide-card>div{flex:1;min-width:0}
.protection-guide-card h3{font-size:1.25rem;line-height:1.3}
.protection-guide-card p{font-size:.875rem;line-height:1.6;color:#575a50;margin-top:.4rem}
.protection-guide-card>span:last-child{font-size:1.35rem}
.protection-guide-note{max-width:820px;margin-top:1.5rem;color:#65675e;font-size:.875rem}
.application-guidance{background:#20271f}
.application-guidance h2{font-family:var(--font);font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em;margin-top:1rem}
.application-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}
.application-guidance-grid article{border-top:1px solid #ffffff25;padding-top:1.5rem}
.application-guidance-grid span{font-size:.75rem;color:#d0b580}
.application-guidance-grid h3{font-size:1.3rem;margin-top:.75rem}
.application-guidance-grid p{font-size:.9375rem;color:#c1c8bc;margin-top:.75rem}
@media(max-width:1100px){
 .home-slider-layout{min-height:610px}
 .home-slider-copy{width:40%}
 .home-slider h1{font-size:3.6rem}
 .hero-slides{left:45%;right:2.5vw;border-bottom-right-radius:70px}
 .hero-actions{gap:.8rem}
 .hero-controls{gap:.15rem}
 .hero-pagination button{width:34px}
 .category-shortcuts{gap:1rem}
 .category-shortcut strong{padding:1.1rem;font-size:1rem}
 .application-feature-layout{gap:2.5rem}
}
@media(max-width:850px){
 .hero-slides{inset:auto 1.5rem auto 1.5rem;top:1.75rem;height:auto;max-height:none;transform:none;aspect-ratio:3/2;border-radius:28px 28px 70px 28px}
 .home-slider-layout{min-height:0;padding-top:calc((100vw - 3rem)*.666667 + 3.5rem);padding-bottom:6.5rem}
 .home-slider-copy{width:100%;max-width:650px}
 .home-slider h1{font-size:clamp(3.3rem,7vw,4.4rem);margin-top:1rem}
 .hero-category{margin-top:1.2rem}
 .hero-actions{gap:1.5rem;margin-top:1.4rem}
 .hero-controls{bottom:1.5rem}
 .visual-categories .home-heading{flex-direction:row;align-items:center}
 .category-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
 .category-shortcut{grid-column:auto}
 .category-shortcut:nth-child(4){grid-column:auto}
 .category-shortcut:last-child{grid-column:1/-1;width:calc((100% - 1rem)/2);justify-self:center}
 .category-shortcut strong{font-size:1.05rem}
 .application-feature{padding-block:3.5rem}
 .application-feature figure img{max-height:none}
 .application-feature h2{font-size:clamp(2.6rem,6vw,3.6rem)}
 .application-feature-layout{gap:2rem}
 .application-guidance-grid{grid-template-columns:1fr;gap:1.5rem}
}
@media(max-width:600px){
 .brand-wordmark{font-size:1.75rem}
 .header-inner{gap:.75rem}
 .site-header .account-link{font-size:.75rem}
 .hero-slides{inset:auto 1rem auto 1rem;top:1.25rem;aspect-ratio:3/2;border-radius:22px 22px 52px 22px}
 .home-slider-layout{min-height:0;justify-content:start;padding-top:calc((100vw - 2rem)*.666667 + 3rem);padding-bottom:6.2rem}
 .home-slider .eyebrow{font-size:.8125rem}
 .home-slider h1{font-size:clamp(2.8rem,10vw,3.6rem);line-height:1.08}
 .hero-category{font-size:.9375rem}
 .hero-actions{gap:1.1rem}
 .hero-actions .button{font-size:.8125rem;min-height:48px}
 .hero-actions .text-link{font-size:.875rem}
 .hero-control{width:40px;height:40px}
 .hero-pagination button{width:30px;height:40px}
 .hero-controls{gap:.15rem;bottom:1.5rem}
 .hero-position{display:none}
 .visual-categories{padding-block:3rem}
 .visual-categories .home-heading h2{font-size:2.2rem}
 .visual-categories .home-heading>.text-link{font-size:.8125rem}
 .category-shortcuts{gap:.8rem}
 .category-shortcut{border-radius:20px}
 .category-shortcut:last-child{width:100%}
 .category-shortcut:last-child img{aspect-ratio:2/1;object-fit:contain}
 .category-shortcut strong{padding:1rem .8rem;font-size:.9375rem;min-height:62px}
 .category-shortcut strong span{font-size:1rem}
 .brand-intro{padding-block:3rem}
 .application-feature figure img,.application-landing figure img,.blog-cover,.gallery-open,.studio-stage,.gallery-lightbox{border-radius:22px}
 .application-feature h2{font-size:2.5rem}
 .application-feature-copy>.application-explore{margin-top:1.5rem;font-size:.875rem}
 .application-feature-copy>.application-surfaces{font-size:.6875rem}
 .protection-guide{grid-template-columns:1fr}
 .protection-guide-card:last-child{grid-column:auto}
 .protection-guide-card{gap:1rem;padding:1.3rem;border-radius:20px}
 .protection-guide-card h3{font-size:1.125rem}
 .protection-guide-card p{font-size:.8125rem}
 .gallery-tab{font-size:.8125rem}
}
@media(max-width:380px){
 .home-slider h1{font-size:2.75rem}
 .hero-pagination button{width:25px}
 .hero-control{width:38px;height:38px}
 .hero-controls{gap:.15rem}
 .visual-categories .home-heading{flex-direction:column;align-items:start;gap:.5rem}
 .category-shortcut strong{font-size:.8125rem}
 .hero-actions{gap:.75rem}
}
@media(prefers-reduced-motion:reduce){.protection-guide-card{transition:none}}
/* The first slide fills the hero with the installation film. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;z-index:1;background:#111;transition:opacity .3s}
.hero-video.has-frame{opacity:1}
.home-slider.is-video-slide .hero-slides{inset:0;top:0;transform:none;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.home-slider.is-video-slide .hero-slide-overview{background:#151914}
.home-slider.is-video-slide .hero-video-poster{object-fit:cover;object-position:center}
.home-slider.is-video-slide .hero-slide-overview:after{display:block;content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#070b09db 0%,#070b0994 29%,#070b0935 56%,#070b0918 100%),linear-gradient(0deg,#070b09a8 0%,transparent 40%)}
.home-slider.is-video-slide .home-slider-copy{position:relative;text-shadow:0 2px 20px #0006}
.home-slider.is-video-slide .hero-category{color:#f0efdf}
.home-slider.is-video-slide .eyebrow,.home-slider.is-video-slide .hero-actions .text-link{color:#f2d8aa}
.home-slider.is-video-slide .hero-control{background:#10171085;border-color:#ffffff60}
.home-slider.is-video-slide .hero-control:hover{background:#d5b77e;color:#101710}
.home-slider.is-video-slide .hero-position{color:#f0e9d8}
@media(max-width:850px){
 .home-slider-layout{min-height:max(880px,calc((100vw - 3rem)*.666667 + 28rem))}
 .home-slider.is-video-slide .hero-video{object-fit:contain;object-position:center 10%;background:transparent}
 .home-slider.is-video-slide .hero-video.has-frame~.hero-video-poster{filter:blur(16px);transform:scale(1.06);opacity:.5}
 .home-slider.is-video-slide .home-slider-layout{min-height:max(880px,calc((100vw - 3rem)*.666667 + 28rem));padding-top:4rem;padding-bottom:7rem;justify-content:flex-end}
 .home-slider.is-video-slide .home-slider-copy{width:100%;max-width:650px}
 .home-slider.is-video-slide .hero-slide-overview:after{background:linear-gradient(0deg,#070b09ee 0%,#070b09b8 34%,#070b092b 68%,#070b0908 100%)}
}
@media(max-width:600px){
 .home-slider-layout{min-height:max(clamp(700px,calc(100svh - 72px),780px),calc((100vw - 2rem)*.666667 + 28rem))}
 .home-slider.is-video-slide .home-slider-layout{min-height:max(clamp(700px,calc(100svh - 72px),780px),calc((100vw - 2rem)*.666667 + 28rem));padding-top:3rem;padding-bottom:7rem}
 .home-slider.is-video-slide .hero-slide-overview:after{background:linear-gradient(0deg,#070b09f0 0%,#070b09c4 33%,#070b0929 70%,#070b0912 100%)}
 .home-slider.is-video-slide .hero-actions{gap:1.1rem}
}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}