*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);--paper:#f4f4ef;--ink:#151613;--accent:#781ab9;--line:#d4d4cc;--muted:#66675f}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.065em}p{line-height:1.65}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5b88ff;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.logo{width:125px;display:block}.logo img{filter:brightness(0);width:100%}.site-nav{display:flex;gap:40px;align-items:center;font-size:13px}.site-nav>a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{padding:13px 18px;border:1px solid currentColor}.nav-cta span{margin-left:28px}.section{padding:95px 5%}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;line-height:1.5;display:block}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);font-size:13px;padding:20px 24px;min-width:218px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.hero{position:relative;min-height:625px}.hero-copy{position:relative;z-index:2}.hero-copy p{font-size:16px;margin:28px 0 34px}.hero-copy h1{font-size:clamp(65px,7.4vw,115px);line-height:.91;font-weight:800}.hero-copy h1 em{font-style:normal}.hero-photo{position:relative;overflow:hidden}.hero-caption{position:absolute;bottom:38px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.07em}.hero-caption small{font-size:9px;letter-spacing:.1em;display:inline-block;margin-top:8px}.hero-caption>span:last-child{font-size:26px}.hero-performance{display:grid;grid-template-columns:43% 57%;background:#080808;color:#f4f4ef;padding:45px 5% 55px}.performance .header{background:#080808;color:white}.performance .header .logo img{filter:none}.hero-performance .hero-copy{padding:25px 0}.hero-performance .eyebrow{color:#c7c8bf;margin-bottom:35px;font-size:9px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:9px}.hero-performance h1 em{color:var(--accent)}.hero-performance .button{background:var(--accent);color:#151613}.hero-performance .hero-photo{margin:-45px -5.6vw -55px -30px}.hero-performance .hero-photo>img{height:100%;object-fit:cover}.hero-performance .hero-caption{left:80px;right:65px;bottom:44px}.hero-side{position:absolute;right:18px;top:110px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;color:#96998f}.brand-strip{background:var(--accent);display:flex;justify-content:space-between;padding:23px 5%;font-size:10px;letter-spacing:.13em;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:25px}.section-heading h2{font-size:clamp(38px,4.2vw,64px);line-height:1.1;margin-top:14px}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:8px;white-space:nowrap}.text-link span{margin-left:26px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-photo{display:block;aspect-ratio:1.23;position:relative;overflow:hidden;background:#ecece7}.product-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .3s}.product-photo:hover img{transform:scale(1.04)}.photo-number{position:absolute;left:20px;top:17px;z-index:1;font-size:12px;letter-spacing:.08em}.product-info{display:flex;align-items:center;justify-content:space-between;padding-top:23px}.product-info h3{font-size:18px;font-weight:500;letter-spacing:-.025em;margin-top:7px}.product-info .eyebrow{font-size:9px;color:var(--muted)}.round-link{font-size:21px;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.color-row{display:flex;gap:12px;align-items:center;margin-top:18px}.swatches{display:flex;gap:8px}.swatch{width:17px;height:17px;border:1px solid #b9b9b1;border-radius:50%;background:var(--swatch);cursor:pointer;padding:0;position:relative}.swatch.selected:after{content:'';position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%}.color-name{font-size:10px;color:var(--muted)}.custom{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;background:#e9e9e2}.custom-photo{position:relative}.custom-photo>img{aspect-ratio:1.15;object-fit:cover}.custom-photo>span{position:absolute;bottom:20px;left:24px;font-size:9px;color:#fff;letter-spacing:.16em}.custom-copy h2{font-size:clamp(62px,6.4vw,96px);line-height:.97;margin:25px 0}.custom-copy p{font-size:15px;max-width:380px;margin-bottom:30px;color:var(--muted)}.custom-copy small,.detail-copy small{display:block;margin-top:15px;font-size:10px;color:var(--muted)}.story-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-top:28px}.story h2{font-size:clamp(54px,6vw,88px);line-height:.98}.story-intro>div{max-width:410px;color:var(--muted);font-size:16px}.definition{font-weight:700;color:var(--ink);margin-bottom:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles article>span{font-size:10px;color:var(--muted)}.principles h3{font-size:30px;letter-spacing:-.04em;margin:25px 0 14px}.principles p{font-size:13px;color:var(--muted);max-width:240px}.closing{background:#181a16;color:#f4f4ef;text-align:center}.closing h2{font-size:clamp(55px,6vw,90px);line-height:1;margin:25px 0 35px}.closing .button{background:var(--accent);color:#161616}footer{padding:55px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .logo{width:95px}footer p{font-size:12px}footer>a:not(.logo),footer small{font-size:10px;color:var(--muted)}/* Collection and product detail layouts. */

