/* page layer: Shearim component theme (DESIGN.md §5, §7) and composition. Tokens only. */
:root{--btn-radius:var(--radius-md);--card-radius:var(--radius-lg);--card-border:1px solid var(--color-line);--card-shadow:var(--shadow-1);--img-radius:var(--radius-lg);--section-pad:var(--space-section)}
.mode-components{--btn-radius:var(--radius-sm);--card-radius:var(--radius-sm);--card-shadow:none;--img-radius:var(--radius-sm)}
body{font-feature-settings:"kern"}
h1,h2,h3{font-stretch:var(--stretch-display)}
.title-sm{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-3xl);line-height:var(--leading-display);text-wrap:balance}
.mode-components .title,.mode-components .title-sm,.mode-components .subtitle{font-stretch:var(--stretch-condensed);font-weight:var(--weight-condensed)}
.nums{font-variant-numeric:tabular-nums}

/* surfaces */
.on-brand{background:var(--color-brand-deep);color:var(--color-on-brand-deep)}
.on-brand a{color:inherit}
.on-brand .muted,.on-brand .small.muted{color:var(--color-ink-on-dark-muted)}
.on-brand :focus-visible{outline-color:var(--color-focus)}

/* buttons: primary = accent */
.btn{background:var(--color-accent);color:var(--color-on-accent)}
.btn:hover{background:var(--color-accent);color:var(--color-on-accent);filter:brightness(.95)}
.btn--secondary{background:transparent;color:var(--color-brand-deep);border:1.5px solid var(--color-brand-deep)}
.btn--secondary:hover{background:var(--color-brand-tint);color:var(--color-brand-deep);filter:none}
.on-brand .btn,.on-dark .btn{background:var(--color-accent);color:var(--color-on-accent)}
.on-brand .btn--secondary,.on-dark .btn--secondary{color:var(--color-on-brand-deep);border-color:var(--color-on-brand-deep);background:transparent}
.on-brand .wizard .btn--secondary{color:var(--color-brand-deep);border-color:var(--color-brand-deep)}
.on-brand .wizard a{color:var(--color-brand-deep)}
.btn--block{inline-size:100%}
.textlink{font-weight:var(--weight-medium)}
.icon{inline-size:20px;block-size:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.icon--lg{inline-size:40px;block-size:40px;stroke:var(--color-brand)}

/* the band (signature) */
.band.band--on-dark{background:var(--color-on-brand);color:var(--color-brand-deep)}
.breadcrumb{padding-block:var(--space-3)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--text-sm)}
.breadcrumb li+li::before{content:"‹";margin-inline-end:var(--space-2);opacity:.7}
.breadcrumb a{text-decoration:none}
.breadcrumb [aria-current]{opacity:.8}

/* header */
[data-section=header]{border-block-end:1px solid var(--color-line)}
.util{display:none}
@media (min-width:1024px){.util{display:block;background:var(--color-brand-deep);color:var(--color-ink-on-dark-muted);font-size:var(--text-sm)}
 .util .wrap{display:flex;align-items:center;gap:var(--space-5);min-block-size:36px}
 .util a{color:var(--color-on-brand-deep);text-decoration:none}
 .util__phone{margin-inline-start:auto;font-weight:var(--weight-medium)}
 .util__open::before{content:"";display:inline-block;inline-size:8px;block-size:8px;border-radius:50%;background:var(--color-success);margin-inline-end:var(--space-2);box-shadow:0 0 0 2px var(--color-on-brand-deep)}}
.header__logo svg{inline-size:110px;block-size:auto}
@media (min-width:1024px){.header__logo svg{inline-size:140px}}
.header__cta{white-space:nowrap}
.nav>a,.nav__group>summary{white-space:nowrap}
.util__phone{display:inline-flex;align-items:center;gap:var(--space-2)}

.nav__group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);min-block-size:44px}
.nav__group>summary::-webkit-details-marker{display:none}
.nav__group>summary::after{content:"";inline-size:7px;block-size:7px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.mega__col{display:flex;flex-direction:column;gap:var(--space-1)}
.mega__title{font-weight:var(--weight-condensed);font-stretch:var(--stretch-condensed);font-size:var(--text-sm);color:var(--color-ink-muted);margin-block:var(--space-3) var(--space-1)}
.mega__col a{min-block-size:36px;display:flex;align-items:center}
.mega__col a.mega__hub{font-weight:var(--weight-medium)}
.mega__tools{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);align-items:center;border-block-start:1px solid var(--color-line);padding-block-start:var(--space-4);margin-block-start:var(--space-4)}
.mega__tools a{font-weight:var(--weight-medium)}
@media (max-width:1023.98px){
 .nav__group>summary{font-size:var(--text-xl);min-block-size:56px;border-block-end:1px solid var(--color-line)}
 .mega{padding-block:var(--space-3);padding-inline-start:var(--space-4)}
 .mega__col a{font-size:var(--text-base);border:0;min-block-size:44px}
 .nav .nav__extra{margin-block-start:var(--space-5)}}
@media (min-width:1024px){
 .nav{gap:var(--space-2)}
 .nav>a,.nav__group>summary{padding-inline:var(--space-3);font-weight:var(--weight-medium)}
 .nav__group{position:static}
 .mega{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--color-surface);box-shadow:var(--shadow-2);border-block-start:3px solid var(--color-brand);padding-block:var(--space-5) var(--space-6)}
 .mega__inner{max-inline-size:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
 .mega__tools{grid-column:1/-1}}

