:root{
  --bg:#FFFFFF;
  --bg2:#F3F4F4;
  --bg3:#FFFFFF;
  --bg4:#E8EAEB;
  --line:#DADDDF;
  --line2:#A9AEB2;
  --ink:#1D1D1B;
  --ink2:#3A3D40;
  --ink3:#5E6368;
  --acc:#D7000F;
  --acc2:#B8000D;
  --acc-ink:#FFFFFF;
  --acc-dim:rgba(0,159,227,.12);
  --acc-txt:#00699A;
  --ok:#1E7A45;
  --no:#C0000C;
  --part:#9A6A12;
  --hdr-bg:rgba(255,255,255,.94);
  --hero-sh:none;
  --hero-ink:#1D1D1B;
  --hero-ink2:#3A3D40;
  --acc-hero:#D7000F;
  --card-bg:#FFFFFF;
  --card-hover:#FFFFFF;
  --card-shadow:none;
  --input-bg:#FFFFFF;
  --ftr-bg:#1D1D1B;
  --cta-bg:#F3F4F4;
  --hw:800;
  --hcase:none;
  --htrack:-.02em;
  --hw-hero:800;
  --r:0px;
  --r2:2px;
}
/* Shared stylesheet. Tokens come first from the site's THEME (prepended at
   build time); everything below reads them, so one stylesheet serves a dark
   industrial site and a light real-estate site alike.
   Rules carried over from earlier builds:
   * [data-reveal] hides only under html.js, which base.js adds first thing;
     watchdogs reveal everything if the observer never fires.
   * grid children are minmax(0,1fr), never 1fr.
   * .btn declares background:none because it is used on <button> too.
   * a media query does not beat a more specific selector.                */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;
  src:url(fonts/archivo-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;
  src:url(fonts/archivo-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo Fallback";src:local("Arial"),local("Helvetica");ascent-override:92%;descent-override:24%;line-gap-override:0%;size-adjust:102%}

:root{
  --wrap:1220px;--gut:clamp(18px,4vw,40px);--r:14px;--r2:22px;
  --fs:clamp(1rem,.96rem + .2vw,1.07rem);--sp:clamp(52px,6.5vw,104px);
  --ease:cubic-bezier(.22,.7,.28,1);
  --ff:"Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ffd:var(--ff);--hw:800;--hcase:none;--htrack:-.022em;
  --shadow:0 18px 44px -20px rgba(0,0,0,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ff);font-size:var(--fs);line-height:1.62;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg{max-width:100%}img{height:auto}svg{display:block}
.ic{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;flex:none}
h1,h2,h3,h4{margin:0;line-height:1.1;letter-spacing:var(--htrack);font-weight:var(--hw);font-family:var(--ffd)}
p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--acc);color:var(--acc-ink);padding:12px 20px;font-weight:700}.skip:focus{left:0}

.wrap{width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto}
.wrap.nar,.sec--nar .wrap{width:min(100% - var(--gut)*2,760px)}
.sec{padding-block:var(--sp)}.sec--alt{background:var(--bg2);border-block:1px solid var(--line)}
.sec--nar+.sec--nar{padding-top:0}
.sec-h{max-width:64ch;margin-bottom:clamp(28px,4vw,52px)}
.sec-h h2{font-size:clamp(1.65rem,1.15rem + 2vw,2.7rem);text-transform:var(--hcase);word-spacing:.04em}
.sec-x{margin-top:14px;color:var(--ink2);font-size:1.05em}
.kick{margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:10px}
.kick::before{content:"";width:26px;height:2px;background:var(--acc);flex:none;border-radius:2px}
.prose p+p{margin-top:1.05em}.prose{color:var(--ink2);max-width:68ch}.prose b{color:var(--ink)}
.lnks{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}

.btn{display:inline-flex;align-items:center;gap:.55em;padding:14px 22px;border-radius:999px;font-weight:700;font-size:.95rem;background:none;border:1.5px solid transparent;transition:.22s var(--ease);transition-property:background,color,border-color,transform,box-shadow;cursor:pointer;line-height:1.2}
.btn .ic{width:1.05em;height:1.05em;transition:transform .22s var(--ease)}.btn:hover .ic{transform:translateX(3px)}
.btn--acc{background:var(--acc);color:var(--acc-ink)}.btn--acc:hover{background:var(--acc2)}
.btn--pri{background:var(--ink);color:var(--bg)}
.btn--out{border-color:var(--line2);color:var(--ink)}.btn--out:hover{border-color:var(--ink3);background:var(--bg3)}
.btn--ghost{padding:10px 4px;border-radius:6px;color:var(--acc-txt,var(--acc));font-size:.92rem}
.btn[disabled]{opacity:.5;cursor:default}

.hdr{position:sticky;top:0;z-index:50;background:var(--hdr-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar{width:min(100% - var(--gut)*2,1330px);margin-inline:auto;height:72px;display:flex;align-items:center;gap:clamp(14px,2vw,34px)}
.logo{display:flex;align-items:center;gap:11px;flex:none;font-weight:800;letter-spacing:-.02em}
.logo img,.logo svg{height:36px;width:auto;display:block;flex:none}
.logo--sm img,.logo--sm svg{height:40px}
.logo-t{font-size:1.15rem;line-height:1;text-transform:var(--logo-case,none);letter-spacing:var(--logo-track,-.02em)}
.logo-t small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-top:4px}
.nav{margin-inline:auto}.nav-l{display:flex;gap:clamp(8px,1.4vw,24px)}
.nav-l a{display:block;padding:9px 4px;font-size:.92rem;font-weight:600;color:var(--ink2);border-bottom:2px solid transparent;transition:.2s}
.nav-l a:hover{color:var(--ink)}.nav-l a.on{color:var(--ink);border-color:var(--acc)}
.hdr-r{display:flex;align-items:center;gap:10px;flex:none}.hdr-cta{padding:10px 18px;font-size:.88rem}
.lang{position:relative}
.lang-b{display:flex;align-items:center;gap:5px;background:none;border:1.5px solid var(--line2);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;cursor:pointer;letter-spacing:.04em}
.lang-b .ic{width:.9em;height:.9em;transition:transform .2s}.lang-b[aria-expanded=true] .ic{transform:rotate(90deg)}
.lang-m{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;background:var(--bg3);border:1px solid var(--line2);border-radius:12px;padding:6px;box-shadow:var(--shadow);z-index:60}
.lang-m a{display:flex;gap:10px;align-items:baseline;padding:9px 12px;border-radius:8px;font-size:.9rem}.lang-m a span{color:var(--ink3);font-size:.84em}
.lang-m a:hover{background:var(--bg4)}.lang-m a.on{color:var(--acc-txt,var(--acc))}
.burger{display:none;background:none;border:1.5px solid var(--line2);border-radius:10px;width:42px;height:42px;align-items:center;justify-content:center;cursor:pointer}
.burger .ic{width:1.3em;height:1.3em}.burger .i-close,.burger[aria-expanded=true] .i-open{display:none}.burger[aria-expanded=true] .i-close{display:inline-block}
.mob{border-top:1px solid var(--line);background:var(--bg2)}
.mob-in{width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto;padding:18px 0 26px}
.mob-l{flex-direction:column;gap:0}.mob-l a{padding:14px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
.mob-cta{margin-top:20px;width:100%;justify-content:center}

.hero{position:relative;min-height:min(88vh,780px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.hero--short{min-height:min(62vh,560px)}
.hero-bg{position:absolute;inset:0}.hero-bg--plain{background:var(--hero-plain,var(--bg2))}
.hero-v,.hero-i{width:100%;height:100%;object-fit:cover;display:block}
.hero-i{aspect-ratio:auto}
.hero-sh{position:absolute;inset:0;background:var(--hero-sh)}
.hero-in{position:relative;padding-block:clamp(52px,8vw,96px);max-width:900px}
.kick--hero{color:var(--acc-hero,var(--acc))}
.hero-h{font-size:clamp(2.3rem,1.2rem + 5.2vw,4.9rem);text-transform:var(--hcase);letter-spacing:-.028em;word-spacing:.06em;line-height:.98;font-weight:var(--hw-hero,900);color:var(--hero-ink,var(--ink))}
.hero-l{margin-top:22px;max-width:56ch;font-size:clamp(1.03rem,.98rem + .5vw,1.26rem);color:var(--hero-ink2,var(--ink2))}
.hero-b{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.hero-n{margin-top:24px;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;color:var(--hero-ink2,var(--ink3));font-weight:600}
.hero-st{margin-top:34px;display:flex;flex-wrap:wrap;gap:28px 44px}
.hero-st li{display:flex;flex-direction:column;gap:4px}.hero-st b{font-size:1.9rem;font-weight:900;line-height:1;color:var(--hero-ink,var(--ink))}.hero-st span{font-size:.84rem;color:var(--hero-ink2,var(--ink3))}

.phead{padding-block:clamp(44px,6vw,84px) clamp(26px,3vw,40px);border-bottom:1px solid var(--line);background:var(--phead-bg,linear-gradient(180deg,var(--bg2),var(--bg)))}
.phead-in{max-width:960px}.phead--img .phead-in{max-width:none;display:grid;gap:clamp(28px,4vw,60px);grid-template-columns:minmax(0,1fr);align-items:center}
.phead h1{font-size:clamp(1.9rem,1.2rem + 3.2vw,3.4rem);text-transform:var(--hcase);letter-spacing:-.026em;word-spacing:.06em;font-weight:var(--hw-hero,900)}
.lead{margin-top:20px;font-size:clamp(1.02rem,.98rem + .42vw,1.2rem);color:var(--ink2);max-width:62ch}
.phead .lnks{margin-top:26px}
.crumbs{padding-block:14px;border-bottom:1px solid var(--line);background:var(--bg2);font-size:.82rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;color:var(--ink3);width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line2)}.crumbs a:hover{color:var(--acc-txt,var(--acc))}
.subnav{background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:40}
.subnav ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;white-space:nowrap;padding:15px 14px;font-size:.88rem;font-weight:600;color:var(--ink3);border-bottom:2px solid transparent}
.subnav a:hover{color:var(--ink2)}.subnav a.on{color:var(--acc-txt,var(--acc));border-color:var(--acc)}

.split{display:grid;gap:clamp(30px,5vw,70px);align-items:center;grid-template-columns:minmax(0,1fr)}
.ph{display:block;width:100%;border-radius:var(--r2);border:1px solid var(--line);aspect-ratio:var(--ar);object-fit:cover;background:var(--bg3)}
.split h2{font-size:clamp(1.55rem,1.1rem + 1.9vw,2.5rem);text-transform:var(--hcase);word-spacing:.04em}.split .prose{margin-top:20px}.split .blist{margin-top:22px}

.grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.card,.lcard,.tile{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(22px,2.4vw,30px);height:100%;transition:.25s var(--ease);transition-property:border-color,background,transform,box-shadow;box-shadow:var(--card-shadow,none)}
.card-i{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:12px;background:var(--acc-dim);color:var(--acc-txt,var(--acc));margin-bottom:18px}
.card-i .ic{width:1.35em;height:1.35em}
.card h3,.lcard h3,.tile h3{font-size:1.14rem;letter-spacing:-.012em}
.card p,.lcard p,.tile p{margin-top:10px;color:var(--ink2);font-size:.96rem}
.card--l{padding:0}.card--l>a{display:block;padding:clamp(22px,2.4vw,30px);height:100%;position:relative}
.card--img{overflow:hidden}.card--img>a{padding-top:0}.card-img{border-radius:0;border:0;margin:0 calc(-1 * clamp(22px,2.4vw,30px)) 18px;width:calc(100% + 2 * clamp(22px,2.4vw,30px));max-width:none;aspect-ratio:16/10}
.card:not(.card--l).card--img{padding-top:0}
.card--l:hover,.lcard:hover{border-color:var(--line2);background:var(--card-hover,var(--bg4));transform:translateY(-2px)}
.card-go{display:inline-flex;margin-top:16px;color:var(--acc-txt,var(--acc))}
.lcards{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.lcard{padding:0}.lcard>a{display:block;padding:clamp(22px,2.4vw,30px);height:100%}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--ink3)}

.steps{display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
.step{position:relative;padding-top:24px;border-top:2px solid var(--line2)}
.step-n{position:absolute;top:-14px;left:0;background:var(--bg2);padding-right:12px;font-size:.82rem;font-weight:800;letter-spacing:.16em;color:var(--acc-txt,var(--acc))}
.step h3{font-size:1.18rem}.step p{margin-top:12px;color:var(--ink2);font-size:.97rem}

.nums{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;grid-template-columns:minmax(0,1fr)}
.num{background:var(--bg);padding:clamp(22px,2.4vw,32px)}.num-n{font-size:.8rem;font-weight:800;letter-spacing:.16em;color:var(--acc-txt,var(--acc))}
.num h3{margin-top:12px;font-size:1.08rem;text-transform:var(--hcase)}.num p{margin-top:10px;color:var(--ink2);font-size:.94rem}
.stats{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{padding:clamp(20px,2.4vw,30px);border-left:3px solid var(--acc)}
.stat b{display:block;font-size:clamp(2rem,1.4rem + 2vw,3.2rem);font-weight:900;line-height:1;letter-spacing:-.03em}
.stat span{display:block;margin-top:8px;font-weight:600}.stat small{display:block;margin-top:4px;color:var(--ink3);font-size:.84rem}

.cl{display:grid;gap:1px;background:var(--line)}
.cl-i{background:var(--bg);padding:clamp(20px,2.4vw,28px) 0;display:grid;gap:8px 40px;grid-template-columns:minmax(0,1fr)}
.cl-i h3{font-size:1.06rem}.cl-i p{color:var(--ink2);font-size:.97rem}
.blist{display:grid;gap:12px}.blist li{display:flex;gap:12px;align-items:flex-start;color:var(--ink2)}
.blist .ic{color:var(--acc-txt,var(--acc));margin-top:.35em;width:1.05em;height:1.05em}.blist--sm li{font-size:.94rem}
.note{border-left:3px solid var(--acc);background:var(--bg3);border-radius:0 var(--r) var(--r) 0;padding:clamp(20px,2.4vw,28px)}
.note h2{font-size:1.04rem;text-transform:uppercase;letter-spacing:.04em;color:var(--acc-txt,var(--acc))}.note p{margin-top:12px;color:var(--ink2);font-size:.97rem}

.fls{display:grid;gap:1px;background:var(--line)}.fl{background:var(--bg);padding:clamp(28px,3.2vw,50px) 0}
.fl-h{display:grid;gap:14px 34px;grid-template-columns:minmax(0,1fr)}.fl-n{font-size:2.4rem;font-weight:900;line-height:1;color:var(--line2)}
.fl h2{font-size:clamp(1.3rem,1.05rem + 1.2vw,1.9rem);text-transform:var(--hcase)}.fl-x{margin-top:10px;color:var(--acc-txt,var(--acc));font-size:1.02rem;font-weight:600}.fl-b{margin-top:18px}
.probs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.prob{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(22px,2.4vw,30px)}
.prob-n{font-size:.8rem;font-weight:800;letter-spacing:.16em;color:var(--ink3)}.prob h3{margin-top:12px;font-size:1.08rem}
.prob-p{margin-top:12px;color:var(--ink2);font-size:.95rem}
.prob-s{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink);font-size:.95rem;display:flex;gap:12px;align-items:flex-start}.prob-tag{color:var(--acc-txt,var(--acc));margin-top:.2em;flex:none}
.tiles{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.tile{background:var(--bg)}.tile h3{color:var(--acc-txt,var(--acc))}

.gal{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.gal-i{margin:0}.gal-a{display:block}.gal-i figcaption{margin-top:10px;color:var(--ink3);font-size:.87rem}
.vid{margin:0}.vid video{width:100%;border-radius:var(--r2);border:1px solid var(--line);background:#000;display:block}.vid figcaption{margin-top:10px;color:var(--ink3);font-size:.87rem}
.lb{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:20px}
.lb img{max-width:100%;max-height:100%;border-radius:8px}.lb-x{position:absolute;top:16px;right:16px;background:#fff;color:#000;border:0;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-p,.lb-n{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lb-p{left:14px}.lb-n{right:14px}.lb-p .ic{transform:rotate(180deg)}

.qs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.q{margin:0;background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;gap:20px}
.sec--alt .q{background:var(--bg)}.q blockquote{margin:0;flex:1}.q blockquote p{color:var(--ink);font-size:1rem}
.q blockquote p::before{content:"\201C"}.q blockquote p::after{content:"\201D"}
.q figcaption{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:18px}
.q-face{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;border:1.5px solid var(--line2)}
.q-who{display:flex;flex-direction:column;min-width:0}.q-who b{font-size:.98rem}.q-who span{color:var(--ink3);font-size:.84rem;line-height:1.35}

.tbl-w{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r2);background:var(--card-bg,var(--bg3))}
.tbl{width:100%;font-size:.92rem}.tbl th,.tbl td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--bg4);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line2)}
.tbl tbody th{font-weight:600}.tbl td{color:var(--ink2)}.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}
.tbl-n{margin-top:12px;color:var(--ink3);font-size:.85rem}
.kv{margin:0;border-top:1px solid var(--line)}.kv-r{display:grid;gap:4px 24px;grid-template-columns:minmax(0,1fr);padding:14px 0;border-bottom:1px solid var(--line)}
.kv dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);font-weight:700}.kv dd{margin:0;font-weight:600}
.logos{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:center}.logo-img{height:44px;width:auto;border:0;border-radius:0;aspect-ratio:auto;object-fit:contain;filter:var(--logo-filter,none);opacity:.85}
.logo-t2{font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:var(--ink2);text-transform:uppercase}
.tl{display:grid;gap:0}.tl-i{display:grid;gap:8px 28px;grid-template-columns:minmax(0,1fr);padding:22px 0;border-top:1px solid var(--line)}
.tl-y{font-weight:900;font-size:1.4rem;color:var(--acc-txt,var(--acc));line-height:1.2}.tl-i h3{font-size:1.08rem}.tl-i p{margin-top:8px;color:var(--ink2);font-size:.95rem}
.team{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.person{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:22px;text-align:center}
.person-img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 14px;aspect-ratio:1;border-color:var(--line2)}
.person-ph{display:flex;width:110px;height:110px;border-radius:50%;background:var(--bg4);color:var(--ink3);align-items:center;justify-content:center;margin:0 auto 14px}.person-ph .ic{width:2.4em;height:2.4em}
.person h3{font-size:1.02rem}.person-r{margin-top:4px;color:var(--ink3);font-size:.86rem}.person-c{margin-top:8px;font-size:.88rem;overflow-wrap:anywhere}.person-c a{color:var(--acc-txt,var(--acc))}
.ftr-contact a,.cinfo a,.loc a{overflow-wrap:anywhere}

.cta-s{background:var(--cta-bg,var(--bg2));border-block:1px solid var(--line)}
.cta{display:grid;gap:28px;align-items:center;grid-template-columns:minmax(0,1fr)}
.cta h2{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.4rem);text-transform:var(--hcase);word-spacing:.04em}.cta p{margin-top:14px;color:var(--ink2);max-width:58ch}.cta-b{display:flex;flex-wrap:wrap;gap:12px}

