@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url("assets/fonts/Montserrat/MontserratRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("assets/fonts/Montserrat/MontserratMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("assets/fonts/Montserrat/MontserratBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  /* бренд */
  --brand:#ffaf00;           /* яркий — только лого */
  --ink:#00384e;

  /* пастельные оттенки бренда (как в первом шаблоне) */
  --bg:#f6f8f9;
  --soft:#e9eef2;            /* пастельный #00384e */
  --soft-warm:#f7f1e4;       /* пастельный #ffaf00 */
  --gold-pastel:#ffe6a8;     /* мягкий акцент как lime в оригинале */
  --gold-mute:#c9a24b;       /* спокойный тёплый для мелких подписей */
  --teal-mute:#3d6a7c;       /* смягчённый ink для kickers */
  --muted:#6a7f8a;
  --line:#dde5ea;
  --card:#ffffff;
  --dark:#00384e;
  --sidebar-w:220px;
  --header-h:76px;
  --shadow:0 18px 50px rgba(0,56,78,.08);
  --radius:26px;
  --font:"Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font);
  line-height:1.45;
}
a{color:inherit;text-decoration:none}

/* Единая верхняя шапка (по поддоменам) */
.topbar{
  position:fixed;top:0;left:0;right:0;height:var(--header-h);
  z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.topbar-inner{
  height:100%;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 22px;
}
.top-brand{
  display:flex;align-items:center;flex-shrink:0;
}
.top-brand img{display:block;height:65px;width:auto}
.top-brand-wrap{
  display:flex;align-items:center;gap:14px;
  min-width:0;flex-shrink:1;
}
.top-tagline{
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  color:var(--muted);
  letter-spacing:-.1px;
  max-width:16ch;
}
.top-nav{
  display:flex;align-items:center;gap:6px;
  font-size:14px;font-weight:650;color:var(--muted);
}
.top-nav a{
  padding:8px 14px;border-radius:999px;
  transition:background .15s,color .15s;
}
.top-nav a:hover{color:var(--ink);background:var(--soft)}
.top-nav a.is-current{
  color:var(--ink);background:var(--soft);font-weight:800;
}
.top-right{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
}
.top-phone{
  font-size:14px;font-weight:800;color:var(--ink);
  letter-spacing:-.2px;white-space:nowrap;
}
.top-phone:hover{color:var(--teal-mute)}
.top-cta{
  background:var(--dark);color:#fff;
  padding:10px 16px;border-radius:999px;
  font-size:13px;font-weight:800;white-space:nowrap;
}
.top-cta:hover{background:#002a3b}

/* Layout: узкий сайдбар слева + контент справа */
.sidebar{
  position:fixed;
  top:var(--header-h);left:0;bottom:0;
  width:var(--sidebar-w);
  background:#fff;
  border-right:1px solid var(--line);
  display:flex;flex-direction:column;
  padding:20px 14px 24px;
  overflow-y:auto;
  z-index:30;
}
.ws-content{
  margin-left:var(--sidebar-w);
  margin-top:var(--header-h);
  min-width:0;
  min-height:calc(100vh - var(--header-h));
}

/* Хлебные крошки */
.ws-crumbs-wrap{
  width:min(1100px, calc(100% - 48px));
  margin:0 auto;
  padding:18px 0 0;
}
.ws-crumbs{
  margin:0;
}
.ws-crumbs__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 0;
  list-style:none;
  margin:0;
  padding:0;
}
.ws-crumbs__item{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
  color:var(--muted);
}
.ws-crumbs__item:not(:last-child)::after{
  content:"/";
  margin:0 10px;
  color:#b7c4cb;
  font-weight:600;
}
.ws-crumbs__link{
  color:var(--muted);
  text-decoration:none;
  transition:color .15s;
}
.ws-crumbs__link:hover{color:var(--ink)}
.ws-crumbs__current{
  color:var(--ink);
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:min(520px, 70vw);
}
@media (max-width:900px){
  .ws-crumbs-wrap{width:calc(100% - 32px);padding-top:14px}
  .ws-crumbs__current{max-width:58vw}
}

.side-brand{
  display:flex;align-items:center;gap:10px;
  min-height:52px;
  padding:4px 10px 18px;margin:0 2px 14px;
  border-bottom:1px solid var(--line);
}
.side-brand--akk{
  text-decoration:none;
  color:inherit;
  border-radius:14px 14px 0 0;
  transition:background .15s;
}
.side-brand--akk:hover{background:var(--soft)}
.side-brand-gerb{
  width:36px;height:36px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
}
.side-brand-mark{
  width:32px;height:32px;border-radius:9px;
  background:var(--dark);color:#fff;
  display:grid;place-items:center;
  font-weight:800;font-size:13px;letter-spacing:-.5px;flex-shrink:0;
}
.side-brand-mark span{color:var(--brand)}
.side-brand-text strong{display:block;font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.2px;line-height:1.2}
.side-brand-text span{font-size:11px;color:var(--muted);font-weight:650;letter-spacing:.02em}
.side-label{
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);margin:0 0 12px 12px;
}
.side-nav{display:flex;flex-direction:column;gap:2px;flex:1}
.side-nav a{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  font-size:13.5px;font-weight:600;
  color:var(--muted);
  transition:background .15s,color .15s;
}
.side-nav a:hover{background:var(--soft);color:var(--ink)}
.side-nav a.is-active{
  background:var(--soft);
  color:var(--ink);
  font-weight:700;
}
.side-nav__item > a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.side-nav__item.has-children.is-hover > a,
.side-nav__item.has-children.is-active-branch > a{
  background:var(--soft);
  color:var(--ink);
}
.side-nav__chev{
  width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);opacity:.45;flex-shrink:0;
}

