/* Six identities change composition as well as colour. */
html[data-layout="editorial"] .hero-grid{grid-template-columns:1.12fr .88fr}
html[data-layout="editorial"] .hero h1{font-weight:500}
html[data-layout="editorial"] .category-card:nth-child(2){translate:0 28px}
html[data-layout="editorial"] .products-section .product-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr}
html[data-layout="editorial"] .products-section .product-card:first-child .product-visual{min-height:430px}

html[data-layout="technical"] body{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;background-attachment:fixed}
html[data-layout="technical"] .hero{background:linear-gradient(110deg,var(--bg) 55%,color-mix(in srgb,var(--accent) 8%,var(--surface)) 55%)}
html[data-layout="technical"] .hero h1,html[data-layout="technical"] .section h2{font-weight:850}
html[data-layout="technical"] .hero-stage,html[data-layout="technical"] .product-card,html[data-layout="technical"] .category-card{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
html[data-layout="technical"] .trust-grid article>span{font-family:monospace}
html[data-layout="technical"] .kicker::before{content:"[ ";color:var(--muted)}
html[data-layout="technical"] .kicker::after{content:" ]";color:var(--muted)}

html[data-layout="expedition"] .hero{background:linear-gradient(to bottom,transparent 72%,var(--surface)),radial-gradient(ellipse at 72% 85%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 40%)}
html[data-layout="expedition"] .hero-stage{transform:rotate(-2deg)}
[dir="rtl"][data-layout="expedition"] .hero-stage{transform:rotate(2deg)}
html[data-layout="expedition"] .category-grid{grid-template-columns:1.2fr .8fr 1fr}
html[data-layout="expedition"] .category-card{border-radius:70px 18px 70px 18px}
html[data-layout="expedition"] .product-card:nth-child(even){transform:translateY(24px)}
html[data-layout="expedition"] .product-card:nth-child(even):hover{transform:translateY(17px)}

html[data-layout="lab"] body{background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--line) 1px);background-size:80px 100%}
html[data-layout="lab"] .hero::before{content:"FIELD / LAB / SIGNAL";position:absolute;inset-inline-start:1.5vw;top:50%;writing-mode:vertical-rl;color:var(--muted);font:700 9px/1 monospace;letter-spacing:.3em}
html[data-layout="lab"] .eyebrow,html[data-layout="lab"] .kicker,html[data-layout="lab"] .product-brand{font-family:Consolas,monospace}
html[data-layout="lab"] .category-card h3,html[data-layout="lab"] .product-body h3{font-weight:900;text-transform:uppercase}
html[data-layout="lab"] .product-card:first-child{grid-row:span 2}
html[data-layout="lab"] .product-card:first-child .product-visual{min-height:420px}

html[data-layout="field"] .hero{overflow:hidden}
html[data-layout="field"] .hero::after{content:"";position:absolute;width:55vw;height:55vw;border:1px solid var(--line);border-radius:50%;inset-inline-end:-18vw;top:-18vw;box-shadow:0 0 0 65px var(--soft),0 0 0 130px color-mix(in srgb,var(--accent) 3%,transparent)}
html[data-layout="field"] .hero-grid{position:relative;z-index:2}
html[data-layout="field"] .category-card{min-height:380px;justify-content:end;position:relative}
html[data-layout="field"] .category-card>span{position:absolute;top:28px;font-size:80px;opacity:.15}
html[data-layout="field"] .product-visual{background:linear-gradient(145deg,var(--soft),transparent)}
html[data-layout="field"] .steps{transform:rotate(-1deg)}

html[data-layout="atelier"] .site-header{background:color-mix(in srgb,var(--surface) 93%,transparent)}
html[data-layout="atelier"] .hero{min-height:820px}
html[data-layout="atelier"] .hero h1{font-weight:400;letter-spacing:-.055em}
html[data-layout="atelier"] .hero-copy{padding-inline-start:7vw;border-inline-start:1px solid var(--accent-2)}
html[data-layout="atelier"] .hero-stage .detector-art{filter:saturate(.75)}
html[data-layout="atelier"] .category-grid{gap:0;border:1px solid var(--line)}
html[data-layout="atelier"] .category-card{border:0;border-inline-end:1px solid var(--line)}
html[data-layout="atelier"] .product-grid{gap:1px;background:var(--line)}
html[data-layout="atelier"] .product-card{border:0;background:var(--card)}
html[data-layout="atelier"] .icon-link{border-radius:0;background:var(--ink);color:var(--bg)}

html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.js .reveal.is-visible{opacity:1;transform:none}

