/*
Theme Name: AI-site Theme
Description: Industrial sourcing catalog and procurement presentation.
Template: industrial-theme
Version: 0.4.0
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: ai-site-theme
*/

/* Shared system: quiet surfaces, strong product imagery, a single action color. */
:root {
 --ai-navy-950:#102530; --ai-navy-900:#193441; --ai-navy-800:#264955;
 --ai-blue-700:#145c99; --ai-blue-600:#0d487b; --ai-blue-100:#eaf1f5;
 --ai-cyan-500:#5dafb7; --ai-slate-900:#20333e; --ai-slate-800:#314652;
 --ai-slate-700:#4e606a; --ai-slate-600:#5c6e78; --ai-slate-500:#61727a;
 --ai-slate-300:#cbd4d8; --ai-slate-200:#dde3e6; --ai-slate-100:#edf0f1;
 --ai-surface:#fff; --ai-surface-muted:#f4f6f6; --ai-success:#17634a;
 --ai-error:#a52222; --ai-radius-sm:3px; --ai-radius:5px;
 --ai-shadow:0 8px 24px rgb(16 37 48 / 7%);
 --ai-section:clamp(3.25rem,6.5vw,6rem);
}
html { scroll-behavior:smooth; scroll-padding-top:7rem; }
body { margin:0; color:var(--ai-slate-900); background:#fff; font-size:16px; line-height:1.65; }
body,button,input,select,textarea { font-family:"Manrope",system-ui,sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
[hidden] { display:none !important; }
.container { width:min(100% - 3rem,78rem); margin-inline:auto; }
.site-main { min-height:60vh; }
a { color:var(--ai-blue-700); }
a:hover { color:var(--ai-blue-600); }
h1,h2,h3 { color:var(--ai-navy-950); letter-spacing:-.035em; font-weight:600; }
h1 { font-size:clamp(2.4rem,4.1vw,3.65rem); line-height:1.08; }
h2 { font-size:clamp(1.8rem,2.7vw,2.55rem); line-height:1.15; }
h3 { font-size:1.18rem; line-height:1.35; }
p { margin-bottom:1rem; }
:where(h2,h3,section,[id]) { scroll-margin-top:7rem; }
.screen-reader-text { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:.5rem; left:.5rem; z-index:1000; transform:translateY(-160%); padding:.75rem 1rem; color:#fff; background:var(--ai-navy-950); }
.skip-link:focus { transform:none; }
:where(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid #207eac; outline-offset:4px; }
.eyebrow { margin:0 0 .85rem; color:var(--ai-blue-700); font-family:"Manrope",sans-serif; font-size:.7rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.button,button.button { display:inline-flex; min-height:3rem; align-items:center; justify-content:center; gap:.8rem; padding:.8rem 1.3rem; border:1px solid var(--ai-blue-700); border-radius:var(--ai-radius-sm); background:var(--ai-blue-700); color:#fff; font-size:.88rem; font-weight:700; line-height:1.25; text-align:center; text-decoration:none; cursor:pointer; }
.button:hover,button.button:hover { color:#fff; background:var(--ai-blue-600); border-color:var(--ai-blue-600); }
.button--quiet,button.button--quiet { background:#fff; color:var(--ai-navy-950); border-color:var(--ai-slate-300); }
.button--quiet:hover { color:var(--ai-blue-700); background:#f4f7f9; border-color:var(--ai-blue-700); }
.button--light { color:var(--ai-navy-950); background:#fff; border-color:#fff; }
.button--light:hover { color:var(--ai-navy-950); background:var(--ai-blue-100); border-color:var(--ai-blue-100); }
.button--outline-light { color:#fff; background:transparent; border-color:#81939c; }
.button:disabled { color:var(--ai-slate-500); background:var(--ai-slate-200); border-color:var(--ai-slate-200); cursor:not-allowed; }
.text-link { display:inline-flex; gap:.4rem; align-items:center; color:var(--ai-blue-700); font-weight:700; font-size:.9rem; text-decoration:none; }
.text-link::after { content:none; }
.text-link:hover { text-decoration:underline; text-underline-offset:.3em; }
.text-button { padding:.4rem; border:0; background:transparent; color:var(--ai-blue-700); font:inherit; text-decoration:underline; }
.hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin-top:1.65rem; }

/* Navigation stays compact; dropdowns keep the existing keyboard contract. */
.utility-bar { color:#d9e3e7; background:var(--ai-navy-950); font-size:.7rem; }
.utility-bar .container { display:flex; min-height:2rem; align-items:center; justify-content:space-between; gap:1rem; }
.utility-bar a { color:inherit; text-decoration:none; }
.utility-bar .container > div { display:flex; gap:1.5rem; }
.site-header { position:sticky; top:0; z-index:100; border-bottom:1px solid var(--ai-slate-200); background:#fff; }
.site-header__inner { display:flex; min-height:5rem; align-items:center; gap:2rem; }
.site-brand { display:inline-flex; flex:0 0 auto; align-items:center; gap:.7rem; color:var(--ai-navy-950); text-decoration:none; }
.site-brand > span:last-child { display:grid; line-height:1.15; }
.site-brand strong { font-size:1rem; letter-spacing:-.02em; }
.site-brand small { margin-top:.25rem; color:var(--ai-slate-600); font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }
.site-brand__mark { display:grid; width:2.45rem; height:2.45rem; grid-template-columns:repeat(3,1fr); align-items:end; gap:.18rem; padding:.45rem; background:var(--ai-navy-950); }
.site-brand__mark i { display:block; background:#7bb7b9; }
.site-brand__mark i:nth-child(1) { height:38%; }.site-brand__mark i:nth-child(2) { height:72%; }.site-brand__mark i:nth-child(3) { height:100%; background:#d8e6e9; }
.site-nav { display:flex; flex:1; align-items:center; justify-content:space-between; gap:1rem; }
.site-nav ul { margin:0; padding:0; list-style:none; }
.site-nav__main { display:flex; align-items:stretch; }
.site-nav__main > li > :is(a,button) { display:flex; min-height:5rem; align-items:center; gap:.3rem; padding:0 .65rem; border:0; color:var(--ai-slate-900); background:transparent; font:inherit; font-size:.86rem; font-weight:600; text-decoration:none; cursor:pointer; }
.site-nav__main > li > :is(a,button):hover,.site-nav__main > li > button[aria-expanded=true] { color:var(--ai-blue-700); }
.has-panel { position:relative; }
.nav-panel { position:absolute; top:100%; left:0; width:21rem; padding:1rem; border:1px solid var(--ai-slate-200); background:#fff; box-shadow:var(--ai-shadow); }
[data-ai-menu-button][aria-expanded=false] + .nav-panel { display:none; }
.nav-panel--wide { left:-14rem; display:grid; width:min(70rem,100vw - 3rem); grid-template-columns:14rem 1fr; gap:1.5rem; padding:1.75rem; }
.nav-panel--wide > ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem .75rem; }
.nav-panel h2 { font-size:1.6rem; }.nav-panel__label { color:var(--ai-blue-700); font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }
.nav-panel li a { display:grid; padding:.75rem; color:var(--ai-navy-950); text-decoration:none; }
.nav-panel li a:hover { background:var(--ai-surface-muted); }
.nav-panel li span { color:var(--ai-slate-600); font-size:.78rem; }
.site-nav__actions { display:flex; gap:.6rem; margin-left:auto; }
.site-nav__actions .button { padding:.7rem 1rem; font-size:.8rem; }
[data-industrial-rfq-count] { min-width:1.15rem; padding:.1rem .3rem; border-radius:2px; color:inherit; background:rgb(255 255 255 / 16%); text-align:center; }
.nav-toggle { display:none; width:2.75rem; height:2.75rem; place-content:center; gap:.3rem; margin-left:auto; border:1px solid var(--ai-slate-300); border-radius:3px; background:#fff; }
.nav-toggle > span:not(.screen-reader-text) { display:block; width:1.25rem; height:2px; background:var(--ai-navy-950); }

/* Homepage: product composition, lookup strip, visual ranges, editorial scenes. */
.home-hero { background:#f2f5f5; border-bottom:1px solid var(--ai-slate-200); }
.home-hero__grid { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:4rem; padding-block:3.5rem; }
.home-hero h1 { margin-bottom:1.4rem; font-size:clamp(2.5rem,4.1vw,3.65rem); line-height:1.08; }
.home-hero h1 span { color:var(--ai-blue-700); white-space:nowrap; }
.home-hero__copy > p:not(.eyebrow) { max-width:34rem; color:var(--ai-slate-700); }
.home-hero__copy .home-hero__lead { color:var(--ai-navy-950); font-size:1.22rem; font-weight:600; margin-bottom:.65rem; }
.hero-scope { display:flex; flex-wrap:wrap; gap:.4rem 1.3rem; margin-top:2rem; color:var(--ai-slate-600); font-size:.72rem; }
.hero-scope span { padding-left:.65rem; border-left:2px solid #77a8ac; }
.hero-products { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.hero-products > a { display:flex; flex-direction:column; min-width:0; padding:1rem; border:1px solid #e0e6e9; background:#fff; color:var(--ai-navy-950); text-decoration:none; }
.hero-products > a:hover { border-color:#819cae; }
.hero-products__main { grid-column:1/-1; }
.hero-products .family-image { margin:0; padding:0; border:0; }
.hero-products .family-image img { width:100%; height:8.25rem; object-fit:contain; }
.hero-products .hero-products__main img { height:13.75rem; }
.hero-products figcaption { display:none; }
.hero-products a > span { margin-top:.7rem; font-size:.77rem; font-weight:600; }
.hero-products a > span strong { display:block; font-size:1.05rem; }
.hero-products a > span small { color:var(--ai-slate-600); font-size:.75rem; font-weight:400; }
.finder-strip { border-bottom:1px solid var(--ai-slate-200); background:#fff; }
.finder-strip > .container { display:grid; grid-template-columns:11rem minmax(0,1fr) 15rem; align-items:center; gap:2.25rem; padding-block:1.7rem; }
.finder-strip .eyebrow { margin-bottom:.25rem; }.finder-strip h2 { margin:0; font-size:1.5rem; }
.finder-input { display:flex; }.finder-input input { border-radius:3px 0 0 3px; }.finder-input .button { border-radius:0 3px 3px 0; }
.finder-strip .form-status:empty { display:none; }
.finder-strip .text-link { font-size:.78rem; }
.section { padding-block:var(--ai-section); }
.section--muted,.section--related,.section--process { background:var(--ai-surface-muted); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2.25rem; }
.section-heading h2 { margin:0; max-width:25ch; }
.section-heading > p { max-width:27rem; margin:0; color:var(--ai-slate-700); font-size:.95rem; }
.section-heading > .text-link { flex:0 0 auto; }
.group-grid,.family-grid,.model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.4rem; }
.group-card { display:flex; flex-direction:column; min-width:0; color:var(--ai-navy-950); background:#fff; text-decoration:none; border:1px solid var(--ai-slate-200); border-radius:var(--ai-radius); overflow:hidden; }
.group-card:hover { color:var(--ai-navy-950); border-color:#a1b6c0; box-shadow:var(--ai-shadow); }
.group-card__visual { padding:1.25rem; background:#fff; }
.group-card__visual .family-image { margin:0; }.group-card__visual img { width:100%; height:13rem; object-fit:contain; }
.group-card__copy { display:flex; flex:1; flex-direction:column; padding:1.4rem; border-top:1px solid var(--ai-slate-200); }
.group-card h3 { margin:0 0 .65rem; font-size:1.25rem; }
.group-card p { color:var(--ai-slate-700); font-size:.87rem; }
.group-card__copy > span { margin-top:auto; color:var(--ai-blue-700); font-size:.78rem; font-weight:700; }
.group-card__copy > span > span { float:right; font-size:1rem; }
.range-heading { display:flex; gap:1rem; justify-content:space-between; align-items:center; margin:2.5rem 0 1.2rem; }.range-heading h3 { margin:0; }
.adjacent-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.group-card--compact { flex-direction:row; align-items:center; padding:.8rem; gap:.6rem; border-radius:3px; }
.group-card--compact .group-card__visual { flex:0 0 5rem; padding:0; }.group-card--compact .group-card__visual img { height:5.5rem; }
.group-card--compact .group-card__copy { padding:0; border:0; }.group-card--compact h3 { font-size:.87rem; line-height:1.4; }.group-card--compact .group-card__copy > span { font-size:.7rem; }.group-card--compact .group-card__copy > span > span { float:none; }
.scene-visual { position:relative; min-width:0; margin:0; background:#e7edef; }
.scene-visual img { display:block; width:100%; height:100%; object-fit:cover; }
.scene-visual figcaption { position:absolute; bottom:.7rem; left:.75rem; right:.75rem; width:fit-content; max-width:calc(100% - 1.5rem); padding:.2rem .4rem; color:#fff; background:rgb(16 37 48 / 82%); font-size:.6rem; line-height:1.4; }
.application-feature { display:grid; grid-template-columns:1fr 1fr; color:#d4e1e6; background:var(--ai-navy-950); }
.application-feature__image .scene-visual { height:100%; min-height:34rem; }
.application-feature__copy { padding:clamp(2rem,5vw,5rem); max-width:44rem; }
.application-feature h2 { color:#fff; max-width:14ch; font-size:clamp(2rem,3.5vw,3.1rem); }
.application-feature .eyebrow { color:#9cd2d4; }
.editorial-links { margin-top:2rem; }
.editorial-links a { display:flex; align-items:center; gap:1.25rem; padding:1.1rem 0; border-top:1px solid #3f5762; color:#fff; text-decoration:none; }
.editorial-links a > span:first-child { font-size:.72rem; color:#90b4c2; }.editorial-links a > span:last-child { margin-left:auto; }.editorial-links a:hover strong { text-decoration:underline; }
.sourcing-feature { display:grid; grid-template-columns:1fr 1fr; gap:4.5rem; align-items:center; }.sourcing-feature > div > p:not(.eyebrow) { max-width:35rem; color:var(--ai-slate-700); }.sourcing-feature .scene-visual { aspect-ratio:1/1; }
.service-rows { margin-top:1.75rem; }.service-rows a { position:relative; display:grid; gap:.25rem; padding:1.1rem 2rem 1.1rem 0; border-top:1px solid var(--ai-slate-200); text-decoration:none; }.service-rows strong { font-size:1rem; color:var(--ai-navy-950); }.service-rows span { color:var(--ai-slate-700); font-size:.83rem; }.service-rows b { position:absolute; right:0; top:1.2rem; }
.process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none; gap:2rem; border:0; }
.process-grid li { padding:1.4rem 0 0; border-top:2px solid var(--ai-slate-300); }
.process-grid span { color:var(--ai-blue-700); font:500 .8rem/1.5 "IBM Plex Mono",monospace; }
.process-grid h3 { margin:1.25rem 0 .65rem; font-size:1.1rem; }.process-grid p { margin:0; color:var(--ai-slate-700); font-size:.88rem; }
.final-cta { padding-block:3.5rem; color:#dce8ed; background:var(--ai-navy-900); }
.final-cta .container { display:flex; align-items:center; justify-content:space-between; gap:2.5rem; }
.final-cta .eyebrow { color:#9cd2d4; }.final-cta h2 { max-width:26ch; margin:0 0 .8rem; color:#fff; }.final-cta p:last-child { margin-bottom:0; }.final-cta .button { flex:0 0 auto; }

/* Catalog and collection presentation. */
.page-hero,.collection-hero,.family-hero,.editorial-hero,.request-hero,.search-hero { padding-block:3.5rem; color:var(--ai-slate-900); background:var(--ai-surface-muted); border-bottom:1px solid var(--ai-slate-200); }
.page-hero h1,.collection-hero h1,.family-hero h1,.editorial-hero h1,.request-hero h1,.search-hero h1 { max-width:23ch; margin:0 0 1.3rem; color:var(--ai-navy-950); }
.page-hero .container > p:last-child,.search-hero .container > p { max-width:47rem; color:var(--ai-slate-700); }
.collection-hero { padding-top:0; }.breadcrumbs,.model-breadcrumb { display:flex; flex-wrap:wrap; gap:.5rem; padding-block:1.25rem; color:var(--ai-slate-600); font-size:.75rem; overflow-wrap:anywhere; }
.breadcrumbs a,.model-breadcrumb a { text-decoration:none; }
.collection-hero__grid,.family-hero__grid { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:4rem; }
.collection-hero__grid > div > p:not(.eyebrow),.family-hero__grid > div > p:not(.eyebrow) { max-width:39rem; color:var(--ai-slate-700); font-size:1.03rem; }
.collection-hero__visual,.family-hero__grid > .family-image { padding:1.5rem; background:#fff; border:1px solid var(--ai-slate-200); border-radius:var(--ai-radius); }
.collection-hero__visual .family-image { border:0; padding:0; margin:0; }.collection-hero__visual img,.family-hero__grid > .family-image img { height:18rem; object-fit:contain; }
.collection-hero__visual figcaption { font-size:.7rem; }
.page-jumps { background:#fff; border-bottom:1px solid var(--ai-slate-200); }.page-jumps .container { display:flex; gap:2rem; overflow-x:auto; }.page-jumps a { flex:0 0 auto; display:block; padding:1.15rem 0; color:var(--ai-slate-700); font-size:.83rem; font-weight:600; text-decoration:none; }.page-jumps a:hover { color:var(--ai-blue-700); }.page-jumps a:last-child { margin-left:auto; }
.family-image { min-width:0; margin:0; background:#fff; }.family-image img { display:block; width:100%; height:auto; object-fit:contain; }.family-image--detail { padding:1rem; margin-bottom:1rem; border:1px solid var(--ai-slate-200); }.family-image--detail img { max-height:480px; }.family-image figcaption { padding-top:.85rem; color:var(--ai-slate-600); font-size:.74rem; line-height:1.5; }
.family-image--card img { height:14rem; }
.family-card,.model-card { display:flex; min-width:0; flex-direction:column; border:1px solid var(--ai-slate-200); border-radius:var(--ai-radius); background:#fff; overflow:hidden; }
.family-card:hover,.model-card:hover { border-color:#a2b4bd; box-shadow:var(--ai-shadow); }
.product-card__visual { display:block; padding:1.25rem; border-bottom:1px solid var(--ai-slate-200); }.product-card__visual .family-image { margin:0; }.product-card__visual img { height:13.5rem; }
.family-card > :not(.product-card__visual) { margin-inline:1.3rem; }
.family-card__type { margin-top:1.1rem; margin-bottom:.5rem; font-size:.65rem; color:var(--ai-slate-600); text-transform:uppercase; letter-spacing:.1em; }
.family-card h3 { margin-bottom:.8rem; font-size:1.2rem; }.family-card h3 a,.model-card h3 a { color:inherit; text-decoration:none; }
.family-card > p:not(.family-card__type,.family-card__meta) { color:var(--ai-slate-700); font-size:.85rem; }
.family-card__meta { margin-top:auto; padding-top:.9rem; border-top:1px solid var(--ai-slate-200); font-size:.74rem; color:var(--ai-slate-700); }.family-card__meta span { display:block; margin-bottom:.25rem; font-size:.6rem; text-transform:uppercase; letter-spacing:.09em; }
.family-card > .text-link { margin-bottom:1.3rem; font-size:.77rem; }
.model-card__body { display:flex; flex:1; flex-direction:column; padding:1.25rem; }.model-card h3 { margin:.3rem 0 1rem; font-size:1.16rem; overflow-wrap:anywhere; }.model-card .eyebrow { margin-bottom:.25rem; font-size:.63rem; }.model-card__image-note { margin:0 0 .7rem; color:var(--ai-slate-600); font-size:.66rem; }
.model-card__body > p:not(.eyebrow,.model-card__image-note) { color:var(--ai-slate-700); font-size:.86rem; }.model-card .text-link { margin-top:auto; padding-top:1.15rem; font-size:.77rem; }
.card-specs { margin:0 0 .5rem; font-size:.75rem; }.card-specs div { display:grid; grid-template-columns:1fr 1.2fr; gap:.75rem; padding:.55rem 0; border-top:1px solid var(--ai-slate-200); }.card-specs dt { color:var(--ai-slate-600); }.card-specs dd { margin:0; color:var(--ai-navy-950); font-weight:600; overflow-wrap:anywhere; }
.catalog-intro { padding:2rem 0; border-bottom:1px solid var(--ai-slate-200); }.catalog-help { display:grid; align-content:center; gap:.5rem; padding:1.25rem; color:#fff; background:var(--ai-navy-900); text-decoration:none; }.catalog-help:hover { color:#fff; }.catalog-help span { font-size:.75rem; }.catalog-help strong { font-size:1rem; }
.archive-layout { display:grid; grid-template-columns:12rem minmax(0,1fr); gap:2.5rem; padding-block:4rem; }
.archive-index { position:sticky; top:6.5rem; align-self:start; border-top:2px solid var(--ai-navy-950); padding:1rem 0; }.archive-index p { font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }.archive-index ol { margin:0; padding:0; list-style:none; }.archive-index a { display:block; padding:.65rem 0; border-bottom:1px solid var(--ai-slate-200); font-size:.8rem; color:var(--ai-slate-700); text-decoration:none; }.archive-index a:hover { color:var(--ai-blue-700); }
.archive-group { padding-bottom:3rem; }.archive-group + .archive-group { padding-top:3rem; border-top:1px solid var(--ai-slate-200); }.archive-group .section-heading { align-items:start; }.archive-group .section-heading > p { max-width:22rem; font-size:.83rem; }.archive-group h2 { font-size:1.85rem; }.archive-group h2 a { color:inherit; text-decoration:none; }.archive-group .family-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.selection-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:5rem; }.selection-layout > div > p:not(.eyebrow) { color:var(--ai-slate-700); }.selection-notes section { padding:1.25rem 0; border-top:1px solid var(--ai-slate-300); }.selection-notes section p { color:var(--ai-slate-700); font-size:.94rem; }.selection-notes h3 { margin:0 0 .75rem; }.selection-notes > .text-link { margin-top:1rem; }
.empty-state { padding:2rem; background:var(--ai-surface-muted); border-left:3px solid var(--ai-blue-700); }
.scope-band { padding-block:3rem; background:#eaf0f3; }.scope-band .container { display:flex; justify-content:space-between; align-items:center; gap:3rem; }.scope-band h2 { max-width:28ch; margin:0 0 .75rem; font-size:1.9rem; }.scope-band p:not(.eyebrow) { max-width:48rem; margin:0; color:var(--ai-slate-700); }.scope-band .button { flex:0 0 auto; }

/* Product detail keeps the image, exact identity and decisive fields together. */
.model-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:3rem; align-items:center; padding-block:.75rem 3rem; }
.model-hero__media,.model-hero__copy { min-width:0; }.model-hero__media .family-image { margin:0; border-radius:var(--ai-radius); padding:1.5rem; }.model-hero__media img { height:26rem; max-height:none; object-fit:contain; }
.model-hero h1 { margin:.5rem 0 1rem; font-size:clamp(1.9rem,2.8vw,2.6rem); line-height:1.14; overflow-wrap:anywhere; }
.model-part { display:flex; align-items:baseline; flex-wrap:wrap; gap:.5rem 1rem; padding:.7rem 0; border-block:1px solid var(--ai-slate-200); }.model-part span { color:var(--ai-slate-600); font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; }.model-part strong { font-family:"IBM Plex Mono",monospace; font-size:.94rem; overflow-wrap:anywhere; }.model-lead { color:var(--ai-slate-700); font-size:.95rem; }
.product-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }.product-highlights > div { padding-left:.8rem; border-left:2px solid #a5c5d4; }.product-highlights dt { font-size:.67rem; color:var(--ai-slate-600); }.product-highlights dd { margin:.3rem 0 0; font-size:.9rem; font-weight:600; overflow-wrap:anywhere; }.model-image-note { color:var(--ai-slate-600); font-size:.74rem; }
.model-layout,.family-layout,.page-shell { display:grid; grid-template-columns:minmax(0,1fr) 19rem; gap:4rem; padding-block:3.5rem 5rem; }
.family-layout { border-top:1px solid var(--ai-slate-200); }.family-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:1rem; margin-top:2rem; }.family-gallery:empty { display:none; }
.inquiry-panel,.page-rail { position:sticky; top:6.5rem; align-self:start; padding:1.5rem; border-top:3px solid var(--ai-blue-700); background:var(--ai-surface-muted); }
.inquiry-panel h2,.page-rail h2 { font-size:1.4rem; margin-bottom:1rem; }.inquiry-panel ul { padding:0; list-style:none; }.inquiry-panel li { padding:.6rem 0; border-top:1px solid var(--ai-slate-200); font-size:.87rem; }.inquiry-panel li::before { content:"+"; color:var(--ai-blue-700); margin-right:.5rem; }.inquiry-panel .button,.page-rail .button { width:100%; }.page-rail p:not(.eyebrow) { color:var(--ai-slate-700); font-size:.88rem; }.page-rail .text-link { margin-top:1rem; font-size:.8rem; }

/* Editorial content retains all reviewed data but gains a scannable rhythm. */
.editorial-hero__grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:4rem; }.editorial-hero h1 { font-size:clamp(2.2rem,3.5vw,3.1rem); }.editorial-hero__grid > div > p:not(.eyebrow) { max-width:40rem; color:var(--ai-slate-700); font-size:1.04rem; }.editorial-hero__visual { min-width:0; }.editorial-hero__visual .scene-visual { aspect-ratio:4/3; }.editorial-hero__visual .family-image { margin:0; border:0; }.editorial-hero__visual .family-image img { height:19rem; }.editorial-hero--legal .editorial-hero__grid { grid-template-columns:1fr; }
.entry-content { min-width:0; max-width:none; color:var(--ai-slate-900); font-size:1rem; line-height:1.8; }
.entry-content h2 { margin:3rem 0 1.15rem; padding-top:1.5rem; border-top:1px solid var(--ai-slate-200); font-size:1.8rem; line-height:1.25; }.entry-content > h2:first-child,.model-specifications h2 { margin-top:0; padding-top:0; border:0; }.entry-content h3 { margin:1.75rem 0 .75rem; }.entry-content > p { max-width:74ch; color:var(--ai-slate-700); }.entry-content ul,.entry-content ol { padding-left:1.25rem; }.entry-content li + li { margin-top:.5rem; }
.entry-content table { width:100%; border-collapse:collapse; font-size:.85rem; line-height:1.65; }.entry-content th,.entry-content td { padding:.85rem 1rem; border:1px solid var(--ai-slate-200); text-align:left; vertical-align:top; }.entry-content th { color:var(--ai-navy-950); background:#f1f4f5; font-weight:600; }.entry-content thead th { background:#e6edf0; }.entry-content tbody tr:nth-child(even) td { background:#fafbfb; }.entry-content caption { margin-bottom:.5rem; font-size:.75rem; color:var(--ai-slate-600); text-align:left; }.entry-content :is(.table-scroll,.ai-table-scroll) { max-width:100%; margin:1.25rem 0 2rem; overflow-x:auto; overscroll-behavior-inline:contain; }.entry-content :is(.table-scroll,.ai-table-scroll) table { min-width:36rem; }.model-specifications .table-scroll table { min-width:0; table-layout:fixed; }.model-specifications th:first-child { width:37%; }.model-specifications :is(th,td) { overflow-wrap:anywhere; }
.ai-page-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin:1.5rem 0 2.5rem; }.ai-page-grid section { padding:1.25rem; background:var(--ai-surface-muted); border-left:2px solid #9db9c7; }.ai-page-grid h3 { margin-top:0; }.ai-page-grid p { font-size:.9rem; color:var(--ai-slate-700); }.ai-link-list { display:grid; gap:.75rem; margin-block:1.5rem 2.5rem; }.ai-link-list a { display:grid; grid-template-columns:.8fr 1fr; gap:1rem; padding:1.25rem; border-block:1px solid var(--ai-slate-200); text-decoration:none; }.ai-link-list span { color:var(--ai-slate-700); }
.content-outline { padding-bottom:1.4rem; margin-bottom:1.5rem; border-bottom:1px solid var(--ai-slate-300); }.content-outline ol { list-style:none; margin:0; padding:0; }.content-outline li { border:0; padding:0; margin:0; }.content-outline li::before { content:none; }.content-outline a { display:block; padding:.45rem 0; color:var(--ai-slate-700); font-size:.78rem; line-height:1.45; text-decoration:none; }.content-outline a:hover { color:var(--ai-blue-700); text-decoration:underline; }.contact-checklist { padding-left:1.1rem; font-size:.9rem; }.contact-checklist li { padding-bottom:.9rem; }
.image-placeholder { display:grid; min-height:16rem; aspect-ratio:4/3; place-content:center; gap:1rem; padding:2rem; text-align:center; background:#edf1f2; border:1px dashed #94a9b4; color:#a55528; }.image-placeholder > span { font-size:2rem; color:#8298a3; }.image-placeholder strong { max-width:28ch; font-size:.8rem; letter-spacing:.06em; }
.hub-directory { padding-block:3rem; border-bottom:1px solid var(--ai-slate-200); }.hub-directory__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2.5rem; }.hub-directory__grid > a { display:flex; gap:1.2rem; align-items:baseline; padding:1.5rem 0; border-top:1px solid var(--ai-slate-300); text-decoration:none; }.hub-directory__number { font:.75rem "IBM Plex Mono",monospace; }.hub-directory h3 { margin:0 0 .5rem; font-size:1.18rem; }.hub-directory p { margin:0; font-size:.85rem; color:var(--ai-slate-700); }.hub-directory__grid > a > span:last-child { margin-left:auto; }.hub-directory__grid > a:hover h3 { color:var(--ai-blue-700); }

/* Search and the existing secure RFQ form. No submission behavior is replaced. */
.search-hero { text-align:center; }.search-hero h1,.search-hero .container > p { margin-inline:auto; }.catalog-search { max-width:47rem; margin:2rem auto 0; padding:1.5rem; border:1px solid var(--ai-slate-200); border-radius:4px; background:#fff; text-align:left; }.catalog-search label { display:block; margin-bottom:.6rem; font-size:.8rem; font-weight:600; }.catalog-search > div:first-of-type { display:flex; }.catalog-search input { border-radius:3px 0 0 3px; }.catalog-search .button { border-radius:0 3px 3px 0; }.search-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.form-status { margin:.65rem 0 0; color:var(--ai-slate-600); font-size:.78rem; }.form-status:empty { display:none; }.search-results { margin-top:1rem; border:1px solid var(--ai-slate-200); background:#fff; padding:1rem; }.search-results__heading { color:var(--ai-slate-600); font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; }.search-results ul { list-style:none; padding:0; margin:0; }.search-results li { padding:.85rem 0; border-top:1px solid var(--ai-slate-200); }.search-results li a { font-weight:600; }.search-results li p { margin:.3rem 0 0; color:var(--ai-slate-700); font-size:.83rem; }.search-results > .text-link { margin-top:1rem; }
.request-hero__grid { display:grid; grid-template-columns:1.7fr 1fr; gap:4rem; align-items:center; }.request-hero h1 { font-size:clamp(2.2rem,3.5vw,3.1rem); }.request-hero__grid > div > p:last-child { max-width:40rem; color:var(--ai-slate-700); }.request-steps { display:grid; list-style:none; margin:0; padding:0; gap:.8rem; }.request-steps li { display:flex; align-items:center; gap:.9rem; font-size:.86rem; }.request-steps span { display:grid; place-content:center; width:2rem; height:2rem; border:1px solid #adbfca; color:var(--ai-blue-700); font:500 .7rem "IBM Plex Mono",monospace; }
.request-workspace { max-width:70rem; padding-block:2.5rem 5rem; }.request-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:1.5rem; border:1px solid var(--ai-slate-300); border-radius:4px; overflow:hidden; }.request-tabs button { display:flex; align-items:center; gap:.7rem; min-height:4rem; padding:1rem; border:0; border-right:1px solid var(--ai-slate-300); background:#fff; color:var(--ai-slate-700); font:inherit; font-size:.86rem; font-weight:600; }.request-tabs button:last-child { border-right:0; }.request-tabs button span { font:.68rem "IBM Plex Mono",monospace; }.request-tabs button[aria-selected=true] { color:#fff; background:var(--ai-navy-900); }
.request-route-note { display:flex; gap:.75rem 1.5rem; padding:1rem 1.25rem; margin-bottom:1.5rem; border-left:3px solid #8c9fa8; background:#f1f4f5; font-size:.86rem; }.request-route-note strong { flex:0 0 auto; }.request-route-note--ready { color:#245e4b; border-color:#5b947f; background:#edf5f1; }
.industrial-rfq-heading { display:none; }.industrial-rfq-page { max-width:none; padding:0; }.industrial-rfq-list-section,.industrial-rfq-form { padding:2rem; border:1px solid var(--ai-slate-200); border-radius:4px; background:#fff; }.industrial-rfq-form { margin-top:1.25rem; }.industrial-rfq-page h2 { font-size:1.65rem; }.industrial-rfq-form fieldset { margin:0 0 2rem; padding:0; border:0; }.industrial-rfq-form legend { margin-bottom:1rem; color:var(--ai-navy-950); font-size:1.12rem; font-weight:600; }.industrial-rfq-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }.industrial-rfq-form label,.preview-request label { display:block; margin-bottom:.4rem; font-size:.8rem; font-weight:600; }
input,select,textarea { width:100%; min-width:0; padding:.8rem .9rem; border:1px solid #bac8d0; border-radius:3px; background:#fff; color:var(--ai-slate-900); font-size:1rem; }textarea { resize:vertical; }input[type=checkbox],input[type=radio] { width:auto; }.form-help { color:var(--ai-slate-600); font-size:.76rem; line-height:1.6; margin-top:.8rem; }
.preview-request { padding:2rem; border:1px solid var(--ai-slate-200); border-radius:4px; }.preview-request__heading { display:flex; align-items:start; justify-content:space-between; gap:1rem; margin-bottom:2rem; }.preview-request__heading h2 { margin:0; font-size:1.75rem; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }.field--wide { grid-column:1/-1; }.field { margin-bottom:1rem; }.form-grid .field { margin:0; }.upload-zone { padding:1.5rem; margin-bottom:1.5rem; border:1px dashed #8dabbc; background:#f2f6f8; }.upload-zone label strong,.upload-zone label span { display:block; }.upload-zone label span { margin:.5rem 0 1rem; color:var(--ai-slate-700); font-weight:400; }.file-list { margin:.75rem 0 0; padding-left:1.25rem; font-size:.82rem; }.is-error { color:var(--ai-error); }.blocked-submit { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-top:1.5rem; margin-top:1.5rem; border-top:1px solid var(--ai-slate-200); }.blocked-submit p { margin:0; font-size:.86rem; color:var(--ai-slate-700); }.blocked-submit .button { flex:0 0 auto; }.narrow-shell { max-width:52rem; padding-block:3rem 5rem; }

/* Footer and responsive rules. */
.site-footer { padding-top:3.5rem; color:#b6c8d0; background:#102530; }.site-footer__grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:4rem; }.site-brand--footer { color:#fff; margin-bottom:1.5rem; }.site-brand--footer small { color:#b6c8d0; }.site-footer__grid > div:first-child > p { max-width:32rem; font-size:.88rem; }.site-footer h2 { margin:0 0 1.25rem; color:#fff; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; }.site-footer ul { margin:0; padding:0; list-style:none; }.site-footer li + li { margin-top:.75rem; }.site-footer a { color:#d8e3e8; font-size:.87rem; text-decoration:none; }.site-footer a:hover { color:#fff; text-decoration:underline; }.site-footer__base { display:flex; justify-content:space-between; gap:1rem; padding-block:1.25rem; margin-top:2.5rem; border-top:1px solid #35505e; font-size:.68rem; }.site-footer__base p { margin:0; }
@media (max-width:70rem) {
 .site-header__inner { min-height:4.25rem; }.nav-toggle { display:grid; }
 .site-nav { position:absolute; top:100%; right:0; left:0; display:none; max-height:calc(100dvh - 4.25rem); overflow:auto; padding:1rem 1.5rem; border-bottom:1px solid var(--ai-slate-300); box-shadow:var(--ai-shadow); background:#fff; }.site-nav.is-open { display:block; }.site-nav__main { display:block; }.site-nav__main > li > :is(a,button) { width:100%; min-height:3.1rem; justify-content:space-between; padding:.5rem 0; border-bottom:1px solid var(--ai-slate-200); }
 .nav-panel,.nav-panel--wide { position:static; display:block; width:auto; padding:.5rem 0 1rem 1rem; border:0; box-shadow:none; }.nav-panel--wide > div { display:none; }.nav-panel--wide > ul { grid-template-columns:1fr; }.site-nav__actions { margin-top:1rem; }.site-nav__actions .button { flex:1; }
 .home-hero__grid { gap:2rem; }.home-hero h1 { font-size:2.75rem; }.hero-products .hero-products__main img { height:12rem; }.hero-products .family-image img { height:7rem; }
 .finder-strip > .container { grid-template-columns:10rem 1fr; gap:1.5rem; }.finder-strip > .container > .text-link { display:none; }
 .group-grid,.family-grid,.model-grid { gap:1rem; }.adjacent-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .family-layout,.model-layout,.page-shell { gap:2rem; grid-template-columns:minmax(0,1fr) 16rem; }.collection-hero__grid,.family-hero__grid,.editorial-hero__grid { gap:2rem; }.model-hero { gap:2rem; }.model-hero__media img { height:23rem; }.product-highlights { gap:.5rem; }.product-highlights dd { font-size:.8rem; }
 .application-feature__copy { padding:2.5rem; }.sourcing-feature { gap:2.5rem; }.archive-layout { grid-template-columns:1fr; gap:2rem; }.archive-index { position:static; }.archive-index ol { display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; }.archive-index a { border:0; }.archive-group .family-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.selection-layout { gap:2.5rem; }.search-groups { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:55rem) {
 .home-hero__grid { grid-template-columns:1fr 1fr; }.home-hero h1 { font-size:2.35rem; }.hero-scope { gap:.5rem; }.hero-products .hero-products__main img { height:12rem; }.hero-products .family-image img { height:6rem; }.hero-products a > span { font-size:.65rem; }
 .group-grid,.family-grid,.model-grid,.archive-group .family-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .group-grid > :last-child:nth-child(odd) { grid-column:1/-1; flex-direction:row; }.group-grid > :last-child:nth-child(odd) .group-card__visual { width:44%; }.group-grid > :last-child:nth-child(odd) .group-card__copy { border-top:0; border-left:1px solid var(--ai-slate-200); }
 .page-shell,.family-layout,.model-layout { grid-template-columns:minmax(0,1fr); }.page-rail,.inquiry-panel { position:static; }.content-outline ol { columns:2; }.process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.section-heading { gap:1.5rem; }.section-heading > p { max-width:20rem; }.product-highlights { grid-template-columns:1fr; gap:.5rem; }.product-highlights div { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }.product-highlights dd { margin:0; }.model-hero__media img { height:22rem; }.site-footer__grid { gap:2rem; }
}
@media (max-width:48rem) {
 .hub-directory__grid { grid-template-columns:1fr; }
 .container { width:min(100% - 2rem,78rem); }.utility-bar { font-size:.62rem; }.utility-bar .container > div { display:none; }.site-brand strong { font-size:.92rem; }.site-brand small { font-size:.58rem; }.site-header__inner { gap:1rem; }
 h1 { font-size:2.35rem; }h2 { font-size:1.9rem; }.home-hero__grid { grid-template-columns:1fr; padding-block:2.5rem 2rem; gap:2rem; }.home-hero h1 { font-size:clamp(2.15rem,7.5vw,3.3rem); }.home-hero__copy .home-hero__lead { font-size:1.07rem; }.home-hero__copy > p:not(.eyebrow) { font-size:.93rem; }.hero-scope { margin-top:1.5rem; font-size:.66rem; }
 .hero-products { grid-template-columns:1.4fr 1fr; }.hero-products__main { grid-column:auto; grid-row:span 2; justify-content:center; }.hero-products .hero-products__main img { height:12rem; }.hero-products .family-image img { height:6rem; }.hero-products > a { padding:.75rem; }.hero-products a > span strong { font-size:.9rem; }.hero-products a > span small { font-size:.67rem; }
 .finder-strip > .container { grid-template-columns:1fr; gap:1rem; }.finder-strip h2 { font-size:1.4rem; }.finder-strip .eyebrow { font-size:.6rem; }.finder-input input { font-size:.9rem; }
 .section-heading,.range-heading { align-items:start; flex-direction:column; gap:1rem; }.section-heading > p { max-width:none; }.section-heading h2 { max-width:27ch; }.section-heading > .text-link { flex:auto; }.group-grid,.family-grid,.model-grid,.archive-group .family-grid { grid-template-columns:minmax(0,1fr); }
 .group-grid > :last-child:nth-child(odd) { flex-direction:column; }.group-grid > :last-child:nth-child(odd) .group-card__visual { width:auto; }.group-grid > :last-child:nth-child(odd) .group-card__copy { border-left:0; border-top:1px solid var(--ai-slate-200); }.group-card__visual img { height:13rem; }
 .adjacent-grid { gap:.65rem; }.group-card--compact { flex-direction:column; align-items:start; padding:.9rem; }.group-card--compact .group-card__visual { flex:auto; width:100%; }.group-card--compact img { height:6rem; }.group-card--compact .group-card__copy { width:100%; }.group-card--compact h3 { font-size:.8rem; }.group-card--compact .group-card__copy > span { font-size:.64rem; }
 .application-feature,.sourcing-feature,.selection-layout { grid-template-columns:minmax(0,1fr); gap:0; }.application-feature__image .scene-visual { min-height:0; height:19rem; }.application-feature__copy { padding:2.25rem 1.5rem; }.application-feature h2 { max-width:20ch; }.sourcing-feature { gap:2rem; }.sourcing-feature .scene-visual { aspect-ratio:3/2; }.process-grid { gap:1.5rem; }.process-grid h3 { font-size:1rem; }.process-grid p { font-size:.82rem; }
 .final-cta .container,.scope-band .container { align-items:start; flex-direction:column; gap:1.5rem; }.final-cta h2 { font-size:1.9rem; }.final-cta { padding-block:2.5rem; }.final-cta p { font-size:.9rem; }
 .page-hero,.family-hero,.editorial-hero,.request-hero,.search-hero { padding-block:2.5rem; }.collection-hero { padding-bottom:2.5rem; }.collection-hero__grid,.family-hero__grid,.editorial-hero__grid,.request-hero__grid { grid-template-columns:minmax(0,1fr); gap:2rem; }.collection-hero__grid h1,.family-hero h1,.editorial-hero h1 { font-size:2.25rem; }.collection-hero__visual img,.family-hero__grid > .family-image img { height:16rem; }.editorial-hero__visual .scene-visual { aspect-ratio:3/2; }.editorial-hero__visual .family-image img { height:16rem; }
 .page-jumps .container { gap:1.5rem; }.page-jumps a { font-size:.75rem; }.page-jumps a:last-child { margin-left:0; }.archive-layout { padding-block:2.5rem; }.archive-group .section-heading { flex-direction:column; }.archive-group + .archive-group { padding-top:2.5rem; }.archive-group h2 { font-size:1.7rem; }.selection-notes { margin-top:1rem; }
 .model-hero { grid-template-columns:minmax(0,1fr); gap:1.7rem; padding-block:.5rem 2rem; }.model-hero__media img { height:20rem; }.model-hero h1 { font-size:2rem; }.model-hero__media .family-image { padding:1rem; }.product-highlights { grid-template-columns:repeat(3,minmax(0,1fr)); }.product-highlights div { display:block; }.product-highlights dd { margin-top:.35rem; }.model-layout,.family-layout,.page-shell { gap:2rem; padding-block:2.5rem 3rem; }.model-hero .hero__actions > * { flex:1; }.entry-content { font-size:.95rem; }.entry-content h2 { font-size:1.5rem; }.entry-content th,.entry-content td { padding:.7rem; font-size:.78rem; }.content-outline ol { columns:1; }.ai-page-grid { grid-template-columns:1fr; }.ai-link-list a { grid-template-columns:1fr; }.scope-band h2 { font-size:1.65rem; }
 .request-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; }.request-steps li { flex-direction:column; align-items:start; gap:.5rem; font-size:.7rem; }.request-tabs button { flex-direction:column; align-items:start; justify-content:center; gap:.3rem; padding:.85rem .6rem; font-size:.7rem; }.request-tabs button span { font-size:.6rem; }.request-route-note { flex-direction:column; gap:.35rem; font-size:.8rem; }.industrial-rfq-list-section,.industrial-rfq-form,.preview-request { padding:1.2rem; }.industrial-rfq-fields,.form-grid { grid-template-columns:minmax(0,1fr); }.field--wide { grid-column:auto; }.preview-request__heading h2 { font-size:1.5rem; }.upload-zone { padding:1rem; }.blocked-submit { flex-direction:column; align-items:start; }.blocked-submit .button { width:100%; }.catalog-search { padding:1rem; }.search-groups { gap:.65rem; }
 .site-footer__grid { grid-template-columns:1fr 1fr; gap:2rem; }.site-footer__grid > div:first-child { grid-column:1/-1; }.site-footer__base { flex-direction:column; gap:.4rem; }
}
@media (max-width:22rem) {
 .container { width:calc(100% - 1.5rem); }.site-brand small { display:none; }.home-hero h1 { font-size:2.05rem; }.hero-products { grid-template-columns:1fr 1fr; }.hero-products__main { grid-column:1/-1; grid-row:auto; }.hero-products .hero-products__main img { height:10rem; }.hero__actions > * { flex:1 1 100%; }.product-highlights { grid-template-columns:1fr; }.product-highlights div { display:grid; grid-template-columns:1fr 1fr; }.product-highlights dd { margin:0; }.model-hero__media img { height:16rem; }.request-tabs button { font-size:.65rem; }.catalog-search > div:first-of-type { flex-direction:column; gap:.5rem; }.catalog-search .button,.catalog-search input { border-radius:3px; }.search-groups { grid-template-columns:1fr; }.search-groups .group-card--compact { flex-direction:row; align-items:center; }.search-groups .group-card__visual { width:5rem; }.process-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }