
.pattern-page .pattern-header{position:sticky;top:0;z-index:30;background:#17131e;min-height:0;height:82px;padding:18px var(--pad);display:flex;flex-direction:row;justify-content:space-between;gap:25px;color:white;border-bottom:1px solid #ffffff20}
.pattern-header .pattern-brand{width:200px;flex:none}.pattern-header nav{display:flex;gap:26px;align-items:center}.pattern-header nav a{font-size:11px;font-weight:600;white-space:nowrap}.pattern-header .nav-enquire{padding:12px 18px;border:1px solid #ffffff55}
.breadcrumb{padding:22px var(--pad);display:flex;gap:12px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}
.pattern-page .product-hero{margin:0;width:100%;min-height:620px;padding:46px 0 46px var(--pad);display:grid;grid-template-columns:46% 54%;--tread-h:clamp(330px,31vw,620px);--upright-h:clamp(380px,32vw,570px)}
.product-copy{align-self:center;padding:10px 45px 10px 0;position:relative;z-index:2}.product-copy h1{font-size:clamp(64px,7.5vw,124px);margin:22px 0;line-height:.95}.product-copy>p{font-size:15px;max-width:540px;line-height:1.75}.product-copy .pattern-wordmark{max-width:440px}.product-copy .card-pattern-wordmark{max-width:430px;height:36px;margin:25px 0}.product-copy .card-pattern-wordmark img{max-height:36px}.product-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:28px}.product-actions .text-link{font-size:12px}.product-hero .model-photo{grid-column:2;grid-row:1}.product-hero .upright-visual{grid-column:2;grid-row:1;order:initial;width:100%;margin:0;height:calc(var(--upright-h) + 50px)}
.product-hero .image-note{bottom:0!important}.product-hero.model-xmt .product-copy p,.product-hero.model-rt .product-copy p,.product-hero.road-pr1 .product-copy p,.product-hero.road-sport .product-copy p{color:#ddd6e5}
.product-hero.road-pr1 .pattern-wordmark img{filter:brightness(0) invert(1)!important}.product-hero.road-sport .card-pattern-wordmark img{filter:brightness(0) invert(1)}
.product-features{padding:65px var(--pad);background:#eae8e2}.product-features h2,.size-section h2{font-size:clamp(40px,4vw,64px)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.feature-grid article{border-top:2px solid var(--purple);padding-top:22px}.feature-grid span{font-size:12px;color:var(--purple);font-weight:700}.feature-grid p{margin:16px 0 0;font-size:15px;max-width:390px}.product-campaign{padding:0;display:grid;grid-template-columns:1.2fr 1fr;background:var(--purple-dark);color:white}.product-campaign .campaign-photo{min-height:390px;aspect-ratio:1.5}.product-campaign .campaign-copy{padding:55px;align-self:center}.campaign-copy h2{font-size:clamp(40px,4vw,64px)}.campaign-copy p{color:#ded8e7;font-size:14px}.campaign-copy .eyebrow{color:var(--lime)}
.size-section{padding:75px var(--pad)}.size-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.size-heading p{max-width:440px;font-size:12px;color:var(--muted)}.size-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.size-filter label{font-size:12px;font-weight:600}.size-filter input{font:inherit;padding:13px 15px;border:1px solid var(--line);background:white;width:min(100%,300px)}.size-filter input:focus{outline:2px solid var(--purple)}#size-count{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:10px;letter-spacing:.09em;text-transform:uppercase;background:#eae8e2;padding:17px}td{padding:18px 17px;border-bottom:1px solid var(--line)}td:first-child{font-weight:700}td a{font-size:12px;color:var(--purple);font-weight:600;white-space:nowrap}td a:hover{text-decoration:underline}.no-sizes{padding:30px;background:#eae8e2;max-width:750px}.no-sizes p{font-size:14px}.empty-filter{padding:20px;background:#eae8e2}.fit-note{font-size:12px;color:var(--muted);margin-top:22px;max-width:850px}.related{padding:55px var(--pad);background:#eae8e2}.related h2{font-size:45px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-grid a{padding:25px;background:var(--paper);border-top:3px solid var(--purple)}.related-grid span{font-size:10px;color:var(--muted);display:block;margin-bottom:15px}.related-grid strong{font:700 34px 'Barlow Condensed',Impact,sans-serif;color:var(--purple)}.related-grid b{float:right}.pattern-footer{background:#17131e;color:white;padding:35px var(--pad);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.pattern-footer p,.pattern-footer a{font-size:12px;margin:0}.pattern-footer div{display:flex;gap:25px}
@media(max-width:720px){.pattern-page .pattern-header{height:72px;padding:16px 22px;gap:18px}.pattern-header .pattern-brand{width:135px}.pattern-header nav{gap:14px}.pattern-header nav a{font-size:10px}.pattern-header .nav-enquire{display:none}.breadcrumb{padding:17px 22px;line-height:1.6;flex-wrap:wrap;gap:7px}.pattern-page .product-hero{display:flex;flex-direction:column;min-height:0;padding:30px 0 20px 22px;--tread-h:280px;--upright-h:360px}.product-copy{padding:0 22px 15px 0;width:100%}.product-copy h1{font-size:66px;margin:20px 0}.product-copy>p{font-size:14px}.product-copy .eyebrow{font-size:10px}.product-actions .btn{font-size:11px;padding:14px 17px}.product-hero .upright-visual{height:410px;margin-top:20px}.product-hero .model-photo{width:100%;margin:20px 0 0;min-height:300px}.product-features,.size-section{padding:42px 22px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-grid p{font-size:14px}.product-campaign{grid-template-columns:1fr}.product-campaign .campaign-photo{min-height:240px}.product-campaign .campaign-copy{padding:35px 22px}.size-heading{display:block}.size-heading p{font-size:12px}.table-wrap table{min-width:520px}.related{padding:40px 22px}.related-grid{grid-template-columns:1fr}.pattern-footer{padding:30px 22px}.pattern-footer div{flex-wrap:wrap;gap:18px}}

.pattern-page .product-hero .image-note{position:absolute;bottom:24px!important;left:0;right:24px;text-align:right;font:9px/1.4 Inter,Arial,sans-serif;letter-spacing:.03em;color:#68616f}.pattern-page .product-hero .upright-visual .image-note{text-align:center;bottom:0!important;right:0}.pattern-page .product-hero .model-number{bottom:5px}.pattern-page .product-hero.road-sport .image-note{color:#d6cede}