@media (max-width:1050px){
  .hero-grid,.product-hero,.finder-layout,.quote-layout,.detail-grid{grid-template-columns:1fr;gap:45px}
  .hero{padding-top:60px}.hero-stage{min-height:460px;max-width:700px;width:100%;margin:auto}.product-gallery{position:relative;top:auto;max-width:720px}
  .product-grid{grid-template-columns:repeat(2,1fr)}html[data-layout="editorial"] .products-section .product-card:first-child{grid-column:span 2}
  .footer-grid{grid-template-columns:1.3fr repeat(2,1fr)}.footer-grid>div:last-child{grid-column:2/4}.main-nav{gap:17px}.faq-layout{gap:45px}.brand-row{grid-template-columns:50px 220px 1fr}
}
@media (max-width:760px){
  body{padding-bottom:66px}.wrap{width:min(100% - 28px,var(--wrap))}.topbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-shell{height:68px}.brand small{display:none}.main-nav{position:absolute;top:68px;inset-inline:14px;display:none;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-toggle{display:block;margin-inline-start:auto}.quote-chip span{display:none}
  .hero{min-height:auto;padding:55px 0 20px}.hero-grid{gap:15px}.hero h1,.page-hero h1,.finder-hero h1,.quote-intro h1{font-size:clamp(39px,13vw,58px)}.hero-copy>p{font-size:15px;margin:21px 0}.hero-actions .btn{flex:1}.hero-search{display:none}.hero-stage{min-height:360px}.hero-stage .detector-art{width:100%;margin:0}.hero-product{bottom:8px}
  .trust-grid{grid-template-columns:1fr}.trust-grid article{border-inline-end:0;border-bottom:1px solid var(--line);padding:19px 0}
  .section{padding:72px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:28px}.section-head h2,.compare-panel h2,.faq-layout h2,.product-detail h2,.quote-callout h2{font-size:36px}
  .category-grid,.product-grid,.steps,.decision-cards,.quote-checklist,.admin-stats{grid-template-columns:1fr}.category-card{min-height:250px}.category-card:nth-child(2),html[data-layout="expedition"] .product-card:nth-child(even){translate:0;transform:none}
  html[data-layout="editorial"] .products-section .product-card:first-child{grid-column:auto;display:block}.compare-panel{padding:30px;flex-direction:column;align-items:flex-start}.compare-panel::after{font-size:90px}
  .steps article{border-inline-end:0;border-bottom:1px solid var(--line);padding:28px 0}.steps h3{margin-top:25px}.faq-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/3}.footer-bottom{flex-direction:column}
  .mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;inset-inline:0;z-index:200;background:var(--surface);border-top:1px solid var(--line);padding:8px}.mobile-cta a{display:grid;place-items:center;min-height:48px;font-size:12px;font-weight:900}.mobile-cta a.primary{background:var(--accent);color:#10110e}
  .catalog-tools{align-items:stretch;flex-wrap:wrap}.catalog-tools label{flex-basis:100%}.brand-row{grid-template-columns:38px 1fr}.brand-products{grid-column:2}
  .product-page{padding-top:10px}.product-summary h1{font-size:42px}.micro-trust{flex-direction:column}.quote-callout>.wrap{grid-template-columns:1fr}.quote-callout>.wrap>span{font-size:30px}
  .compare-selectors{grid-template-columns:1fr}.compare-selectors>b{text-align:center;padding:0}.comparison-board{grid-template-columns:115px minmax(200px,1fr) minmax(200px,1fr);overflow-x:auto}.compare-submit{align-items:flex-start;flex-direction:column}
  .choice-grid,.form-row{grid-template-columns:1fr}.quote-form-card{padding:25px}.admin-grid{grid-template-columns:1fr}.lead-table article{grid-template-columns:1fr}.page-hero.compact{padding:45px 0}
  html[data-layout="technical"] .hero{background:var(--bg)}html[data-layout="atelier"] .hero{min-height:auto}html[data-layout="atelier"] .hero-copy{padding-inline-start:22px}
}
@media (max-width:460px){
  .quote-chip{display:none}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-stage{min-height:300px}.hero-product{width:82%}.product-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.section-head h2,.compare-panel h2,.faq-layout h2,.product-detail h2,.quote-callout h2{font-size:32px}
  .price-box{align-items:flex-start;flex-direction:column}.product-summary h1{font-size:37px}.comparison-board{margin-inline:-14px}.admin-head{align-items:flex-start;flex-direction:column;gap:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}html.js .reveal{opacity:1;transform:none}}