@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-ext-400-normal.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:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400-normal.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:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-latin-ext-500-normal.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:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-latin-500-normal.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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-ext-600-normal.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:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-600-normal.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:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-600-normal.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:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.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:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-ext-700-normal.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:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.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}

:root{
  --ink:#16191c; --paper:#f3f2ee; --night:#0f1113;
  --ind:#1f2a36; --ind-line:#3b4856; --ind-text:#d5dde5; --ind-muted:#b9c6d3;
  --dist:#e9e2d3; --dist-ink:#231e17; --dist-text:#4e4333; --dist-label:#7a5a2e; --dist-accent:#b08a4e;
  --accent:#e8a317; --muted:#5b6268; --rule:#dcd9d1;
  --pad:clamp(20px,5vw,96px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.5}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2,h3{margin:0}
.cond{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;line-height:.92}
.label{font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:10}
.skip:focus{left:8px;top:8px}

/* header */
.top{background:var(--night);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(20px,4vw,56px)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:64px;width:auto;display:block}
@media (max-width:560px){
  .deptlist li{grid-template-columns:1fr;gap:6px}
  .deptlist .d-mail{justify-self:start}
  .svc-list li{font-size:22px}
  .brandlist a,.brandlist .b-static{flex-wrap:wrap;gap:4px}
  .brandlist .b-note{margin-left:0;text-align:left;width:100%}.brand img{height:48px}}
.brand .word{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;letter-spacing:.14em}
.top nav{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:600}
.top nav a{padding:8px 0}
.top nav .lang{color:#a3a9b0}
.top nav .lang[aria-current="true"]{color:var(--accent)}

/* doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--night);min-height:calc(100vh - 92px)}
.door{isolation:isolate;padding:clamp(36px,4.5vw,56px) clamp(20px,4vw,56px);display:flex;flex-direction:column;justify-content:flex-end;gap:22px;position:relative}
.door>*{position:relative;z-index:1}
.door::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:top center / cover no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.45) 38%,transparent 66%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.45) 38%,transparent 66%)}
.door-ind::before{background-image:url(../img/bg-ind.svg)}
.door-dist::before{background-image:url(../img/bg-dist.svg)}
.door h2{font-size:clamp(44px,4.8vw,70px)}
.door p{margin:0;font-size:clamp(16px,1.3vw,19px);max-width:520px}
.door-ind{background:var(--ind);color:#fff}
.door-ind .label{color:var(--accent)}
.door-ind p{color:var(--ind-text)}
.brands{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--ind-line)}
.brands a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--ind-line);min-height:44px}
.brands .name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:34px;line-height:1}
.brands .meta{display:flex;gap:12px;align-items:center;font-size:16px;color:var(--ind-muted);text-align:right}
.brands a:hover .name{color:var(--accent)}
.brands a:hover svg{transform:translateX(4px)}
svg.arr{flex:none;transition:transform .15s}
.door-dist{background:var(--dist);color:var(--dist-ink)}
.door-dist .label{color:var(--dist-label)}
.door-dist p{color:var(--dist-text)}
.badge{position:absolute;top:40px;right:clamp(20px,4vw,56px);padding:6px 12px;border:1px solid #8a7b64;font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--dist-text)}
.dist-cta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:22px 0;border-top:2px solid var(--dist-ink);font-size:20px;font-weight:600}
a.door-dist:hover svg{transform:translateX(4px)}

/* door: service list + cta */
.svc-list{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--ind-line)}
.svc-list li{padding:11px 0;border-bottom:1px solid var(--ind-line);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:23px;line-height:1.05;text-transform:uppercase}
.door-cta{display:flex;align-items:center;gap:12px;margin-top:20px;font-weight:600;font-size:18px;color:var(--accent);min-height:44px}
.door-ind:hover .door-cta svg,.door-cta:hover svg{transform:translateX(4px)}

/* industrial page */
.hero-ind{padding:clamp(48px,7vw,96px) var(--pad) 0;display:flex;flex-direction:column;gap:18px;background:var(--ind);color:#fff;padding-bottom:clamp(48px,7vw,80px)}
.hero-ind .label{color:var(--accent)}
.hero-ind h1{font-size:clamp(48px,7vw,92px)}
.hero-ind .lead{margin:0;max-width:760px;font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:var(--ind-text)}
.sec2{padding:clamp(56px,7vw,96px) var(--pad) 0;display:flex;flex-direction:column;gap:24px}
.sec2 h2{font-size:clamp(40px,4.4vw,64px)}
.sec2 .lead{margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.6;max-width:760px}
.sec2 h2.sub-h,.sub-h{margin-top:16px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.svc{border-top:3px solid var(--accent);padding-top:16px}
.svc h3{font-size:24px;margin-bottom:8px}
.svc p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.svc p a{color:var(--ink);font-weight:600;border-bottom:2px solid var(--accent)}
.brandlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.brandlist li{border-bottom:1px solid var(--rule)}
.brandlist a,.brandlist .b-static{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;min-height:44px}
.brandlist .b-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;line-height:1;text-transform:uppercase}
.brandlist .b-note{margin-left:auto;font-size:15px;color:var(--muted);text-align:right}
.brandlist a:hover .b-name{color:var(--accent)}
.brandlist a:hover svg{transform:translateX(4px)}
.note{margin:0;font-size:16px;line-height:1.6;color:var(--muted);max-width:760px}
.note a,.mail{font-weight:600;border-bottom:2px solid var(--accent)}

/* contacts: people + departments */
.person{display:flex;flex-direction:column;gap:2px;margin-top:10px;font-size:17px;font-weight:600}
.person .role{font-size:14px;font-weight:400;color:var(--muted)}
.sec>.more{grid-column:2}
.more{justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-weight:600;font-size:17px;border-bottom:2px solid var(--accent);padding-bottom:2px;min-height:44px}
.more:hover svg{transform:translateX(4px)}
.deptlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.deptlist li.grp{border-bottom:0;padding-bottom:4px}
.deptlist li.cont{border-top:0;padding-top:4px}
.deptlist li{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--rule)}
.deptlist .d-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;line-height:1.1;text-transform:uppercase}
.deptlist .d-person{display:flex;flex-direction:column;gap:2px;font-size:17px}
.deptlist .d-person .role{font-size:14px;color:var(--muted)}
.deptlist .d-mail{justify-self:end;font-size:17px;font-weight:600;min-height:44px;display:flex;align-items:center}
.deptlist .d-mail:hover{color:var(--accent)}
.deptlist.founder .role{font-size:14px;font-weight:400;font-style:italic}

/* sections */
.sec{padding:clamp(72px,9vw,120px) var(--pad) 0;display:grid;grid-template-columns:5fr 7fr;column-gap:24px;row-gap:24px}
.sec h2{font-size:clamp(48px,5vw,72px)}
.sec .lead{margin:0;font-size:clamp(20px,1.9vw,26px);line-height:1.5}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}
.contacts>div{border-top:3px solid var(--ink);padding-top:16px;display:flex;flex-direction:column;gap:6px}
.contacts .c-ind{border-color:var(--accent)}
.contacts .c-dist{border-color:var(--dist-accent)}
.contacts .k{font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.contacts a{font-size:20px;font-weight:600}
.contacts a:hover{text-decoration:underline}
address{font-style:normal}

.f-right{display:flex;align-items:center;gap:20px}
.yt{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);min-height:44px}
.yt:hover{color:var(--accent)}
footer{margin-top:clamp(72px,9vw,120px);padding:32px var(--pad);border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}

/* simple page */
.page{min-height:60vh;padding:clamp(72px,9vw,120px) var(--pad);display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.page h1{font-size:clamp(48px,6vw,88px)}
.page p{margin:0;font-size:20px;max-width:640px}
.page .back{font-weight:600;border-bottom:2px solid var(--accent)}

@media (max-width:1100px){.svc-grid{grid-template-columns:1fr}}
@media (max-width:900px){
  .door::before{background-size:200% auto;opacity:.5;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.3) 22%,transparent 42%);
    mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.3) 22%,transparent 42%)}
  .deptlist li{grid-template-columns:1fr 1fr}
  .deptlist .d-label{grid-column:1 / -1}
  .brandlist .b-name{font-size:24px}
  .doors{grid-template-columns:1fr;min-height:0}
  .door{justify-content:flex-start;padding-top:48px}
  .badge{top:20px}
  .door-dist{padding-top:72px}
  .sec{grid-template-columns:1fr}
  .sec>.more{grid-column:1}
}
@media (max-width:560px){
  .deptlist li{grid-template-columns:1fr;gap:6px}
  .deptlist .d-mail{justify-self:start}
  .svc-list li{font-size:22px}
  .brandlist a,.brandlist .b-static{flex-wrap:wrap;gap:4px}
  .brandlist .b-note{margin-left:0;text-align:left;width:100%}
  .top nav .hide-sm{display:none}
  .brands .meta .desc{display:none}
  .brands .name{font-size:30px}
  .contacts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}svg.arr{transition:none}}