/* hero */
.hero{padding-block:var(--space-7)}
@media (min-width:768px){.hero{padding-block:var(--space-7) calc(var(--space-7) + var(--space-4))}}
.hero .split{--ratio:minmax(0,6fr) minmax(0,5fr);align-items:start}
.hero__text{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}
.hero__lead{font-size:var(--text-lg);color:var(--color-ink-on-dark-muted);max-inline-size:52ch}
.hero__proof{font-size:var(--text-sm);color:var(--color-ink-on-dark-muted)}
.hero--light{background:var(--color-surface);color:var(--color-ink)}
.hero--light .hero__lead,.hero--light .hero__proof{color:var(--color-ink-muted)}
.hero .breadcrumb{padding-block:0 var(--space-4)}

/* wizard (tools) */
.wizard{background:var(--color-surface-raised);color:var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}
@media (min-width:768px){.wizard{padding:var(--space-6)}}
.wizard--inline{box-shadow:var(--shadow-1);border:1px solid var(--color-line)}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-1)}
.tab{border:0;background:none;border-radius:var(--radius-sm);min-block-size:44px;font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;color:var(--color-ink-muted)}
.tab[aria-selected=true]{background:var(--color-surface);color:var(--color-brand-deep);box-shadow:var(--shadow-1)}
.progress{display:flex;flex-direction:column;gap:var(--space-2)}
.progress svg{inline-size:100%;block-size:28px}
.progress .track{fill:var(--color-brand-tint)}
.progress .fill{fill:var(--color-brand)}
.wizard__q{font-size:var(--text-xl);font-weight:var(--weight-display);line-height:1.3}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);border:0;padding:0;margin:0}
.opts legend{padding:0}
.opt{position:relative;display:flex;align-items:center;gap:var(--space-2);min-block-size:56px;padding:var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--weight-medium);line-height:1.3}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt:has(input:checked){border:2px solid var(--color-brand-deep);background:var(--color-brand-tint)}
.opt:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}
.opt small{display:block;font-weight:var(--weight-body);color:var(--color-ink-muted);font-size:var(--text-xs)}
.wizard__nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}
.wizard__back{background:none;border:0;color:var(--color-brand-deep);text-decoration:underline;text-underline-offset:.2em;min-block-size:44px;cursor:pointer}
.wizard__back[disabled]{visibility:hidden}
.wizard [hidden]{display:none}
.result{background:var(--color-brand-deep);color:var(--color-on-brand-deep);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.result__range{font-size:var(--text-3xl);font-weight:var(--weight-display);line-height:1.1}
.result dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--color-ink-on-dark-muted)}
.result dd{color:var(--color-on-brand-deep);font-weight:var(--weight-medium)}
.form-mini{display:grid;gap:var(--space-3)}
@media (min-width:480px){.form-mini--2{grid-template-columns:1fr 1fr}.form-mini--2 .span{grid-column:1/-1}}
.form-note{font-size:var(--text-sm);color:var(--color-ink-muted)}

/* grids and cards */
.cards{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr))}
.cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cards--3{grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{padding:0;overflow:hidden;gap:0}
@media (prefers-reduced-motion:no-preference){.card{transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
 .mode-components .card:hover{transform:none;box-shadow:none}}
.card:hover{border-color:var(--color-line)}
.card .ph{border-radius:0}
.card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}
@media (min-width:768px){.card__body{padding:var(--space-5)}}
.card__title{font-size:var(--text-lg);font-weight:var(--weight-display);line-height:1.3;overflow-wrap:anywhere}
.card__meta{font-size:var(--text-sm);color:var(--color-ink-muted)}
.card__price{font-weight:var(--weight-display);color:var(--color-brand-deep);margin-block-start:auto}
.chip{display:inline-flex;align-items:center;min-block-size:28px;padding-inline:var(--space-3);border-radius:var(--radius-pill);background:var(--color-brand-tint);color:var(--color-brand-deep);font-size:var(--text-xs);font-weight:var(--weight-medium)}
.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}
.product-img{aspect-ratio:1/1;background:var(--color-surface);display:grid;place-items:center;border-block-end:1px solid var(--color-line)}
.product-img .ph{background:var(--color-surface);inline-size:84%;aspect-ratio:1/1}
.mode-components .card{border-color:var(--color-line)}

/* quotable blocks */
.answer{background:none;border-inline-start:4px solid var(--color-brand);border-radius:0;padding:0 var(--space-5);font-size:var(--text-lg);line-height:1.65;max-inline-size:var(--measure)}
.key-facts{background:var(--color-surface-subtle);padding:var(--space-5);border-radius:var(--radius-md)}
.mode-components .key-facts{border-radius:var(--radius-sm)}

/* tables */
.table-wrap{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-md)}
table{border-collapse:collapse;inline-size:100%;min-inline-size:40rem;font-size:var(--text-sm)}
caption{caption-side:top;text-align:start}
caption.band{display:table-caption;padding:var(--space-2) var(--space-4)}
th,td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-line);text-align:start;vertical-align:top}
thead th{background:var(--color-brand-tint);color:var(--color-brand-deep);font-weight:var(--weight-display)}
tbody th{position:sticky;inset-inline-start:0;background:var(--color-surface);font-weight:var(--weight-medium)}
td.num{text-align:end}

