@font-face{font-family:Inter;src:url('assets/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--white:#fff;--mist:#f3f4f6;--ink:#171b26;--muted:#606773;--blue:#00237d;--red:#d1172c;--line:#d9dce2;--gutter:clamp(22px,4.5vw,72px);--fast:140ms;--normal:260ms;--slow:420ms;--ease:cubic-bezier(.22,1,.36,1);--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.55 Inter,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:-.045em}p{max-width:65ch}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #547edc;outline-offset:5px}section:focus,main:focus,footer:focus{outline:none}[hidden]{display:none!important}::selection{background:#c8d5f2;color:var(--blue)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:12px;left:20px;z-index:100;background:var(--white);color:var(--blue);padding:14px 22px;transform:translateY(-160%)}.skip:focus{transform:none}.section-wrap{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1600px;margin-inline:auto}.overline{font-size:14px;letter-spacing:0;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:15px;min-height:44px}.text-link .icon{transition:transform var(--normal) var(--ease)}.text-link:hover .icon{transform:translateX(4px)}.text-link:after{display:none}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;padding:14px 20px;font-size:15px;font-weight:400;transition:background-color var(--fast),color var(--fast),border-color var(--fast)}.button .icon{transition:transform var(--normal) var(--ease)}.button:hover .icon{transform:translateX(4px)}.button-light{border-color:#fff9;color:white;background:#ffffff06}.button-light:hover{background:white;color:var(--ink)}.button-blue{color:#fff;background:var(--blue)}.button-blue:hover{background:#103994}.icon-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.icon-button:hover{color:var(--blue)}
.site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:sticky;top:0;z-index:30;background:var(--white);border-bottom:1px solid #e8eaed}.brand{position:relative;display:block;overflow:hidden;width:116px;height:64px;flex-shrink:0}.brand img{position:absolute;width:155px;max-width:none;height:155px;left:-21px;top:-40px}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:62px;height:100%;align-items:center}.desktop-nav a{font-size:14px;position:relative;height:100%;display:flex;align-items:center}.desktop-nav a:after{content:'';position:absolute;bottom:18px;height:2px;background:var(--blue);width:100%;transform:scaleX(0);transform-origin:left;transition:transform var(--normal) var(--ease)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.header-tools{display:flex;align-items:center;gap:22px}.header-divider{height:18px;width:1px;background:var(--line)}.search-trigger .icon{width:19px;height:19px}.menu-trigger{gap:16px;padding-right:0}.menu-icon{width:23px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon i{height:1px;width:23px;background:currentColor;transition:transform var(--normal) var(--ease)}.menu-trigger:hover .menu-icon i:first-child{transform:translateX(3px)}.menu-trigger:hover .menu-icon i:last-child{transform:translateX(-3px)}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--blue)}
.hero{height:calc(100svh - var(--header));min-height:620px;max-height:900px;position:relative;color:var(--white);overflow:hidden;background:#45525a}.hero-media{position:absolute;inset:-45px 0;will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 63%;animation:hero-settle 800ms var(--ease) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,26,.37),transparent 68%),linear-gradient(180deg,rgba(7,19,33,.24),transparent 50%,rgba(4,13,23,.36))}.hero-copy{position:relative;z-index:1;padding:clamp(45px,6.5vh,90px) var(--gutter) 0;max-width:780px}.hero-kicker{font-size:15px;margin-bottom:13px;animation:hero-text 700ms var(--ease) both}.hero h1{font-size:clamp(64px,6.2vw,96px);line-height:1;letter-spacing:-.058em;animation:hero-text 750ms 60ms var(--ease) both}.hero-description{font-size:clamp(21px,2.05vw,30px);line-height:1.3;letter-spacing:-.035em;margin-top:22px;animation:hero-text 750ms 120ms var(--ease) both}.hero-copy .button{margin-top:28px;animation:hero-text 750ms 180ms var(--ease) both}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;z-index:1}.hero-bottom>a{display:flex;align-items:center;gap:36px;min-height:44px}.down-arrow{font-size:24px;line-height:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}.section-heading h2{font-size:clamp(30px,3vw,46px)}.section-heading>p{font-size:15px;color:var(--muted)}.categories{padding-top:94px;padding-bottom:84px}.category-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.category-card{min-width:0;position:relative}.category-image{height:220px;background:var(--mist);display:grid;place-items:center;overflow:hidden;position:relative}.category-image:after{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--pointer-x,50%) var(--pointer-y,50%),#628bea20,transparent 80%);opacity:0;transition:opacity var(--normal);pointer-events:none}.category-image img{width:100%;max-width:290px;height:auto;mix-blend-mode:multiply;transition:transform var(--slow) var(--ease)}.category-image.photo-in-context img{width:100%;height:100%;max-width:none;object-fit:cover;mix-blend-mode:normal}.category-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px}.category-label h3{font-size:22px;letter-spacing:-.035em;line-height:1.25}.category-label .icon{width:19px;transition:transform var(--normal) var(--ease)}.category-card>p{font-size:14px;color:var(--muted);margin-top:8px}.category-card:hover .category-image img{transform:translateY(-4px) scale(1.035)}.category-card:hover .category-image:after{opacity:1}.category-card:hover .category-label .icon{transform:translateX(4px)}.collection-note{font-size:12px;color:var(--muted);margin-top:36px;max-width:none}
.explorer{padding-top:30px;padding-bottom:105px}.explorer .section-heading{margin-bottom:32px}.explorer-tabs{display:flex;width:max-content;max-width:100%;position:relative;margin-bottom:28px;border-bottom:1px solid var(--line)}.explorer-tabs button{padding:13px 28px;position:relative;font-size:14px;color:var(--muted);white-space:nowrap}.explorer-tabs button[aria-selected=true]{color:var(--blue)}#tabMarker{position:absolute;bottom:-1px;left:0;height:2px;width:1px;background:var(--blue);transform-origin:left;transition:transform var(--normal) var(--ease)}.explorer-panel{display:grid;grid-template-columns:1.2fr 1fr;min-height:525px;background:var(--mist)}.part-stage{padding:30px 36px;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:#f0f1f3}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.stage-top span:first-child{color:var(--ink)}.stage-object{position:relative;width:min(100%,430px);align-self:center;margin:12px 0}.stage-object>img{width:100%;height:auto;mix-blend-mode:multiply}.detail-point{position:absolute;display:grid;place-items:center;width:36px;height:36px;color:var(--blue);background:white;border:1px solid #cbd0db;border-radius:50%;box-shadow:0 2px 8px #00237d12;transition:transform var(--fast),background-color var(--fast),color var(--fast)}.detail-point:hover{transform:scale(1.12)}.detail-point[aria-expanded=true]{background:var(--blue);color:white}.detail-point[aria-expanded=true] .icon{transform:rotate(45deg)}.detail-point .icon{width:17px;transition:transform var(--normal) var(--ease)}.point-one{left:15%;top:27%}.point-two{right:15%;bottom:21%}.point-fact{position:absolute;left:20%;top:40%;width:200px;padding:16px 18px;background:var(--white);box-shadow:0 10px 28px #171b2614;pointer-events:none;z-index:2;animation:fact-in var(--normal) var(--ease)}.point-fact span,.point-fact small{font-size:11px;color:var(--muted);display:block}.point-fact strong{font-size:24px;font-weight:400;display:block;letter-spacing:-.035em;margin:4px 0}.feature-copy{padding:56px 52px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:#f7f8fa}.part-reference{font-size:12px;letter-spacing:.015em;color:var(--muted)}.feature-copy h3{font-size:clamp(32px,3.2vw,50px);margin:18px 0}.feature-copy>p:not(.part-reference):not(.sample-caption){font-size:15px;color:var(--muted)}.feature-facts{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.feature-facts dt{font-size:12px;color:var(--muted);margin-bottom:5px}.feature-facts dd{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:0}.sample-caption{color:var(--muted);font-size:12px;line-height:1.7;margin-top:18px}.feature-copy .button{width:100%;max-width:320px}
.catalogue-intro{padding-top:70px;padding-bottom:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.catalogue-intro .overline{color:var(--muted);margin-bottom:20px}.catalogue-intro h1{font-size:clamp(42px,5.1vw,76px)}.catalogue-intro>p{font-size:18px;line-height:1.6;color:var(--muted);padding-right:5vw}.catalogue{padding-top:0;padding-bottom:90px}.catalogue-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:60px}.filter-panel{border-top:1px solid var(--line);padding-top:28px;align-self:start;position:sticky;top:calc(var(--header) + 24px)}.filter-panel h2{font-size:23px;margin-bottom:32px}.filter-label{display:block;font-size:12px;font-weight:500;margin:0 0 12px;color:var(--muted)}.category-filters{display:flex;flex-direction:column;gap:2px;margin:0 0 32px}.category-filters button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:46px;font-size:14px;padding:11px 13px;position:relative;transition:background-color var(--fast),color var(--fast)}.category-filters button[aria-pressed=true]{background:var(--blue);color:white}.category-filters button:hover:not([aria-pressed=true]){background:var(--mist)}.category-filters span{font-size:11px;opacity:.8}.filter-panel select{width:100%;background:white;border:1px solid #adb3bf;min-height:46px;padding:10px;font-size:13px;color:var(--ink);border-radius:0}.filter-panel select:disabled{border-color:var(--line);background:#f6f7f8;color:var(--muted)}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.reset-button{min-height:44px;padding:0;font-size:13px;display:flex;gap:16px;align-items:center;margin-top:18px}.reset-button:hover{color:var(--blue)}.reset-button span{font-size:18px}.catalogue-toolbar{display:flex;gap:24px;align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:14px;flex:1;min-width:0;height:46px}.search-field .icon{width:19px}.search-field input{border:0;background:transparent;width:100%;min-width:0;height:44px;padding:0 5px;font-size:14px;color:var(--ink);border-radius:0}.sort-field{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);flex-shrink:0}.sort-field select{border:0;background:transparent;font-size:13px;min-height:44px;max-width:130px;color:var(--ink);border-radius:0}.result-count{font-size:12px;color:var(--muted);margin:22px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.product-card{display:block;min-width:0;position:relative}.product-visual{aspect-ratio:4/3;background:var(--mist);position:relative;overflow:hidden;display:grid;place-items:center}.product-visual img{width:100%;height:auto;mix-blend-mode:multiply;transition:transform var(--slow) var(--ease)}.product-visual .photo-context{mix-blend-mode:normal}.product-visual>.icon{position:absolute;right:12px;bottom:12px;background:var(--white);padding:7px;width:33px;height:33px;opacity:0;transform:translateX(-6px);transition:opacity var(--normal),transform var(--normal) var(--ease)}.product-card:hover img{transform:scale(1.045)}.product-card:hover .product-visual>.icon,.product-card:focus-visible .product-visual>.icon{opacity:1;transform:none}.product-card .product-type{display:block;font-size:11px;color:var(--muted);margin-top:17px}.product-card h3{font-size:20px;letter-spacing:-.025em;line-height:1.3;margin:6px 0 8px}.product-code{font-size:11px;color:var(--muted)}.catalogue-disclaimer{font-size:12px;color:var(--muted);padding-top:30px;border-top:1px solid var(--line);margin-top:40px;max-width:none}.empty-state{grid-column:1/-1;min-height:340px;background:var(--mist);padding:44px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.empty-state h2{font-size:32px}.empty-state p{color:var(--muted);font-size:15px;margin:16px 0 24px}.empty-state .button{min-height:46px}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:38px;font-size:12px;color:var(--muted)}.breadcrumbs a{padding-block:8px}.breadcrumbs a:hover{color:var(--blue)}.back-link{font-size:13px;margin:17px 0 28px}.back-link .icon{transform:rotate(180deg);width:18px}.back-link:hover .icon{transform:rotate(180deg) translateX(4px)}.detail-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:80px}.detail-image-wrap{min-height:490px;background:var(--mist);position:relative;display:grid;place-items:center}.detail-visual{align-self:start;position:sticky;top:calc(var(--header) + 32px)}#detailZoom{padding:24px;width:100%;display:grid;place-items:center}#detailZoom img{width:100%;max-width:480px;height:auto;mix-blend-mode:multiply;transition:transform var(--slow) var(--ease)}#detailZoom:hover img{transform:scale(1.04)}.detail-zoom-icon{position:absolute;bottom:20px;right:22px;pointer-events:none}.detail-visual>p{font-size:11px;color:var(--muted);margin-top:16px}.detail-copy .overline{color:var(--muted);font-size:12px}.detail-copy h1{font-size:clamp(38px,4vw,60px);margin-top:18px;max-width:12ch}.detail-copy>p:not(.overline):not(.sample-caption){font-size:15px;line-height:1.75;color:var(--muted);margin-top:24px}.sample-tag{display:inline-block;font-size:11px;background:#eaf0ff;color:var(--blue);padding:5px 10px;margin-top:22px}.spec-section{margin-top:38px}.spec-section h2{font-size:26px;margin-bottom:22px}.spec-section dl{margin:0}.spec-section dl>div{padding:13px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:20px;border-top:1px solid var(--line);font-size:13px}.spec-section dt{color:var(--muted)}.spec-section dd{margin:0}.fitment-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.fitment-note summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;font-size:13px}.fitment-note summary::-webkit-details-marker{display:none}.fitment-note summary .icon{width:16px;transition:transform var(--normal) var(--ease)}.fitment-note[open] summary .icon{transform:rotate(45deg)}.fitment-note>p{font-size:13px;color:var(--muted);padding-bottom:20px;animation:fade-in var(--normal)}.related{padding-top:100px;padding-bottom:90px}.related .product-grid{grid-template-columns:repeat(3,1fr)}.related .product-visual{max-height:300px}.related .product-visual img{width:100%;max-width:400px}
.about-band{background:var(--blue);color:white}.about-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding-top:85px;padding-bottom:85px}.about-layout .overline{color:#c5d1ee;margin-bottom:26px}.about-layout h2{font-size:clamp(36px,3.8vw,56px)}.about-layout>div:last-child{align-self:end}.about-layout>div:last-child>p{font-size:18px;line-height:1.65;color:#e3e9f6;max-width:43ch}.about-layout .text-link{margin-top:22px}.site-footer{padding-top:70px;padding-bottom:22px}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:62px}.footer-top h2{font-size:clamp(34px,3.6vw,52px)}.footer-columns{display:grid;grid-template-columns:1.15fr 1.35fr 1fr 1fr;gap:40px;padding-bottom:54px}.footer-columns h3,.footer-brand{font-size:14px;font-weight:500;letter-spacing:-.01em;margin-bottom:18px;line-height:1.5}.footer-columns p:not(.footer-brand),.footer-columns a{display:block;color:var(--muted);font-size:12px;line-height:1.8}.footer-columns a:hover{text-decoration:underline;color:var(--blue)}.footer-columns>div:last-child a{margin-top:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;gap:26px;font-size:11px;color:var(--muted)}.footer-bottom>p{margin-right:auto;max-width:none}.footer-bottom button{font-size:11px;display:flex;align-items:center;gap:10px;min-height:44px;padding:0;white-space:nowrap}.motion-symbol{width:21px;height:21px;display:grid;place-items:center;border:1px solid #b4bac5;border-radius:50%;font-size:11px}.back-top{min-height:44px;display:flex;align-items:center;gap:14px;white-space:nowrap}
dialog{border:0;color:var(--ink);padding:0;max-height:90svh;box-shadow:0 30px 90px #07112733}dialog::backdrop{background:#07112785;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in var(--slow) var(--ease)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.dialog-heading h2{font-size:28px}.dialog-close{flex-shrink:0}.menu-dialog{margin:0 0 0 auto;width:min(1050px,100%);max-width:100%;height:100svh;max-height:100svh;padding:38px 64px 28px;display:none;background:white}.menu-dialog[open]{display:flex;flex-direction:column;animation:menu-in var(--slow) var(--ease)}.menu-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);padding-bottom:30px;border-bottom:1px solid var(--line)}.menu-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:center;flex:1;padding:50px 0}.large-nav{display:flex;flex-direction:column;gap:20px}.large-nav a{font-size:clamp(26px,3.8vw,54px);letter-spacing:-.055em;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:8px 0}.large-nav .icon{width:28px;height:28px;opacity:0;transform:translateX(-10px);transition:transform var(--normal) var(--ease),opacity var(--normal)}.large-nav a:hover,.large-nav a:focus-visible{color:var(--blue)}.large-nav a:hover .icon,.large-nav a:focus-visible .icon{opacity:1;transform:none}.menu-dialog[open] .large-nav a{animation:menu-item var(--slow) var(--ease) both}.menu-dialog[open] .large-nav a:nth-child(2){animation-delay:40ms}.menu-dialog[open] .large-nav a:nth-child(3){animation-delay:80ms}.menu-dialog[open] .large-nav a:nth-child(4){animation-delay:120ms}.menu-categories{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:16px}.menu-categories>p{color:var(--muted);font-size:12px;margin-bottom:12px}.menu-categories a{min-height:30px}.menu-categories a:hover{color:var(--blue);text-decoration:underline}.menu-categories>span{font-size:11px;color:var(--muted);margin-top:30px}.menu-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.search-dialog{width:min(700px,calc(100% - 32px));padding:30px 36px}.dialog-search-field{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--ink);margin-top:26px;padding:8px 0}.dialog-search-field input{background:transparent;border:0;min-height:48px;min-width:0;width:100%;font-size:18px;color:var(--ink);border-radius:0}.search-dialog .hint{margin:22px 0 14px}.search-result{display:grid;grid-template-columns:64px 1fr 20px;gap:18px;align-items:center;padding:12px 0;border-top:1px solid #e8eaed}.search-result img{width:64px;height:48px;object-fit:contain;background:var(--mist);mix-blend-mode:multiply}.search-result strong{font-weight:400;font-size:15px;line-height:1.3;display:block}.search-result small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.search-result .icon{width:18px}.search-result:hover{color:var(--blue)}.search-note{font-size:11px;color:var(--muted);margin-top:20px}.search-empty{padding:36px 0;font-size:15px}.image-dialog{width:min(760px,calc(100% - 32px));padding:24px 30px;background:white}.image-dialog .dialog-heading h2{font-size:20px}.image-dialog>img{width:min(600px,100%);height:auto;margin:30px auto 20px}.image-dialog>p{font-size:11px;color:var(--muted);text-align:center;margin:0 auto 10px}.noscript-notice{position:fixed;bottom:0;left:0;right:0;padding:20px;background:white;z-index:100}
@keyframes hero-settle{from{transform:scale(1.05)}to{transform:scale(1)}}@keyframes hero-text{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fact-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes menu-in{from{transform:translateX(60px);opacity:0}to{transform:none;opacity:1}}@keyframes menu-item{from{transform:translateX(18px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1700px){.site-header{padding-inline:max(var(--gutter),calc((100vw - 1456px)/2))}.hero-copy{padding-left:max(var(--gutter),calc((100vw - 1456px)/2));max-width:none}.hero-bottom{left:max(var(--gutter),calc((100vw - 1456px)/2));right:max(var(--gutter),calc((100vw - 1456px)/2))}}
@media(max-width:1100px){.desktop-nav{gap:24px;margin-right:32px}.header-tools{gap:14px}.category-image{height:180px}.category-label h3{font-size:19px}.explorer-panel{grid-template-columns:1.1fr 1fr;min-height:470px}.feature-copy{padding:36px}.part-stage{padding:24px}.catalogue-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:42px}.detail-image-wrap{min-height:390px}.about-layout{gap:55px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:36px}.menu-dialog{padding-inline:42px}.menu-layout{gap:46px}.search-trigger>span{display:none}}
@media(max-width:760px){:root{--header:76px}.site-header{padding-inline:22px}.brand{width:99px;height:57px}.brand img{width:136px;height:136px;left:-18px;top:-34px}.desktop-nav{display:none}.header-tools{gap:15px}.header-divider{display:none}.menu-trigger{gap:11px}.menu-trigger>span:first-child{font-size:13px}.hero{height:calc(88svh - var(--header));min-height:630px;max-height:830px}.hero-media{inset:150px 0 -20px;mask-image:linear-gradient(to bottom,transparent,#000 25%)}.hero-media img{object-position:53% 55%;animation-name:fade-in}.hero-shade{background:linear-gradient(180deg,#07132170,transparent 58%,#07132165)}.hero-copy{padding-top:40px;padding-inline:22px;max-width:none}.hero-kicker{font-size:13px;margin-bottom:17px}.hero h1{font-size:64px}.hero-description{font-size:23px;margin-top:18px}.hero-copy .button{margin-top:24px;font-size:13px;min-height:48px;padding:11px 16px;gap:20px}.hero-bottom{left:22px;right:22px;bottom:20px;align-items:flex-end;font-size:10px}.hero-bottom>p{max-width:160px}.hero-bottom>a{gap:16px;font-size:0}.hero-bottom .down-arrow{font-size:26px}.categories{padding-top:58px;padding-bottom:52px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:30px}.section-heading h2{font-size:32px;max-width:14ch}.section-heading .text-link{font-size:12px;gap:10px;min-height:36px;white-space:nowrap}.section-heading .text-link .icon{width:17px}.category-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.category-image{height:auto;aspect-ratio:4/3}.category-label{margin-top:16px;gap:4px;align-items:flex-start}.category-label h3{font-size:18px;letter-spacing:-.035em}.category-label .icon{width:16px;height:19px}.category-card>p{font-size:11px;margin-top:7px}.collection-note{font-size:11px;margin-top:28px;max-width:50ch}.explorer{padding-top:15px;padding-bottom:60px}.explorer .section-heading{display:block}.explorer .section-heading>p{font-size:13px;margin-top:14px}.explorer-tabs{width:100%;margin-bottom:22px}.explorer-tabs button{padding:12px 0;flex:1;font-size:12px}.explorer-panel{grid-template-columns:1fr;min-height:0}.part-stage{min-height:345px;padding:22px}.stage-object{max-width:350px;margin:12px 0}.stage-top,.stage-bottom{font-size:10px}.stage-bottom .icon-button{min-width:36px;min-height:36px}.feature-copy{padding:30px 26px 32px}.feature-copy h3{font-size:34px;margin-block:13px}.feature-copy>p:not(.part-reference):not(.sample-caption){font-size:14px}.feature-facts{margin:24px 0}.feature-facts dd{font-size:22px}.feature-copy .button{max-width:none;font-size:14px;min-height:50px}.sample-caption{font-size:11px}.catalogue-intro{padding-top:45px;padding-bottom:38px;display:block}.catalogue-intro .overline{font-size:12px;margin-bottom:18px}.catalogue-intro h1{font-size:48px}.catalogue-intro>p{font-size:14px;margin-top:24px;max-width:33ch}.catalogue-intro>p br{display:none}.catalogue-intro>p br:after{content:' '}.catalogue-layout{display:block}.filter-panel{position:static;padding-top:25px}.filter-panel h2{font-size:22px;margin-bottom:24px}.category-filters{flex-direction:row;flex-wrap:wrap;margin-bottom:24px;gap:8px}.category-filters button{font-size:12px;min-height:40px;padding:9px 12px;background:var(--mist);gap:16px}.category-filters span{font-size:10px}.filter-panel select{font-size:14px}.filter-panel .hint{font-size:11px}.reset-button{font-size:12px;margin-top:10px}.catalogue-results{padding-top:28px}.catalogue-toolbar{gap:12px;flex-wrap:wrap;padding-bottom:10px}.search-field{flex-basis:100%;height:46px;border:1px solid var(--line);padding:0 12px}.search-field input{font-size:13px}.sort-field{width:100%;justify-content:space-between;min-height:44px}.sort-field select{max-width:160px}.result-count{margin:16px 0}.product-grid{gap:28px 16px}.product-card h3{font-size:17px}.product-card .product-type{font-size:10px;margin-top:12px}.product-code{font-size:10px}.product-visual>.icon{width:26px;height:26px;right:7px;bottom:7px;padding:5px;opacity:1;transform:none}.catalogue{padding-bottom:48px}.catalogue-disclaimer{font-size:11px}.empty-state{padding:30px 22px;min-height:290px}.empty-state h2{font-size:28px}.empty-state p{font-size:13px}.breadcrumbs{padding-top:24px;gap:8px;font-size:10px}.back-link{margin-top:9px;margin-bottom:18px}.detail-layout{grid-template-columns:1fr;gap:32px}.detail-visual{position:static}.detail-image-wrap{min-height:290px}.detail-visual>p{font-size:10px}.detail-copy h1{font-size:42px;max-width:13ch}.detail-copy>p:not(.overline):not(.sample-caption){font-size:14px;margin-top:18px}.detail-copy .overline{font-size:11px}.spec-section{margin-top:28px}.spec-section dl>div{font-size:12px;gap:15px;padding-block:12px}.related{padding-top:58px;padding-bottom:50px}.related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .product-card:nth-child(3){display:none}.related .section-heading{display:block}.related .text-link{margin-top:12px}.about-layout{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.about-layout .overline{font-size:12px;margin-bottom:20px}.about-layout h2{font-size:38px}.about-layout>div:last-child>p{font-size:15px}.about-layout .text-link{font-size:13px;margin-top:18px}.site-footer{padding-top:48px}.footer-top{display:block;margin-bottom:34px}.footer-top h2{font-size:36px}.footer-top .text-link{margin-top:20px;font-size:13px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:32px}.footer-columns h3,.footer-brand{font-size:12px;margin-bottom:12px}.footer-columns p:not(.footer-brand),.footer-columns a{font-size:11px;overflow-wrap:anywhere}.footer-bottom{flex-wrap:wrap;gap:5px 22px;padding-top:20px}.footer-bottom>p{flex-basis:100%;font-size:10px;line-height:1.7;margin-bottom:5px}.footer-bottom .back-top{margin-left:auto}.menu-dialog{padding:20px 24px 24px}.menu-heading{padding-bottom:18px}.menu-layout{grid-template-columns:1fr;align-items:start;align-content:center;gap:32px;padding:30px 0}.large-nav{gap:8px}.large-nav a{font-size:38px;padding:5px 0;line-height:1.3}.large-nav .icon{opacity:1;transform:none;width:22px}.menu-categories{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:13px}.menu-categories>p{grid-column:1/-1;margin-bottom:4px}.menu-categories>span{display:none}.menu-footer{font-size:11px;padding-top:18px}.search-dialog{padding:22px 20px}.dialog-heading h2{font-size:25px}.dialog-search-field{gap:10px;margin-top:14px}.dialog-search-field input{font-size:14px}.search-result{grid-template-columns:48px 1fr 16px;gap:12px}.search-result img{width:48px;height:36px}.search-result strong{font-size:13px}.search-result small{font-size:10px}.image-dialog{padding:18px}.image-dialog .dialog-heading h2{font-size:18px}.point-fact{width:175px;padding:12px 14px}}
@media(max-width:360px){.hero h1{font-size:56px}.hero-description{font-size:21px}.hero{min-height:620px}.header-tools{gap:9px}.site-header{padding-inline:16px}.section-heading{display:block}.section-heading>.text-link{margin-top:13px}.category-label h3{font-size:16px}.category-card>p{font-size:10px}.category-lineup{gap:26px 12px}.feature-copy{padding:26px 22px}.feature-copy h3{font-size:30px}.part-stage{min-height:305px}.stage-top{gap:10px}.catalogue-intro h1{font-size:42px}.footer-columns{grid-template-columns:1fr}.menu-layout{gap:22px;padding:22px 0}.large-nav a{font-size:32px}.menu-categories{font-size:12px}}
/* Project reference: AIBM-Design-Systems-Categorized/.../Apple/DESIGN-apple.md.
   Use its md/lg/full shape tokens with the existing Britpart palette and Inter. */
:root{--control-radius:12px;--surface-radius:18px;--pill-radius:980px}
.button{
  border-radius:var(--pill-radius);
  transition:background-color var(--fast),color var(--fast),border-color var(--fast),transform var(--fast) var(--ease);
}
.button:active{transform:scale(.98)}
.icon-button{border-radius:var(--pill-radius);transition:background-color var(--fast),color var(--fast)}
.header-tools .icon-button{padding-inline:12px}
.header-tools .icon-button:hover{background:var(--mist)}
.category-image,.product-visual,.detail-image-wrap{border-radius:var(--surface-radius)}
.product-visual>.icon{border-radius:50%}
.explorer-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(500px,100%);
  padding:4px;
  border:0;
  border-radius:var(--pill-radius);
  background:var(--mist);
  isolation:isolate;
}
.explorer-tabs button{
  min-height:44px;
  padding:11px 12px;
  border-radius:var(--pill-radius);
  z-index:1;
  transition:color var(--fast),background-color var(--fast);
}
.explorer-tabs button:hover:not([aria-selected=true]){background:#e5e8ed}
.explorer-tabs button[aria-selected=true]{font-weight:500}
.explorer-tabs button:focus-visible{outline-offset:1px}
#tabMarker{
  top:4px;
  bottom:4px;
  height:auto;
  width:calc((100% - 8px)/4);
  border-radius:var(--pill-radius);
  background:var(--white);
  box-shadow:0 1px 4px #171b2614;
  pointer-events:none;
}
.explorer-panel{border-radius:var(--surface-radius)}
.part-stage{border-radius:var(--surface-radius) 0 0 var(--surface-radius)}
.feature-copy{border-radius:0 var(--surface-radius) var(--surface-radius) 0}
.detail-point{width:44px;height:44px}
.detail-point:hover{transform:scale(1.05)}
.point-fact{border:1px solid #e8eaed;border-radius:var(--control-radius)}
.stage-bottom .icon-button{min-height:44px;min-width:44px;background:var(--white)}
.category-filters{gap:4px}
.category-filters button{border-radius:var(--control-radius);min-height:44px}
.category-filters button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffffff12}
.filter-panel select{
  border-radius:var(--control-radius);
  padding-inline:12px;
  border-color:#bcc2cc;
  transition:border-color var(--fast),background-color var(--fast);
}
.search-field{
  background:var(--mist);
  border:1px solid transparent;
  border-radius:var(--control-radius);
  padding-inline:14px;
  transition:border-color var(--fast),background-color var(--fast);
}
.search-field:focus-within,.dialog-search-field:focus-within{
  background:var(--white);
  border-color:var(--blue);
  outline:3px solid #547edc;
  outline-offset:2px;
}
.search-field input:focus-visible,.dialog-search-field input:focus-visible{outline:none}
.search-field .icon,.dialog-search-field>.icon{color:var(--muted)}
.sort-field select{background:var(--mist);padding-inline:10px;border-radius:var(--control-radius)}
.empty-state{border-radius:var(--surface-radius)}
.detail-zoom-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--white);border-radius:50%}
.sample-tag{border-radius:var(--pill-radius)}
.search-dialog,.image-dialog{border-radius:var(--surface-radius)}
.menu-dialog{border-radius:var(--surface-radius) 0 0 var(--surface-radius)}
.dialog-close{background:var(--mist)}
.dialog-close:hover{background:#e5e8ed}
.dialog-search-field{
  border:1px solid transparent;
  border-radius:var(--control-radius);
  background:var(--mist);
  padding:4px 14px;
  transition:border-color var(--fast),background-color var(--fast);
}
.search-result{border-radius:var(--control-radius);padding-inline:10px;margin-inline:-10px;transition:background-color var(--fast),color var(--fast)}
.search-result:hover,.search-result:focus-visible{background:var(--mist)}
.search-result img{border-radius:8px}
@media(max-width:760px){
  .header-tools{gap:8px}
  .header-tools .icon-button{padding-inline:8px}
  .explorer-tabs button{padding-inline:4px}
  .part-stage{border-radius:var(--surface-radius) var(--surface-radius) 0 0}
  .feature-copy{border-radius:0 0 var(--surface-radius) var(--surface-radius)}
  .category-filters{gap:8px}
  .category-filters button{border-radius:var(--pill-radius)}
  .menu-dialog{border-radius:0}
}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{scroll-behavior:auto;animation-name:fade-in!important;animation-duration:100ms!important;animation-delay:0ms!important;transition-property:opacity,color,background-color,border-color!important;transition-duration:100ms!important}html[data-motion=off] .hero-media,html[data-motion=off] .hero-media img{transform:none!important;will-change:auto}html[data-motion=off] .category-card:hover img,html[data-motion=off] .product-card:hover img,html[data-motion=off] #detailZoom:hover img,html[data-motion=off] .text-link:hover .icon,html[data-motion=off] .button:hover .icon,html[data-motion=off] .button:active,html[data-motion=off] .detail-point:hover{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto;animation-name:fade-in!important;animation-duration:100ms!important;animation-delay:0ms!important;transition-property:opacity,color,background-color,border-color!important;transition-duration:100ms!important}.hero-media,.hero-media img{transform:none!important;will-change:auto}.category-card:hover img,.product-card:hover img,#detailZoom:hover img,.button:active,.detail-point:hover{transform:none!important}}