.collection-intro{padding-top:70px;padding-bottom:60px}.collection-intro h1{font-size:clamp(60px,7vw,108px);line-height:1;margin:30px 0}.collection-intro h1 em{font-style:normal;color:var(--muted)}.collection-intro p{font-size:15px;color:var(--muted)}.collection-list{padding-top:0}.collection-label{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0 30px;font-size:10px;letter-spacing:.1em}.product-detail{padding-top:35px}.back-link{font-size:12px;display:inline-block;margin-bottom:30px}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.detail-photo{position:relative;background:#e9e9e4;aspect-ratio:1;display:flex;align-items:center}.detail-photo img{mix-blend-mode:multiply}.detail-photo .photo-number{font-size:24px;top:25px;left:25px}.detail-copy{padding-top:20px}.detail-copy h1{font-size:clamp(43px,4.2vw,64px);line-height:1.05;margin:20px 0 25px}.detail-copy>p{font-size:14px;color:var(--muted);max-width:400px}.detail-colors{margin:30px 0}.detail-colors>span{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:20px}.detail-colors .swatch{width:26px;height:26px}.detail-colors .swatches{gap:15px}.detail-colors .color-name{color:var(--ink);font-weight:400}.features{padding:0;margin:30px 0;list-style:none;border-top:1px solid var(--line)}.features li{font-size:12px;padding:14px 0;border-bottom:1px solid var(--line)}.features li span{margin-right:14px}.detail-copy>.button{width:100%}.detail-copy details{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:12px}.detail-copy summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between}.detail-copy details p{margin-top:15px;color:var(--muted)}.detail-story{background:#e4e4dc;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-story img{aspect-ratio:1.35;object-fit:cover}.detail-story h2{font-size:clamp(48px,5vw,76px);line-height:1;margin:25px 0}.detail-story p{font-size:14px;color:var(--muted);max-width:370px}.related{grid-template-columns:repeat(2,1fr);max-width:900px}
@media(min-width:1600px){.hero{min-height:740px}.hero-performance .hero-copy{padding-top:60px}.hero-performance .hero-photo>img{object-fit:contain;background:#080808}.section{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero-copy h1{font-size:78px}.hero-performance{grid-template-columns:48% 52%;min-height:600px}.hero-performance .hero-photo{margin-left:-80px}.hero-performance .hero-caption{left:90px;right:35px}.custom,.detail-layout,.detail-story{gap:35px}.product-info h3{font-size:16px}.story-intro{gap:35px}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:700px){.header{height:78px;padding:0 6%}.logo{width:93px}.site-nav{gap:17px;font-size:11px}.site-nav [data-story]{display:none}.nav-cta{padding:10px 12px}.nav-cta span{margin-left:8px}.hero-copy h1{font-size:72px}.hero{min-height:0}.hero-performance{grid-template-columns:1fr;padding:35px 6% 0}.hero-performance .hero-copy{padding:0}.hero-performance .eyebrow{font-size:8px;margin-bottom:25px}.hero-performance h1{font-size:clamp(50px,17vw,68px)}.hero-copy p{font-size:14px;margin:22px 0 26px}.hero-performance .hero-photo{height:390px;margin:-45px -6.9vw 0 18%;z-index:0}.hero-performance .hero-copy{z-index:2}.hero-performance .hero-caption{left:20px;right:28px;bottom:20px}.hero-side{display:none}.brand-strip{justify-content:center;padding:18px 6%;font-size:8px}.brand-strip>span:nth-child(2),.brand-strip>a{display:none}.section{padding:58px 6%}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading h2{font-size:42px}.product-grid{grid-template-columns:1fr;gap:35px}.product-photo{aspect-ratio:1.25}.product-info{padding-top:17px}.product-info h3{font-size:20px}.color-row{margin-top:15px}.custom{grid-template-columns:1fr;gap:35px}.custom-copy h2{font-size:70px}.custom-copy p{max-width:100%}.story-intro{grid-template-columns:1fr;gap:28px}.story h2{font-size:61px}.story-intro>div{font-size:14px}.principles{grid-template-columns:1fr;gap:30px;margin-top:35px}.principles h3{margin:14px 0 9px}.principles p{max-width:100%}.closing h2{font-size:57px}footer{flex-wrap:wrap;padding:35px 6%}footer .logo{width:85px}footer p{width:calc(100% - 115px);text-align:right}footer>a:not(.logo),footer small{font-size:9px}.collection-intro h1{font-size:57px}.collection-intro{padding-bottom:30px}.collection-list{padding-top:10px}.detail-layout{grid-template-columns:1fr;gap:20px}.product-detail{padding-top:25px}.detail-copy h1{font-size:48px}.detail-photo{aspect-ratio:1.15}.detail-story{grid-template-columns:1fr;gap:30px}.detail-story h2{font-size:55px}.related{grid-template-columns:1fr}}
.performance{--accent:#781ab9}
.performance .hero-performance h1 em{display:inline-block;background:var(--accent);color:#fff;padding:0 .08em .04em}
.performance .hero-performance .button,.performance .brand-strip,.performance .closing .button{color:#fff}
.partnership{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#181a16;color:#fff}
.partnership h2{font-size:clamp(45px,5vw,76px);line-height:1.02;margin:25px 0}
.partnership-copy>.eyebrow{color:#d9b5f3}
.partnership-copy>p{font-size:14px;color:#c7c8bf;max-width:480px}
.partnership-copy>.partnership-lead{font-size:17px;font-weight:700;color:#fff;margin-bottom:17px}
.partnership-photo{margin:0;min-width:0}
.partnership-photo img{aspect-ratio:1.2;object-fit:cover}
.partnership-photo figcaption{font-size:8px;letter-spacing:.12em;color:#bcbdb4;margin-top:15px;line-height:1.5}
.partnership-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #44463f;padding-top:25px;margin:30px 0}
.partnership-facts strong{display:block;font-size:45px;font-weight:500;letter-spacing:-.05em}
.partnership-facts span{display:block;font-size:8px;letter-spacing:.1em;line-height:1.6;margin-top:9px;color:#c7c8bf}
.partnership .text-link{display:inline-block;white-space:normal;line-height:1.5}
.trusted .section-heading>p{font-size:13px;color:var(--muted)}
.trusted-names{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 0 60px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px;align-items:center}
.trusted-names li{font-size:clamp(17px,1.9vw,27px);font-weight:700;letter-spacing:-.04em;text-align:center}
.trusted-names li:last-child span{display:block;font-size:12px;letter-spacing:.25em;margin-bottom:5px}
.brand-feature{display:grid;grid-template-columns:1fr 1fr;background:#e9e9e2;align-items:center}
.brand-feature-photo{overflow:hidden;background:#fff}
.brand-feature-photo img{aspect-ratio:1;object-fit:contain;transition:transform .3s}
.brand-feature-photo:hover img{transform:scale(1.04)}
.brand-feature-copy{padding:45px 12%}
.brand-feature-copy h3{font-size:clamp(38px,4vw,60px);line-height:1;letter-spacing:-.06em;margin:25px 0}
.brand-feature-copy p{font-size:14px;color:var(--muted);margin-bottom:30px}
.brand-feature-copy .text-link{white-space:normal;display:inline-block;line-height:1.5}
@media(max-width:1000px){.partnership{gap:35px}.partnership h2{font-size:48px}.brand-feature-copy{padding:30px 9%}.brand-feature-copy p{font-size:13px}.trusted-names{gap:15px}}
@media(max-width:700px){.partnership{grid-template-columns:1fr;gap:35px}.partnership h2{font-size:49px}.partnership-photo img{aspect-ratio:1.4}.partnership-facts strong{font-size:42px}.trusted-names{grid-template-columns:1fr 1fr;gap:28px 20px;margin-bottom:35px}.trusted-names li{font-size:23px}.brand-feature{grid-template-columns:1fr}.brand-feature-copy{padding:35px 8%}.brand-feature-copy h3{font-size:46px}.brand-feature-photo img{aspect-ratio:1.15}}
.hero-performance{overflow:hidden}
.partnership-logo-band{display:flex;gap:22px;align-items:center;margin-bottom:35px}
.partnership-logo-band .partner-hatlaunch{width:155px;max-height:45px;object-fit:contain;filter:brightness(0) invert(1)}
.partnership-logo-band .partner-naia{width:110px;height:auto}
.partnership-logo-band>span{font-size:22px;font-weight:400;color:#a7a99e}
.trusted-logo-list{grid-template-columns:repeat(2,1fr);padding:35px 0;gap:30px}
.trusted-logo-list li{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:125px;gap:15px}
.trusted-logo-list .customer-phorm{height:76px;width:72px;object-fit:contain}
.trusted-logo-list .customer-wwt{width:245px;height:105px;object-fit:contain}
.trusted-logo-list li>span,.trusted-logo-list li:last-child>span{font-size:10px;letter-spacing:.1em;margin:0;font-weight:400}
@media(max-width:700px){.partnership-logo-band{gap:17px}.partnership-logo-band .partner-hatlaunch{width:130px}.partnership-logo-band .partner-naia{width:95px}.trusted-logo-list .customer-wwt{width:150px;height:85px}.trusted-logo-list .customer-phorm{height:65px;width:60px}.trusted-logo-list{gap:15px}.trusted-logo-list li>span,.trusted-logo-list li:last-child>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}/* Performance hero: the product and its construction carry the brand story. */


.hero-details{grid-template-columns:40% 60%;min-height:700px;padding-top:60px;padding-bottom:65px;background:#0d0c0f}
.hero-details .hero-copy{padding-top:65px;padding-bottom:45px}
.hero-details .hero-copy h1{font-size:clamp(47px,5.3vw,81px);line-height:1.04;letter-spacing:-.055em;font-weight:600}
.performance .hero-details h1 em{color:#ba82e2;background:none;padding:0;display:inline;font-style:normal}
.hero-details .hero-copy p{font-size:14px;line-height:1.75;color:#bfc0c1;margin:25px 0 33px}
.hero-details .hero-copy .eyebrow{margin-bottom:30px;font-size:9px}
.hero-detail-note{display:block;font-size:8px;letter-spacing:.16em;color:#9d9da3;margin-top:36px}
.hero-details .hero-product-stage{overflow:visible;margin:-60px -3vw -65px -25px;min-width:0;position:relative}
.hero-details .hero-product-stage>.hero-interior{position:absolute;width:115%;height:auto;max-width:650px;top:-150px;right:20px;opacity:.68;object-fit:contain;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%);pointer-events:none}
.hero-details .hero-product-stage>.hero-hat-cutout{position:absolute;width:103%;height:auto;max-width:650px;right:20px;bottom:85px;z-index:2;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(0,0,0,.6))}
.hero-details .hero-caption{left:35px;right:50px;bottom:33px;z-index:3}
.hero-details .hero-caption>span:first-child{font-size:11px}
.hero-details .hero-caption small{color:#a5a4ae}
@media(min-width:1600px){.hero-details{min-height:760px}.hero-details .hero-copy{padding-top:100px}.hero-details .hero-product-stage>.hero-hat-cutout{bottom:85px;max-width:700px}.hero-details .hero-product-stage>.hero-interior{top:-200px;max-width:700px}}
@media(max-width:1000px){.hero-details{grid-template-columns:42% 58%;min-height:640px}.hero-details .hero-copy{padding-top:55px}.hero-details .hero-copy h1{font-size:49px}.hero-details .hero-product-stage>.hero-hat-cutout{bottom:85px;width:107%;left:-4%}.hero-details .hero-product-stage>.hero-interior{top:-95px;width:120%;left:0}.hero-details .hero-caption{left:25px;right:30px}}
@media(max-width:700px){.hero-details{grid-template-columns:1fr;min-height:0;padding:35px 6% 0}.hero-details .hero-copy{padding:0}.hero-details .hero-copy h1{font-size:clamp(42px,12vw,62px);line-height:1.08}.hero-details .hero-copy .eyebrow{margin-bottom:24px;font-size:8px}.hero-details .hero-copy p{font-size:13px;margin:20px 0 25px}.hero-detail-note{margin-top:24px;font-size:7px}.hero-details .hero-product-stage{height:430px;margin:15px -6.9vw 0;overflow:hidden}.hero-details .hero-product-stage>.hero-interior{width:105%;left:2%;right:auto;top:-110px;opacity:.7}.hero-details .hero-product-stage>.hero-hat-cutout{width:94%;left:3%;right:auto;bottom:75px}.hero-details .hero-caption{left:7%;right:7%;bottom:23px}}





.hero-details .hero-product-stage>.hero-hat-cutout{bottom:70px}

@media(max-width:700px){.hero-details .hero-product-stage>.hero-hat-cutout{bottom:65px}}

.header .logo{width:164px}.performance .header .logo img{filter:none}
@media(max-width:700px){.header .logo{width:116px}}

/* Customer logos: one continuous loop, with an accessible motion control. */
.trusted{overflow:hidden;padding-bottom:85px;background:#fff}
.customer-strip-intro{display:flex;flex-direction:column;align-items:flex-end;gap:17px}
.customer-strip-intro p{font-size:13px;color:var(--muted)}
.customer-marquee{overflow:hidden;margin:0 -5.6%;border-top:1px solid #e2e2dd;border-bottom:1px solid #e2e2dd;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.customer-logo-track{display:flex;width:max-content;animation:customer-scroll 75s linear infinite}
.customer-logo-group{display:flex;align-items:center;gap:32px;list-style:none;padding:40px 32px 35px 0;margin:0;flex-shrink:0}
.customer-logo{width:210px;flex:0 0 210px;text-align:center;display:flex;flex-direction:column;gap:20px}
.customer-logo-image{height:80px;display:flex;align-items:center;justify-content:center}
.customer-logo img{width:180px;height:80px;object-fit:contain}
.customer-logo>span{font-size:10px;letter-spacing:.06em;color:#656660;line-height:1.5}
.customer-logo-dude img{filter:brightness(0);width:125px}
.customer-logo-phorm img{width:68px;height:72px}
.customer-logo-local img{filter:brightness(0);width:145px}
.customer-logo-raceway img{width:210px;height:100px}
.customer-logo-smwilson img{filter:brightness(0)}
.customer-logo-naia img{width:95px}
.customer-marquee:hover .customer-logo-track,.customer-marquee:focus-within .customer-logo-track{animation-play-state:paused}
@keyframes customer-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.trusted{padding-bottom:55px}.customer-strip-intro{align-items:flex-start;gap:12px}.customer-marquee{margin:0 -6.9%;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.customer-logo{width:180px;flex-basis:180px}.customer-logo-group{gap:24px;padding:32px 24px 30px 0}.customer-logo img{max-width:165px}.customer-logo-raceway img{max-width:180px}}
@media(prefers-reduced-motion:reduce){.customer-logo-track{animation:none}.customer-logo-group[aria-hidden]{display:none}.customer-marquee{overflow-x:auto;mask-image:none}}

/* Monotone files preserve white knockouts; no silhouette filters needed. */
.customer-logo img{filter:none}
.customer-logo-dude img,.customer-logo-local img,.customer-logo-smwilson img{filter:none}

/* Monotone files preserve white knockouts; no silhouette filters needed. */
.customer-logo img{filter:none}
.customer-logo-dude img,.customer-logo-local img,.customer-logo-smwilson img{filter:none}

/* Standalone SVG icons avoid platform-dependent emoji glyphs. */
img.icon{display:inline-block;width:18px;height:18px;max-width:none;object-fit:contain;vertical-align:middle;flex-shrink:0}
.button img.icon,.hero-caption img.icon,.round-link img.icon{width:24px;height:24px}
.button img.icon,.header .nav-cta img.icon,.hero-caption img.icon,.brand-strip img.icon{filter:invert(1)}
.back-link img.icon{margin-right:8px}
.features img.icon{width:15px;height:15px}
footer img.icon,.brand-strip img.icon{width:13px;height:13px;margin-left:5px}
.principles .principle-icon{width:40px;height:40px;object-fit:contain}