/* Public storefront rhythm. One shared scale; existing colours and breakpoints.
   Kept separate from the admin and business logic for an isolated design review. */
body.ssr-pilot:not(.admin-page){
 --type-small:14px;
 --type-ui:16px;
 --type-body:18px;
 --type-card:24px;
 --type-section:clamp(36px,3.8vw,52px);
 --type-display:clamp(40px,4.4vw,64px);
 --space-section:96px;
 --space-heading:48px;
 --space-grid:24px;
 --site-header-height:72px;
 --motion-detail:240ms;
 --ease-settle:cubic-bezier(.22,1,.36,1);
 font-kerning:normal;
 font-optical-sizing:auto;
}
/* The same edges from header to content and footer. */
.ssr-pilot:not(.admin-page) :is(.section,.shop-shell,.pdp-shell,.service-shell,.vmax-footer-inner){
 width:calc(100% - var(--page-gutter)*2);max-width:var(--content-max);margin-inline:auto;
}
.ssr-pilot:not(.admin-page) .site-header{padding-inline:var(--page-inset)}
.ssr-pilot:not(.admin-page) :is(h1,h2,h3){font-weight:600}
.ssr-pilot:not(.admin-page) :is(.eyebrow,.intro){font-size:var(--type-small);line-height:1.5;font-weight:500;letter-spacing:.01em}
.ssr-pilot:not(.admin-page) :is(.primary,.service-primary,.pdp-primary,.utility-shell .outline-button,.content-page-home .secondary){min-height:52px;border-radius:0;font-size:var(--type-ui);font-weight:500;line-height:1.5}
.ssr-pilot:not(.admin-page) :is(.secondary,.direction-link,.compatibility-link){font-weight:500}