/* process */
.steps{display:grid;gap:var(--space-5);counter-reset:s;list-style:none;padding:0;margin:0}
@media (min-width:1024px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}}
.steps li{counter-increment:s;display:flex;flex-direction:column;gap:var(--space-2);border-block-start:2px solid var(--color-brand);padding-block-start:var(--space-4)}
.steps li::before{content:counter(s,decimal-leading-zero);font-weight:var(--weight-condensed);font-stretch:var(--stretch-condensed);color:var(--color-brand);font-size:var(--text-xl)}
.steps b{font-size:var(--text-lg)}

/* field photos */

.field-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.shot{display:flex;flex-direction:column;gap:var(--space-2)}
.shot .ph{--ratio:4 / 3}
.shot__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--color-ink-muted)}
.shot--video .ph{position:relative}
.shot--video .ph::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:52px;block-size:52px;margin:-26px;border-radius:50%;background:var(--color-brand-deep);box-shadow:inset 0 0 0 3px var(--color-on-brand-deep)}

/* brand strip */
.logos{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:inline mandatory;scrollbar-width:none;padding-block:var(--space-2)}
.logos a{flex:0 0 auto;scroll-snap-align:start;display:grid;place-items:center;min-inline-size:9.5rem;min-block-size:64px;padding-inline:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);text-decoration:none;color:var(--color-ink-muted);font-weight:var(--weight-display);letter-spacing:.02em}
.logos a:hover{color:var(--color-brand-deep);border-color:var(--color-brand)}
@media (min-width:1024px){.logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.logos a{min-inline-size:0}}

/* FAQ chat */
.chat{display:flex;flex-direction:column;gap:var(--space-4);max-inline-size:52rem}
/* chat FAQ: avatars outside the bubbles, like a chat (amended 2026-09-27) */
.chat summary{list-style:none;cursor:pointer;display:flex;align-items:flex-end;gap:var(--space-3);align-self:flex-start;max-inline-size:92%}
@media (min-width:768px){.chat summary{max-inline-size:80%}}
.chat summary::-webkit-details-marker{display:none}
.chat .q{background:var(--color-brand-tint);color:var(--color-brand-deep);border:1px solid var(--color-brand);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);border-end-start-radius:var(--radius-sm);line-height:1.45;min-block-size:48px;display:flex;align-items:center}
.chat .tog{flex:none;inline-size:40px;block-size:40px;border-radius:50%;background:var(--color-brand-deep);display:grid;place-items:center;color:var(--color-on-brand-deep)}
.chat .tog svg{inline-size:18px;block-size:18px;stroke:currentColor;stroke-width:2.2;fill:none}
.chat details[open] .tog .v{display:none}
@media (prefers-reduced-motion:no-preference){.chat .tog{transition:transform var(--duration-base) var(--ease-standard)}.chat details[open] .tog{transform:rotate(180deg)}}
.chat details{display:flex;flex-direction:column;gap:var(--space-3)}
.chat .a{align-self:flex-end;display:flex;flex-direction:row;align-items:flex-end;gap:var(--space-3);max-inline-size:92%}
@media (min-width:768px){.chat .a{max-inline-size:85%}}
.chat .a>div{background:var(--color-surface-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border-end-end-radius:var(--radius-sm)}
.surface-subtle .chat .a>div{background:var(--color-surface)}
.chat .mark{flex:none;inline-size:40px;block-size:40px;border-radius:50%;background:var(--color-brand-deep);display:grid;place-items:center}
.chat .mark svg{inline-size:28px;block-size:auto}

/* related, lists */
.links3{display:grid;gap:var(--space-5)}
@media (min-width:768px){.links3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.links3 a{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;border-block-start:1px solid var(--color-line);text-decoration:none;color:var(--color-ink)}
.links3 a b{color:var(--color-brand-deep);text-decoration:underline;text-underline-offset:.2em}
.lists2{display:grid;gap:var(--space-6)}
@media (min-width:768px){.lists2{grid-template-columns:1fr 1fr}}
.linkcols{columns:2;column-gap:var(--space-5);padding:0;margin:0;list-style:none}
.linkcols a{display:inline-flex;align-items:center;min-block-size:44px}

/* architects panel */
.panel{display:grid;gap:var(--space-6);background:var(--color-surface-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}
@media (min-width:768px){.panel{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;padding:var(--space-7)}}
.filetypes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.filetypes div{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}

/* product buy box */
.buy{display:flex;flex-direction:column;gap:var(--space-4)}
.buy__price{font-size:var(--text-2xl);font-weight:var(--weight-display);color:var(--color-brand-deep)}
.buy__specs{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;list-style:none}
.buy__specs li{display:flex;gap:var(--space-2);align-items:center}
.buy__specs li::before{content:"";inline-size:6px;block-size:6px;background:var(--color-brand);flex:none}
.gallery-main{border:1px solid var(--color-line);border-radius:var(--img-radius);background:var(--color-surface);display:grid;place-items:center;padding:var(--space-5)}
.gallery-main .ph{background:var(--color-surface);border:0}
.thumbs{display:flex;gap:var(--space-2);margin-block-start:var(--space-3)}
.thumbs button{inline-size:64px;block-size:64px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-xs);color:var(--color-ink-muted);cursor:pointer}
.thumbs button[aria-current=true]{border:2px solid var(--color-brand-deep)}
.files{display:flex;flex-direction:column;border-block-start:1px solid var(--color-line)}
.file{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding-block:var(--space-4);border-block-end:1px solid var(--color-line)}
.stock{color:var(--color-success);font-weight:var(--weight-medium);font-size:var(--text-sm)}

/* local */
.local{display:grid;gap:var(--space-6)}
@media (min-width:768px){.local{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.map-facade{position:relative}
.map-facade .ph{--ratio:4 / 3}
.map-facade .btn{position:absolute;inset-block-end:var(--space-4);inset-inline-start:var(--space-4)}

/* contact block */
.contact{display:grid;gap:var(--space-6)}
@media (min-width:768px){.contact{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.contact__side{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}
.contact__phone{font-size:var(--text-2xl);font-weight:var(--weight-display);text-decoration:none}
.hours{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);font-size:var(--text-sm)}
@media (max-width:767.98px){.contact__side{order:-1}}

/* CTA band */
.cta-band{text-align:center}
.cta-band .stack{align-items:center}
.cta-band .cluster{justify-content:center}

/* footer */
[data-section=footer].on-dark{background:var(--color-surface-inverse)}
.footer__brand{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-ink-on-dark-muted)}
.footer__brand svg{inline-size:150px;block-size:auto}
.footer__title{font-weight:var(--weight-display);color:var(--color-ink-on-dark)}
.footer__acc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.footer__acc a{display:inline-flex;align-items:center;min-block-size:40px;color:var(--color-ink-on-dark-muted)}
.footer__legal{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);color:var(--color-ink-on-dark-muted)}

/* placeholders in copy */
mark.ph-text{box-shadow:inset 0 -2px 0 var(--color-accent)}
.on-brand mark.ph-text{color:inherit}
.ph--white{background:var(--color-surface)}
.section-head .muted{max-inline-size:var(--measure)}
.sticky-cta a:first-child{background:var(--color-accent);color:var(--color-on-accent)}
.sticky-cta a:last-child{background:var(--color-brand-deep);color:var(--color-on-brand-deep)}
@media (min-width:1024px){.nav a.nav__extra{display:none}}
.header__logo{flex:none}
@media (max-width:479.98px){.tab{font-size:var(--text-xs)}}
.breadcrumb li{unicode-bidi:normal}
.table--spec table{min-inline-size:0}
.map-facade .btn{inset-inline-start:auto;inset-inline-end:var(--space-4)}
.pdp{display:grid;gap:var(--space-5);grid-template-areas:"title" "gallery" "buy"}
.pdp__title{grid-area:title;display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}
.pdp__gallery{grid-area:gallery}
.pdp__buy{grid-area:buy}
@media (min-width:768px){.pdp{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"title gallery" "buy gallery";column-gap:var(--space-7);align-items:start}}
.band>*{unicode-bidi:isolate}

/* ---- gate 3 amendments (2026-09-26) ---- */
.icon--sm{inline-size:16px;block-size:16px}
.hide-sm{display:none}
@media (min-width:768px){.hide-sm{display:inline}}
/* util row */
@media (min-width:1024px){
 .util .wrap{gap:var(--space-5)}
 .util a{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:36px}
 .util__service{font-weight:var(--weight-medium)}
 .util__end{margin-inline-start:auto;display:flex;gap:var(--space-5)}
 .util__phone{margin-inline-start:0}}
/* header actions */
.header__actions{display:flex;align-items:center;gap:var(--space-1)}
.icon-btn{inline-size:44px;block-size:44px;display:grid;place-items:center;border:0;background:none;color:var(--color-ink);border-radius:var(--radius-md);cursor:pointer}
.icon-btn:hover{background:var(--color-surface-subtle)}
.header__cta{min-block-size:44px;padding-inline:var(--space-4);font-size:var(--text-sm);margin-inline-end:var(--space-1)}
@media (min-width:768px){.header__cta{padding-inline:var(--space-6);font-size:var(--text-base)}}
@media (max-width:379.98px){.icon-btn--wa{display:none}.header__logo svg{inline-size:92px}}
@media (min-width:1024px){.icon-btn--wa{display:none}.header__actions{gap:var(--space-3)}.header__actions [data-finder]{order:-1}.header__cta{margin-inline-end:0}}
/* drawer from the hamburger side (inline-end) */
@media (max-width:1023.98px){
 .nav{transform:translateX(calc(var(--dir) * 100%))}
 .nav.is-open{transform:none}
 .nav__close{align-self:flex-end}
 .nav__extra{display:flex;flex-direction:column;margin-block-start:var(--space-5)}
 .nav__extra>a{font-size:var(--text-base);min-block-size:48px}
 .nav__contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-block-start:var(--space-5)}
 .nav__contact .btn{border-block-end:1.5px solid var(--color-brand-deep);font-size:var(--text-base);min-block-size:48px}}
@media (min-width:1024px){.nav .nav__extra{display:none}}
/* finder dialog */
.finder{border:0;padding:0;margin:0;inline-size:100%;max-inline-size:none;max-block-size:100dvh;inset-block-start:0;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-3);border-block-end:3px solid var(--color-brand)}
.finder::backdrop{background:var(--color-scrim)}
.finder__inner{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-5) var(--space-6)}
.finder__head{display:flex;align-items:center;justify-content:space-between}
.finder__form{display:flex;gap:var(--space-3)}
.finder__form input{flex:1;min-block-size:52px;font-size:var(--text-lg);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding-inline:var(--space-4)}
.finder__form .btn{flex:none}
.finder__wiz{border-block-start:1px solid var(--color-line);padding-block-start:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}
.chip--link{min-block-size:36px;text-decoration:none;font-size:var(--text-sm)}
.chip--link:hover{background:var(--color-brand);color:var(--color-on-brand)}
@media (max-width:767.98px){.finder{block-size:100dvh}.finder__form .btn{padding-inline:var(--space-4)}}
@media (min-width:768px){.finder .opts{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* sticky bar: only after the hero */
.sticky-cta{transform:translateY(110%);visibility:hidden}
.sticky-cta.is-on{transform:none;visibility:visible}
@media (prefers-reduced-motion:no-preference){.sticky-cta{transition:transform var(--duration-base) var(--ease-standard),visibility var(--duration-base)}}
.sticky-cta a{gap:var(--space-2);display:flex;align-items:center;justify-content:center}
.sticky-cta .icon{inline-size:20px;block-size:20px}
/* home hero on media */
.hero--media{position:relative;isolation:isolate;overflow:hidden;background:var(--color-brand-deep)}
.hero__media{position:absolute;inset:0;z-index:-1}
.hero__media .ph{block-size:100%;aspect-ratio:auto;border-radius:0;background:repeating-linear-gradient(135deg,var(--color-brand-deep) 0 14px,var(--color-brand) 14px 15px);color:var(--color-ink-on-dark-muted);place-items:start end;padding:var(--space-4) var(--space-5)}
.hero__media::after{content:"";position:absolute;inset:0;background:var(--color-scrim)}
.hero--media .wrap{position:relative}
@media (min-width:1024px){.hero--media{min-block-size:520px;display:grid;align-items:center}}
.hero__pause{position:absolute;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);inline-size:44px;block-size:44px;border-radius:50%;border:1px solid var(--color-on-brand-deep);background:none;color:var(--color-on-brand-deep);display:none;place-items:center;cursor:pointer}
@media (min-width:1024px){.hero__pause{display:grid}}
.hero-form{background:var(--color-surface-raised);color:var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}
@media (min-width:768px){.hero-form{padding:var(--space-6)}}
.hero-form .form-mini{grid-template-columns:1fr}
/* calculators entry cards */
.calc-card .tile{gap:var(--space-2)}
.calc-card .card__price{font-weight:var(--weight-medium);color:var(--color-ink)}
.calc-card .go{font-weight:var(--weight-medium);color:var(--color-brand-deep)}
/* clients */
.clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
@media (min-width:768px){.clients{grid-template-columns:repeat(6,minmax(0,1fr))}}
.clients .ph{--ratio:3 / 2;place-items:center;text-align:center;border:1px solid var(--color-line);background:var(--color-surface)}
.segs{margin-block-start:var(--space-6);padding-block-start:var(--space-5);border-block-start:1px solid var(--color-line)}
.segs ul{list-style:none;margin:0;padding:0;display:grid;gap:0 var(--space-6)}
@media (min-width:768px){.segs ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.segs a{display:flex;align-items:center;min-block-size:44px;border-block-end:1px solid var(--color-line);text-decoration:none;font-weight:var(--weight-medium)}
.segs a:hover{color:var(--color-brand)}
/* service section */
.service{display:grid;gap:var(--space-6)}
@media (min-width:1024px){.service{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}
.service__links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-5)}
.service__links a{display:flex;align-items:center;min-block-size:44px;border-block-end:1px solid var(--color-line);text-decoration:none;font-weight:var(--weight-medium)}
.service__panel{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-1)}
.service__panel ul{margin:0;padding-inline-start:var(--space-5)}
.chips .chip a{text-decoration:none;color:inherit}
/* articles */
.post-card .ph{--ratio:16 / 9}
.post-card time{font-size:var(--text-sm);color:var(--color-ink-muted)}
/* video marker with a play triangle */
.shot--video .ph::before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;margin-block-start:-9px;margin-inline-start:-5px;border-block:9px solid transparent;border-inline-start:14px solid var(--color-on-brand-deep);transform:scaleX(var(--dir));z-index:1}
/* tap targets */
.footer__acc a{min-block-size:44px}
.footer__legal a{display:inline-flex;align-items:center;min-block-size:44px}
.textlink{display:inline-flex;align-items:center;min-block-size:44px}
.hero__proof a{display:inline-flex;align-items:center;min-block-size:44px}
@media (max-width:767.98px){.header__bar{gap:var(--space-2)}.header__logo svg{inline-size:96px}.header__actions{gap:0}.header__cta{padding-inline:var(--space-3);margin-inline-end:var(--space-1)}}
.contact>*{min-inline-size:0}
.form-mini>*{min-inline-size:0}
input[type=file]{max-inline-size:100%;font-size:var(--text-sm)}
textarea{inline-size:100%;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding:var(--space-3);font:inherit}
.textlink,.hero__proof a{gap:.3em}
.hero__media .ph{place-items:end start;padding-block-end:var(--space-3)}
caption.band .band__sep{margin-inline:.4em}
.finder__form input{min-inline-size:0}
@media (max-width:767.98px){.finder__form .btn{font-size:0;gap:0;padding-inline:var(--space-3);min-inline-size:52px}.finder__form .btn .icon{font-size:var(--text-base)}}
.nav__contact .btn{white-space:nowrap;padding-inline:var(--space-3);gap:var(--space-2)}
.chip:has(>a){padding:0}
.chip>a{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:var(--space-4)}
/* article */
.art-head{display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:52rem}
.art-grid{display:grid;gap:var(--space-7)}
@media (min-width:1024px){.art-grid{grid-template-columns:minmax(0,1fr) 16rem;align-items:start}}
.art-body{max-inline-size:var(--measure)}
.art-body h2{margin-block-start:var(--space-7)}
.art-body h3{margin-block-start:var(--space-5)}
.art-body .table-wrap{margin-block:var(--space-5)}
.art-body ol{padding-inline-start:var(--space-5)}
.art-body ol li{margin-block-end:var(--space-3)}
.art-fig{margin-block:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.art-side{display:none}
@media (min-width:1024px){.art-side{display:block;position:sticky;inset-block-start:calc(var(--header-h) + var(--space-5))}[data-section=answer] .toc{display:none}}
.toc summary{cursor:pointer;font-weight:var(--weight-medium);min-block-size:44px;display:flex;align-items:center}
.toc ol{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--color-line)}
.toc a{display:block;padding:var(--space-2) var(--space-4);text-decoration:none;color:var(--color-ink-muted);font-size:var(--text-sm);line-height:1.4}
.toc li{border-inline-start:2px solid transparent;margin-inline-start:-2px}
.toc li:hover{border-inline-start-color:var(--color-brand)}
.toc a:hover{color:var(--color-brand-deep)}
[data-section=answer] .toc{margin-block-start:var(--space-5);background:var(--color-surface-subtle);border-radius:var(--radius-md);padding-inline:var(--space-4)}
.callout{margin-block:var(--space-6);padding:var(--space-5);border:1px solid var(--color-line);border-inline-start:4px solid var(--color-brand);border-radius:var(--radius-md);background:var(--color-surface-raised);display:flex;flex-direction:column;gap:var(--space-3)}
.author{display:flex;gap:var(--space-4);align-items:center;max-inline-size:var(--measure);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg)}
.author__mark{flex:none;inline-size:56px;block-size:56px;border-radius:50%;background:var(--color-brand-deep);color:var(--color-on-brand-deep);display:grid;place-items:center}
.author__mark svg{inline-size:40px;block-size:auto;color:var(--color-on-brand-deep)}