.faq{border-top:1px solid var(--line)}.faq-i{border-bottom:1px solid var(--line)}
.faq-i summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;cursor:pointer;font-weight:600;list-style:none}
.faq-i summary::-webkit-details-marker{display:none}.faq-i summary .ic{color:var(--acc-txt,var(--acc));transition:transform .22s var(--ease);flex:none}.faq-i[open] summary .ic{transform:rotate(90deg)}
.faq-a{padding-bottom:20px;color:var(--ink2);font-size:.97rem;max-width:64ch}
.lg .lg-i+.lg-i{margin-top:38px}.lg h2{font-size:1.12rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;color:var(--acc-txt,var(--acc))}

.tus{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.tu{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column}
.tu--pri{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}.tu h2{font-size:1.28rem;text-transform:var(--hcase)}.tu>p{margin-top:12px;color:var(--ink2);font-size:.96rem}.tu ul{margin-top:20px}.tu-b{margin-top:auto;padding-top:24px}
.prices{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.price{position:relative;background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column}
.price--hi{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}
.price-tag{position:absolute;top:-12px;left:22px;background:var(--acc);color:var(--acc-ink);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.price h3{font-size:1.1rem}.price-n{margin-top:12px;font-size:2rem;font-weight:900;letter-spacing:-.03em;line-height:1}.price-n small{font-size:.85rem;font-weight:500;color:var(--ink3);margin-left:6px;letter-spacing:0}
.price-x{margin-top:10px;color:var(--ink2);font-size:.92rem}.price ul{margin-top:18px}

.cgrid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1fr)}
.form{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(22px,2.6vw,34px)}
.form-i{color:var(--ink2);margin-bottom:20px}.flds{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.fld{display:flex;flex-direction:column;gap:7px}.fld label{font-size:.88rem;font-weight:600}.fld label b{color:var(--acc-txt,var(--acc));margin-left:3px}
.fld input,.fld textarea,.fld select{background:var(--input-bg,var(--bg));border:1.5px solid var(--line2);border-radius:10px;padding:12px 14px;width:100%;transition:border-color .2s}
.fld textarea{resize:vertical;min-height:110px;font-family:inherit}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--acc);outline:none}
.fld input[aria-invalid=true],.fld textarea[aria-invalid=true]{border-color:var(--no)}
.fld--chk label{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--ink2);font-size:.9rem}.fld--chk input{width:auto;margin-top:.3em}
.fld-h{color:var(--ink3);font-size:.8rem}.fld-e{color:var(--no);font-size:.82rem;font-weight:600}
.sel{position:relative;display:block}.sel select{appearance:none;-webkit-appearance:none;padding-right:44px}
.sel .ic{position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--ink3);pointer-events:none}
.hp{position:absolute;left:-9999px}.form-p{margin-top:18px;color:var(--ink3);font-size:.82rem}.form-b{margin-top:20px}
.cinfo{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r2);padding:clamp(22px,2.6vw,30px);height:fit-content}
.cinfo h2{font-size:1.04rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px}.cinfo-b{margin-top:20px}
.cinfo-n{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink3);font-size:.88rem}
.ftr-contact li{display:flex;gap:11px;align-items:flex-start;color:var(--ink2);font-size:.94rem}.ftr-contact li+li{margin-top:11px}.ftr-contact .ic{color:var(--acc-txt,var(--acc));margin-top:.3em}
.ftr-contact small{display:block;color:var(--ink3);font-size:.8rem}

.map{position:relative;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg3);min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;overflow:hidden}
.map-n{color:var(--ink3);font-size:.84rem;text-align:center;max-width:48ch}.map-l{color:var(--acc-txt,var(--acc));font-size:.88rem;text-decoration:underline;text-underline-offset:3px}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.map--on{min-height:440px}
.map--on .map-l{position:absolute;left:14px;bottom:12px;background:var(--bg);padding:8px 12px;border-radius:8px;text-decoration:none;border:1px solid var(--line2);z-index:1}
.locs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.loc{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(20px,2.2vw,26px)}.loc.off{display:none}
.loc h3{font-size:1.08rem}.loc-x{margin:6px 0 12px;color:var(--ink3);font-size:.86rem}.loc-b{margin-top:14px}

.filters{background:var(--card-bg,var(--bg3));border:1px solid var(--line);border-radius:var(--r2);padding:clamp(18px,2vw,24px);margin-bottom:24px}
.fgrp+.fgrp{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.fgrp-l{display:block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--bg);border:1.5px solid var(--line2);border-radius:999px;padding:8px 16px;font-size:.87rem;font-weight:600;cursor:pointer;color:var(--ink2);transition:.2s var(--ease)}
.chip:hover{border-color:var(--ink3);color:var(--ink)}.chip.on{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.fsearch{display:flex;align-items:center;gap:10px;background:var(--bg);border:1.5px solid var(--line2);border-radius:999px;padding:10px 16px}
.fsearch input{border:0;background:none;flex:1;min-width:0;outline:none}.fsearch .ic{color:var(--ink3)}
.dcount{color:var(--ink3);font-size:.88rem;margin-bottom:16px;font-weight:600}
.dnone{padding:36px;text-align:center;color:var(--ink3);background:var(--bg3);border:1px dashed var(--line2);border-radius:var(--r2)}
.item.off{display:none}

.ftr{background:var(--ftr-bg,var(--bg2));border-top:1px solid var(--line);padding-block:clamp(44px,5vw,72px) 0}
.ftr-g{display:grid;gap:34px;grid-template-columns:minmax(0,1fr)}.ftr-tag{margin-top:14px;color:var(--ink2);font-size:.95rem}
.soc{display:flex;gap:10px;margin-top:20px}.soc a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1.5px solid var(--line2);border-radius:11px;color:var(--ink2);transition:.2s}
.soc a:hover{border-color:var(--acc);color:var(--acc-txt,var(--acc))}
.ftr-c h2{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-bottom:16px}
.ftr-c li+li{margin-top:10px}.ftr-c a{color:var(--ink2);font-size:.94rem}.ftr-c a:hover{color:var(--acc-txt,var(--acc))}
.ftr-b{margin-top:clamp(36px,5vw,60px);padding-block:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--ink3);font-size:.84rem}

html.js [data-reveal]{opacity:0;transform:translateY(22px)}
html.js [data-reveal].in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
@media (prefers-reduced-motion:reduce){html.js [data-reveal]{opacity:1;transform:none}html.js [data-reveal].in{transition:none}}

@media (min-width:600px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lcards,.probs,.tiles,.gal,.qs,.tus,.locs,.prices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flds{grid-template-columns:repeat(2,minmax(0,1fr))}.fld--w{grid-column:1/-1}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr))}.kv-r{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}
  .tl-i{grid-template-columns:110px minmax(0,1fr)}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .steps--2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}.split--flip .split-t{order:2}
  .phead--img .phead-in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .grid--3,.lcards,.qs--3,.gal--3,.probs,.prices--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid--4,.gal--4,.prices--4{grid-template-columns:repeat(4,minmax(0,1fr))}.qs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nums{grid-template-columns:repeat(3,minmax(0,1fr))}.steps--3,.steps--5,.steps--6{grid-template-columns:repeat(3,minmax(0,1fr))}.steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cl-i{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}.fl-h{grid-template-columns:90px minmax(0,1fr)}.fl-b{padding-left:124px}
  .tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.team{grid-template-columns:repeat(3,minmax(0,1fr))}.team--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cta{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.cta-b{justify-content:flex-end}
  .cgrid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.locs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr-g{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
}
@media (max-width:1080px){.bar .nav{display:none}.bar .burger{display:inline-flex}.hdr-cta{display:none}}
@media (max-width:640px){.hero .hero-in{padding-block:44px 52px}.subnav{position:static}}
@media print{.hdr,.ftr,.subnav,.crumbs,.filters,.cta-s,.hero-bg{display:none}body{background:#fff;color:#000}}

@font-face{font-family:"Chivo";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/chivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chivo";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/chivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chivo Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/chivomono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chivo Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/chivomono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chivo Fallback";src:local("Arial"),local("Helvetica");ascent-override:88%;descent-override:22%;line-gap-override:0%;size-adjust:104%}

/* Austrotherm — "Presek / Section".
   The site is drawn like a building-physics section: layered build-ups, the insulation hatch, numbered legends and
   the four slanted bars of the Austrotherm logo read as a thermal scale (black · blue · red · yellow).
   Material colours are data colours only: white EPS, grey graphite EPS (AF PLUS), pink XPS.                       */
:root{
  --ff:"Chivo","Chivo Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ffd:var(--ff);
  --ffm:"Chivo Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --wrap:1240px;--sp:clamp(56px,6.5vw,104px);
  --k:#1D1D1B;--blue:#009FE3;--red:#E30613;--yel:#FFDD00;--blue-t:#00699A;
  --eps:#FFFFFF;--grey:#8D9196;--grey2:#6E7277;--pink:#F3A9C6;--pink2:#E77FAA;--neutral:#D8CBB0;
  --warm1:#FFF6CC;--warm2:#FFE9E4;--soil:#B9AE98;
  --bars:linear-gradient(90deg,var(--k) 0 25%,var(--blue) 25% 50%,var(--red) 50% 75%,var(--yel) 75%);
  --therm:linear-gradient(90deg,var(--blue),#7FC6EA 30%,#F6B1A9 55%,var(--red) 75%,var(--yel));
  --hatch-eps:repeating-linear-gradient(135deg,transparent 0 6px,rgba(29,29,27,.16) 6px 7px);
}
body{font-feature-settings:"kern","liga";letter-spacing:-.003em}
.mono,.kf b{font-family:var(--ffm);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
a{text-underline-offset:3px}
.prose a,.art a,.ftr-c a:hover{color:var(--blue-t)}
.prose a{text-decoration:underline;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:0}

/* header: white bar on top of a thin thermal line */
.hdr{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--therm);opacity:.9}
.bar{height:76px}
.logo svg.logo-svg{height:40px;width:auto}
.logo--sm svg.logo-svg{height:46px}
.lg-k{fill:var(--k)}
.ftr .lg-k{fill:#fff}
.nav-l a{font-weight:600;color:var(--ink2);font-size:.95rem;border-bottom-width:3px}
.nav-l a.on{border-color:var(--red)}
.hdr-cta{border-radius:0}
.btn{border-radius:0;font-weight:700;letter-spacing:.005em}
.btn--acc{background:var(--acc)}
.btn--out{border-color:var(--ink);border-width:1.5px}
.btn--out:hover{background:var(--ink);color:#fff}
.btn--ghost{color:var(--blue-t);padding-inline:0}
.lang-b,.burger,.chip,.fsearch,.fld input,.fld textarea,.fld select,.lang-m{border-radius:0}
.subnav{background:#fff;top:79px}
.subnav a.on{border-color:var(--red);color:var(--ink)}
.crumbs{background:#fff}
@media (max-width:640px){.bar{height:64px}.logo svg.logo-svg{height:32px}}

/* kicker: the four slanted logo bars */
.kick{color:var(--ink2);letter-spacing:.14em;font-size:.74rem}
.kick::before{width:30px;height:9px;border-radius:0;background:var(--bars);transform:skewX(-34deg);margin-left:4px}
.kick--hero{color:var(--ink2)}

h1,h2,h3{text-wrap:balance}
.sec-h h2{font-size:clamp(1.7rem,1.1rem + 2.2vw,2.75rem);letter-spacing:-.025em;font-weight:800}
.sec--alt{background:var(--bg2);border-block:0}
.sec--data{background:linear-gradient(var(--bg),var(--bg)) padding-box}
.lead{color:var(--ink2)}

/* page head: a section strip of material layers on the right edge */
.phead{background:#fff;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.phead::after{content:"";position:absolute;top:0;bottom:0;right:0;width:min(22vw,260px);
  background:linear-gradient(90deg,#fff 0 18%,var(--line) 18% calc(18% + 1px),transparent 0),
    linear-gradient(90deg,transparent 0 22%,var(--pink) 22% 40%,transparent 40% 44%,#EDEEEE 44% 72%,transparent 72% 76%,var(--grey) 76% 86%,transparent 86%),
    var(--hatch-eps);opacity:.55;pointer-events:none;
  -webkit-mask:linear-gradient(90deg,transparent,#000 60%);mask:linear-gradient(90deg,transparent,#000 60%)}
.phead-in{position:relative;z-index:1}
.phead h1{font-weight:800;letter-spacing:-.03em}
@media (max-width:760px){.phead::after{width:70px;opacity:.35}}

/* ---------------------------------------------------------------- home hero */
.hh{padding-block:clamp(36px,5vw,72px) clamp(40px,5vw,80px);border-bottom:1px solid var(--line);background:#fff;overflow:hidden}
.hh-g{display:grid;gap:clamp(32px,4vw,64px);grid-template-columns:minmax(0,1fr);align-items:center}
.hh h1{font-size:clamp(2.1rem,1.2rem + 3.6vw,4.1rem);line-height:1.02;letter-spacing:-.035em;font-weight:900;max-width:15ch}
.hh .lead{margin-top:22px;max-width:56ch;font-size:clamp(1.02rem,.95rem + .35vw,1.18rem)}
.aus{margin-top:34px;border-top:2px solid var(--ink);counter-reset:au}
.au a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 4px 16px 0;border-bottom:1px solid var(--line);position:relative;transition:background .2s}
.au a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:44px;border-right:1px solid var(--line)}
.au--white a::before{background:var(--hatch-eps),#fff}
.au--grey a::before{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.35) 6px 7px),var(--grey)}
.au--pink a::before{background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.45) 5px 6px),var(--pink)}
.au-n{position:relative;z-index:1;width:44px;text-align:center;font-weight:600;font-size:.85rem;color:var(--ink)}
.au--grey .au-n{color:#fff}
.au-b{display:flex;flex-direction:column;gap:2px}.au-b b{font-size:1.12rem;letter-spacing:-.01em}.au-b span{color:var(--ink3);font-size:.93rem}
.au .ic{width:1.2em;height:1.2em;color:var(--red);transition:transform .2s}
.au a:hover{background:var(--bg2)}.au a:hover .ic{transform:translateX(4px)}
.hh-m{position:relative;padding:0 0 26px 0}
.hh-ph{clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:var(--bg2)}
.hh-i{border:0;border-radius:0;aspect-ratio:4/3.1;object-fit:cover;width:100%}
.hh-bars{position:absolute;left:2%;bottom:0;display:flex;gap:6px;height:16px;width:46%}
.hh-bars i{flex:1;transform:skewX(-34deg)}
.hh-bars i:nth-child(1){background:var(--k)}.hh-bars i:nth-child(2){background:var(--blue)}.hh-bars i:nth-child(3){background:var(--red)}.hh-bars i:nth-child(4){background:var(--yel)}
.hh-cap{position:absolute;right:0;bottom:0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
@media (min-width:980px){.hh-g{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}

/* ---------------------------------------------------------------- building section */
.hxs{background:linear-gradient(180deg,#fff,var(--bg2))}
.hxs-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:22px}
.hxs-h .sec-h{margin-bottom:0}
.hx-key{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.85rem;color:var(--ink2)}
.hx-key span{display:inline-flex;align-items:center;gap:8px}
.hxs-g{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);align-items:start}
.hx-w{background:#fff;border:1px solid var(--line);padding:clamp(6px,1.4vw,18px)}
.hx{width:100%;height:auto;display:block;font-family:var(--ff)}
.hx-sky{fill:#EEF7FC}
.hx-ground{stroke:none}.hx-grade{stroke:var(--ink);stroke-width:2}
.hx-cellar{fill:#F6F2EA}.hx-attic{fill:#FBF7EC}
.hx-st rect,.hx-st path{fill:url(#hx-hatch);stroke:var(--ink2);stroke-width:1}
.hx-st .hx-cc{fill:#DCDEDF}
.hx-win rect{fill:#fff;stroke:var(--ink3);stroke-width:1.2}
.hx-ins{stroke:var(--ink);stroke-width:1;transition:fill .2s,stroke .2s}
.hx-eps{fill:#fff}.hx-eps{fill:url(#hx-zig)}
.hx-grey{fill:var(--grey)}.hx-pink{fill:var(--pink)}.hx-scr{fill:#CFCFCF;stroke:var(--ink3);stroke-width:.6}
.hx-grav{fill:#C8C2B6;stroke:var(--ink3);stroke-width:.5}
.hx-obj{fill:#fff;stroke:var(--ink2);stroke-width:1.2}
.hx-e{cursor:pointer;outline:none}
.hx-e .hx-eps{fill:#fff}
.hx-e:hover .hx-ins,.hx-e:focus .hx-ins,.hx-e.on .hx-ins{stroke:var(--red);stroke-width:3}
.hx-e:focus-visible .hx-ins{stroke:var(--blue);stroke-width:4}
.hx-m circle{fill:var(--k);stroke:#fff;stroke-width:2}
.hx-m text{fill:#fff;font-size:12px;font-weight:700;text-anchor:middle;font-family:var(--ffm)}
.hx-m.on circle{fill:var(--red)}
.hx-m{pointer-events:none}
.hx-lab{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hx-out{fill:var(--blue-t)}.hx-inl{fill:#B4360F}.hx-earth{fill:#6E6250}
.hx-leg{display:grid;grid-template-columns:minmax(0,1fr);border-top:2px solid var(--ink)}
.hx-leg a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line);font-weight:600;font-size:.95rem}
.hx-n{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--k);color:#fff;font-size:.78rem;border-radius:50%}
.hx-leg .ic{color:var(--ink3);transition:transform .2s}
.hx-leg a:hover,.hx-leg a.on{background:#fff}.hx-leg a:hover .hx-n,.hx-leg a.on .hx-n{background:var(--red)}.hx-leg a:hover .ic{transform:translateX(3px);color:var(--red)}
@media (min-width:700px) and (max-width:1079px){.hx-leg{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media (min-width:1080px){.hxs-g{grid-template-columns:minmax(0,1.75fr) minmax(0,.85fr)}}

/* swatches: data colours of the three materials */
.sw{display:inline-block;width:16px;height:16px;flex:none;border:1px solid var(--ink);vertical-align:-3px}
.sw--white{background:var(--hatch-eps),#fff}
.sw--grey{background:var(--grey)}
.sw--pink{background:var(--pink)}
.sw--neutral{background:var(--neutral)}

/* ---------------------------------------------------------------- families (board samples) */
.fms{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.fm{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.fm-a{display:block;padding:0 0 22px}
.fm-board{display:block;height:120px;position:relative;border-bottom:1px solid var(--ink);overflow:hidden}
.fm-board i{position:absolute;left:0;right:0;border-top:1px solid rgba(29,29,27,.35)}
.fm-board i:nth-child(1){top:30%}.fm-board i:nth-child(2){top:58%}.fm-board i:nth-child(3){top:82%}
.fm--white .fm-board{background:var(--hatch-eps),#fff}
.fm--grey .fm-board{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.22) 6px 7px),linear-gradient(180deg,#9A9EA3,#7C8085)}
.fm--pink .fm-board{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 1px,transparent 2px) 0 0/9px 9px,linear-gradient(180deg,#F7B9D1,#EE95B9)}
.fm-b{display:block;padding:20px 22px 0}
.fm h3{font-size:1.32rem;margin-top:2px}
.fm-b>p{margin-top:10px;color:var(--ink2);font-size:.95rem}
.fm .kf{margin-top:16px}
.fm-l{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 22px;margin-top:auto}
.fm-l a{display:inline-block;padding:5px 9px;border:1px solid var(--line2);font-size:.82rem;font-weight:600;font-family:var(--ffm)}
.fm-l a:hover{border-color:var(--ink);background:var(--bg2)}
.fm-a:hover h3{color:var(--red)}
@media (min-width:900px){.fms{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* key facts */
.kf{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0}
.kf>div{flex:1 1 112px;background:#fff;padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.kf dt{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);line-height:1.25}
.kf dd{margin:4px 0 0;line-height:1.1}.kf b{font-size:1.08rem;font-weight:600}.kf small{color:var(--ink3);font-size:.76rem;font-family:var(--ffm)}
.kf--hero{margin-top:26px;max-width:620px}.kf--hero b{font-size:1.5rem}

/* ---------------------------------------------------------------- product cards */
.pcs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.pc{position:relative;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.pc:hover{border-color:var(--ink);transform:translateY(-2px)}
.pc.off{display:none}
.pc-a{display:flex;flex-direction:column;flex:1}
.pc-m{position:relative;display:block;background:var(--bg2);border-bottom:1px solid var(--line)}
.pc-img{border:0;border-radius:0;aspect-ratio:16/7;object-fit:cover;width:100%}
.pc-m .pc-sw{position:absolute;left:14px;bottom:-9px;width:44px;height:18px;transform:skewX(-34deg)}
.pc-b{display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;flex:1}
.pc-f{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.pc-f .sw{width:11px;height:11px}
.pc h3{font-size:1.16rem;letter-spacing:-.015em}
.pc-b>p{color:var(--ink2);font-size:.92rem}
.pc .kf{margin-top:auto}.pc .kf b{font-size:.98rem}
.pc-note{font-size:.88rem;color:var(--ink2);border-left:3px solid var(--red);padding-left:10px}
.pc-cmp{display:flex;gap:8px;align-items:center;padding:10px 20px;border-top:1px solid var(--line);font-size:.86rem;font-weight:600;color:var(--ink2);cursor:pointer}
.pc-cmp input{width:18px;height:18px;accent-color:var(--red)}
.pcs--in{margin:26px 0}
.pcs--side{grid-template-columns:minmax(0,1fr)!important}
.pcs--side .pc-m,.pcs--side .kf{display:none}
@media (min-width:640px){.pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.pcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cmpbar{position:sticky;bottom:12px;z-index:30;margin-top:22px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;padding:12px 16px}
.cmpbar[hidden]{display:none}
.cmpbar .btn--ghost{color:#fff}

/* filters */
.filters{border-radius:0;border-color:var(--line);background:#fff}
.chip{border-width:1px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip .sw{width:12px;height:12px}
.chip.on .sw{border-color:#fff}
.fsearch{border-width:1px}
.fsearch--big{padding:14px 18px;font-size:1.05rem;border:2px solid var(--ink);background:#fff}
.dcount{font-family:var(--ffm);font-weight:500}

/* ---------------------------------------------------------------- product page */
.ph-hero{padding-block:clamp(30px,4vw,60px);border-bottom:1px solid var(--line);background:#fff;position:relative;overflow:hidden}
.ph-g{display:grid;gap:clamp(26px,4vw,56px);grid-template-columns:minmax(0,1fr);align-items:center}
.ph-hero h1{font-size:clamp(2rem,1.2rem + 3vw,3.5rem);letter-spacing:-.035em;font-weight:900;line-height:1.02}
.ph-hero .kick{display:flex;gap:10px}.ph-hero .kick::before{display:none}
.ph-hero .lead{margin-top:16px;max-width:52ch}
.ph-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.note-b[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ph-m{position:relative;padding-bottom:22px}
.ph-i{border:1px solid var(--line);border-radius:0;width:100%;aspect-ratio:16/8;object-fit:cover}
.ph-edge{position:absolute;left:8%;right:-4%;bottom:0;height:22px;transform:skewX(-34deg);border:1px solid var(--ink)}
.ph-hero--pink .ph-edge{background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.5) 12px 13px),var(--pink)}
.ph-hero--grey .ph-edge{background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.3) 12px 13px),var(--grey)}
.ph-hero--white .ph-edge{background:var(--hatch-eps),#fff}
.ph-hero--neutral .ph-edge{background:var(--neutral)}
@media (min-width:960px){.ph-g{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}
.jump{position:sticky;top:79px;z-index:35;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.jump ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;width:min(100% - var(--gut)*2,var(--wrap));margin-inline:auto}
.jump a{display:block;white-space:nowrap;padding:13px 12px;font-size:.88rem;font-weight:600;color:var(--ink2);border-bottom:3px solid transparent}
.jump a:hover{color:var(--ink);border-color:var(--line2)}
@media (max-width:640px){.jump{top:64px}}
.pa-g{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,1fr)}
.pa-g h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);margin-bottom:16px}
.pa-c{background:var(--bg2);padding:24px;border-top:3px solid var(--ink)}
.pa-c h3{font-size:1rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.tagl{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tagl li a,.tagl li{display:inline-block}
.tagl a,.tagl>li:not(:has(a)){padding:7px 12px;border:1px solid var(--line2);font-size:.86rem;font-weight:600;background:#fff}
.tagl a:hover{border-color:var(--red);color:var(--red)}
@media (min-width:900px){.pa-g{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.prose--w{max-width:76ch}
.prose h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);margin:1.6em 0 .6em;color:var(--ink)}
.prose h3{font-size:1.12rem;margin:1.4em 0 .5em;color:var(--ink)}
.prose>h2:first-child,.prose>h3:first-child{margin-top:0}
.prose p+p{margin-top:.9em}
.ul{display:grid;gap:8px;margin:1em 0}.ul li{position:relative;padding-left:22px;color:var(--ink2)}
.ul li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:4px;background:var(--red);transform:skewX(-34deg)}
.refs{margin:1em 0;display:grid;gap:6px}.refs li{display:flex;gap:10px;align-items:center;font-weight:600}.refs .ic{color:var(--red)}
.fig{margin:1.6em 0}.fig .ph{border-radius:0}
.fig--draw .ph{background:#fff;object-fit:contain;padding:8px}
.legend{margin:1em 0 1.6em;border-top:2px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr)}
.legend li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:.94rem;color:var(--ink2)}
.lg-n{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--k);color:#fff;font-size:.76rem;border-radius:50%;transform:translateY(3px)}
@media (min-width:760px){.legend{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}

/* data tables: mono numerals, print-friendly */
.tt{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:8px}
.tt-b{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line2);padding:7px 12px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--ink2)}
.tt-b:hover{border-color:var(--ink);color:var(--ink)}
.tt-b.ok{border-color:var(--ok);color:var(--ok)}
.tbl-w{border-radius:0;border:1px solid var(--line2);background:#fff}
.dt{font-size:.92rem}
.dt thead th{background:#fff;color:var(--ink);font-size:.72rem;letter-spacing:.07em;border-bottom:2px solid var(--ink);vertical-align:bottom;white-space:normal;min-width:84px}
.dt th,.dt td{padding:10px 14px}
.dt tbody tr:nth-child(even) td,.dt tbody tr:nth-child(even) th{background:#F7F8F8}
.dt tbody tr:hover td,.dt tbody tr:hover th{background:#FFF8D6}
.dt td.mono{white-space:nowrap;color:var(--ink)}
.dt--kv th{width:44%;font-weight:600;color:var(--ink2);font-size:.9rem}
.dt--kv td{color:var(--ink);font-weight:500}
.lam{display:grid;gap:3px}.lam li{font-size:.9rem}
.dt caption{caption-side:top;text-align:left;font-weight:700;padding:10px 14px}
.pk+.pk{margin-top:36px}.pk h3{font-size:1.1rem;margin-bottom:12px;max-width:70ch}
.pk-n{margin-top:12px;display:grid;gap:4px;color:var(--ink3);font-size:.85rem;max-width:90ch}
.dt-n{margin-top:16px;font-size:.92rem}
.na{color:var(--line2)}

/* docs */
.docs{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);background:#fff;font-weight:600}
.doc:hover{border-color:var(--ink)}
.doc-x{font-size:.72rem;padding:4px 7px;background:var(--red);color:#fff;font-weight:600}
.doc--v .doc-x{background:var(--ink)}
.doc .ic{color:var(--ink3)}
@media (min-width:760px){.docs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vids{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:1em 0}
.vid-l{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:14px;border:1px solid var(--line);background:#fff;text-decoration:none!important;color:var(--ink)!important}
.vid-l .ic{grid-row:span 2;width:2em;height:2em;color:var(--red)}.vid-l small{color:var(--ink3);font-family:var(--ffm)}
.vid-l:hover{border-color:var(--ink)}

/* buy band */
.buy{background:var(--ink);color:#fff;padding-block:clamp(40px,5vw,72px);position:relative}
.buy::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--bars)}
.buy-g{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.buy h2{font-size:clamp(1.3rem,1rem + 1vw,1.8rem)}.buy p{margin-top:10px;color:#D6D8DA;max-width:52ch}
.buy .btn--out{color:#fff;border-color:#fff}.buy .btn--out:hover{background:#fff;color:var(--ink)}
.buy .btn--ghost{color:#9FD8F3}
.buy-i+.buy-i{border-top:1px solid #4A4D50;padding-top:24px}
@media (min-width:900px){.buy-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}.buy-i+.buy-i{border-top:0;border-left:1px solid #4A4D50;padding:0 0 0 56px}}

/* calculator */
.calc{border:2px solid var(--ink);background:#fff;padding:clamp(20px,3vw,34px);display:grid;gap:18px}
.calc-h h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem)}
.calc-f{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.calc-o{background:var(--bg2);border-left:4px solid var(--blue);padding:18px 20px;min-height:64px}
.calc-o .big{font-family:var(--ffm);font-size:clamp(1.8rem,1.3rem + 2vw,2.6rem);font-weight:600;line-height:1}
.calc-o dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 22px;margin:14px 0 0}
.calc-o dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);font-weight:700}
.calc-o dd{margin:2px 0 0;font-family:var(--ffm)}
.calc-o .frm{margin-top:14px;font-family:var(--ffm);font-size:.9rem;color:var(--ink2)}
.calc-w{font-size:.84rem;color:var(--ink2);border-left:3px solid var(--yel);padding-left:12px}
.calc-b{display:flex;flex-wrap:wrap;gap:12px}
.calc-0{color:var(--ink3)}
@media (min-width:760px){.calc-f{grid-template-columns:repeat(3,minmax(0,1fr))}}
.note-s{border-left:3px solid var(--blue);padding:12px 16px;background:var(--bg2);color:var(--ink2);font-size:.92rem;margin-top:18px}
.note-s--lang h2{font-size:1.2rem;margin-bottom:8px}

/* compare */
.cmp-pick{margin-bottom:18px}.cmp-ps{display:flex;flex-wrap:wrap;gap:8px}
.cmp-p{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line2);padding:7px 11px;font-size:.86rem;font-weight:600;cursor:pointer;background:#fff}
.cmp-p input{accent-color:var(--red)}
.cmp-p:has(input:checked){border-color:var(--ink);background:var(--bg2)}
.cmp-msg{min-height:1.4em;margin-top:8px;color:var(--no);font-size:.88rem}
.cmp th[scope=row]{min-width:180px;font-weight:600;color:var(--ink2)}
.cmp thead th a{text-transform:none;letter-spacing:0;font-size:.95rem;display:block;margin-bottom:6px}
.cmp thead th .sw{width:40px;height:10px;transform:skewX(-34deg)}
.tbl-w--cmp{overflow-x:auto}
.js .cmp.sel [data-c]{display:none}.js .cmp.sel [data-c].show{display:table-cell}

/* ---------------------------------------------------------------- articles */
.ah{padding-block:clamp(30px,4vw,56px);border-bottom:1px solid var(--line);background:#fff}
.ah-g{display:grid;gap:28px;grid-template-columns:minmax(0,1fr);align-items:center}
.ah h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3.2rem);letter-spacing:-.03em;font-weight:900;line-height:1.05}
.ah .lead{margin-top:14px}
.ah-i{border:0;border-radius:0;width:100%;aspect-ratio:16/6;object-fit:cover}
.ah-m{border-bottom:6px solid transparent;border-image:var(--bars) 1}
@media (min-width:960px){.ah--img .ah-g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.art-g{display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
.side{align-self:start;border-top:3px solid var(--ink);padding-top:16px}
.side h2{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.side-l li a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.93rem}
.side-l li a:hover{color:var(--red)}
.side-b{margin-top:12px}
@media (min-width:1000px){.art-g{grid-template-columns:minmax(0,1fr) 300px;gap:64px}.side{position:sticky;top:110px}}
.art .gal{margin:1.4em 0}
.pgs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.pg{background:#fff;border:1px solid var(--line);padding:22px}
.pg h2{display:flex;gap:12px;align-items:baseline;font-size:1.3rem;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.pg h2 .mono{font-size:.8rem;color:var(--red)}
.pg-l a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600}
.pg-l a:hover{color:var(--red)}.pg-l .ic{color:var(--ink3)}
.pg-p{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:14px}.pg-p li{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-family:var(--ffm)}
.pg-p .sw{width:10px;height:10px}
@media (min-width:700px){.pgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.pgs{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* info / news / company cards */
.ics,.ncs,.rcs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.ic>a,.nc>a,.rc>a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);transition:border-color .2s}
.ic>a:hover,.nc>a:hover,.rc>a:hover{border-color:var(--ink)}
.ic-img,.nc-img,.rc-img{border:0;border-radius:0;aspect-ratio:16/9;object-fit:cover;width:100%}
.ic-ph,.nc-ph{display:block;aspect-ratio:16/9;background:var(--hatch-eps),var(--bg2)}
.ic-b,.nc-b,.rc-b{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.ic h3,.nc h3,.rc h3{font-size:1.08rem;letter-spacing:-.01em}
.ic p,.nc p{color:var(--ink2);font-size:.92rem}
.nc-l{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-t)}
.rc.off{display:none}
@media (min-width:640px){.ics,.ncs,.rcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.ics,.ncs,.rcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pn{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:30px}
.pn a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);background:#fff}
.pn a:hover{border-color:var(--ink)}.pn small{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:700}
.pn-n{text-align:right}
@media (min-width:760px){.pn{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* history */
.hist{display:grid;border-top:2px solid var(--ink)}
.hi{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 28px;padding:22px 0;border-bottom:1px solid var(--line)}
.hi-y{font-size:1.4rem;font-weight:600;color:var(--red)}
.hi h3{font-size:1.1rem}.hi-b p{margin-top:8px;color:var(--ink2);font-size:.95rem;max-width:72ch}
.hi-m{margin:0}.hi-m .ph{border-radius:0;max-width:240px}
@media (min-width:860px){.hi{grid-template-columns:110px minmax(0,1fr) 240px}}

/* locations */
.lcs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.lc{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.lc.off{display:none}
.lc-img{border:0;border-radius:0;aspect-ratio:16/9;object-fit:cover}
.lc-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}
.lc h3{font-size:1.06rem}.lc-r{color:var(--ink3);font-size:.88rem}.lc-b>p{color:var(--ink2);font-size:.93rem}
@media (min-width:640px){.lcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.lcs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.map-img{border:0;object-fit:contain;background:#fff}

/* references */
.rf-g{display:grid;gap:36px;grid-template-columns:minmax(0,1fr)}
.rf{margin:12px 0 0;border-top:2px solid var(--ink)}
.rf div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 20px;padding:10px 0;border-bottom:1px solid var(--line)}
.rf dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);font-weight:700}
.rf dd{margin:0;font-weight:600}
.rf-x{font-weight:600;font-size:1.05rem}
@media (min-width:760px){.rf div{grid-template-columns:200px minmax(0,1fr)}}
@media (min-width:1000px){.rf-g{grid-template-columns:minmax(0,1fr) 340px}}
.gal--2{grid-template-columns:minmax(0,1fr);margin-top:30px}
@media (min-width:760px){.gal--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gal .ph{border-radius:0}

/* dealers */
.dlf-s{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:center;margin-bottom:14px}
@media (min-width:900px){.dlf-s{grid-template-columns:minmax(0,1.4fr) auto}}
.dls{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.dl{background:#fff;border:1px solid var(--line);padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.dl.off{display:none}
.dl[data-big]{border-color:var(--ink);border-width:2px}
.dl-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.dl h3{font-size:1rem;letter-spacing:0}
.dl-cc{font-size:.7rem;padding:2px 6px;border:1px solid var(--line2);color:var(--ink3)}
.dl-a{display:flex;gap:8px;color:var(--ink2);font-size:.92rem}.dl-a .ic{color:var(--ink3);margin-top:.25em}
.dl-b{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;font-size:.9rem;font-weight:600}
.dl-t,.dl-m{display:inline-flex;align-items:center;gap:6px}
.dl-t{color:var(--ink);font-family:var(--ffm);font-size:.86rem}.dl-m{color:var(--blue-t)}
.dl-t .ic{color:var(--red)}
@media (min-width:640px){.dls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.dls{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* finder teaser */
.gk{background:var(--bg2)}
.gk-g{display:grid;gap:36px;grid-template-columns:minmax(0,1fr);align-items:center}
.gk-t h2{font-size:clamp(1.7rem,1.1rem + 2.2vw,2.75rem);letter-spacing:-.025em}
.gk-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.gk-f .fsearch{flex:1 1 280px}
.gk-n{margin-top:14px;color:var(--ink2)}.gk-n b{font-size:1.3rem;color:var(--ink)}
.gk-i{border:0;border-radius:0;aspect-ratio:4/3;object-fit:cover;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
@media (min-width:960px){.gk-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* factory / heritage */
.fc-g{display:grid;gap:36px;grid-template-columns:minmax(0,1fr);align-items:center}
.fc-m{position:relative;padding:0 0 40px}
.fc-i{border:0;border-radius:0;aspect-ratio:3/2;object-fit:cover;width:100%}
.fc-i2{position:absolute;right:-8px;bottom:0;width:38%;border:6px solid #fff;border-radius:0;aspect-ratio:1/1;object-fit:cover;box-shadow:0 10px 30px -18px rgba(0,0,0,.5)}
.fc-t h2{font-size:clamp(1.7rem,1.1rem + 2.2vw,2.75rem);letter-spacing:-.025em}
.fc-t .prose{margin-top:18px}
.ms{margin-top:24px;border-top:2px solid var(--ink)}
.ms li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.ms .mono{color:var(--red);font-weight:600}
@media (min-width:960px){.fc-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* contacts */
.dps{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.dp>a{display:flex;flex-direction:column;gap:8px;height:100%;background:#fff;border:1px solid var(--line);padding:22px;border-top:4px solid var(--ink)}
.dp:nth-child(2)>a{border-top-color:var(--blue)}.dp:nth-child(3)>a{border-top-color:var(--red)}.dp:nth-child(4)>a{border-top-color:var(--yel)}
.dp>a:hover{border-color:var(--ink)}
.dp h3{font-size:1.25rem}.dp p{color:var(--ink2);font-size:.93rem}
.dp-p{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.dp-p b{font-size:.95rem;color:var(--ink)}.dp-p span{font-family:var(--ffm);font-size:.86rem}
@media (min-width:640px){.dps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.dps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ofs{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.of{background:#fff;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px}
.of h3{font-size:1.02rem}.of-r{color:var(--ink3);font-size:.86rem}.of>p{color:var(--ink2);font-size:.93rem}.of-m{margin-top:auto;font-weight:600;font-size:.88rem}
.of-m a{display:inline-flex;gap:6px;align-items:center;color:var(--blue-t)}
@media (min-width:640px){.ofs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.ofs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pgrp+.pgrp{margin-top:48px}.pgrp>h2{font-size:clamp(1.3rem,1.05rem + 1vw,1.8rem);padding-bottom:12px;border-bottom:2px solid var(--ink)}
.pgrp-h{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:26px 0 12px}
.pss{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.ps{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--line);padding:16px}
.ps-img{width:72px;height:72px;border-radius:0;object-fit:cover;object-position:50% 20%;border:0}
.ps-ph{display:flex;width:72px;height:72px;align-items:center;justify-content:center;background:var(--bg2);color:var(--ink3)}
.ps h3{font-size:1rem}.ps-t{font-size:.82rem;color:var(--ink3)}.ps-r{font-size:.88rem;color:var(--ink2);margin:4px 0 8px}
.ps .ftr-contact li{font-size:.86rem}.ps .ftr-contact li+li{margin-top:5px}.ps .ftr-contact a{font-family:var(--ffm);font-size:.84rem}
.ps .ftr-contact small{display:inline;margin-left:4px}
@media (min-width:640px){.pss{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.pss{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pss--mini{grid-template-columns:minmax(0,1fr)!important;margin-top:14px}
.pss--mini .ps{grid-template-columns:52px minmax(0,1fr);padding:12px}.pss--mini .ps-img,.pss--mini .ps-ph{width:52px;height:52px}
.prs{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.pr>a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);background:#fff;height:100%}
.pr>a:hover{border-color:var(--ink)}.pr h3{font-size:1.05rem}.pr p{color:var(--ink2);font-size:.92rem}.pr-l{margin-top:auto;display:inline-flex;gap:6px;align-items:center;color:var(--blue-t);font-weight:600;font-size:.88rem}
@media (min-width:760px){.prs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cform .sec-h{margin-bottom:20px}
.form{border-radius:0;border-color:var(--line2)}
.cinfo{border-radius:0}

/* documents */
.dgs{display:grid;gap:34px}
.dg-h{font-size:1.15rem;padding-bottom:10px;border-bottom:2px solid var(--ink);margin-bottom:10px}
.dg-h a:hover{color:var(--red)}
.dg.off{display:none}
.drs{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.dr{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 14px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px 12px}
.dr.off{display:none}
.dr-m{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--bg2);overflow:hidden}
.dr-img{border:0;border-radius:0;width:56px;height:56px;object-fit:cover}
.dr-m--x .ic{width:1.6em;height:1.6em;color:var(--ink3)}
.dr h3{font-size:.95rem;letter-spacing:0}.dr-s{font-size:.8rem;color:var(--ink3)}
.dr-a{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}
.dr-l{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line2);font-size:.8rem;font-weight:600}
.dr-l .mono{font-size:.76rem}
.dr-l:hover{border-color:var(--red);color:var(--red)}
.dr-l--v{color:var(--blue-t)}
@media (min-width:860px){.drs{grid-template-columns:repeat(2,minmax(0,1fr))}.dr{grid-template-columns:56px minmax(0,1fr) auto}.dr-m{grid-row:auto}.dr-a{grid-column:auto;justify-content:flex-end}}

/* AI tools */
.sv{background:var(--ink);color:#fff;position:relative}
.sv::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--bars)}
.sv-g,.pj-g{display:grid;gap:32px;grid-template-columns:minmax(0,1fr);align-items:start}
.sv .kick{color:#C9CCCF}.sv h2{font-size:clamp(1.7rem,1.1rem + 2.2vw,2.75rem);letter-spacing:-.025em}
.sv .sec-x{color:#D6D8DA}
.sv-steps{margin-top:24px;counter-reset:s;display:grid;gap:10px}
.sv-steps li{counter-increment:s;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;color:#E6E7E8;font-size:.95rem}
.sv-steps li::before{content:counter(s);display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1.5px solid #fff;border-radius:50%;font-family:var(--ffm);font-size:.8rem}
.sv-w{color:var(--ink)}
.sv .ai,.pj .ai{border-radius:0;border:0;box-shadow:none}
.sv .ai-nojs{color:#E6E7E8}.sv .ai-nojs a{color:#9FD8F3;text-decoration:underline}
.sv-o:empty{display:none}
.sv-o{margin-top:16px;background:#fff;color:var(--ink);padding:clamp(18px,2.6vw,28px);display:grid;gap:16px}
.sv--c{background:var(--bg2);color:var(--ink)}.sv--c .kick,.sv--c .sec-x,.sv--c .sv-steps li{color:var(--ink2)}
.sv--c .sv-steps li::before{border-color:var(--ink)}.sv--c .ai-nojs{color:var(--ink2)}.sv--c .ai-nojs a{color:var(--blue-t)}
.sv--c .ai{border:1px solid var(--line)}
.sv-el{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.sv-el a{font-size:1.25rem;font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red)}
.sv-h{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.sv-ps{display:grid;gap:10px}
.sv-p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:12px 14px;border:1px solid var(--line);align-items:start}
.sv-p .sw{margin-top:4px;width:22px;height:12px;transform:skewX(-34deg)}
.sv-p a{font-weight:700}.sv-p .why{grid-column:2;color:var(--ink2);font-size:.92rem}.sv-p .kfm{grid-column:2;font-family:var(--ffm);font-size:.84rem;color:var(--ink3)}
.sv-q{display:grid;gap:6px}.sv-q li{position:relative;padding-left:20px;font-size:.93rem;color:var(--ink2)}.sv-q li::before{content:"?";position:absolute;left:0;font-weight:800;color:var(--red)}
.sv-act{display:flex;flex-wrap:wrap;gap:10px}
.sv-calc .calc{border-width:1px}
.sv-sum{color:var(--ink2)}
.pj{background:#fff}
.pj .ai{background:var(--bg2);border:1px solid var(--line)}
.pj h2{font-size:clamp(1.6rem,1.1rem + 2vw,2.5rem)}
.ai-msg{border-radius:0}
@media (min-width:980px){.sv-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}.pj-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}}

/* notes */
.nt-t td,.nt-t th{vertical-align:middle}
.nt-x{background:none;border:1px solid var(--line2);width:34px;height:34px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.nt-x:hover{border-color:var(--no);color:var(--no)}

/* footer */
.ftr{color:#D9DBDD;border-top:0;position:relative}
.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--therm)}
.ftr .ftr-c h2{color:#9EA3A8}.ftr .ftr-c a,.ftr .ftr-contact li{color:#E8E9EA}.ftr .ftr-c a:hover{color:#fff;text-decoration:underline}
.ftr .ftr-contact .ic{color:#9FD8F3}
.ftr-tag{color:#C3C6C9!important}
.ftr .soc a{border-color:#55595D;color:#E8E9EA;border-radius:0}.ftr .soc a:hover{border-color:#fff;color:#fff}
.ftr-b{border-color:#3A3D40;color:#A9AEB2}
.cta-s{background:var(--bg2)}

/* print: data tables and notes read well on paper */
@media print{
  .jump,.cmpbar,.tt,.buy,.sv,.pj,.calc,.ph-b,.pc-cmp,.cmp-pick,.hdr::after,.phead::after,.ph-edge,.hh-bars,.side,.pn,.lnks,.cta-s{display:none!important}
  .sec{padding-block:18px}.dt{font-size:10pt}.dt thead th{border-bottom:1.5pt solid #000}.dt tbody tr:nth-child(even) td{background:#f2f2f2!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tbl-w{border:0;overflow:visible}.ph-g{grid-template-columns:1fr 1fr}a{text-decoration:none}
}
@media (prefers-reduced-motion:reduce){.pc,.au .ic,.hx-ins{transition:none}}
@media (max-width:599px){.hh-m{padding-bottom:40px}.hh-bars{width:26%;height:12px}.hh-cap{max-width:66%;text-align:right;font-size:.68rem;line-height:1.35}}
.side-p{margin-bottom:26px}
.side-p li a{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}
.side-p .sw{margin-top:4px;flex:none}
.side-p span{display:flex;flex-direction:column;gap:2px}.side-p b{font-size:.93rem}.side-p small{color:var(--ink3);font-size:.78rem}
.side-p li a:hover b{color:var(--red)}
.calc-bt{font-size:.9rem;color:var(--ink2);margin-bottom:8px}
.calc-t{width:100%;max-width:420px;font-size:.88rem}
.calc-t th,.calc-t td{padding:6px 10px}
.lnk{background:none;border:0;padding:0;font:inherit;color:var(--blue-t);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.lnk:hover{color:var(--red)}
.ps .ftr-contact a.em{font-family:var(--ff);font-size:.84rem;overflow-wrap:break-word}
.prose a.xl{overflow-wrap:anywhere;word-break:break-word}
.prose li,.prose p{overflow-wrap:break-word}

/* AI tools (kit/ai) — uses the theme tokens; sites may override in theme.css */
.ai{position:relative;border:1px solid var(--line);border-radius:var(--r2);background:var(--card-bg);padding:clamp(18px,3vw,28px);display:grid;gap:14px;box-shadow:var(--card-shadow)}
.ai .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ai-log{display:grid;gap:12px;max-height:520px;overflow:auto}
.ai-log:empty{display:none}
.ai-msg{padding:12px 16px;border-radius:var(--r);background:var(--bg2);line-height:1.55;font-size:.97rem}
.ai-msg p{margin:0 0 .5em}.ai-msg p:last-child{margin:0}
.ai-msg ul{margin:.2em 0 .6em 1.1em;padding:0}.ai-msg li{margin:.15em 0}
.ai-msg--you{background:var(--acc-dim);justify-self:end;max-width:88%}
.ai-msg--bot{border-left:3px solid var(--acc)}
.ai-msg--err{border-left-color:var(--no);background:var(--bg3)}
.ai-who{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.ai-wait p::after{content:'';display:inline-block;width:1.2em;text-align:left;animation:ai-dots 1.2s steps(4) infinite}
@keyframes ai-dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
.ai textarea{width:100%;min-height:92px;resize:vertical}
.ai-chips{display:flex;flex-wrap:wrap;gap:8px}
.ai-chips .chip{font-size:.85rem;text-align:left}
.ai-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ai-note{font-size:.82rem;color:var(--ink3);margin:0}
.ai--busy button[type=submit]{opacity:.6;cursor:progress}
.ai-done{margin:.8em 0 0}
/* without JavaScript the tool cannot run: the form is hidden, the fallback shows */
html:not(.js) .ai{display:none}
html.js .ai-nojs{display:none}
@media (prefers-reduced-motion:reduce){.ai-wait p::after{animation:none;content:'...'}}