/* Homepage: repeat the same two-column axis and vertical rhythm. */
.ssr-pilot .content-page-home .section{padding-block:var(--space-section)}
.ssr-pilot .content-page-home .section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:var(--space-grid);margin-bottom:var(--space-heading)}
.ssr-pilot .content-page-home .section-head>:last-child:not(:first-child){max-width:none;min-width:0}
.ssr-pilot .content-page-home h2{font-size:var(--type-section);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.ssr-pilot .content-page-home .eyebrow{margin-bottom:16px}
.ssr-pilot .content-page-home :is(.section-head>p,.home-highlights-lead p,.industry-intro p,.material-copy p,.advice-copy>p){font-size:var(--type-body);line-height:1.65;max-width:48ch;text-wrap:pretty}
.ssr-pilot .content-page-home .frame .hero h1{font-size:clamp(40px,5.2vw,72px);font-weight:500;letter-spacing:-.04em;line-height:1.08;margin-bottom:24px}
.ssr-pilot .content-page-home .frame .hero .content{max-width:680px}
.ssr-pilot .content-page-home .frame .hero .intro{font-size:var(--type-small);margin-bottom:16px}
.ssr-pilot .content-page-home .frame .hero .description{font-size:var(--type-body);line-height:1.65;max-width:46ch;margin-bottom:32px;text-wrap:pretty}
.ssr-pilot .content-page-home :is(.category-grid,.highlight-grid){gap:32px var(--space-grid)}
.ssr-pilot .content-page-home :is(.category h3,.highlight-grid h3,.industry-card h3){font-size:var(--type-card);font-weight:600;line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
.ssr-pilot .content-page-home .category h3{margin:24px 0 12px}
.ssr-pilot .content-page-home .category p{font-size:var(--type-ui);line-height:1.6;margin-bottom:16px}
.ssr-pilot .content-page-home .category-link{font-size:var(--type-ui);gap:16px}
.ssr-pilot .content-page-home .highlight-grid li{padding:28px;border:0;background:var(--surface-dark-raised,#242424);min-width:0}
.ssr-pilot .content-page-home .highlight-grid h3{min-height:0;margin:20px 0 12px;font-weight:500}
.ssr-pilot .content-page-home .highlight-grid p{font-size:var(--type-ui);line-height:1.65;text-wrap:pretty;margin:0}
.ssr-pilot .content-page-home .industry-card-copy{grid-template-columns:minmax(0,1fr) 32px;gap:12px 16px;padding-top:24px}
.ssr-pilot .content-page-home .industry-card p{font-size:var(--type-ui);margin:0}
.ssr-pilot .content-page-home :is(.material-feature,.advice-content){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-grid)}
.ssr-pilot .content-page-home :is(.material-copy h3,.advice-copy h3){font-size:32px;line-height:1.2;letter-spacing:-.025em;margin-bottom:24px}
.ssr-pilot .content-page-home :is(.material-copy p,.advice-copy>p){margin-bottom:32px}
.ssr-pilot .content-page-home .advice-heading{margin-bottom:var(--space-heading)}

/* Catalogue: readable utility text and aligned, complete product names. */
.ssr-pilot .catalog-refined .shop-intro{align-items:center;padding:40px 0 24px;gap:32px}
.ssr-pilot .catalog-refined .shop-intro h1{font-size:var(--type-section);line-height:1.15;letter-spacing:-.035em;font-weight:600}
.ssr-pilot .catalog-refined .category-rail{margin-bottom:32px}
.ssr-pilot .catalog-refined .catalog-category-tabs{gap:32px}
.ssr-pilot .catalog-refined .catalog-category-tabs>a{font-size:var(--type-ui);font-weight:500;padding-block:16px}
.ssr-pilot .catalog-workspace{grid-template-columns:264px minmax(0,1fr);gap:32px}
.ssr-pilot .catalog-sidebar{padding-right:24px}
.ssr-pilot .catalog-sidebar-heading h2{font-size:var(--type-card);font-weight:600;letter-spacing:-.02em}
.ssr-pilot :is(.catalog-sidebar-hint,.facet-help,.facet-summary-selection,.facet-more,.facet-sidebar-reset,.catalog-advice,.catalog-advice strong){font-size:var(--type-small);line-height:1.5}
.ssr-pilot .facet-options label{font-size:var(--type-small);line-height:1.5}
.ssr-pilot .facet-group summary{font-weight:500}
.ssr-pilot .catalog-refined :is(.catalog-sort,.catalog-result-label h2,.catalog-chips button,.account-note>p,.account-note>a){font-size:var(--type-small);line-height:1.5}
.ssr-pilot .catalog-refined .account-note{gap:12px;padding:16px 0 24px;min-height:64px}
.ssr-pilot .catalog-refined .account-note a{margin-left:0;flex:none;min-height:44px}
.ssr-pilot .catalog-refined .catalog-result-label strong{font-size:var(--type-card);font-weight:600;letter-spacing:-.025em}
.ssr-pilot .pilot-grid:not(.list-view){gap:40px var(--space-grid)}
.ssr-pilot .pilot-grid:not(.list-view) .product-photo{aspect-ratio:1}
.ssr-pilot .pilot-grid:not(.list-view) .product-content{padding-top:16px}
.ssr-pilot .pilot-grid:not(.list-view) .product-meta{min-height:21px;margin-bottom:8px;font-size:var(--type-small);line-height:1.5;letter-spacing:0;font-variant-numeric:tabular-nums}
.ssr-pilot .pilot-grid .product-card :is(h2,h3){font-size:var(--type-body);font-weight:500;line-height:1.45;letter-spacing:-.015em;margin:0 0 16px;hyphens:auto;overflow-wrap:break-word;text-wrap:pretty}
.ssr-pilot .pilot-grid .availability{font-size:var(--type-small);line-height:1.5;align-items:center;gap:8px}
.ssr-pilot .pilot-grid .stock-dot{margin-top:0}
.ssr-pilot .pilot-grid .product-price{margin-top:16px;min-height:48px}
.ssr-pilot .pilot-grid .product-price strong{font-size:var(--type-card);font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.ssr-pilot .pilot-grid .product-price :is(small,.guest-price){font-size:var(--type-small);line-height:1.5}
.ssr-pilot .pilot-grid .product-bottom{font-size:var(--type-small);font-weight:500;line-height:1.5;min-height:48px;margin-top:16px;padding-top:12px;gap:8px}
.ssr-pilot .pilot-grid.list-view .product-card :is(h2,h3){font-size:var(--type-body)}

/* List cards share a reading order: reference, name, details, availability.
   Price and action form a separate, stable column on wide screens. */
.ssr-pilot .catalog-refined .pilot-grid.list-view{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.ssr-pilot .pilot-grid.list-view .product-card{grid-template-columns:200px minmax(0,1fr);gap:32px;padding-block:24px}
.ssr-pilot .pilot-grid.list-view .product-card:first-child{padding-top:0}
.ssr-pilot .pilot-grid.list-view .product-content{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:repeat(4,auto);align-content:start;gap:8px 32px;padding:0}
.ssr-pilot .pilot-grid.list-view .product-meta{grid-column:1;grid-row:1;font-size:var(--type-small);line-height:1.5;margin:0}
.ssr-pilot .pilot-grid.list-view .product-card :is(h2,h3){grid-column:1;grid-row:2;margin:0}
.ssr-pilot .pilot-grid.list-view .product-properties{grid-column:1;grid-row:3;font-size:var(--type-small);margin:0;line-height:1.5}
.ssr-pilot .pilot-grid.list-view .availability{grid-column:1;grid-row:4;align-self:start;margin:0}
.ssr-pilot .pilot-grid.list-view .product-price{grid-column:2;grid-row:1/4;text-align:right;margin:0}
.ssr-pilot .pilot-grid.list-view .product-bottom{grid-column:2;grid-row:4;margin:0;align-self:end}
@media(max-width:1199px){
 .ssr-pilot .pilot-grid.list-view .product-card{grid-template-columns:160px minmax(0,1fr);gap:24px}
 .ssr-pilot .pilot-grid.list-view .product-content{grid-template-columns:minmax(0,1fr);gap:8px}
 .ssr-pilot .pilot-grid.list-view .product-price{grid-column:1;grid-row:5;text-align:left;margin-top:8px}
 .ssr-pilot .pilot-grid.list-view .product-bottom{grid-column:1;grid-row:6}
}
@media(max-width:767px){.ssr-pilot .pilot-grid.list-view .product-card{grid-template-columns:96px minmax(0,1fr);gap:16px}}

/* Product page: the same type hierarchy, with quieter technical labels. */
.ssr-pilot .product-lead{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-bottom:0}
.ssr-pilot .product-summary{padding-top:0}
.ssr-pilot .product-summary h1{font-size:var(--type-section);font-weight:600;letter-spacing:-.03em;line-height:1.18}
.ssr-pilot .product-id{font-size:var(--type-small);font-weight:400;line-height:1.5;margin-bottom:16px}
.ssr-pilot .product-subtitle{font-size:var(--type-body);line-height:1.65;margin-top:24px;text-wrap:pretty}
.ssr-pilot .key-facts{gap:24px;margin-top:32px;padding-block:24px}
.ssr-pilot .key-facts dt{font-size:var(--type-small);line-height:1.5;margin-bottom:8px}
.ssr-pilot .key-facts dd{font-size:var(--type-ui);line-height:1.5;font-weight:500}
.ssr-pilot .product-related{margin-top:var(--space-section)}
.ssr-pilot .product-related>h2{font-size:var(--type-section);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin-bottom:32px}
.ssr-pilot .product-accordions summary{font-size:var(--type-body);font-weight:500;min-height:72px}
.ssr-pilot .compatibility-link{font-size:var(--type-ui);padding-block:24px;margin-block:8px;line-height:1.5}
.ssr-pilot .product-help{margin-top:var(--space-section);margin-bottom:var(--space-section);padding:48px;gap:48px}
.ssr-pilot .product-help h2{font-size:var(--type-section);line-height:1.15;letter-spacing:-.035em}
.ssr-pilot .product-help-description{font-size:var(--type-body);line-height:1.65;margin-top:24px}

@media(max-width:1023px){
 body.ssr-pilot:not(.admin-page){--space-section:80px;--space-heading:32px}
 .ssr-pilot .catalog-workspace{display:block}
 .ssr-pilot .catalog-refined .shop-intro{padding-top:32px}
 .ssr-pilot .catalog-refined .catalog-category-tabs{gap:24px}
 .ssr-pilot .catalog-refined .catalog-controls-row{gap:12px}
 .ssr-pilot .catalog-refined .account-note{flex-wrap:wrap;gap:0 8px}
 .ssr-pilot .catalog-refined .account-note>p{flex:1 1 calc(100% - 28px)}
 .ssr-pilot .catalog-refined .account-note>a{margin-left:23px}
 .ssr-pilot .product-lead{gap:32px}
}
@media(max-width:767px){
 body.ssr-pilot:not(.admin-page){--space-section:64px;--space-heading:32px;--space-grid:16px;--type-display:40px;--type-section:32px;--type-card:24px;--site-header-height:64px}
 .ssr-pilot .content-page-home .section-head{grid-template-columns:1fr;gap:24px}
 .ssr-pilot .content-page-home .frame .hero .description{font-size:var(--type-ui);margin-bottom:24px}
 .ssr-pilot .content-page-home .frame .hero .actions{gap:16px}
 .ssr-pilot .content-page-home :is(.material-feature,.advice-content){grid-template-columns:1fr;gap:32px}
 .ssr-pilot .content-page-home .highlight-grid h3{min-height:0;margin-top:16px}
 .ssr-pilot .content-page-home :is(.material-copy h3,.advice-copy h3){font-size:var(--type-card)}
 .ssr-pilot .catalog-refined .shop-intro{padding-top:24px}
 .ssr-pilot .catalog-refined .shop-intro h1{font-size:32px}
 .ssr-pilot .catalog-refined .category-rail{margin-bottom:16px}
 .ssr-pilot .catalog-refined .catalog-category-tabs>a{font-size:var(--type-small);padding-block:12px}
 .ssr-pilot .catalog-refined .catalog-sort{font-size:var(--type-small)}
 .ssr-pilot .catalog-refined .pilot-grid:not(.list-view){gap:32px 16px}
 .ssr-pilot .pilot-grid .product-card :is(h2,h3){font-size:var(--type-ui);line-height:1.45;letter-spacing:-.01em}
 .ssr-pilot .pilot-grid .product-price strong{font-size:20px}
 .ssr-pilot .pilot-grid .product-bottom{font-size:var(--type-small)}
 .ssr-pilot .product-lead{grid-template-columns:1fr;gap:32px}
 .ssr-pilot .key-facts{gap:16px}
 .ssr-pilot .product-help{padding:24px;gap:24px}
}
@media(max-width:359px){
 body.ssr-pilot:not(.admin-page){--type-display:36px;--type-section:28px}
 .ssr-pilot .catalog-refined .shop-intro h1{font-size:28px}
 .ssr-pilot .catalog-refined .catalog-controls-row{gap:8px}
}

/* Action hierarchy: cards are the link. Reserve arrows for section-level exits,
   never repeat them across a grid or alongside ordinary account/footer links. */
body.ssr-pilot:not(.admin-page) :is(.category,.industry-card,.product-bottom,.site-page-card,.account-note,.footer-directory,.newsletter-entry) :is(.arrow-box,.link-arrow){display:none!important}
.ssr-pilot .content-page-home .industry-card-copy{grid-template-columns:minmax(0,1fr)}
.ssr-pilot .content-page-home .industry-card-copy p{grid-column:1}
.ssr-pilot :is(.category-link,.site-page-card>.direction-link){font-size:var(--type-small);font-weight:500;min-height:44px}
.ssr-pilot .content-page-home .category-link{border:0}
.ssr-pilot .pilot-grid .product-bottom{border-top:0;padding-top:0}
.ssr-pilot .content-page-home .guide-grid .category{display:flex;flex-direction:column}
.ssr-pilot .content-page-home .guide-grid .category-link{margin-top:16px}
.ssr-pilot :is(a.category,a.industry-card,a.product-card,a.site-page-card):focus-visible{outline:2px solid var(--accent);outline-offset:6px}

@media(hover:hover) and (pointer:fine){
 .ssr-pilot :is(a.category,a.industry-card,a.product-card,a.site-page-card):hover :is(h2,h3){text-decoration:none}
 .ssr-pilot .content-page-home :is(a.category:hover .category-link,a.industry-card:hover h3){color:inherit}
}
.ssr-pilot :is(.category-photo,.industry-photo,.product-photo) img{transition:transform var(--motion-detail) var(--ease-settle)}
/* CMS pages use the same grid and type roles as the storefront. */
.ssr-pilot .site-page{width:calc(100% - var(--page-gutter)*2);max-width:var(--content-max);margin-inline:auto}
.ssr-pilot .site-page-head h1{font-size:var(--type-display);line-height:1.08;letter-spacing:-.04em;font-weight:500;text-wrap:balance;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
.ssr-pilot .site-page-intro{font-size:var(--type-body);line-height:1.65;max-width:60ch}
.ssr-pilot .site-page-list{gap:48px var(--space-grid)}
.ssr-pilot .site-page-card h2{font-size:var(--type-card);line-height:1.3;font-weight:500;letter-spacing:-.02em}
.ssr-pilot .site-page-body>:is(.site-page-text,.site-page-faq,.site-page-products)>h2{font-size:var(--type-section);line-height:1.15;letter-spacing:-.035em;font-weight:500}
.ssr-pilot .site-page-body{max-width:760px}
.ssr-pilot .site-page-body :is(p,li){font-size:var(--type-body);line-height:1.75}
/* No hover movement for visitors who request reduced motion. */
@media(prefers-reduced-motion:reduce){
 .ssr-pilot :is(.category-photo,.industry-photo,.product-photo) img{transition:none!important;transform:none!important}
}

/* User demo: compact product information and tangible, outlined secondary actions. */
@font-face{font-family:'Inter Tight';src:url('/brand/fonts/inter-tight-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/brand/fonts/inter-tight-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/brand/fonts/inter-tight-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
body.ssr-pilot:not(.admin-page),body.ssr-pilot:not(.admin-page) :is(h1,h2,h3,button,input,select,textarea){font-family:'Inter Tight',Inter,system-ui,sans-serif}
body.ssr-pilot:not(.admin-page){--button-ink:#201f1f;--button-paper:#fff}
.ssr-pilot .content-page-home :is(.hero,.range-section,.industries,.materials,.home-guides,.advice-section){--button-ink:#fff;--button-paper:#181818}
body.ssr-pilot .site-header .logo img.logo-ink{display:none}
body.ssr-pilot .navigation-chrome:not([data-menu-open]):not(:has(.header-search-panel,.language-menu[open])) .site-header[data-shopping]{color:#201f1f}
body.ssr-pilot .navigation-chrome:not([data-menu-open]):not(:has(.header-search-panel,.language-menu[open])) .site-header[data-shopping]::before{background:rgba(255,255,255,.96)!important;border-bottom:0;opacity:1}
body.ssr-pilot .navigation-chrome:not([data-menu-open]):not(:has(.header-search-panel,.language-menu[open])) .site-header[data-shopping] .logo-light{display:none}
body.ssr-pilot .navigation-chrome:not([data-menu-open]):not(:has(.header-search-panel,.language-menu[open])) .site-header[data-shopping] .logo-ink{display:block}
.ssr-pilot .content-page-home .secondary{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;width:fit-content;max-width:100%;min-height:52px;padding:12px 22px;margin-top:16px;border:1px solid var(--button-ink);border-radius:0;color:var(--button-ink);background-color:transparent!important;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none!important}
.ssr-pilot .content-page-home .secondary :is(.arrow-box,.link-arrow){display:none!important}
.ssr-pilot .content-page-home :is(.category p,.home-guides-lead p){margin-bottom:0}
.ssr-pilot .content-page-home .home-guides-lead{gap:0}
.ssr-pilot .site-page-card p{margin-bottom:0}
.ssr-pilot .pilot-grid .product-bottom{display:none}
.ssr-pilot :is(a.category,a.industry-card,a.product-card,a.site-page-card) :is(h2,h3){text-decoration:none!important}
@media(hover:hover) and (pointer:fine){
 .ssr-pilot :is(a.category,a.product-card):hover :is(.category-photo,.product-photo) img{transform:scale(1.035)}
}
.ssr-pilot .catalog-refined .shop-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:48px;padding:64px 0 56px}
.ssr-pilot .catalog-refined .shop-intro>*{min-width:0}
.ssr-pilot .catalog-refined .shop-intro h1{font-size:var(--type-display);font-weight:500;line-height:1.05;hyphens:auto;overflow-wrap:anywhere}
.ssr-pilot .catalog-intro-note{font-size:16px;line-height:1.65;max-width:46ch;justify-self:end;color:#626262;margin:0}
.ssr-pilot .catalog-workspace{grid-template-columns:232px minmax(0,1fr);gap:48px}
.ssr-pilot .catalog-sidebar{border:0;padding:0}
.ssr-pilot :is(.catalog-sidebar-heading,.catalog-sidebar-hint){display:none}
.ssr-pilot .catalog-side-categories{display:flex;flex-direction:column;margin-bottom:24px}
.ssr-pilot .catalog-side-categories p{font-size:16px;font-weight:500;margin:0 0 12px}
.ssr-pilot .catalog-side-categories a{font-size:15px;line-height:1.5;min-height:36px;padding:6px 0;color:#626262;text-decoration:none}
.ssr-pilot .catalog-side-categories a:is([aria-current],:hover){color:#201f1f;font-weight:500}
.ssr-pilot .facet-sidebar-reset:disabled{display:none}
.ssr-pilot .catalog-sidebar .facet-group{border:0;margin-bottom:20px}
.ssr-pilot .catalog-sidebar .facet-group summary{min-height:44px;padding:8px 0;font-weight:500}
.ssr-pilot .catalog-sidebar .facet-help{display:none}
.ssr-pilot .catalog-sidebar .facet-options{display:flex;flex-wrap:wrap;gap:6px}
.ssr-pilot .catalog-sidebar .facet-options label{position:relative;background:#f2f2f2;min-height:40px;padding:8px 12px;gap:8px;font-size:14px;border:0;box-shadow:none}
.ssr-pilot .catalog-sidebar .facet-options input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ssr-pilot .catalog-sidebar .facet-options label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.ssr-pilot .catalog-sidebar .facet-options label:has(input:checked){background:#201f1f;color:#fff}
.ssr-pilot .catalog-sidebar .facet-options label:has(input:checked) :is(span,small){color:#fff}
.ssr-pilot .catalog-sidebar .facet-options label:has(input:disabled){opacity:.45}
.ssr-pilot .facet-more{margin-top:8px;text-decoration:none}
.ssr-pilot .catalog-tools{gap:12px;align-items:stretch;margin-bottom:20px}
.ssr-pilot .catalog-tools .pilot-search{flex:1;width:auto;max-width:none;min-width:0}
.ssr-pilot .catalog-tools .pilot-search input{font-size:15px}
.ssr-pilot .catalog-refined .catalog-sort{height:48px;background:#f2f2f2;padding:0 16px;border:0}
.ssr-pilot .catalog-result-label{margin-bottom:8px}
.ssr-pilot .catalog-refined .catalog-result-label :is(h2,strong){font-size:14px;font-weight:400;color:#626262;letter-spacing:0}
.ssr-pilot .catalog-refined .account-note{padding:0;margin-bottom:24px;min-height:0;gap:12px;justify-content:flex-start}
.ssr-pilot .catalog-refined .account-note>svg{display:none}
.ssr-pilot .catalog-refined .account-note>p{flex:initial}
.ssr-pilot .catalog-refined .account-note>a{min-height:32px;margin-left:0}
.ssr-pilot .catalog-refined .pilot-grid:not(.list-view){gap:48px 16px}
.ssr-pilot .pilot-grid:not(.list-view) .product-content{display:flex;flex-direction:column;gap:5px;padding-top:16px}
.ssr-pilot .pilot-grid:not(.list-view) .product-card :is(h2,h3){order:0;font-size:16px;font-weight:500;line-height:1.4;margin:0}
.ssr-pilot .pilot-grid:not(.list-view) .product-meta{order:1;font-size:14px;min-height:0;margin:0;color:#626262}
.ssr-pilot .pilot-grid:not(.list-view) .product-properties{order:2;margin:0}
.ssr-pilot .pilot-grid:not(.list-view) .availability{order:3;margin:0;font-size:14px;line-height:1.5}
.ssr-pilot .pilot-grid:not(.list-view) .product-price{order:4;margin:0;min-height:0;font-size:14px}
.ssr-pilot .pilot-grid:not(.list-view) .product-price strong{font-size:20px}
.ssr-pilot .pilot-grid .stock-dot{width:5px;height:5px;border-radius:0}
@media(min-width:1024px){.ssr-pilot .catalog-refined .category-rail{display:none}}
@media(max-width:1023px){
 .ssr-pilot .catalog-refined .shop-intro{padding:40px 0 32px}
 .ssr-pilot .catalog-tools{flex-wrap:wrap}
 .ssr-pilot .catalog-tools .pilot-search{flex-basis:100%}
 .ssr-pilot .catalog-controls-row{width:100%;justify-content:space-between}
}
@media(max-width:767px){
 .ssr-pilot .catalog-refined .shop-intro{grid-template-columns:minmax(0,1fr);gap:16px}
 .ssr-pilot .catalog-intro-note{font-size:15px;justify-self:start}
 .ssr-pilot .catalog-refined .pilot-grid:not(.list-view){gap:32px 12px}
 .ssr-pilot .pilot-grid:not(.list-view) .product-card :is(h2,h3){font-size:15px}
 .ssr-pilot .pilot-grid:not(.list-view) :is(.product-meta,.availability,.guest-price){font-size:13px}
 .ssr-pilot:not(.admin-page) :is(.primary,.service-primary,.pdp-primary,.utility-shell .outline-button,.content-page-home .secondary){min-height:48px;font-size:15px;line-height:22px}
 .ssr-pilot .content-page-home .secondary{padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){
 .ssr-pilot :is(a.category,a.product-card):hover :is(.category-photo,.product-photo) img{transform:none}
}

.ssr-pilot .catalog-tools .catalog-search-field{height:48px;background:#f2f2f2;border:0;box-shadow:none}
.ssr-pilot .catalog-tools .catalog-search-field:focus-within{box-shadow:inset 0 0 0 1px #201f1f}
body.ssr-pilot:not(.admin-page) .catalog-tools .catalog-search-field>.primary{--action-rest:#201f1f;--action-active:#201f1f;background-image:none!important;width:48px;min-width:48px;min-height:48px;height:48px;padding:12px;background:transparent!important;color:#201f1f!important;border:0}
.ssr-pilot .catalog-tools .catalog-search-field>.primary::before{display:none}

.ssr-pilot .content-page-home .actions .secondary{margin-top:0;align-self:stretch}
.ssr-pilot .catalog-refined .account-note a.direction-link{margin-left:0!important}

@media(min-width:901px){.ssr-pilot .content-page-home .guide-grid .category h3{min-height:2.6em}}

/* Image-led cards: one linked surface, with a quiet directional cue inside the image. */
.ssr-pilot .content-page-home .category-link{display:none}
.ssr-pilot :is(.category-photo,.editorial-card-image,.image-link-media){position:relative;isolation:isolate;overflow:hidden}
.ssr-pilot .editorial-card-image{margin-bottom:18px}
.ssr-pilot .site-page-card .editorial-card-image img{display:block;margin:0;transition:transform var(--motion-detail) var(--ease-settle)}
.ssr-pilot :is(a.category .category-photo,a.site-page-card .editorial-card-image,a.image-link .image-link-media)::before{
 content:'';position:absolute;z-index:1;right:0;bottom:0;width:min(75%,180px);height:min(75%,180px);pointer-events:none;
 background:radial-gradient(ellipse at bottom right,rgb(0 0 0 / .82) 0%,rgb(0 0 0 / .52) 36%,transparent 72%);
 opacity:0;transition:opacity 200ms ease;
}
.ssr-pilot :is(a.category .category-photo,a.site-page-card .editorial-card-image,a.image-link .image-link-media)::after{
 content:'';position:absolute;z-index:2;right:20px;bottom:20px;width:30px;height:30px;pointer-events:none;
 background:var(--accent,#1abc9c);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .65));
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;
 opacity:0;transform:translate(-4px,4px);transition:opacity 200ms ease,transform 280ms var(--ease-settle);
}
.ssr-pilot :is(a.category:focus-visible .category-photo,a.site-page-card:focus-visible .editorial-card-image,a.image-link:focus-visible .image-link-media)::before,.ssr-pilot :is(a.category:focus-visible .category-photo,a.site-page-card:focus-visible .editorial-card-image,a.image-link:focus-visible .image-link-media)::after{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){
 .ssr-pilot :is(a.category:hover .category-photo,a.site-page-card:hover .editorial-card-image,a.image-link:hover .image-link-media)::before,.ssr-pilot :is(a.category:hover .category-photo,a.site-page-card:hover .editorial-card-image,a.image-link:hover .image-link-media)::after{opacity:1;transform:none}
 .ssr-pilot a.site-page-card:hover .editorial-card-image img{transform:scale(1.035)}
}
@media(hover:none){
 .ssr-pilot :is(a.category .category-photo,a.site-page-card .editorial-card-image,a.image-link .image-link-media)::before{opacity:1}
 .ssr-pilot :is(a.category .category-photo,a.site-page-card .editorial-card-image,a.image-link .image-link-media)::after{opacity:1;transform:none;width:24px;height:24px;right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){
 .ssr-pilot :is(a.category .category-photo,a.site-page-card .editorial-card-image,a.image-link .image-link-media)::before,.ssr-pilot :is(a.category .category-photo,a.site-page-card .editorial-card-image,a.image-link .image-link-media)::after{transition:none;transform:none}
 .ssr-pilot .site-page-card .editorial-card-image img{transition:none!important;transform:none!important}
}

/* Material selector: equal image/content panels, navigation inside the content panel. */
.ssr-pilot .content-page-home .materials .material-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;background:var(--surface-dark-raised,#242424)}
.ssr-pilot .content-page-home .materials .material-feature>img{width:100%;height:100%;min-height:520px;aspect-ratio:auto;object-fit:cover}
.ssr-pilot .content-page-home .materials .material-body{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:40px;padding:clamp(28px,3.3vw,52px)}
.ssr-pilot .content-page-home .materials .material-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-self:stretch;margin:0;padding:0;border:0;background:#191919;overflow:hidden}
.ssr-pilot .content-page-home .materials .material-options>button{min-width:0;min-height:48px;padding:12px 8px;font-size:16px;line-height:1.5;font-weight:500;white-space:normal}
.ssr-pilot .content-page-home .materials .material-options[data-tab-ready]::before{bottom:0;background:#3a3a3a}
.ssr-pilot .content-page-home .materials .material-options::after{display:none}
.ssr-pilot .content-page-home .materials .material-copy h3{font-size:32px;font-weight:500;line-height:1.2;margin:0 0 20px}
.ssr-pilot .content-page-home .materials .material-copy p{font-size:18px;line-height:1.65;min-height:6.6em;max-width:44ch;margin:0 0 32px}
.ssr-pilot .content-page-home .materials .material-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.ssr-pilot .content-page-home .materials .material-actions>:is(.primary,.secondary){display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:52px;height:auto;margin:0;padding:12px 16px;font-size:16px;line-height:1.5;text-align:center}

@media(max-width:900px){
 .ssr-pilot .content-page-home .materials .material-feature{grid-template-columns:1fr}
 .ssr-pilot .content-page-home .materials .material-feature>img{height:auto;min-height:0;aspect-ratio:4/3}
 .ssr-pilot .content-page-home .materials .material-body{padding:32px;gap:32px}
 .ssr-pilot .content-page-home .materials .material-copy p{min-height:0}
}
@media(max-width:480px){
 .ssr-pilot .content-page-home .materials .material-body{padding:24px;gap:28px}
 .ssr-pilot .content-page-home .materials .material-options>button{font-size:14px;padding:12px 4px;min-height:44px}
 .ssr-pilot .content-page-home .materials .material-copy h3{font-size:28px}
 .ssr-pilot .content-page-home .materials .material-copy p{font-size:16px;margin-bottom:24px}
}

/* Personal consultation shares the material and newsletter surface pair. */
.ssr-pilot .content-page-home{--home-chapter-half-gap:56px;background:var(--surface-dark)}
.ssr-pilot .content-page-home .advice-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;background:var(--surface-dark-raised);color:#fff}
.ssr-pilot .content-page-home .advice-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(32px,4vw,64px)}
.ssr-pilot .content-page-home .advice-copy .advice-heading{margin:0 0 28px}
.ssr-pilot .content-page-home .advice-copy .eyebrow{color:var(--accent);font-size:14px;margin-bottom:20px}
.ssr-pilot .content-page-home .advice-copy h2{color:#fff;font-size:clamp(36px,3.6vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:0;text-wrap:balance}
.ssr-pilot .content-page-home .advice-copy>p{max-width:42ch;font-size:18px;line-height:1.65;margin:0 0 32px;color:#c6c6c6}
.ssr-pilot .content-page-home .advice-copy>.advice-reassurance{font-weight:500;color:#fff;margin:0 0 12px}
.ssr-pilot .content-page-home .advice-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.ssr-pilot .content-page-home .advice-actions>a{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:52px;height:auto;padding:12px 14px;margin:0;font-size:16px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none}
.ssr-pilot .content-page-home .advice-actions>.phone{position:relative;isolation:isolate;overflow:hidden;border:1px solid #fff;color:#fff;background:transparent;white-space:nowrap}
.ssr-pilot .content-page-home .advice-actions>.phone:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.ssr-pilot .content-page-home .advice-content>.portrait{position:relative;isolation:isolate;min-width:0;min-height:600px;overflow:hidden;margin:0}
.ssr-pilot .content-page-home .advice-content>.portrait img{position:absolute;inset:0;width:100%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 30%}
.ssr-pilot .content-page-home .advice-content>.portrait::after{content:'';position:absolute;inset:45% 0 0;z-index:1;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}
.ssr-pilot .content-page-home .advice-content>.portrait p{position:absolute;left:clamp(28px,3.3vw,52px);right:28px;bottom:32px;z-index:2;margin:0;color:#fff;font-size:16px;line-height:1.65}
.ssr-pilot .content-page-home .advice-content>.portrait strong{color:#fff;font-size:18px;font-weight:500}

@media(max-width:900px){
 .ssr-pilot .content-page-home .advice-content{grid-template-columns:1fr}
 .ssr-pilot .content-page-home .advice-content>.portrait{order:-1;min-height:0;aspect-ratio:4/3;max-height:560px}
 .ssr-pilot .content-page-home .advice-copy{padding:40px}
 .ssr-pilot .content-page-home .advice-copy h2{font-size:40px}
}
@media(max-width:480px){
 .ssr-pilot .content-page-home .advice-copy{padding:28px 24px}
 .ssr-pilot .content-page-home .advice-copy h2{font-size:34px}
 .ssr-pilot .content-page-home .advice-copy>p{font-size:16px}
 .ssr-pilot .content-page-home .advice-content>.portrait{aspect-ratio:1}
 .ssr-pilot .content-page-home .advice-content>.portrait p{left:24px;bottom:24px}
}

/* Homepage rhythm: product choice first, one compact accent statement, then focused dark chapters. */
.ssr-pilot .content-page-home .home-highlights{display:block;padding-block:72px}
.ssr-pilot .content-page-home .highlights-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px}
.ssr-pilot .content-page-home .highlights-heading .secondary{--button-ink:#000;--button-paper:var(--accent);margin:0;flex:0 0 auto;width:fit-content;color:#000}
.ssr-pilot .content-page-home .highlights-heading .secondary:is(:hover,:focus-visible){color:var(--accent)}
.ssr-pilot .content-page-home .home-highlights .highlights-heading h2{color:#000;font-size:var(--type-section);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:0;text-wrap:balance}
.ssr-pilot .content-page-home .highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 48px;margin:0}
.ssr-pilot .content-page-home .highlight-grid li{display:grid;grid-template-rows:subgrid;grid-row:span 3;background:transparent;padding:0;gap:16px}
.ssr-pilot .content-page-home .highlight-grid h3{margin:0;font-size:var(--type-card);font-weight:600;line-height:1.25;color:#000}
.ssr-pilot .content-page-home .highlight-grid p{color:#000;font-size:var(--type-body);line-height:1.6;max-width:28ch}
.ssr-pilot .content-page-home .highlight-grid li>svg{display:block;width:36px;height:36px;color:#000;margin-bottom:8px}
.ssr-pilot .content-page-home :is(.range-section,.home-guides) .category{background:var(--surface-dark-raised,#242424);padding-bottom:24px}
.ssr-pilot .content-page-home .home-guides{background:var(--surface-dark);box-shadow:0 0 0 100vmax var(--surface-dark);clip-path:inset(-2px -100vmax 0);color:#fff}
.ssr-pilot .content-page-home .home-guides .category{background:var(--surface-dark-raised)}
.ssr-pilot .content-page-home .home-guides :is(h2,h3){color:#fff}
.ssr-pilot .content-page-home .home-guides :is(.category p,.home-guides-lead p){color:#c6c6c6}
.ssr-pilot .content-page-home .home-guides .eyebrow{color:var(--accent)}
.ssr-pilot .content-page-home :is(.range-section,.home-guides) .category h3{font-weight:500;margin:24px 24px 12px}
.ssr-pilot .content-page-home :is(.range-section,.home-guides) .category p{margin:0 24px;max-width:none}
.ssr-pilot .content-page-home .range-section .category-photo{aspect-ratio:1}
/* Industry cards are one full-bleed photograph, with a permanent lower scrim. */
.ssr-pilot .content-page-home .industry-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:1;min-height:240px;background:var(--surface-dark-raised,#242424)}
.ssr-pilot .content-page-home .industry-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.ssr-pilot .content-page-home .industry-card .industry-photo.image-link-media::before{inset:0;width:100%;height:100%;opacity:1;transform:none;background:linear-gradient(180deg,transparent 32%,rgb(0 0 0 / .12) 50%,rgb(0 0 0 / .65) 78%,rgb(0 0 0 / .88) 100%);transition:none}
.ssr-pilot .content-page-home .industry-card-copy{position:relative;z-index:2;padding:48px 56px 20px 20px;gap:0;pointer-events:none}
.ssr-pilot .content-page-home .industry-card h3{font-size:20px;font-weight:500;min-height:0;color:#fff;text-wrap:balance;text-shadow:0 1px 8px rgb(0 0 0 / .3)}
.ssr-pilot .content-page-home .industry-track{gap:24px;padding-bottom:8px}
.ssr-pilot .content-page-home .industry-track>li{flex-basis:calc((100% - 96px)/5)}
.ssr-pilot .content-page-home .industry-intro{display:flex;flex-direction:column;gap:24px}
.ssr-pilot .content-page-home .industries>.section{padding-block:var(--home-chapter-half-gap)}
.ssr-pilot .content-page-home .materials>.section{padding-bottom:var(--home-chapter-half-gap)}
.ssr-pilot .content-page-home :is(.home-guides,.advice-section){padding-block:var(--home-chapter-half-gap)}
.ssr-pilot .content-page-home .industries h2{font-size:clamp(28px,2.6vw,36px)}
.ssr-pilot .content-page-home .industries h2 br{display:none}
.ssr-pilot .content-page-home .industries .section-head{margin-bottom:32px}
.ssr-pilot .content-page-home .industry-intro p{margin-bottom:0}
.ssr-pilot .content-page-home .industry-index{margin-top:24px;border:0}
.ssr-pilot .content-page-home .industry-index summary{width:fit-content;max-width:100%;min-height:48px;gap:24px;padding:12px 20px;background:var(--surface-dark-raised,#242424);font-size:15px}
.ssr-pilot .content-page-home .industry-index>div{padding:24px;background:var(--surface-dark-raised,#242424);margin-top:12px}
.ssr-pilot .content-page-home .home-guides-lead{gap:24px}
.ssr-pilot .content-page-home .home-guides-lead .secondary{margin:0}
.ssr-pilot .content-page-home :is(.range-section,.industries,.home-guides) .section-head>div:first-child{max-width:36rem}
.ssr-pilot .content-page-home .frame .hero .actions{gap:12px}
.ssr-pilot .content-page-home .frame .hero .actions>a{min-height:52px;padding:12px 22px;font-size:16px;line-height:1.5;margin:0;max-width:100%;width:fit-content}
@media(max-width:1100px){
 .ssr-pilot .content-page-home{--home-chapter-half-gap:48px}
 .ssr-pilot .content-page-home .home-highlights{padding-block:56px}
 .ssr-pilot .content-page-home .highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
 .ssr-pilot .content-page-home .industry-track>li{flex-basis:calc((100% - 48px)/3)}
 .ssr-pilot .content-page-home .materials .material-actions,.ssr-pilot .content-page-home .advice-actions{display:flex;flex-wrap:wrap;gap:12px}
 .ssr-pilot .content-page-home .materials .material-actions>:is(.primary,.secondary),
 .ssr-pilot .content-page-home .advice-actions>a{flex:0 1 auto;width:fit-content;max-width:100%;min-height:48px;padding:12px 14px}
}
@media(max-width:767px){
 .ssr-pilot .content-page-home{--home-chapter-half-gap:32px}
 .ssr-pilot .content-page-home .home-highlights{padding-block:48px}
 .ssr-pilot .content-page-home .home-highlights .highlights-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}
 .ssr-pilot .content-page-home .highlight-grid li>svg{width:32px;height:32px;margin-bottom:4px}
 .ssr-pilot .content-page-home .highlight-grid p{font-size:16px}
 .ssr-pilot .content-page-home .highlight-grid{gap:24px;margin-top:0}
 .ssr-pilot .content-page-home .highlight-grid li{padding:0;row-gap:12px}
 .ssr-pilot .content-page-home .highlight-grid h3{font-size:20px}
 .ssr-pilot .content-page-home :is(.range-section,.home-guides) .category-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 0;}
 .ssr-pilot .content-page-home :is(.range-section,.home-guides) .category-grid::-webkit-scrollbar{display:none}
 .ssr-pilot .content-page-home :is(.range-section,.home-guides) .category{scroll-snap-align:start}
 .ssr-pilot .content-page-home :is(.range-section,.home-guides) .category:focus-visible{outline-offset:-2px}
 .ssr-pilot .content-page-home :is(.range-section,.home-guides) .category h3{margin:20px 20px 12px}
 .ssr-pilot .content-page-home :is(.range-section,.home-guides) .category p{margin-inline:20px}
 .ssr-pilot .content-page-home .industry-track{gap:16px}
 .ssr-pilot .content-page-home .industry-track>li{flex-basis:68%}
 .ssr-pilot .content-page-home .industry-card-copy{padding:48px 52px 20px 20px}
 .ssr-pilot .content-page-home .industry-controls{justify-content:flex-start}
 .ssr-pilot .content-page-home .frame .hero .actions>a{min-height:48px;font-size:15px;line-height:22px;padding:12px 16px}
 .ssr-pilot .content-page-home .materials .material-actions>:is(.primary,.secondary),
 .ssr-pilot .content-page-home .advice-actions>a{font-size:15px;line-height:22px;padding-inline:12px}
 .ssr-pilot .content-page-home .advice-actions{column-gap:8px}
 body.ssr-pilot:not(.admin-page) .content-page-home .advice-actions>.phone{--action-rest:#fff;--action-active:#fff;padding-inline:0;border:0;background:none!important;color:#fff!important;min-width:0}
 .ssr-pilot .content-page-home .advice-actions>.phone:is(:hover,:focus-visible){color:#fff}

}
@media(max-width:380px){.ssr-pilot .content-page-home .highlight-grid{grid-template-columns:1fr}}

/* Newsletter: one invitation, one form, in a balanced pair of surfaces. */
.ssr-pilot footer.vmax-footer{padding-top:64px}
.ssr-pilot.page-home footer.vmax-footer{padding-top:56px}
@media(max-width:1100px){.ssr-pilot.page-home footer.vmax-footer{padding-top:48px}}
.ssr-pilot .vmax-footer .footer-newsletter{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;margin:0;padding:0;border:0;background:var(--surface-dark-raised,#242424);font-family:'Inter Tight',Inter,system-ui,sans-serif}
.ssr-pilot .vmax-footer .newsletter-intro,.ssr-pilot .vmax-footer .footer-newsletter-form{min-width:0;padding:clamp(28px,3.5vw,52px)}
.ssr-pilot .vmax-footer .newsletter-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:420px;background:var(--surface-dark,#181818)}
.ssr-pilot .vmax-footer .newsletter-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.ssr-pilot .vmax-footer .newsletter-intro::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.66) 55%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.35),transparent 70%)}
.ssr-pilot .vmax-footer .newsletter-intro h2{font-size:var(--type-section);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.ssr-pilot .vmax-footer .newsletter-intro .footer-eyebrow{font-size:14px;margin-bottom:20px}
.ssr-pilot .vmax-footer .newsletter-intro>p:last-child{color:#fff;font-size:18px;line-height:1.65;max-width:36ch;margin-top:24px}
.ssr-pilot .vmax-footer .footer-newsletter-form{display:flex;flex-direction:column;justify-content:center;background:transparent}
.ssr-pilot .vmax-footer .footer-newsletter-form>label{font-size:16px;font-weight:500;margin-bottom:12px}
.ssr-pilot .vmax-footer .newsletter-entry{flex-wrap:nowrap;gap:12px}
.ssr-pilot .vmax-footer .newsletter-entry>input{flex:1 1 0;width:0}
.ssr-pilot .vmax-footer .footer-newsletter-form input{height:52px;font-size:16px;background:var(--surface-dark,#181818);border-color:#727272}
.ssr-pilot .vmax-footer .newsletter-entry>.primary{width:fit-content;min-height:52px;padding:12px 20px;font-size:16px;font-weight:500;line-height:1.5}
.ssr-pilot .vmax-footer .newsletter-names{margin-top:16px}
.ssr-pilot .vmax-footer .newsletter-names summary{font-size:14px;flex-wrap:wrap;gap:4px 8px;line-height:1.5}
.ssr-pilot .vmax-footer .newsletter-names .disclosure-plus{margin-left:0}
.ssr-pilot .vmax-footer .newsletter-names[open] .disclosure-plus{transform:rotate(45deg)}
.ssr-pilot .vmax-footer .newsletter-name-fields{padding:12px 0 0;gap:16px}
.ssr-pilot .vmax-footer .newsletter-note{margin-top:16px;font-size:14px;line-height:1.65;max-width:42ch}
@media(min-width:768px) and (max-width:1100px){
 .ssr-pilot .vmax-footer .newsletter-entry{flex-wrap:wrap}
 .ssr-pilot .vmax-footer .newsletter-entry>input{flex-basis:100%;width:100%}
}
@media(max-width:767px){
 .ssr-pilot footer.vmax-footer{padding-top:48px}
 .ssr-pilot.page-home footer.vmax-footer{padding-top:32px}
 .ssr-pilot .vmax-footer .footer-newsletter{grid-template-columns:1fr}
 .ssr-pilot .vmax-footer .newsletter-intro,.ssr-pilot .vmax-footer .footer-newsletter-form{padding:28px 24px}
 .ssr-pilot .vmax-footer .newsletter-intro{min-height:380px}
 .ssr-pilot .vmax-footer .newsletter-intro>p:last-child{font-size:16px;margin-top:20px}
 .ssr-pilot .vmax-footer .newsletter-entry{flex-wrap:wrap}
 .ssr-pilot .vmax-footer .newsletter-entry>input{flex-basis:100%;width:100%}
 .ssr-pilot .vmax-footer .newsletter-entry>.primary{min-height:48px;font-size:15px;line-height:22px;width:fit-content;padding:12px 18px;align-self:flex-start}
 .ssr-pilot .vmax-footer .newsletter-name-fields{grid-template-columns:1fr}
}

/* Public page family. Same surfaces, axes and action language as the homepage.
   Commerce and legal reading surfaces stay light; admin is outside this scope. */
body.ssr-pilot:not(.admin-page):is(.contact-dark,.dealer-page),
body.ssr-pilot:not(.admin-page):has(main:is(.content-page-service,.content-page-about,.site-page)){
 background:var(--surface-dark);color:#fff;--button-ink:#fff;--button-paper:var(--surface-dark);
}
body.ssr-pilot:not(.admin-page):is(.contact-dark,.dealer-page):has(main) .storefront-canvas,
body.ssr-pilot:not(.admin-page):has(main:is(.content-page-service,.content-page-about,.site-page)) .storefront-canvas{background:var(--surface-dark)}
.ssr-pilot :is(.content-page-service,.content-page-about,.contact-main,.dealer-main,.site-page){
 --line:#474747;--muted:#c6c6c6;color:#fff;background:var(--surface-dark);
}
.ssr-pilot :is(.content-page-service,.content-page-about) .service-cinema{min-height:100svh;background:var(--surface-dark)}
.ssr-pilot :is(.content-page-service,.content-page-about) .cinema-copy{max-width:760px}
.ssr-pilot :is(.content-page-service,.content-page-about) .cinema-copy h1{
 font-size:var(--type-display);font-weight:500;line-height:1.08;letter-spacing:-.04em;max-width:15ch;text-wrap:balance;margin-block:16px 24px;
}
.ssr-pilot :is(.content-page-service,.content-page-about) .cinema-description{font-size:var(--type-body);line-height:1.65;max-width:46ch;margin-bottom:32px}
.ssr-pilot :is(.content-page-service,.content-page-about) .cinema-actions{gap:16px;flex-wrap:wrap}
.ssr-pilot :is(.content-page-service,.content-page-about) :is(.clear-services,.clear-faq,.about-intro,.about-values){padding-block:var(--space-section)}
.ssr-pilot :is(.content-page-service,.content-page-about) :is(.advice-heading h2,.section-heading h2,.about-editorial h2,.founder-heading h2,.about-contact h2){
 font-size:var(--type-section);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px;color:#fff;
}
.ssr-pilot :is(.content-page-service,.content-page-about) :is(.eyebrow,.service-symbol){color:var(--accent)}
.ssr-pilot :is(.content-page-service,.content-page-about) :is(.about-copy p,.advice-copy p,.section-heading>p,.values-intro,.about-contact>div>p:not(.eyebrow)){
 font-size:var(--type-body);line-height:1.65;color:#c6c6c6;text-wrap:pretty;
}
/* Reuse the centre-out secondary action for independent editorial CTAs. */
.ssr-pilot :is(.content-page-service,.content-page-about) .direction-link{
 display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:52px;width:fit-content;max-width:100%;
 padding:12px 22px;border:1px solid currentColor;border-radius:0;color:#fff;
 background-color:transparent!important;font-size:var(--type-ui);line-height:1.5;font-weight:500;text-align:center;text-decoration:none;white-space:normal;
}
.ssr-pilot :is(.content-page-service,.content-page-about) .direction-link :is(.arrow-box,svg){display:none!important}
.ssr-pilot :is(.content-page-service,.content-page-about) .direction-link::after{content:none}
/* Service: three equal cards and one joined picture/contact panel. */
.ssr-pilot .content-page-service .service-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-grid)}
.ssr-pilot .content-page-service .service-column{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:20px;padding:32px;background:var(--surface-dark-raised);border:0;min-width:0}
.ssr-pilot .content-page-service .service-symbol{width:36px;height:36px;margin:0}
.ssr-pilot .content-page-service .service-column h2{font-size:var(--type-card);font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0}
.ssr-pilot .content-page-service .service-column p{font-size:var(--type-ui);line-height:1.65;color:#c6c6c6;margin:0}
.ssr-pilot .content-page-service .service-column .direction-link{margin-top:8px;align-self:end}
.ssr-pilot .content-page-service .personal-advice{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - var(--page-gutter)*2);max-width:var(--content-max);margin-inline:auto;
 background:var(--surface-dark-raised);min-height:0;isolation:isolate;
}
.ssr-pilot .content-page-service .personal-advice>.advice-image{position:relative;inset:auto;width:100%;height:100%;min-height:580px;object-fit:cover;grid-column:1;grid-row:1;z-index:0}
.ssr-pilot .content-page-service .personal-advice>.advice-shade{display:none}
.ssr-pilot .content-page-service .personal-advice>.advice-section{grid-column:2;grid-row:1;width:auto;max-width:none;padding:48px;margin:0;align-self:center}
.ssr-pilot .content-page-service .advice-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}
.ssr-pilot .content-page-service :is(.advice-panel,.advice-copy,.advice-heading){max-width:none}
.ssr-pilot .content-page-service .advice-heading{margin-bottom:24px}
.ssr-pilot .content-page-service .advice-copy p{margin:0 0 32px}
.ssr-pilot .content-page-service .advice-contact{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;border:0;padding:0}
.ssr-pilot .content-page-service .advice-contact a{font-size:var(--type-card);line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.ssr-pilot .content-page-service .advice-contact p{font-size:var(--type-small);line-height:1.6;color:#c6c6c6;margin:4px 0 0}
.ssr-pilot .content-page-service .clear-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.ssr-pilot .content-page-service .clear-faq .section-heading{margin:0;display:block}
.ssr-pilot .content-page-service .clear-faq-list{width:100%;max-width:none;border:0}
.ssr-pilot .content-page-service .faq-item{border-color:var(--line)}
.ssr-pilot .content-page-service .faq-item summary{font-size:var(--type-body);font-weight:500;line-height:1.45;padding-block:24px;gap:24px}
.ssr-pilot .content-page-service .faq-item p{font-size:var(--type-ui);line-height:1.65;color:#c6c6c6;padding-bottom:24px}
/* About: a consistent two-column story and four equal value panels. */
.ssr-pilot .content-page-about .about-editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.ssr-pilot .content-page-about .about-tools{margin-top:48px}
.ssr-pilot .content-page-about .about-tools figcaption{font-size:var(--type-small);color:#c6c6c6;margin-top:16px}
.ssr-pilot .content-page-about .about-founder{background:var(--surface-dark);padding-block:0 var(--space-section)}
.ssr-pilot .content-page-about .founder-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.ssr-pilot .content-page-about .founder-portrait{max-width:none;position:sticky;top:calc(var(--site-header-height) + 32px);background:var(--surface-dark-raised)}
.ssr-pilot .content-page-about .founder-portrait img{width:100%;aspect-ratio:1;object-fit:cover}
.ssr-pilot .content-page-about .founder-contact{padding:24px 32px;display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ssr-pilot .content-page-about .founder-contact a{font-size:var(--type-ui);color:#fff;overflow-wrap:anywhere}
.ssr-pilot .content-page-about .founder-story{padding:40px;background:var(--surface-dark-raised)}
.ssr-pilot .content-page-about .about-values{background:var(--surface-dark-raised)}
.ssr-pilot .content-page-about .values-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ssr-pilot .content-page-about .values-list article{border:0;padding:0;margin:0}
.ssr-pilot .content-page-about .values-list h3{font-size:var(--type-card);line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0 0 16px}
.ssr-pilot .content-page-about .values-list p{font-size:var(--type-ui);line-height:1.65;color:#c6c6c6;margin:0}
.ssr-pilot .content-page-about .about-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center;padding-block:var(--space-section)}
.ssr-pilot .content-page-about .about-contact-details{padding:40px;background:var(--surface-dark-raised);gap:32px}
.ssr-pilot .content-page-about .about-contact-details a{color:#fff;font-size:var(--type-card);font-weight:500;overflow-wrap:anywhere}
.ssr-pilot .content-page-about .about-contact-details p{color:#c6c6c6;font-size:var(--type-ui);line-height:1.6}
/* Contact and dealers use the same heading axis, quiet fields and raised panels. */
.ssr-pilot :is(.contact-main,.dealer-main){padding-block:var(--space-section)}
.ssr-pilot :is(.contact-main,.dealer-main) .contact-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 48px;align-items:end;max-width:none;margin:0 0 var(--space-heading)}
.ssr-pilot :is(.contact-main,.dealer-main) .contact-intro .eyebrow{grid-column:1;margin:0;color:var(--accent)}
.ssr-pilot :is(.contact-main,.dealer-main) .contact-intro h1{grid-column:1;margin:0;font-size:var(--type-display);line-height:1.08;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.ssr-pilot :is(.contact-main,.dealer-main) .contact-intro>p:last-child{grid-column:2;grid-row:2;font-size:var(--type-body);line-height:1.65;color:#c6c6c6;margin:0;max-width:48ch}
.ssr-pilot .contact-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.ssr-pilot .contact-layout :is(.contact-aside,.service-form){border:0;padding:40px;background:var(--surface-dark-raised);min-width:0}
.ssr-pilot .contact-layout :is(.contact-aside,.service-form)>h2{font-size:var(--type-card);line-height:1.3;font-weight:500;margin-bottom:32px}
.ssr-pilot .contact-detail+.contact-detail{margin-top:32px}
.ssr-pilot .contact-detail h3{font-size:var(--type-small);color:#c6c6c6;font-weight:500}
.ssr-pilot .contact-detail a:not(.contact-map-links a){color:#fff}
.ssr-pilot .contact-detail a:hover{color:var(--accent)}
.ssr-pilot .contact-visit{border:0;padding:0}
.ssr-pilot .service-form :is(input,select,textarea){background:var(--surface-dark);color:#fff;border-color:#777;font-family:inherit;font-size:var(--type-ui);border-radius:0}
.ssr-pilot .service-form label{font-size:var(--type-ui);line-height:1.5}
.ssr-pilot .service-form .form-preview{background:var(--surface-dark);color:#c6c6c6}
.ssr-pilot .service-form .form-bottom{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.ssr-pilot .service-form .form-bottom>span{font-size:var(--type-small)}
.ssr-pilot .service-form .form-bottom .service-primary{min-width:0;width:fit-content;padding:12px 22px;font-weight:500}
.ssr-pilot #copy-contact-email{font-family:inherit}
.ssr-pilot #copy-contact-email:hover{background:var(--surface-dark)}
.ssr-pilot.contact-dark .vmax-footer{border:0}
.ssr-pilot .dealer-search{padding:32px;background:var(--surface-dark-raised);border:0;gap:16px 32px;margin-bottom:24px}
.ssr-pilot .dealer-search input{background:var(--surface-dark);border-color:#777;color:#fff;border-radius:0;font-family:inherit;font-size:var(--type-ui);min-height:52px}
.ssr-pilot .dealer-search input::placeholder{color:#c6c6c6;opacity:1}
.ssr-pilot #dealer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ssr-pilot .dealer-entry{display:flex;flex-direction:column;gap:24px;background:var(--surface-dark-raised);border:0;padding:32px;min-width:0}
.ssr-pilot .dealer-entry :is(h2,p){margin:0}
.ssr-pilot .dealer-entry h2{font-size:var(--type-card);font-weight:500;line-height:1.3;letter-spacing:-.02em;margin-top:8px}
.ssr-pilot .dealer-entry .eyebrow{color:var(--accent)}
.ssr-pilot .dealer-entry>p{font-size:var(--type-ui);line-height:1.65;color:#c6c6c6}
.ssr-pilot .dealer-entry>div:last-child{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 24px}
.ssr-pilot .dealer-entry a{font-size:var(--type-ui);color:#fff;overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}
.ssr-pilot .dealer-entry a:hover{color:var(--accent)}
.ssr-pilot .dealer-reference{margin-top:32px;border:0;padding:0;gap:24px;color:#c6c6c6}
.ssr-pilot .dealer-reference a{color:#fff}
.ssr-pilot :is(.dealer-search,.dealer-reference)>p{color:#c6c6c6}
/* Ratgeber and CMS landing pages: a composed header, connected image cards,
   then a deliberately narrow, left-aligned reading column. */
.ssr-pilot .site-page{width:calc(100% - var(--page-gutter)*2);max-width:var(--content-max);padding-block:var(--space-section);color:#fff}
.ssr-pilot .site-page-head{margin:0 0 var(--space-heading);max-width:none}
.ssr-pilot .site-page-head h1{font-size:var(--type-display);font-weight:500;line-height:1.12;letter-spacing:-.04em;max-width:22ch;text-wrap:balance;margin:16px 0 24px}
.ssr-pilot .site-page-head :is(.eyebrow,.catalog-breadcrumb){color:#c6c6c6}
.ssr-pilot .site-page-intro{font-size:var(--type-body);line-height:1.65;color:#c6c6c6;max-width:60ch;margin:0}
.ssr-pilot .site-page-hero{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;margin-top:48px;background:var(--surface-dark-raised)}
.ssr-pilot .site-page-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.ssr-pilot .site-page-card{display:flex;flex-direction:column;background:var(--surface-dark-raised);padding:0 0 24px;border:0;color:#fff;min-width:0}
.ssr-pilot .site-page-card .editorial-card-image{margin:0;aspect-ratio:4/3;width:100%;overflow:hidden}
.ssr-pilot .site-page-card img{width:100%;height:100%;object-fit:cover}
.ssr-pilot .site-page-card h2{font-size:var(--type-card);font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:24px 24px 12px;color:#fff;text-wrap:pretty}
.ssr-pilot .site-page-card>p{font-size:var(--type-ui);line-height:1.65;color:#c6c6c6;margin:0 24px;text-wrap:pretty}
.ssr-pilot .site-page-body{max-width:760px;margin-inline:auto}
.ssr-pilot .site-page-body>section{margin-top:64px}
.ssr-pilot .site-page-body :is(.site-page-text,.site-page-faq,.site-page-cta)>h2{font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1.2;letter-spacing:-.025em;margin-bottom:24px;text-wrap:balance;color:#fff}
.ssr-pilot .site-page-body :is(p,li){font-size:var(--type-body);line-height:1.75;color:#c6c6c6}
.ssr-pilot .site-page-body .site-page-text strong{color:#fff;font-weight:500}
.ssr-pilot .site-page-faq details{border-color:#474747}
.ssr-pilot .site-page-faq summary{font-size:var(--type-body);font-weight:500;line-height:1.5;padding-block:24px;color:#fff;gap:24px}
.ssr-pilot .site-page-cta{background:var(--surface-dark-raised);padding:40px;border:0}
.ssr-pilot .site-page-products .product-card{color:#fff}
.ssr-pilot .site-page-products .product-card :is(.product-meta,.availability,.guest-price,.product-price small){color:#c6c6c6}
.ssr-pilot .site-page-products>.direction-link{color:#fff;margin-top:32px}
/* PDP advice reuses the joined portrait/copy panel. Technical content stays light. */
.ssr-pilot .product-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;margin-block:var(--space-section);background:var(--surface-dark-raised);color:#fff;overflow:hidden}
.ssr-pilot .product-help-person{position:relative;margin:0;width:100%;height:100%;max-width:none}
.ssr-pilot .product-help-person img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center 28%;aspect-ratio:1}
.ssr-pilot .product-help-person figcaption{position:absolute;inset:auto 0 0;padding:64px 32px 24px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;display:grid;gap:4px}
.ssr-pilot .product-help-person figcaption span{color:#fff;font-size:var(--type-small)}
.ssr-pilot .product-help-copy{align-self:center;padding:48px;min-width:0}
.ssr-pilot .product-help-copy .eyebrow{color:var(--accent)}
.ssr-pilot .product-help h2{font-size:var(--type-section);font-weight:500;line-height:1.12;letter-spacing:-.04em;color:#fff;margin:16px 0 24px;text-wrap:balance}
.ssr-pilot .product-help-description{font-size:var(--type-body);line-height:1.65;color:#c6c6c6;margin-bottom:32px}
.ssr-pilot .product-help-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}
.ssr-pilot .product-help-cta{width:fit-content;max-width:100%;white-space:normal;justify-content:center;padding:12px 22px;gap:16px}
.ssr-pilot .product-help-phone{color:#fff;font-size:var(--type-ui);font-weight:500;min-height:48px}
.ssr-pilot :is(.product-lead h1,.product-related>h2,.catalog-refined .shop-intro h1){font-weight:500}
/* Quiet light reading and transaction surfaces; no changes to field semantics. */
.ssr-pilot:not(.admin-page) .utility-shell{padding-block:var(--space-section)}
.ssr-pilot:not(.admin-page) .utility-intro{margin-bottom:var(--space-heading)}
.ssr-pilot:not(.admin-page) .utility-intro h1{font-size:var(--type-display);line-height:1.12;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.ssr-pilot:not(.admin-page) .utility-intro>p:not(.eyebrow){font-size:var(--type-body);line-height:1.65;max-width:60ch}
.ssr-pilot:not(.admin-page) :is(.utility-side,.order-summary,.quiet-surface){padding:32px;background:#f3f3f1;border:0}
.ssr-pilot:not(.admin-page) :is(.utility-side,.order-summary,.quiet-surface)>h2{font-size:var(--type-card);line-height:1.3;font-weight:500;letter-spacing:-.02em}
.ssr-pilot:not(.admin-page) :is(.utility-form,.entry-form) :is(input,select,textarea){font-family:inherit;font-size:var(--type-ui);border-radius:0}
.ssr-pilot:not(.admin-page) :is(.utility-form,.entry-form) label{font-size:var(--type-ui);line-height:1.5}
.ssr-pilot:not(.admin-page) .utility-form legend{font-size:var(--type-card);font-weight:500;line-height:1.3}
.ssr-pilot:not(.admin-page) :is(.entry-form,.utility-form,.order-summary) .primary{width:fit-content;max-width:100%;min-width:0;white-space:normal;justify-content:center}
.ssr-pilot:not(.admin-page) .legal-copy h2{font-size:var(--type-card);font-weight:500;line-height:1.3;letter-spacing:-.02em}
.ssr-pilot:not(.admin-page) .legal-copy :is(p,li){font-size:var(--type-body);line-height:1.75}
.ssr-pilot:not(.admin-page) .page-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ssr-pilot:not(.admin-page) .page-directory section{padding:32px;background:#f3f3f1;border:0}
.ssr-pilot:not(.admin-page) .page-directory h2{font-size:var(--type-card);font-weight:500;line-height:1.3;margin-bottom:24px}
.ssr-pilot:not(.admin-page) .page-directory .direction-link{justify-content:flex-start;gap:0;font-size:var(--type-ui);min-height:44px}
.ssr-pilot:not(.admin-page) .page-directory .arrow-box{display:none!important}
.ssr-pilot.auth-page .utility-shell{padding-block:0}
.ssr-pilot.auth-page .account-story h1{font-size:var(--type-display);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
.ssr-pilot.auth-page .entry-form{padding:32px;background:var(--surface-dark-raised);border:0}
.ssr-pilot.auth-page .entry-form h2{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;margin:0}
.ssr-pilot.auth-page .entry-form input{background:var(--surface-dark);color:#fff;border-color:#777}
.ssr-pilot.auth-page .entry-form input:focus{background:var(--surface-dark);border-color:var(--accent)}
/* Auth has one clear action row; account creation is a separate quiet group. */
.ssr-pilot.auth-page .entry-form{--button-ink:#fff;--button-paper:var(--surface-dark)}
.ssr-pilot.auth-page .entry-form>p:not(.eyebrow):not(.preview-note){font-size:16px;line-height:1.65;margin:16px 0 24px}
.ssr-pilot.auth-page .entry-form .field{margin-bottom:24px;gap:8px}
.ssr-pilot.auth-page .auth-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.ssr-pilot.auth-page .auth-actions>.primary{margin:0;min-width:120px;width:fit-content;max-width:100%;padding:12px 24px;white-space:normal}
.ssr-pilot.auth-page .entry-form .quiet-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:#c6c6c6;text-decoration:none;transition:color 180ms ease}
.ssr-pilot.auth-page .entry-form .quiet-link:is(:hover,:focus-visible){color:#fff}
.ssr-pilot.auth-page .entry-secondary{margin:32px 0 0;padding:24px;background:var(--surface-dark);border:0}
.ssr-pilot.auth-page .entry-secondary h3{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0 0 16px}
.ssr-pilot.auth-page .entry-secondary .outline-button{width:fit-content;max-width:100%;padding:12px 20px;white-space:normal;text-align:center;border-color:#777;text-decoration:none;background-color:transparent}
.ssr-pilot.auth-page .entry-form .auth-support{margin:16px 0 0;min-height:44px}

@media(max-width:1100px){
 .ssr-pilot .content-page-service .service-column{padding:24px}
 .ssr-pilot .content-page-service .personal-advice>.advice-section,
 .ssr-pilot .product-help-copy{padding:32px}
 .ssr-pilot .content-page-about :is(.about-editorial,.founder-layout,.about-contact),
 .ssr-pilot .content-page-service .clear-faq{gap:32px}
 .ssr-pilot .contact-layout :is(.contact-aside,.service-form){padding:32px}
 .ssr-pilot .contact-layout .form-grid{grid-template-columns:minmax(0,1fr)}
 .ssr-pilot .site-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .ssr-pilot .content-page-service .service-columns{grid-template-columns:minmax(0,1fr)}
 .ssr-pilot .content-page-service .service-column{grid-template-rows:auto;grid-row:auto;gap:20px;padding:32px}
 .ssr-pilot .content-page-service .personal-advice,
 .ssr-pilot .product-help{grid-template-columns:minmax(0,1fr)}
 .ssr-pilot .content-page-service .personal-advice>.advice-image{grid-column:1;grid-row:1;min-height:0;height:auto;aspect-ratio:4/3}
 .ssr-pilot .content-page-service .personal-advice>.advice-section{grid-column:1;grid-row:2;padding:40px}
 .ssr-pilot .product-help-person img{min-height:0;max-height:560px;aspect-ratio:4/3}
 .ssr-pilot .content-page-about .founder-story{padding:32px}
 .ssr-pilot .content-page-about .values-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
 .ssr-pilot :is(.content-page-service,.content-page-about) .direction-link{min-height:48px;font-size:15px;padding:12px 20px}
 .ssr-pilot :is(.content-page-service,.content-page-about) .cinema-actions>*{width:fit-content;max-width:100%;flex:none}
 .ssr-pilot .content-page-service :is(.clear-faq,.service-columns),
 .ssr-pilot .content-page-about :is(.about-editorial,.founder-layout,.about-contact),
 .ssr-pilot :is(.contact-layout,#dealer-list,.site-page-list,.page-directory){grid-template-columns:minmax(0,1fr);gap:24px}
 .ssr-pilot .content-page-service :is(.service-column,.personal-advice>.advice-section),
 .ssr-pilot .content-page-about :is(.founder-story,.about-contact-details),
 .ssr-pilot .contact-layout :is(.contact-aside,.service-form),
 .ssr-pilot :is(.dealer-search,.dealer-entry,.site-page-cta,.product-help-copy){padding:24px}
 .ssr-pilot .content-page-service .clear-faq{gap:32px}
 .ssr-pilot .content-page-about .founder-portrait{position:static}
 .ssr-pilot .content-page-about .founder-contact{padding:24px}
 .ssr-pilot .content-page-about .values-list{gap:32px}
 .ssr-pilot :is(.contact-main,.dealer-main) .contact-intro{grid-template-columns:minmax(0,1fr);gap:16px}
 .ssr-pilot :is(.contact-main,.dealer-main) .contact-intro>p:last-child{grid-column:1;grid-row:auto;margin-top:8px}
 .ssr-pilot .service-form .form-bottom{align-items:flex-start;flex-direction:column}
 .ssr-pilot .service-form .form-bottom .service-primary{min-height:48px;font-size:15px;line-height:1.5}
 .ssr-pilot .site-page-hero{aspect-ratio:4/3;margin-top:32px}
 .ssr-pilot .site-page-body>section{margin-top:40px}
 .ssr-pilot .product-help-person figcaption{padding-inline:24px}
 .ssr-pilot:not(.admin-page) :is(.utility-side,.order-summary,.quiet-surface,.page-directory section){padding:24px}
 .ssr-pilot.auth-page .entry-form{padding:24px}
}

/* Shared disclosures: the layout follows the measured height; content stays crisp. */
body.ssr-pilot:not(.admin-page) details[data-disclosure-moving]{overflow:hidden;overflow:clip}
body.ssr-pilot:not(.admin-page) details[data-disclosure-moving=closing]>summary .disclosure-plus svg{transform:rotate(0deg)}
body.ssr-pilot:not(.admin-page) .facet-group[data-disclosure-moving=closing]>summary>svg{transform:rotate(0deg)}
body.ssr-pilot:not(.admin-page) .facet-group summary>svg{transition:transform 320ms cubic-bezier(.22,.8,.2,1)}
@media(prefers-reduced-motion:reduce){
 body.ssr-pilot .mobile-shop-categories,body.ssr-pilot:not(.admin-page) .facet-group summary>svg{transition:none}
}

/* Full-image assortment cards: titles at rest, descriptive copy on deliberate interaction. */
.ssr-pilot .content-page-home .range-section .category{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;min-height:340px;padding:0;overflow:hidden}
.ssr-pilot .content-page-home .range-section .category-photo{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%;margin:0}
.ssr-pilot .content-page-home .range-section .category .category-photo::before{inset:0;width:100%;height:100%;opacity:1;transform:none;background:linear-gradient(180deg,transparent 30%,rgb(0 0 0 / .12) 48%,rgb(0 0 0 / .65) 75%,rgb(0 0 0 / .9) 100%);transition:none}
.ssr-pilot .content-page-home .range-section .category-copy{position:relative;z-index:2;padding:24px 56px 24px 24px;pointer-events:none}
.ssr-pilot .content-page-home .range-section .category h3{min-height:0;margin:0;color:#fff;font-size:var(--type-card);font-weight:500;line-height:1.2;text-wrap:balance}
.ssr-pilot .content-page-home .range-section .category-description{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows 320ms cubic-bezier(.22,.8,.2,1),opacity 220ms ease}
.ssr-pilot .content-page-home .range-section .category-description>div{min-height:0;overflow:hidden}
.ssr-pilot .content-page-home .range-section .category .category-description p{margin:12px 0 0;color:#fff;font-size:16px;line-height:1.5;max-width:none;overflow-wrap:anywhere}
.ssr-pilot .content-page-home .range-section .category:focus-visible{outline-offset:-3px}
@media(min-width:768px) and (hover:hover) and (pointer:fine){
 .ssr-pilot .content-page-home .range-section .category-description{grid-template-rows:0fr;opacity:0}
 .ssr-pilot .content-page-home .range-section .category:is(:hover,:focus-visible) .category-description{grid-template-rows:1fr;opacity:1}
}
@media(max-width:767px){
 .ssr-pilot .content-page-home .range-section .category{min-height:340px}
 .ssr-pilot .content-page-home .range-section .category-copy{padding:20px 52px 20px 20px}
}
@media(prefers-reduced-motion:reduce){.ssr-pilot .content-page-home .range-section .category-description{transition:none}}

/* A single portrait surface carries the person's identity and contact actions. */
.ssr-pilot .content-page-about .founder-portrait{isolation:isolate;overflow:hidden;aspect-ratio:4/5}
.ssr-pilot .content-page-about .founder-portrait img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 30%}
.ssr-pilot .content-page-about .founder-portrait::after,
.ssr-pilot .content-page-home .advice-content>.portrait::after{content:'';position:absolute;inset:35% 0 0;z-index:1;background:linear-gradient(transparent 0%,rgb(0 0 0 / .25) 40%,rgb(0 0 0 / .85) 100%);pointer-events:none}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-contact{position:absolute;left:32px;right:88px;bottom:28px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;margin:0;background:none}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-contact p{position:static;margin:0 0 8px;color:#fff;font-size:16px;line-height:1.5}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-contact strong{font-size:20px;line-height:1.3;font-weight:500;color:#fff}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-contact>a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.5;color:#fff;text-decoration:none;overflow-wrap:anywhere}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-linkedin{position:absolute;right:28px;bottom:28px;z-index:3;display:grid;place-items:center;width:44px;height:44px;color:#fff;text-decoration:none;transition:color 180ms ease}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-linkedin svg{display:block;width:24px;height:24px;fill:currentColor;stroke:none}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card a:is(:hover,:focus-visible){color:var(--accent)}
.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ssr-pilot .content-page-home .advice-actions{display:flex;flex-wrap:wrap}
.ssr-pilot .content-page-home .advice-actions>a{width:fit-content;padding-inline:22px}
@media(max-width:767px){
 .ssr-pilot .content-page-about .founder-portrait{position:relative;top:auto;aspect-ratio:4/5}
 .ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-contact{left:24px;right:76px;bottom:20px}
 .ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-linkedin{right:20px;bottom:20px}
 .ssr-pilot .content-page-about .person-photo-card .portrait-contact>a{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.ssr-pilot :is(.content-page-home,.content-page-about) .person-photo-card .portrait-linkedin{transition:none}}

/* Values echo the homepage benefits: one accent surface, a shared icon/type rhythm. */
.ssr-pilot .content-page-about .about-values{background:var(--accent);color:#000;padding-block:var(--space-section)}
.ssr-pilot .content-page-about .about-values>.about-editorial{display:block}
.ssr-pilot .content-page-about .about-values .values-heading{position:static;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:end;margin-bottom:56px}
.ssr-pilot .content-page-about .about-values .eyebrow{color:#000;font-size:14px;margin:0 0 20px}
.ssr-pilot .content-page-about .about-values h2{color:#000;margin:0;font-weight:500}
.ssr-pilot .content-page-about .about-values .values-heading .values-intro{color:#000;max-width:44ch;margin:0;font-size:18px;line-height:1.65}
.ssr-pilot .content-page-about .about-values .values-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 32px}
.ssr-pilot .content-page-about .about-values .values-list article{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:16px;padding:0;border:0;background:none;min-width:0}
.ssr-pilot .content-page-about .about-values .values-list article>svg{width:36px;height:36px;stroke:currentColor;fill:none;color:#000;margin-bottom:8px}
.ssr-pilot .content-page-about .about-values .values-list h3{color:#000;font-size:var(--type-card);font-weight:600;line-height:1.25;margin:0}
.ssr-pilot .content-page-about .about-values .values-list p{color:#000;font-size:var(--type-body);line-height:1.6;margin:0;max-width:28ch;text-wrap:pretty}
@media(max-width:1100px){
 .ssr-pilot .content-page-about .about-values .values-heading{gap:32px;margin-bottom:40px}
 .ssr-pilot .content-page-about .about-values .values-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
 .ssr-pilot .content-page-about .about-values .values-list article:nth-child(n+3){margin-top:20px}
}
@media(max-width:767px){
 .ssr-pilot .content-page-about .about-values .values-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:40px}
 .ssr-pilot .content-page-about .about-values .values-heading .values-intro{font-size:16px}
 .ssr-pilot .content-page-about .about-values .values-list{column-gap:24px}
 .ssr-pilot .content-page-about .about-values .values-list article{gap:12px}
 .ssr-pilot .content-page-about .about-values .values-list article>svg{width:32px;height:32px}
 .ssr-pilot .content-page-about .about-values .values-list h3{font-size:20px}
 .ssr-pilot .content-page-about .about-values .values-list p{font-size:16px}
}
@media(max-width:359px){.ssr-pilot .content-page-about .about-values .values-list{grid-template-columns:minmax(0,1fr)}}

/* Mobile detail pass: compact actions, matched control heights, calm text rhythm. */
@media(max-width:767px){
 .ssr-pilot :is(.content-page-service,.content-page-about) .cinema-actions{gap:12px}
 .ssr-pilot .product-summary .pdp-primary{width:fit-content;max-width:100%;min-width:0;justify-content:center;gap:12px;padding:12px 20px;margin-bottom:12px}
 .ssr-pilot .product-summary .pdp-primary .arrow-box{display:none}
 .ssr-pilot .product-summary .compatibility-link{width:fit-content;max-width:100%;justify-content:flex-start;gap:12px;padding-block:12px;margin-block:8px}
 .ssr-pilot .product-summary .compatibility-link .arrow-box{flex-shrink:0}
 .ssr-pilot .catalog-refined .catalog-quick-filters .all-filters,.ssr-pilot .catalog-refined .catalog-sort{min-height:48px}
 .ssr-pilot .catalog-refined .catalog-sort{width:max-content;max-width:none;flex-shrink:0}
 .ssr-pilot .catalog-refined .pilot-grid:not(.list-view) .product-card h2{font-size:15px;line-height:1.45}
}