/* Выезжающая панель подразделов справа (поверх контента) */
.side-flyout{
  position:fixed;
  top:var(--header-h);
  left:var(--sidebar-w);
  bottom:0;
  z-index:28;
  display:flex;
  pointer-events:none;
}
.side-flyout[hidden]{display:none !important}
.side-flyout.is-open{pointer-events:auto}
.side-flyout__panel{
  width:min(360px,70vw);
  height:100%;
  background:linear-gradient(180deg, rgba(0,56,78,.94) 0%, rgba(16,50,64,.92) 100%);
  backdrop-filter:blur(12px);
  box-shadow:12px 0 40px rgba(0,56,78,.18);
  padding:36px 28px 40px;
  overflow-y:auto;
  color:#fff;
  animation:sideFlyIn .18s ease-out;
}
@keyframes sideFlyIn{
  from{opacity:0;transform:translateX(-12px)}
  to{opacity:1;transform:translateX(0)}
}
.side-flyout__title{
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.45);margin-bottom:18px;
}
.side-flyout__links{display:flex;flex-direction:column;gap:4px}
.side-flyout__links a{
  display:block;
  padding:12px 14px;
  border-radius:12px;
  font-size:15px;font-weight:600;
  color:rgba(255,255,255,.88);
  transition:background .15s,color .15s;
}
.side-flyout__links a:hover,
.side-flyout__links a.is-active{
  background:rgba(255,175,0,.16);
  color:#fff;
}
body.side-flyout-open .ws-content::before{
  content:"";
  position:fixed;
  top:var(--header-h);
  left:calc(var(--sidebar-w) + min(360px,70vw));
  right:0;bottom:0;
  background:rgba(0,56,78,.22);
  z-index:27;
  pointer-events:none;
}

@media(max-width:1100px){
  .side-flyout{
    left:0;
    width:100%;
    z-index:35;
  }
  .side-flyout__panel{
    width:min(320px,85vw);
    margin-left:min(280px,86vw);
  }
  body.side-flyout-open .ws-content::before{
    left:0;
  }
}
.side-cta{
  margin-top:18px;
  display:block;text-align:center;
  background:var(--dark);color:#fff;
  padding:12px 14px;border-radius:12px;
  font-size:13px;font-weight:800;
}
.side-cta:hover{background:#002a3b}

.mobile-bar{
  display:none;
  position:sticky;top:0;z-index:40;
  background:rgba(246,248,249,.94);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  height:52px;align-items:center;justify-content:space-between;
  padding:0 16px;
}
.burger{
  width:40px;height:40px;border:1px solid var(--line);border-radius:10px;
  background:#fff;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.burger span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px}
.mobile-products{
  display:flex;align-items:center;gap:2px;
  font-size:12px;font-weight:650;color:var(--muted);
}
.mobile-products a{
  padding:6px 10px;border-radius:999px;
}
.mobile-products a.is-current{
  color:var(--ink);background:var(--soft);font-weight:800;
}
.overlay{
  display:none;position:fixed;inset:0;background:rgba(0,56,78,.3);z-index:25;
}
.overlay.open{display:block}

.container{width:min(1100px,calc(100% - 40px));margin:auto}
.hero{padding:90px 0 70px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}
.eyebrow{color:var(--teal-mute);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 25px;max-width:720px}
h1 em{font-style:normal;color:var(--teal-mute)}
.lead{font-size:20px;color:var(--muted);max-width:650px}
.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.btn{padding:15px 21px;border-radius:999px;font-weight:750;border:1px solid var(--line)}
.btn.primary{background:var(--dark);color:#fff;border-color:var(--dark)}
.btn.primary:hover{background:#002a3b}
.btn.secondary{background:#fff;color:var(--ink)}
.btn.secondary:hover{border-color:var(--teal-mute)}
.contour{
  position:relative;min-height:470px;border-radius:34px;background:var(--dark);
  overflow:hidden;box-shadow:var(--shadow);
}
.contour:before,.contour:after{
  content:"";position:absolute;border:1px solid rgba(255,230,168,.4);border-radius:50%;
}
.contour:before{width:430px;height:430px;left:35px;top:20px}
.contour:after{width:280px;height:280px;left:110px;top:95px}
.contour-title{position:absolute;left:32px;top:28px;color:rgba(255,255,255,.5);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.node{
  position:absolute;background:#fff;color:var(--ink);border-radius:16px;padding:13px 15px;
  font-weight:800;font-size:13px;box-shadow:0 10px 25px rgba(0,0,0,.15)
}
.node small{display:block;color:#7a8f98;font-weight:500;margin-top:3px}
.n1{left:50%;top:42%;transform:translate(-50%,-50%);background:var(--gold-pastel);font-size:17px;padding:19px 23px}
.n2{left:22px;top:43%}.n3{right:24px;top:27%}.n4{right:20px;bottom:28%}
.n5{left:29%;bottom:31%}.n6{left:42%;bottom:8%}
.dot{position:absolute;width:7px;height:7px;background:var(--gold-pastel);border-radius:50%}
.d1{left:18%;top:28%}.d2{right:18%;top:49%}.d3{left:26%;bottom:20%}
.section{padding:90px 0}
.section.alt{background:#fff}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-mute);font-weight:800}
h2{font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:-2.5px;margin:8px 0 0}
.section-head p{max-width:440px;color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:280px}
.card.dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.card .num{font-size:12px;color:var(--gold-mute);font-weight:850}
.card.dark .num{color:var(--gold-pastel)}
.card h3{font-size:27px;letter-spacing:-1px;margin:48px 0 10px}
.card p{color:var(--muted)}.card.dark p{color:rgba(255,255,255,.7)}
.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px;margin:5px 4px 0 0;background:#fff}
.card.dark .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.85)}
.problem{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.problem-card{border-radius:var(--radius);padding:34px;background:var(--soft)}
.problem-card strong{display:block;font-size:24px;margin-bottom:14px}
.problem-card p{color:var(--muted);margin:0}

/* Director / founder */
.section.director{
  padding:70px 0 0;
  overflow:hidden;
}
.director-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:48px;
  align-items:end;
}
.director-copy{
  padding:24px 0 70px;
}
.director-copy h2{
  max-width:18ch;
  margin-bottom:22px;
}
.director-copy > p{
  color:var(--muted);
  font-size:16.5px;
  line-height:1.65;
  margin:0 0 14px;
  max-width:54ch;
}
.director-sign{
  margin-top:28px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.director-sign strong{
  font-size:18px;
  letter-spacing:-.3px;
  color:var(--ink);
}
.director-sign span{
  font-size:13px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--teal-mute);
}
.director-visual{
  position:relative;
  min-height:520px;
}
.director-stage{
  position:relative;
  height:100%;
  min-height:520px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  isolation:isolate;
}
.director-photo{
  position:relative;
  z-index:1;
  display:block;
  width:min(420px,92%);
  height:auto;
  max-height:620px;
  object-fit:contain;
  object-position:center bottom;
  transform:translateY(18px);
  filter:drop-shadow(0 18px 40px rgba(0,56,78,.18));
  animation:directorRise .9s cubic-bezier(.2,.7,.2,1) both;
}
.director-contour{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:2;
  height:38%;
  min-height:160px;
  border-radius:42px 42px 0 0;
  background:
    radial-gradient(520px 180px at 70% 0%, rgba(255,230,168,.22), transparent 55%),
    linear-gradient(160deg, #00384e 0%, #0a4a63 55%, #164a5c 100%);
  box-shadow:0 -12px 40px rgba(0,56,78,.12);
  overflow:hidden;
  pointer-events:none;
  animation:directorContourIn .7s ease-out both;
}
.director-contour__ring{
  position:absolute;
  border:1px solid rgba(255,230,168,.35);
  border-radius:50%;
  left:50%;
  top:18%;
  transform:translateX(-50%);
}
.director-contour__ring.r1{width:280px;height:280px}
.director-contour__ring.r2{width:170px;height:170px;top:28%;border-color:rgba(255,175,0,.35)}
.director-contour__label{
  position:absolute;
  left:28px;top:22px;
  color:rgba(255,255,255,.5);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:700;
}
@keyframes directorRise{
  from{opacity:0;transform:translateY(48px)}
  to{opacity:1;transform:translateY(18px)}
}
@keyframes directorContourIn{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  .director-photo,.director-contour{animation:none}
}
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.value{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:24px 20px;min-height:200px;
}
.section.alt .value{background:var(--soft);border-color:transparent}
.value .num{font-size:12px;font-weight:850;color:var(--gold-mute);margin-bottom:18px}
.value h3{font-size:17px;letter-spacing:-.4px;margin:0 0 10px}
.value .short{margin:0 0 12px;font-size:14px;font-weight:650;color:var(--ink);line-height:1.4}
.value p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.45}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line)}
.step{padding:28px 18px 10px;border-right:1px solid var(--line)}
.step:first-child{padding-left:0}.step:last-child{border-right:0}
.step b{display:block;font-size:12px;color:var(--teal-mute);margin-bottom:22px}
.step h3{font-size:20px;margin:0 0 8px}.step p{font-size:14px;color:var(--muted)}
.products{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.product{border-radius:32px;padding:40px;min-height:360px;position:relative;overflow:hidden}
.product.med{background:var(--soft)}
.product.pol{background:#eaf2ed}
.product h3{font-size:42px;letter-spacing:-2px;margin:45px 0 8px}
.product p{max-width:450px;color:var(--muted)}
.product-link{position:absolute;bottom:32px;left:40px;font-weight:800;color:var(--ink)}
.product-link:hover{color:var(--gold-mute)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.stat{background:#fff;padding:27px}.stat strong{font-size:34px;letter-spacing:-1px;display:block;color:var(--ink)}.stat span{color:var(--muted);font-size:13px}
.cta{background:var(--dark);color:#fff;border-radius:34px;padding:55px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.cta h2{max-width:650px}.cta p{color:rgba(255,255,255,.7);max-width:560px}
.cta .btn{background:var(--gold-pastel);border-color:var(--gold-pastel);color:var(--ink)}
.cta .btn:hover{background:var(--brand);border-color:var(--brand)}
.cta .kicker{color:var(--gold-pastel)}
footer{padding:35px 0 50px;color:var(--muted);font-size:13px}
.footer-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}

@media(max-width:1100px){
  .top-nav{display:none}
  .top-cta{display:none}
  .top-tagline{max-width:14ch;font-size:12px}
  .sidebar{
    width:min(280px,86vw);
    transform:translateX(-105%);
    transition:transform .25s ease;
  }
  .sidebar.open{
    transform:translateX(0);
    box-shadow:8px 0 40px rgba(0,56,78,.15);
  }
  .ws-content{margin-left:0}
  .mobile-bar{display:flex}
  .hero-grid,.problem,.products,.director-grid{grid-template-columns:1fr}
  .director-visual{min-height:460px}
  .director-stage{min-height:460px}
  .director-copy{padding:8px 0 24px}
  .director-photo{max-height:520px;width:min(360px,88%)}
  .cards{grid-template-columns:1fr}
  .values{grid-template-columns:1fr 1fr}
  .process{grid-template-columns:1fr}
  .step{border-right:0;border-bottom:1px solid var(--line);padding-left:0}
  .stats{grid-template-columns:1fr 1fr}
  .section-head{display:block}.section-head p{margin-top:18px}
  .contour{min-height:420px}
}
@media(max-width:560px){
  .container{width:min(100% - 28px,1180px)}.hero{padding-top:55px}h1{letter-spacing:-2.5px}.contour{min-height:390px}.n2{left:10px}.n3{right:10px}.n4{right:8px}.cta{padding:32px;display:block}.stats{grid-template-columns:1fr}
  .top-phone{font-size:13px}
  .top-tagline{display:none}
  .values{grid-template-columns:1fr}
  .office-map iframe{height:360px}
  .office-card{left:12px;right:12px;bottom:12px;max-width:none;padding:16px}
  .office-card h3{font-size:18px}
}

/* Office + map */
.office-map{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--dark);
  min-height:420px;
  box-shadow:var(--shadow);
}
.office-map iframe{
  display:block;width:100%;height:420px;border:0;
  filter:grayscale(.15) contrast(1.02);
}
.office-card{
  position:absolute;left:24px;bottom:24px;z-index:2;
  max-width:min(420px,calc(100% - 48px));
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-radius:20px;
  padding:22px 24px;
  box-shadow:0 12px 40px rgba(0,56,78,.18);
  display:flex;gap:16px;align-items:flex-start;
}
.office-card .pin{
  width:48px;height:48px;border-radius:14px;
  background:var(--soft);display:grid;place-items:center;flex-shrink:0;
}
.office-card h3{font-size:22px;letter-spacing:-.6px;margin:0 0 8px}
.office-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.45}
.office-card a{
  display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:var(--ink);
}
.office-card a:hover{color:var(--brand)}

/* ===== 404 ===== */
.err404{
  padding:72px 0 90px;
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(255,230,168,.35), transparent 55%),
    linear-gradient(180deg,#fff 0%, var(--bg) 100%);
  min-height:calc(100vh - var(--header-h) - 120px);
}
.err404-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  align-items:center;
}
.err404 h1{
  font-size:clamp(40px,5vw,68px);
  line-height:.98;
  letter-spacing:-2.8px;
  margin:0 0 18px;
}
.err404 h1 em{font-style:normal;color:var(--teal-mute)}
.err404 .lead{margin:0 0 8px;max-width:540px}
.err404 .actions{margin-top:28px}
.err404-hints{
  display:flex;flex-wrap:wrap;gap:10px 16px;
  margin-top:28px;
  font-size:13px;font-weight:750;
}
.err404-hints a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.err404-hints a:hover{color:var(--ink)}
.err404-art{margin:0}
.err404-svg{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 40px rgba(0,56,78,.08));
}
@media(max-width:1100px){
  .err404-grid{grid-template-columns:1fr}
  .err404{padding-top:48px}
  .err404-art{order:-1;max-width:420px;margin:0 auto}
}
@media(max-width:720px){
  .err404 h1{letter-spacing:-1.6px}
  .err404 .actions{display:flex;flex-direction:column;align-items:stretch}
  .err404 .actions .btn{text-align:center}
}