.author__mark .logo{color:var(--color-on-brand-deep);--logo-k:var(--color-brand-deep)}
.art-grid>*{min-inline-size:0}
.is-article [data-section=body]{padding-block-start:var(--space-5)}
.is-article [data-section=answer]{padding-block-end:0}
.art-body h2.title-sm{font-size:var(--text-2xl)}

/* privacy consent (amended 2026-09-27) */
.consent{display:flex;align-items:flex-start;gap:var(--space-3);min-block-size:44px;font-size:var(--text-sm)}
.consent input{flex:none;inline-size:22px;block-size:22px;margin-block-start:.1em;accent-color:var(--color-brand-deep)}
.consent label{font-weight:var(--weight-body);line-height:1.5;padding-block:.1em}
/* home: solutions by customer type, master and detail (amended 2026-09-27) */
.icon--md{inline-size:28px;block-size:28px}
.sol{display:grid;gap:var(--space-5)}
@media (min-width:1024px){.sol{grid-template-columns:18rem minmax(0,1fr);gap:var(--space-6);align-items:start}}
.sol__tabs{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:inline mandatory;scrollbar-width:none;padding-block-end:var(--space-1)}
@media (min-width:1024px){.sol__tabs{flex-direction:column;overflow:visible}}
.sol__tab{flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:var(--space-3);min-block-size:48px;padding-inline:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);font:inherit;font-weight:var(--weight-medium);cursor:pointer;text-align:start}
.sol__tab .icon{color:var(--color-brand)}
.sol__tab:hover{border-color:var(--color-brand)}
.sol__tab[aria-selected=true]{background:var(--color-brand-deep);border-color:var(--color-brand-deep);color:var(--color-on-brand-deep)}
.sol__tab[aria-selected=true] .icon{color:var(--color-on-brand-deep)}
.sol__panel{display:grid;gap:var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}
@media (min-width:768px){.sol__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:var(--space-6)}}
.sol__panel[hidden]{display:none}
.sol__body{display:flex;flex-direction:column;gap:var(--space-3)}
.sol__panel .ph{border-radius:var(--radius-md)}
/* ---- round 5: remaining templates ---- */
.hero--compact{padding-block:var(--space-6)}
.hero--compact .hero__text{max-inline-size:52rem}
.btn--sm{min-block-size:36px;padding-inline:var(--space-3);font-size:var(--text-sm)}
.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-block-end:var(--space-5);padding:var(--space-3);background:var(--color-surface-subtle);border-radius:var(--radius-md)}
.surface-subtle .filterbar{background:var(--color-surface)}
.fchip{min-block-size:36px;padding-inline:var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface);font:inherit;font-size:var(--text-sm);cursor:pointer;color:var(--color-ink)}
.fchip[aria-pressed=true]{background:var(--color-brand-deep);border-color:var(--color-brand-deep);color:var(--color-on-brand-deep)}
.mode-components .fchip{border-radius:var(--radius-sm)}
.mode-components .fchip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}
.viewtoggle{margin-inline-start:auto;display:flex;gap:var(--space-1)}
.tiles4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
@media (min-width:768px){.tiles4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ctile{display:flex;align-items:center;gap:var(--space-3);min-block-size:64px;padding-inline:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-ink);font-weight:var(--weight-medium);background:var(--color-surface-raised)}
.ctile .icon{color:var(--color-brand)}
.ctile:hover{border-color:var(--color-brand)}
.library{display:flex;flex-direction:column;border-block-start:1px solid var(--color-line)}
.librow{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3) var(--space-4);align-items:center;padding-block:var(--space-4);border-block-end:1px solid var(--color-line)}
@media (min-width:1024px){.librow{grid-template-columns:72px minmax(0,1fr) auto}}
.librow__files{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
@media (min-width:1024px){.librow__files{grid-column:auto;grid-template-columns:repeat(4,8.5rem)}}
.filebtn{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-block-size:56px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);text-decoration:none;color:var(--color-ink)}
.filebtn:hover{border-color:var(--color-brand)}
.filebtn .band{font-size:var(--text-2xs)}
.filecounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);background:var(--color-surface-raised);color:var(--color-ink);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-3)}
.filecounts>div{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md)}
.filecounts b{font-size:var(--text-2xl)}
.brandpanel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5)}
.certs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);max-inline-size:40rem}
@media (min-width:768px){.certs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cert{display:flex;flex-direction:column;gap:var(--space-2);border:0;background:none;padding:0;cursor:pointer;text-align:start;font:inherit;color:inherit}
.cert .ph{border:1px solid var(--color-line)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
@media (min-width:768px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.facts>div{display:flex;flex-direction:column;gap:var(--space-1);padding-inline-start:var(--space-4);border-inline-start:4px solid var(--color-brand)}
.facts b{font-size:var(--text-xl);color:var(--color-brand-deep)}
.facts span{font-size:var(--text-sm);color:var(--color-ink-muted)}
.projimg{position:relative}
.projimg .ph{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.projcap{position:absolute;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-scrim);color:var(--color-on-brand-deep);font-size:var(--text-sm)}
.places{display:grid;gap:var(--space-5)}
@media (min-width:768px){.places{grid-template-columns:1fr 1fr}}
.place{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5)}
.jobs{display:flex;flex-direction:column;border-block-start:1px solid var(--color-line)}
.job{display:grid;gap:var(--space-1);padding-block:var(--space-4);border-block-end:1px solid var(--color-line);text-decoration:none;color:var(--color-ink)}
@media (min-width:768px){.job{grid-template-columns:minmax(0,2fr) minmax(0,2fr) auto;align-items:center}}
.job b{font-size:var(--text-lg)}
.job__go{color:var(--color-brand-deep);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:.2em}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.checks li{display:flex;gap:var(--space-2);align-items:flex-start}
.checks li::before{content:"";flex:none;inline-size:.5em;block-size:.9em;margin-block-start:.2em;border-inline-end:2.5px solid currentColor;border-block-end:2.5px solid currentColor;transform:rotate(45deg) scaleX(var(--dir))}
.lp-hero .checks{font-size:var(--text-lg);color:var(--color-on-brand-deep)}
.offer .card__body{display:flex;flex-direction:column;gap:var(--space-3);block-size:100%}
.offer .offer__price{font-size:var(--text-3xl);font-weight:var(--weight-display);color:var(--color-brand-deep)}
.offer .btn{margin-block-start:auto}
.header--min .header__actions{margin-inline-start:auto;gap:var(--space-2)}
.header--min .header__logo{margin-inline-end:0}
.header__tel{min-block-size:44px;gap:var(--space-2);padding-inline:var(--space-4)}
.footer--min{padding-block:var(--space-5)}
.ty__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
@media (min-width:768px){.ty__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ty__steps li{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-ink-on-dark-muted);border-radius:var(--radius-md)}
.ty__steps span{color:var(--color-ink-on-dark-muted);font-size:var(--text-sm)}
.pcard .wrap{max-inline-size:30rem}
.pcard__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}
.pcard__logo svg{inline-size:120px;block-size:auto}
.pcard__logo .logo{color:var(--color-on-brand-deep);--logo-k:var(--color-brand-deep)}
.pcard__photo{inline-size:160px;border-radius:50%;overflow:hidden;border:4px solid var(--color-on-brand-deep)}
.pcard__photo .ph{border-radius:50%}
.is-card main .wrap{max-inline-size:30rem}
.pcard__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-block-end:var(--space-5)}
.pbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:88px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-raised);text-decoration:none;color:var(--color-brand-deep);font-weight:var(--weight-medium);box-shadow:var(--shadow-1)}
.pbtn .icon{inline-size:28px;block-size:28px}
.pricelist table{min-inline-size:56rem}
.qty{inline-size:4.5rem;min-block-size:36px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding-inline:var(--space-2)}
.pbtn--primary{flex-direction:column;min-block-size:88px;border-radius:var(--radius-lg)}
.table-wrap{position:relative}
.pbtn.pbtn--primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}
.is-card .contact{grid-template-columns:1fr}
.librow__name{min-inline-size:12rem}
/* landing, round 6 */
.lp-hero .hero__lead{color:var(--color-on-brand-deep)}
.trustrow{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.trustrow>span{padding:var(--space-1) var(--space-3);border:1px solid var(--color-ink-on-dark-muted);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-on-brand-deep)}
.offer .product-img{border-block-end:1px solid var(--color-line)}
.offer .offer__price span{font-size:var(--text-sm);font-weight:var(--weight-body)}
.vs{display:grid;gap:var(--space-4)}
@media (min-width:768px){.vs{grid-template-columns:1fr 1fr}}
.vs__col{padding:var(--space-5);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3)}
.vs__col--them{background:var(--color-surface-subtle);color:var(--color-ink-muted)}
.vs__col--us{background:var(--color-surface-raised);border:2px solid var(--color-brand-deep);box-shadow:var(--shadow-2)}
.xlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.xlist li{display:flex;gap:var(--space-2)}
.xlist li::before{content:"×";flex:none;font-weight:var(--weight-display)}
.steps--3{grid-template-columns:1fr}
@media (min-width:768px){.steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lp-final{display:grid;gap:var(--space-6);align-items:center}
@media (min-width:768px){.lp-final{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.lp-final .checks{color:var(--color-on-brand-deep)}
.hero-form .muted{color:var(--color-ink-muted)}

/* ---- theme additions (build 2026-09-30) ---- */
.logo .k{fill:var(--logo-k,var(--color-surface))}.logo{color:var(--color-ink)}.on-dark .logo,.chat .mark .logo{color:var(--color-on-brand-deep)}.on-dark .logo{--logo-k:var(--color-surface-inverse)}.chat .mark .logo{--logo-k:var(--color-brand-deep)}
.form-mini .field.is-invalid input,.form-mini .field.is-invalid select{border-color:var(--color-danger,#B3261E)}
.form-mini .field__error{display:block;color:var(--color-danger,#B3261E);font-size:var(--text-sm);margin-block-start:var(--space-1)}
.form-mini[aria-busy=true] button[type=submit]{opacity:.6;pointer-events:none}
.form-mini .form-status{grid-column:1/-1;font-size:var(--text-sm)}
.form-mini .form-status--error{color:var(--color-danger,#B3261E)}
.form-mini .hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.form-success{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-subtle)}
.finder__results{display:grid;gap:var(--space-2);margin-block-start:var(--space-4)}
.finder__results a{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-ink)}
.finder__results img{inline-size:48px;block-size:48px;object-fit:contain;background:#fff;border-radius:var(--radius-sm)}
.finder__results .small{margin-inline-start:auto}
.ph-block{border:1px dashed var(--color-line-strong,#999);padding:var(--space-3);border-radius:var(--radius-sm);margin-block:var(--space-4)}
.jobs .job{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-3)}
.jobs .job summary{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;cursor:pointer;list-style:none}
.jobs .job summary::-webkit-details-marker{display:none}
.jobs .job__title{font-weight:700}
.jobs .job .prose{margin-block-start:var(--space-3)}
.hero__media img,.hero__media video{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.hero__media .is-hidden{opacity:0}
.hero__media img{transition:opacity .8s}
.hero__media .hero__slide{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;opacity:0;transition:opacity 1s}
.hero__media .hero__slide.is-on{opacity:1}
.gallery-main img{inline-size:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:var(--radius-md)}
.thumbs img{inline-size:56px;block-size:56px;object-fit:contain;background:#fff}
.product-img img,.shot img,.projimg img,.art-fig img,.card>img,.post-card>img{inline-size:100%;aspect-ratio:var(--ratio,4/3);object-fit:cover;border-radius:var(--radius-sm)}
.product-img img{object-fit:contain;background:#fff;aspect-ratio:1}
.post-card>img{aspect-ratio:16/9;border-end-start-radius:0;border-end-end-radius:0}
.brandpanel img{inline-size:100%;max-inline-size:320px;margin-inline:auto;padding:var(--space-5);background:#fff;border-radius:var(--radius-md)}
.logos img{block-size:32px;inline-size:auto;filter:grayscale(1);opacity:.8}
.clients img{inline-size:100%;aspect-ratio:3/2;object-fit:contain;filter:grayscale(1);opacity:.75}
.map-facade img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md)}
.map-facade iframe{inline-size:100%;aspect-ratio:4/3;border:0;border-radius:var(--radius-md)}
.hero-form .form-mini{display:grid;gap:var(--space-3)}
.wp-block-image img{border-radius:var(--radius-sm)}
.prose h2{margin-block:var(--space-6) var(--space-3)}
.prose h3{margin-block:var(--space-5) var(--space-2)}
.prose>p+p,.prose ul,.prose ol{margin-block-start:var(--space-3)}
.prose ul,.prose ol{padding-inline-start:1.25em}
.prose li+li{margin-block-start:var(--space-1)}
.prose .table-wrap{margin-block:var(--space-4)}
.prose img{border-radius:var(--radius-sm)}
.ty__ref{font-family:var(--font-mono,monospace);letter-spacing:.05em}
.style-guide section{padding-block:var(--space-6);border-block-end:1px solid var(--color-line)}
.wc-cal .wscgc-wrap{max-inline-size:none}
.admin-bar .sticky-cta{inset-block-end:0}
.skip-link{position:absolute;inset-inline-start:0;inset-block-start:-100px;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#141414;z-index:100}
.skip-link:focus{inset-block-start:0}
.filterbar[data-live] .fchip{cursor:pointer}
.card.is-filtered-out{display:none}
.linkcols{columns:2;gap:var(--space-5)}
@media (min-width:768px){.linkcols{columns:3}}
.solutions-grid .card .tile p{margin:0}
.sol>*{min-inline-size:0}.sol__tabs{inline-size:100%;max-inline-size:100%}