/*
 * Slooijer Electro V20 — premium art-direction layer
 * Loaded after V19. Purpose: stronger brand rhythm, more editorial hierarchy,
 * better subpage heroes, calmer forms, and more deliberate mobile behavior.
 */
:root{
  --v20-navy:#04263d;
  --v20-navy-2:#072f4b;
  --v20-deep:#021927;
  --v20-blue:#1175ad;
  --v20-blue-light:#9dccE6;
  --v20-orange:#f58213;
  --v20-orange-dark:#d96e08;
  --v20-ink:#0b2639;
  --v20-text:#536b7b;
  --v20-soft:#f3f6f8;
  --v20-soft-2:#eef3f6;
  --v20-warm:#f7f5ef;
  --v20-line:#d7e1e7;
  --v20-line-dark:rgba(255,255,255,.12);
  --v20-white:#fff;
  --v20-max:1280px;
  --v20-shadow:0 28px 80px rgba(4,38,61,.11);
  --v20-shadow-soft:0 16px 46px rgba(4,38,61,.07);
}

/* ---------- global refinement ---------- */
body.design-v20{
  color:var(--v20-ink);
  background:#fff;
  font-size:16px;
  line-height:1.66;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.design-v20 .container,
body.design-v20.home-v6 .container,
body.design-v20.v8-subpage .container,
body.design-v20 .site-footer .container,
body.design-v20 .cms-public-block .container{
  width:min(calc(100% - 72px),var(--v20-max));
}
body.design-v20 h1,
body.design-v20 h2,
body.design-v20 h3{
  color:var(--v20-navy);
  letter-spacing:-.052em;
  font-weight:820;
}
body.design-v20 p{color:var(--v20-text)}
body.design-v20 .eyebrow,
body.design-v20 .v6-kicker{
  color:var(--v20-blue);
  font-size:.68rem;
  letter-spacing:.17em;
  font-weight:900;
}
body.design-v20 .btn{
  min-height:52px;
  border-radius:0;
  padding:0 23px;
  border-width:1px;
  font-size:.85rem;
  letter-spacing:-.01em;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
body.design-v20 .btn-primary{
  background:var(--v20-orange);
  border-color:var(--v20-orange);
  color:#fff;
}
body.design-v20 .btn-primary:hover{background:var(--v20-orange-dark);border-color:var(--v20-orange-dark);transform:translateY(-1px)}
body.design-v20 a:focus-visible,
body.design-v20 button:focus-visible,
body.design-v20 input:focus-visible,
body.design-v20 select:focus-visible,
body.design-v20 textarea:focus-visible{outline:3px solid rgba(17,117,173,.28);outline-offset:3px}

/* ---------- header: lighter, more intentional ---------- */
body.design-v20 .topbar{
  height:31px;
  background:var(--v20-deep);
  border-bottom:1px solid rgba(255,255,255,.07);
}
body.design-v20 .topbar-label{font-size:.68rem;color:#d7e3e9;font-weight:720}
body.design-v20 .topbar-right{gap:26px;font-size:.68rem;color:#d7e3e9}
body.design-v20 .header{
  background:#fff;
  border-bottom:1px solid var(--v20-line);
  box-shadow:0 8px 24px rgba(3,34,53,.035);
  backdrop-filter:none;
}
body.design-v20 .nav,
body.design-v20.home-v6 .v6-header .nav{height:88px;gap:28px}
body.design-v20 .logo,
body.design-v20.home-v6 .v6-header .logo{width:176px}
body.design-v20 .logo img,
body.design-v20.home-v6 .v6-header .logo img{width:176px;max-height:74px}
body.design-v20 .nav-links,
body.design-v20.home-v6 .v6-header .nav-links{gap:30px;font-size:.87rem;font-weight:760}
body.design-v20 .nav-links a,
body.design-v20.home-v6 .v6-header .nav-links a{padding:33px 0 29px;color:#102d41}
body.design-v20 .nav-links a:after,
body.design-v20.home-v6 .v6-header .nav-links a:after{bottom:20px;height:2px;background:var(--v20-orange)}
body.design-v20 .nav-cta,
body.design-v20.home-v6 .v6-header .nav-cta{min-width:184px;height:52px;min-height:52px}

/* ---------- homepage hero ---------- */
body.design-v20 .v6-hero{
  position:relative;
  overflow:hidden;
  background:#fff;
  border-bottom:0;
}
body.design-v20 .v6-hero:before{
  content:"";
  position:absolute;
  inset:0 50% 0 0;
  pointer-events:none;
  opacity:.33;
  background-image:
    linear-gradient(to right,rgba(9,74,111,.08) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(9,74,111,.055) 1px,transparent 1px);
  background-size:88px 88px;
}
body.design-v20 .v6-hero-grid{
  grid-template-columns:.91fr 1.09fr;
  min-height:572px;
  position:relative;
}
body.design-v20 .v6-hero-copy{padding:80px 74px 66px 0;position:relative;z-index:2}
body.design-v20 .v6-hero-copy:after{
  content:"01";
  position:absolute;
  right:54px;
  top:64px;
  color:#e5edf1;
  font-weight:900;
  font-size:5rem;
  line-height:1;
  letter-spacing:-.08em;
  z-index:-1;
}
body.design-v20 .v6-hero-copy h1{
  max-width:620px;
  font-size:clamp(3.5rem,5vw,5.35rem);
  line-height:.93;
  margin:14px 0 24px;
}
body.design-v20 .v6-hero-copy h1 em{color:var(--v20-orange);font-style:normal}
body.design-v20 .v6-hero-copy>p{font-size:1.04rem;line-height:1.72;max-width:590px;color:#506a7b}
body.design-v20 .v6-actions{margin-top:30px;gap:28px}
body.design-v20 .v6-text-cta{font-size:.88rem;color:var(--v20-navy);text-underline-offset:6px;text-decoration-thickness:1px}
body.design-v20 .v6-stats{margin-top:44px;padding-top:22px;border-top:1px solid #ccd9e0}
body.design-v20 .v6-stats>div{padding-right:22px}
body.design-v20 .v6-stats dt{font-size:.62rem;letter-spacing:.12em}
body.design-v20 .v6-stats dd{font-size:.85rem}
body.design-v20 .v6-hero-visual{
  min-height:572px;
  border-left:0;
  background:#d7e2e7;
  overflow:hidden;
}
body.design-v20 .v6-hero-visual:before{width:4px;height:116px;top:0;background:var(--v20-orange)}
body.design-v20 .v6-hero-visual:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:40%;
  background:linear-gradient(180deg,transparent,rgba(2,22,35,.18));
  pointer-events:none;
}
body.design-v20 .v6-hero-visual img{object-position:center 48%;transition:transform .7s ease}
body.design-v20 .v6-hero-visual:hover img{transform:scale(1.012)}
body.design-v20 .v6-hero-visual figcaption{
  left:28px;
  bottom:24px;
  z-index:3;
  min-width:224px;
  padding:14px 17px 14px 18px;
  border-left:3px solid var(--v20-orange);
  box-shadow:0 18px 45px rgba(0,0,0,.14);
}

/* service rail: strong industrial transition */
body.design-v20 .v6-service-rail{background:var(--v20-deep);border:0}
body.design-v20 .v6-service-rail .container{width:min(100%,var(--v20-max));}
body.design-v20 .v6-rail-grid{border:0}
body.design-v20 .v6-rail-grid a{
  min-height:112px;
  padding:25px 24px;
  border-right:1px solid var(--v20-line-dark);
  background:transparent;
}
body.design-v20 .v6-rail-grid a:last-child{border-right:0}
body.design-v20 .v6-rail-grid a:before{height:3px;background:var(--v20-orange)}
body.design-v20 .v6-rail-grid a:hover{background:#07304a;box-shadow:none}
body.design-v20 .v6-rail-grid span{color:#58a9d4}
body.design-v20 .v6-rail-grid strong{color:#fff;font-size:.9rem}
body.design-v20 .v6-rail-grid b{color:#9eb3bf;font-size:.68rem}
body.design-v20 .v6-rail-grid i{color:var(--v20-orange)}

/* homepage editorial rhythm */
body.design-v20 .v6-editorial{padding:118px 0 116px;background:#fff;position:relative}
body.design-v20 .v6-editorial:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--v20-line)
}
body.design-v20 .v6-editorial-grid{grid-template-columns:.72fr 1.28fr;gap:124px}
body.design-v20 .v6-editorial-title h2{font-size:clamp(2.6rem,3.5vw,3.9rem);line-height:.99}
body.design-v20 .v6-lead{font-size:1.18rem;line-height:1.72;color:#314e61}
body.design-v20 .v6-values{border-top:1px solid var(--v20-line);border-bottom:1px solid var(--v20-line)}
body.design-v20 .v6-values>div{padding:27px 24px 27px 0}
body.design-v20 .v6-values>div+div{padding-left:24px}
body.design-v20 .v6-values strong{font-size:.88rem}
body.design-v20 .v6-values p{font-size:.79rem;color:#6c818e}
body.design-v20 .v6-link{font-weight:800;text-underline-offset:6px}

body.design-v20 .v6-services{padding:112px 0;background:var(--v20-warm);border:0}
body.design-v20 .v6-services-grid{gap:104px;align-items:center}
body.design-v20 .v6-services-visual{padding:0 0 18px 18px}
body.design-v20 .v6-services-visual:before{
  content:"";position:absolute;left:0;bottom:0;right:18px;top:18px;background:var(--v20-navy);z-index:0
}
body.design-v20 .v6-services-visual>img{position:relative;z-index:1;height:430px;box-shadow:none}
body.design-v20 .v6-cert-bar{position:relative;z-index:2;margin:-1px 0 0 0;background:#fff;border:1px solid var(--v20-line);border-top:0}
body.design-v20 .v6-cert-bar>img{height:80px;padding:14px 26px}
body.design-v20 .v6-services-copy h2{font-size:clamp(2.6rem,3.45vw,3.8rem);line-height:1}
body.design-v20 .v6-service-list{border-top:2px solid var(--v20-navy)}
body.design-v20 .v6-service-list a{min-height:62px;border-bottom:1px solid #cbd8df;position:relative}
body.design-v20 .v6-service-list a:before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--v20-orange);transition:width .18s ease}
body.design-v20 .v6-service-list a:hover:before{width:100%}

body.design-v20 .v6-projects{padding:112px 0 118px;background:var(--v20-deep)}
body.design-v20 .v6-section-head{margin-bottom:38px}
body.design-v20 .v6-section-head h2{font-size:clamp(2.75rem,3.75vw,4.05rem);line-height:.98}
body.design-v20 .v6-project-grid{height:420px;gap:12px}
body.design-v20 .v6-project{box-shadow:none}
body.design-v20 .v6-project img{transition:transform .6s ease,filter .6s ease}
body.design-v20 .v6-project:hover img{transform:scale(1.018);filter:saturate(1.05)}
body.design-v20 .v6-project>div strong{font-size:1.02rem;max-width:270px}

body.design-v20 .v6-story{padding:122px 0 124px;background:#fff}
body.design-v20 .v6-story-grid{grid-template-columns:.74fr 1.26fr;gap:118px}
body.design-v20 .v6-story-copy h2{font-size:clamp(2.55rem,3.45vw,3.75rem)}
body.design-v20 .v6-story-images{height:390px;gap:16px}
body.design-v20 .v6-paper{height:318px!important;transform:translateY(28px) rotate(-1deg);box-shadow:0 28px 58px rgba(4,30,48,.12)}
body.design-v20 .v6-community{height:390px!important}

body.design-v20 .v6-process{padding:78px 0;background:var(--v20-soft);border:0}
body.design-v20 .v6-process-grid{grid-template-columns:300px 1fr;gap:92px}
body.design-v20 .v6-process-grid ol{border-top:2px solid var(--v20-navy)}
body.design-v20 .v6-process-grid li{min-height:116px;padding:19px 24px 16px;border-right:1px solid var(--v20-line);position:relative}
body.design-v20 .v6-process-grid li:last-child{border-right:0}
body.design-v20 .v6-process-grid li:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--v20-orange);transition:width .18s ease}
body.design-v20 .v6-process-grid li:hover:after{width:100%}
body.design-v20 .v6-process-grid li span{color:var(--v20-blue)}

body.design-v20 .v6-final{padding:102px 0;background:var(--v20-deep);border-top:1px solid rgba(255,255,255,.06)}
body.design-v20 .v6-final-grid{gap:112px}
body.design-v20 .v6-jobs h2{font-size:clamp(2.7rem,3.65vw,3.95rem)}
body.design-v20 .v6-contact-box{padding:39px 40px;background:#fff;border-top:4px solid var(--v20-orange);box-shadow:0 30px 70px rgba(0,0,0,.16)}

/* ---------- subpage hero: premium dark split ---------- */
body.design-v20.v8-subpage{background:#fff}
body.design-v20.v8-subpage .section{padding:92px 0}
body.design-v20.v8-subpage h1{font-size:clamp(2.75rem,4vw,4.05rem);line-height:.99}
body.design-v20.v8-subpage h2{font-size:clamp(2.05rem,2.9vw,3rem);line-height:1.04}
body.design-v20.v8-subpage p{font-size:.98rem;line-height:1.74}
body.design-v20 .v8-hero{
  padding:36px 0 0;
  background:linear-gradient(180deg,#fff 0%,#fff 78%,var(--v20-soft) 78%,var(--v20-soft) 100%);
}
body.design-v20 .v8-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  min-height:470px;
  background:var(--v20-deep);
  box-shadow:var(--v20-shadow);
  overflow:hidden;
}
body.design-v20 .v8-hero-copy{
  padding:58px 62px 56px 54px;
  color:#fff;
  background:
    linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px),
    var(--v20-deep);
  background-size:84px 84px,84px 84px,auto;
}
body.design-v20 .v8-hero-copy:before{left:0;top:56px;width:4px;height:70px;background:var(--v20-orange)}
body.design-v20 .v8-crumbs{margin-bottom:26px;color:#8fb1c4}
body.design-v20 .v8-crumbs a{color:#b8cbd6}
body.design-v20 .v8-hero-copy>.eyebrow{color:#79bbdf}
body.design-v20 .v8-hero-copy h1{color:#fff!important;max-width:660px;margin:0 0 22px}
body.design-v20 .v8-hero-copy p{max-width:610px;color:#c5d4dc;font-size:1rem;line-height:1.72}
body.design-v20 .v8-hero-actions{gap:12px;margin-top:28px}
body.design-v20 .v8-hero-actions .btn-outline-dark,
body.design-v20 .v8-hero-actions .btn-outline{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
body.design-v20 .v8-hero-actions .btn-outline-dark:hover,
body.design-v20 .v8-hero-actions .btn-outline:hover{background:#fff;color:var(--v20-navy);border-color:#fff}
body.design-v20 .v8-hero-media{min-height:470px;border-left:0;background:#d9e3e8}
body.design-v20 .v8-hero-media:before{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(255,255,255,.14);pointer-events:none}
body.design-v20 .v8-hero-media:after{height:44%;background:linear-gradient(180deg,transparent,rgba(2,25,39,.48))}
body.design-v20 .v8-photo-label{z-index:3;left:24px;bottom:22px;padding:12px 15px 12px 17px;border-left:3px solid var(--v20-orange);box-shadow:0 15px 38px rgba(0,0,0,.15)}

/* facts become a clean floating proof strip */
body.design-v20 .v8-facts{background:var(--v20-soft);padding:0 0 20px}
body.design-v20 .v8-facts-grid{position:relative;z-index:4;margin-top:-1px;box-shadow:0 14px 34px rgba(4,38,61,.05);border-left:1px solid var(--v20-line);border-right:1px solid var(--v20-line)}
body.design-v20 .v8-fact{padding:21px 22px 20px;background:#fff}
body.design-v20 .v8-fact strong{font-size:.8rem}
body.design-v20 .v8-fact span{font-size:.69rem}

/* section composition */
body.design-v20 .v8-rule{background:var(--v20-soft);border:0}
body.design-v20 .v8-intro{grid-template-columns:.58fr 1.42fr;gap:112px;align-items:start}
body.design-v20 .v8-intro>div:first-child{position:relative;padding-top:3px}
body.design-v20 .v8-intro>div:first-child:after{content:"";display:block;width:42px;height:3px;background:var(--v20-orange);margin-top:28px}
body.design-v20 .v8-intro-copy>p:first-child{font-size:1.12rem;line-height:1.74;color:#314e61}

/* services overview */
body.design-v20 .v8-service-directory{column-gap:70px;margin-top:42px;border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-service-row{min-height:132px;grid-template-columns:42px 1fr 112px;gap:20px;position:relative}
body.design-v20 .v8-service-row:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--v20-orange);transition:width .2s ease}
body.design-v20 .v8-service-row:hover{background:transparent;padding-left:0}
body.design-v20 .v8-service-row:hover:after{width:100%}
body.design-v20 .v8-service-row h3{font-size:1.12rem}
body.design-v20 .v8-service-row img{width:112px;height:78px;filter:saturate(.92);transition:filter .2s ease,transform .2s ease}
body.design-v20 .v8-service-row:hover img{filter:saturate(1.05);transform:translateX(-3px)}
body.design-v20 .v8-badges{box-shadow:none;border:1px solid var(--v20-line);background:#fff}

/* service detail */
body.design-v20 .v8-service-main{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:106px}
body.design-v20 .v8-service-copy .lead{font-size:1.13rem;line-height:1.8;color:#304f62}
body.design-v20 .v8-check-grid{border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-check{padding:20px 18px 20px 0}
body.design-v20 .v8-summary{top:142px;padding:36px 35px 34px;background:var(--v20-navy);border-top:4px solid var(--v20-orange);box-shadow:var(--v20-shadow-soft)}
body.design-v20 .v8-summary h3{font-size:1.58rem;line-height:1.06}
body.design-v20 .v8-applications{margin-top:42px}
body.design-v20 .v8-application{padding:31px 30px 31px 0}
body.design-v20 .v8-work{gap:92px;align-items:center}
body.design-v20 .v8-work figure{height:390px;box-shadow:none;position:relative}
body.design-v20 .v8-work figure:after{content:"";position:absolute;left:-14px;bottom:-14px;right:14px;top:14px;background:var(--v20-navy);z-index:-1}
body.design-v20 .v8-faq{grid-template-columns:.54fr 1.46fr;gap:108px}
body.design-v20 .v8-faq-list{border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-faq-list summary{padding:21px 48px 21px 0}
body.design-v20 .v8-related{background:#fff;border:1px solid var(--v20-line)}

/* projects */
body.design-v20.page-projects .v8-project-feature{min-height:430px;box-shadow:none;border:1px solid var(--v20-line)}
body.design-v20.page-projects .v8-project-feature figure img{min-height:430px}
body.design-v20.page-projects .v8-project-copy{padding:52px 48px;background:var(--v20-navy)}
body.design-v20 .v8-project-mosaic{grid-template-rows:250px 250px;gap:12px;margin-top:12px}
body.design-v20 .v8-project-tile img{transition:transform .55s ease}
body.design-v20 .v8-project-tile:hover img{transform:scale(1.015)}

/* about */
body.design-v20 .v8-about-story{grid-template-columns:1.08fr .92fr;gap:108px}
body.design-v20 .v8-history-card{grid-template-columns:200px 1fr;gap:34px;padding:30px 0;border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-history-card img{width:200px;height:210px;box-shadow:none;border:1px solid var(--v20-line)}
body.design-v20 .v8-timeline{border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-time{padding:28px 26px 28px 0}
body.design-v20 .v8-real-grid{height:350px;gap:12px}
body.design-v20 .v8-community{gap:96px}
body.design-v20 .v8-community-media{height:340px;gap:12px}

/* jobs */
body.design-v20 .v8-job-values{margin-top:38px;border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-job-value{padding:26px 24px 26px 0}
body.design-v20 .v8-vacancies{margin-top:34px;border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-vacancy{grid-template-columns:190px 1fr 190px;gap:46px;padding:37px 0;position:relative}
body.design-v20 .v8-vacancy:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--v20-orange);transition:width .18s ease}
body.design-v20 .v8-vacancy:hover{background:transparent;padding-left:0;padding-right:0}
body.design-v20 .v8-vacancy:hover:after{width:100%}
body.design-v20 .v8-vacancy h3{font-size:1.45rem}

/* contact / offerte */
body.design-v20 .v8-form-layout{grid-template-columns:.7fr 1.3fr;gap:104px}
body.design-v20 .v8-contact-panel{top:142px}
body.design-v20 .v8-contact-list{border-top:2px solid var(--v20-navy)}
body.design-v20 .v8-contact-line{padding:18px 0}
body.design-v20 .v8-form{
  background:#fff;
  border:1px solid var(--v20-line);
  border-top:4px solid var(--v20-orange);
  padding:36px 38px 38px;
  box-shadow:var(--v20-shadow-soft);
}
body.design-v20 .v8-form-grid{gap:20px 22px}
body.design-v20 .v8-field label{font-size:.7rem;letter-spacing:.01em}
body.design-v20 .v8-field input,
body.design-v20 .v8-field select,
body.design-v20 .v8-field textarea{
  border:1px solid #c9d5dc;
  background:#fbfcfd;
  border-radius:0;
  padding:13px 14px;
}
body.design-v20 .v8-field input,
body.design-v20 .v8-field select{height:52px}
body.design-v20 .v8-field textarea{min-height:160px}
body.design-v20 .v8-process-side{padding:36px 38px;background:var(--v20-soft);border-top:4px solid var(--v20-blue)}

/* final CTA */
body.design-v20 .v8-final{padding:82px 0;background:var(--v20-deep);border-top:1px solid rgba(255,255,255,.06)}
body.design-v20 .v8-final-box{gap:70px;align-items:center}
body.design-v20 .v8-final-box h2{font-size:clamp(2.15rem,3.1vw,3.3rem)}
body.design-v20 .v8-final-box p{font-size:.92rem}

/* CMS blocks */
body.design-v20 .cms-public-block{padding:94px 0;border-top:1px solid var(--v20-line)}
body.design-v20 .cms-block-two-col{gap:96px}
body.design-v20 .cms-block-two-col img{height:430px;box-shadow:none}
body.design-v20 .cms-usp-grid,
body.design-v20 .cms-step-grid,
body.design-v20 .cms-faq-grid{border-top:2px solid var(--v20-navy)}
body.design-v20 .cms-usp,
body.design-v20 .cms-step,
body.design-v20 .cms-faq{padding:29px 30px}

/* footer */
body.design-v20 .site-footer{background:var(--v20-deep);border-top:3px solid var(--v20-orange);padding:58px 0 0}
body.design-v20 .site-footer-main{grid-template-columns:minmax(280px,1.3fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(230px,1fr);gap:68px}
body.design-v20 .site-footer-logo,
body.design-v20 .site-footer-logo img{width:164px}
body.design-v20 .site-footer-brand p{font-size:.78rem;line-height:1.65;color:#9eb3bf;max-width:300px}
body.design-v20 .site-footer-column h2,
body.design-v20.v8-subpage .site-footer-column h2,
body.design-v20.home-v6 .site-footer-column h2{font-size:.72rem!important;letter-spacing:.15em!important;margin-bottom:17px!important}
body.design-v20 .site-footer-column ul{gap:10px}
body.design-v20 .site-footer-column a,
body.design-v20 .site-footer-contact address{font-size:.78rem;color:#a9bdc8}
body.design-v20 .site-footer-bottom{margin-top:42px;padding:19px 0 23px;border-top:1px solid rgba(255,255,255,.08)}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  body.design-v20 .container,
  body.design-v20.home-v6 .container,
  body.design-v20.v8-subpage .container,
  body.design-v20 .site-footer .container,
  body.design-v20 .cms-public-block .container{width:min(calc(100% - 48px),var(--v20-max))}
  body.design-v20 .nav-links{gap:23px}
  body.design-v20 .v6-hero-copy{padding-right:46px}
  body.design-v20 .v6-editorial-grid{gap:84px}
  body.design-v20 .v6-services-grid{gap:72px}
  body.design-v20 .v6-story-grid{gap:78px}
  body.design-v20 .v8-hero-grid{grid-template-columns:1fr 1fr}
  body.design-v20 .v8-hero-copy{padding:50px 42px}
  body.design-v20 .v8-service-main{gap:64px}
  body.design-v20 .v8-form-layout{gap:62px}
  body.design-v20 .site-footer-main{gap:42px}
}

@media(max-width:860px){
  body.design-v20 .topbar{display:none}
  body.design-v20 .nav,
  body.design-v20.home-v6 .v6-header .nav{height:76px}
  body.design-v20 .logo,
  body.design-v20.home-v6 .v6-header .logo,
  body.design-v20 .logo img,
  body.design-v20.home-v6 .v6-header .logo img{width:154px}

  body.design-v20 .v6-hero:before{display:none}
  body.design-v20 .v6-hero-grid{grid-template-columns:1fr;min-height:0}
  body.design-v20 .v6-hero-copy{order:2;padding:44px 0 46px}
  body.design-v20 .v6-hero-copy:after{display:none}
  body.design-v20 .v6-hero-visual{order:1;min-height:390px}
  body.design-v20 .v6-rail-grid{grid-template-columns:1fr 1fr}
  body.design-v20 .v6-rail-grid a:nth-child(2){border-right:0}
  body.design-v20 .v6-rail-grid a{border-bottom:1px solid var(--v20-line-dark)}
  body.design-v20 .v6-editorial-grid,
  body.design-v20 .v6-services-grid,
  body.design-v20 .v6-story-grid,
  body.design-v20 .v6-final-grid{grid-template-columns:1fr;gap:48px}
  body.design-v20 .v6-services-visual{max-width:680px}
  body.design-v20 .v6-process-grid{grid-template-columns:1fr;gap:36px}
  body.design-v20 .v6-project-grid{height:auto;grid-template-columns:1fr 1fr}
  body.design-v20 .v6-project{height:300px}
  body.design-v20 .v6-project-large{grid-column:1/-1;height:380px}

  body.design-v20.v8-subpage .section{padding:70px 0}
  body.design-v20 .v8-hero{padding-top:0;background:#fff}
  body.design-v20 .v8-hero-grid{grid-template-columns:1fr;box-shadow:none}
  body.design-v20 .v8-hero-copy{order:2;padding:42px 0 44px;background:var(--v20-deep)}
  body.design-v20 .v8-hero-copy:before{left:0;top:42px;height:52px}
  body.design-v20 .v8-hero-copy>.eyebrow,
  body.design-v20 .v8-hero-copy>h1,
  body.design-v20 .v8-hero-copy>p,
  body.design-v20 .v8-hero-copy>.v8-hero-actions,
  body.design-v20 .v8-hero-copy>.v8-crumbs{margin-left:24px;margin-right:24px}
  body.design-v20 .v8-hero-media{order:1;min-height:340px}
  body.design-v20 .v8-facts{padding-bottom:0}
  body.design-v20 .v8-intro,
  body.design-v20 .v8-service-main,
  body.design-v20 .v8-work,
  body.design-v20 .v8-faq,
  body.design-v20 .v8-trust-split,
  body.design-v20 .v8-about-story,
  body.design-v20 .v8-community,
  body.design-v20 .v8-form-layout{grid-template-columns:1fr;gap:48px}
  body.design-v20 .v8-summary,
  body.design-v20 .v8-contact-panel{position:static}
  body.design-v20 .v8-service-directory{grid-template-columns:1fr}
  body.design-v20 .v8-vacancy{grid-template-columns:1fr;gap:14px}
  body.design-v20 .v8-project-feature{grid-template-columns:1fr!important}
  body.design-v20 .v8-final-box{grid-template-columns:1fr}
  body.design-v20 .site-footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:36px}
}

@media(max-width:640px){
  body.design-v20 .container,
  body.design-v20.home-v6 .container,
  body.design-v20.v8-subpage .container,
  body.design-v20 .site-footer .container,
  body.design-v20 .cms-public-block .container{width:min(calc(100% - 30px),var(--v20-max))}

  body.design-v20 .v6-hero-visual{min-height:270px}
  body.design-v20 .v6-hero-copy{padding:35px 0 38px}
  body.design-v20 .v6-hero-copy h1{font-size:clamp(3rem,15vw,4.25rem);line-height:.93}
  body.design-v20 .v6-hero-copy>p{font-size:.96rem}
  body.design-v20 .v6-stats{grid-template-columns:1fr 1fr;gap:14px 0}
  body.design-v20 .v6-stats>div:last-child{grid-column:1/-1}
  body.design-v20 .v6-rail-grid{grid-template-columns:1fr}
  body.design-v20 .v6-rail-grid a{border-right:0}
  body.design-v20 .v6-editorial,
  body.design-v20 .v6-services,
  body.design-v20 .v6-projects,
  body.design-v20 .v6-story{padding:72px 0}
  body.design-v20 .v6-values{grid-template-columns:1fr}
  body.design-v20 .v6-values>div,
  body.design-v20 .v6-values>div+div{padding:20px 0;border-left:0;border-bottom:1px solid var(--v20-line)}
  body.design-v20 .v6-services-visual{padding-left:10px;padding-bottom:10px}
  body.design-v20 .v6-services-visual:before{top:10px;right:10px}
  body.design-v20 .v6-services-visual>img{height:270px}
  body.design-v20 .v6-cert-bar>img{height:66px;padding:10px 15px}
  body.design-v20 .v6-project-grid{grid-template-columns:1fr}
  body.design-v20 .v6-project,
  body.design-v20 .v6-project-large{grid-column:auto;height:255px}
  body.design-v20 .v6-story-images{height:auto;grid-template-columns:.85fr 1.15fr}
  body.design-v20 .v6-paper{height:220px!important;transform:translateY(18px) rotate(-1deg)}
  body.design-v20 .v6-community{height:260px!important}
  body.design-v20 .v6-process{padding:58px 0}
  body.design-v20 .v6-process-grid ol{grid-template-columns:1fr}
  body.design-v20 .v6-process-grid li{border-right:0;border-bottom:1px solid var(--v20-line)}
  body.design-v20 .v6-final{padding:72px 0}
  body.design-v20 .v6-contact-box{padding:30px 24px}

  body.design-v20.v8-subpage h1{font-size:clamp(2.45rem,11.3vw,3.35rem)}
  body.design-v20.v8-subpage h2{font-size:clamp(1.9rem,8.7vw,2.55rem)}
  body.design-v20.v8-subpage .section{padding:58px 0}
  body.design-v20 .v8-hero-media{min-height:250px}
  body.design-v20 .v8-hero-copy{padding:35px 0 37px}
  body.design-v20 .v8-hero-copy:before{top:35px;height:46px}
  body.design-v20 .v8-hero-copy>.eyebrow,
  body.design-v20 .v8-hero-copy>h1,
  body.design-v20 .v8-hero-copy>p,
  body.design-v20 .v8-hero-copy>.v8-hero-actions,
  body.design-v20 .v8-hero-copy>.v8-crumbs{margin-left:20px;margin-right:20px}
  body.design-v20 .v8-hero-actions{flex-direction:column;align-items:stretch}
  body.design-v20 .v8-hero-actions .btn{width:100%}
  body.design-v20 .v8-facts-grid{grid-template-columns:1fr 1fr}
  body.design-v20 .v8-fact{padding:15px 12px}
  body.design-v20 .v8-service-row{grid-template-columns:32px 1fr 78px;min-height:108px;gap:10px}
  body.design-v20 .v8-service-row img{width:78px;height:62px}
  body.design-v20 .v8-work figure{height:265px}
  body.design-v20 .v8-project-mosaic{grid-template-columns:1fr;grid-template-rows:none}
  body.design-v20 .v8-project-tile{height:225px}
  body.design-v20 .v8-form{padding:28px 21px 30px}
  body.design-v20 .v8-form-grid{grid-template-columns:1fr}
  body.design-v20 .v8-field.full{grid-column:auto}
  body.design-v20 .v8-final{padding:64px 0}
  body.design-v20 .v8-final-actions{flex-direction:column;align-items:stretch}
  body.design-v20 .v8-final-actions .btn{width:100%}
  body.design-v20 .site-footer{padding:44px 0 78px}
  body.design-v20 .site-footer-main{grid-template-columns:1fr 1fr;gap:30px 22px}
  body.design-v20 .site-footer-brand{grid-column:1/-1}
  body.design-v20 .site-footer-contact{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}
}

@media(max-width:430px){
  body.design-v20 .v6-hero-copy h1{font-size:3.05rem}
  body.design-v20 .site-footer-main{grid-template-columns:1fr}
  body.design-v20 .site-footer-brand,
  body.design-v20 .site-footer-contact{grid-column:auto}
}