
body{background:#fff;color:var(--ink)}
body:not(.home) main:has(.crumbs){padding-top:0}

.crumbs{position:relative;z-index:3;padding-block:calc(var(--bar-top) + var(--bar-h) + 18px) 0;font-size:14px;color:var(--ink-2)}
.crumbs li+li::before{width:8px;height:12px;background:var(--yellow);transform:skewX(var(--skew))}
.crumbs a{color:var(--ink-2);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s}
.crumbs a:hover{color:var(--navy);text-decoration-color:var(--yellow)}
.crumbs [aria-current]{color:var(--navy);font-weight:600}
.crumbs:has(+ .dhero){position:absolute;left:0;right:0;margin-inline:auto;color:#fff}
.crumbs:has(+ .dhero) a,.crumbs:has(+ .dhero) [aria-current]{color:#fff;text-shadow:0 1px 10px rgb(var(--shade) / .8)}
.crumbs:has(+ .dhero) a:hover{color:#fff;text-decoration-color:var(--yellow)}

.dhero{min-height:min(100svh,920px);padding-block:calc(var(--bar-top) + var(--bar-h) + 64px) clamp(48px,7vw,96px);color:#fff;display:flex;align-items:center}
.dhero__photo{object-position:center 42%}
.dhero::after{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgb(var(--shade) / .5) 0,rgb(var(--shade) / 0) 220px),linear-gradient(90deg,rgb(var(--shade) / .55) 0%,rgb(var(--shade) / .25) 45%,rgb(var(--shade) / 0) 70%)}
.dhero__in{width:min(100%,760px);padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.dhero__in::before{content:none}
.dhero h1{font-size:clamp(34px,4vw,60px);line-height:1.04;letter-spacing:-.02em;text-shadow:0 0 3px rgb(var(--shade) / .45),0 2px 22px rgb(var(--shade) / .75)}
.dhero__lead{color:#fff;font-weight:500;text-shadow:0 0 3px rgb(var(--shade) / .5),0 1px 16px rgb(var(--shade) / .8)}
.dhero .sh__link{color:#fff;text-shadow:0 1px 10px rgb(var(--shade) / .8)}
.dhero--veil::after{background:linear-gradient(180deg,rgb(var(--shade) / .5) 0,rgb(var(--shade) / 0) 220px),linear-gradient(90deg,rgb(var(--shade) / .8) 0%,rgb(var(--shade) / .55) 45%,rgb(var(--shade) / .1) 78%)}
@media(max-width:760px){.dhero--veil::after{background:rgb(var(--shade) / .55)}}
.dhero .pfsum b{color:#fff;text-shadow:0 0 3px rgb(var(--shade) / .45),0 2px 18px rgb(var(--shade) / .75)}
.dhero .pfsum span{color:#fff;text-shadow:0 1px 10px rgb(var(--shade) / .8)}
.dhero .sh__link:hover,.dhero .sh__link:focus-visible{color:#fff;text-decoration-color:#fff;text-decoration-thickness:3px}
.hpromo{position:relative;isolation:isolate;align-self:flex-start;justify-self:start;padding:12px 26px 12px 22px;background:none;border:0;color:var(--navy)}
.hpromo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yellow);transform:skewX(var(--skew));transition:background-color .2s}
.hpromo:hover{background:none}
.hpromo:hover::before{background:var(--yellow-hi)}
.hpromo__tag,.hpromo__txt,.hpromo__txt b,.hpromo__till{color:var(--navy)}
.hpromo__txt b{font-weight:800}
.hpromo__till{font-weight:700}

.kicker::before{color:var(--ink-2);letter-spacing:.14em}
.sec-h{position:relative;isolation:isolate;display:inline-block;max-width:none;padding:.32em .9em .36em;color:var(--navy);font-size:clamp(23px,2.3vw,33px);line-height:1.15;letter-spacing:-.005em}
.sec-h::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yellow);transform:skewX(var(--skew))}
.sec-p{color:var(--ink-2)}
.sechead{margin-bottom:clamp(28px,3.4vw,44px)}

.facts{background:var(--sky);border:0}
.facts__it{position:relative;border-right:0;padding:clamp(28px,3vw,40px) 28px clamp(28px,3vw,40px) 34px}
.facts__it::before{content:"";position:absolute;left:6px;top:clamp(30px,3vw,42px);height:30px;width:6px;background:var(--yellow);transform:skewX(var(--skew))}
.facts__it:first-child{padding-left:34px}
.facts__it:nth-child(odd){padding-left:34px}
.facts__ic{color:var(--navy)}
.facts__it>b{color:var(--navy)}
.facts__it>span{color:var(--ink-2)}
@media(max-width:760px){.facts__it:nth-child(-n+2){border-bottom:0}}

.promo__head{background:none;border:0;padding:0}
.promo__head h2{color:var(--navy)}
.promo__head h2 .ri{color:var(--navy)}
.promo__head h2 em{position:relative;isolation:isolate;padding:.15em .55em;color:var(--navy)}
.promo__head h2 em::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yellow);transform:skewX(var(--skew))}
.promo__meta{color:var(--ink-2)}
.promo__meta time{color:var(--navy)}
.cd{background:var(--navy);border:0;border-radius:999px;padding:6px 16px}
.cd span{color:rgb(255 255 255 / .74)}
.offers{gap:16px}
@media(min-width:901px){.offers:has(> .offer:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.offer{background:var(--sky);border-radius:6px;padding:30px 26px 26px 30px}
.offer::before,.offer--pay::before{inset:30px auto auto 8px;width:6px;height:34px;background:var(--yellow);transform:skewX(var(--skew))}
.offer__fig,.offer__fig.is-word{color:var(--navy)}
.offer__t{color:var(--navy)}
.offer__d{color:var(--ink-2)}
.sh__link{color:var(--navy);text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}
.sh__link:hover{color:var(--navy);text-decoration-color:var(--navy)}

.cmp__grid{gap:18px}
.cmp{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 18px 40px -28px rgb(2 20 52 / .45)}
.cmp__head{background:var(--yellow);color:var(--navy)}
.cmp__d,.cmp__k{color:var(--ink-2)}
.cmp__v{color:var(--navy)}
.cmp__v small{color:var(--ink-2)}
.cmp__bar i{background:var(--navy)}
.cmp__bar i.is-off,.cmp__row.is-na .cmp__bar i{background:rgb(4 40 96 / .12)}
.cmp__row.is-na .cmp__k,.cmp__row.is-na .cmp__v{color:#7a879e}
.grid-note{margin-top:18px;background:var(--sky);border:0;border-radius:6px}
.grid-note p{color:var(--ink-2)}
.grid-note strong{color:var(--navy)}
.series__grid{gap:16px}
.serie{background:var(--sky);border-radius:6px;padding:30px 24px 24px 30px}
.serie::before,.serie--grid::before{inset:30px auto auto 8px;width:6px;height:28px;background:var(--yellow);transform:skewX(var(--skew))}
.serie__n{color:var(--navy)}
.serie__for,.serie--grid .serie__for{color:var(--ink-2)}
.serie__d{color:var(--ink-2)}
.zoom__ic{color:var(--navy)}
.zoom-pic__ic{background:rgb(4 40 96 / .78)}

.smart__in,.feat,.shots,.mod{gap:16px}
.feat,.shots,.mod{margin-top:16px}
.smart__txt,.smart__img,.feat__col,.shots figure,.mod__txt,.mod__img{border-radius:6px;overflow:hidden}
.series + .smart{padding-top:0}

.ty__hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(440px,40vw,600px);padding-block:clamp(24px,3vw,40px)}
.ty:has(> .ty__hero){padding-top:clamp(8px,1.2vw,16px)}
.ty__hero::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);z-index:-2;width:100vw;
  background:linear-gradient(180deg,#e3e4e3 0%,#dbdcdb 55%,#d1d3d2 100%)}
.ty__photo{position:absolute;top:0;bottom:0;right:calc(50% - min(50vw, 800px));z-index:-1;width:auto;max-width:none;height:100%;aspect-ratio:1600/1066;object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 86%,transparent 100%)}
.ty__hero .ty__card{width:min(560px,50%);background:rgb(255 255 255 / .9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;box-shadow:0 24px 60px -30px rgb(2 20 52 / .45)}
@media(max-width:900px){
  .ty__hero{display:block;min-height:0;padding-block:0}
  .ty__hero::before{content:none}
  .ty__photo{position:relative;left:auto;right:auto;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-position:66% 15%;border-radius:6px;margin-bottom:16px;-webkit-mask-image:none;mask-image:none}
  .ty__hero .ty__card{width:auto}
}

.profs,.draws,.palette{gap:16px}
.prof,.palette img{border-radius:6px}
.draw{margin-bottom:0}

.rolprof__intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(24px,4vw,64px);margin-bottom:clamp(28px,3.4vw,48px)}
.rolprof__intro .sec-p{max-width:none;margin:0}
.rolprof__list{display:grid;gap:clamp(20px,2.4vw,32px)}
.rolprof{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3.4vw,56px);align-items:start;
  padding:clamp(20px,2.8vw,44px);border-radius:6px;background:var(--sky)}
.rolprof:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.rolprof:nth-child(even) .rolprof__pic{order:2}
.rolprof__pic{position:sticky;top:calc(var(--bar-top) + var(--bar-h) + 16px);border-radius:6px;overflow:hidden;box-shadow:0 18px 40px -28px rgb(2 20 52 / .45)}
.rolprof__img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.rolprof__tag{position:relative;isolation:isolate;display:inline-block;margin:0 0 14px 6px;padding:5px 14px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--navy)}
.rolprof__tag::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--yellow);transform:skewX(var(--skew))}
.rolprof__n{margin:0 0 16px;font-size:clamp(22px,2.3vw,32px);line-height:1.15;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
.rolprof__txt > p{margin:0 0 12px;max-width:70ch;line-height:1.6;color:var(--ink-2);text-wrap:pretty}
.rolprof__txt > p strong{color:var(--navy)}
.rolprof__txt > .rolprof__h{margin:24px 0 12px;font-weight:700;color:var(--navy)}
.rolprof__pros{columns:2;column-gap:32px;margin:4px 0 24px;padding:0;list-style:none}
.rolprof__pros li{position:relative;break-inside:avoid;margin-bottom:14px;padding-left:24px;font-size:15px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.rolprof__pros li::before{content:"";position:absolute;left:4px;top:.3em;width:6px;height:14px;background:var(--yellow);transform:skewX(var(--skew))}
.rolprof__pros--named strong{display:block;margin-bottom:2px;color:var(--navy)}
.rolprof__btn{margin-top:4px}
@media(max-width:900px){
  .rolprof,.rolprof:nth-child(even){grid-template-columns:1fr}
  .rolprof:nth-child(even) .rolprof__pic{order:0}
  .rolprof__pic{position:static}
  .rolprof__intro{grid-template-columns:1fr}
}
@media(max-width:600px){.rolprof{padding:18px 16px 22px}.rolprof__pros{columns:1}}

.spec table{background:#fff;color:var(--navy)}
.spec th,.spec td{border-color:var(--line)}
.spec thead th{background:var(--navy);color:#fff}
.spec tbody tr:nth-child(even){background:var(--sky)}
@media(max-width:760px){
  .spec tbody tr{border-bottom:1px solid var(--line)}
  .spec tbody td::before{color:var(--ink-2)}
}

.works{background:var(--sky)}
.works__it{background:#dfe6ef;border-radius:6px}
.works__grid{gap:14px;scrollbar-color:rgb(4 40 96 / .35) transparent}
.works__nav{border-radius:50%;background:var(--navy);color:#fff}
.works__nav:hover{background:var(--yellow);color:var(--navy)}

.anat{background:var(--sky)}
.anat__it{border-color:var(--line)}
.anat__it:last-child{border-bottom-color:var(--line)}
.anat__it::before{color:var(--navy);transform:skewX(var(--skew))}
.anat__it h3{color:var(--navy)}
.anat__it p{color:var(--ink-2)}

.why__grid{gap:16px}
@media(min-width:1001px){.why__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.why__it{background:var(--sky);border-radius:6px}
.why__it::before{color:var(--ink-2)}
.why__it h3{color:var(--navy)}
.why__it p{color:var(--ink-2)}
.use{background:var(--sky)}
.use__grid{gap:16px}
.use__it{border-radius:6px;color:#fff}
.use__it p{color:rgb(255 255 255 / .86)}

.tech__in{background:var(--sky);border:0;border-radius:6px;padding-left:clamp(40px,4vw,64px)}
.tech__in::before{content:"";position:absolute;left:clamp(16px,1.6vw,26px);top:clamp(28px,3vw,46px);width:8px;height:clamp(32px,2.8vw,42px);background:var(--yellow);transform:skewX(var(--skew))}
.tech h2{color:var(--navy)}
.tech p{color:var(--ink-2)}
.tech__note{color:var(--ink-2)}

.faq{background:var(--sky)}
.faq .sec-p{color:var(--ink-2)}
.faq .sec-p a{color:var(--navy)}
.faq__it{border-color:var(--line)}
.faq__it::before{color:var(--navy)}
.faq__it h3{color:var(--navy)}
.faq__it p{color:var(--ink-2)}
.faq__it p a{color:var(--navy);text-decoration-color:var(--yellow)}

.card{background:#dfe6ef;border-radius:6px;overflow:hidden}
.card:hover{background:#dfe6ef}
.card::before{background:linear-gradient(0deg,rgb(var(--shade) / .88) 0%,rgb(var(--shade) / .55) 45%,rgb(var(--shade) / .1) 100%)}
.card:hover::before{background:linear-gradient(0deg,rgb(var(--shade) / .82) 0%,rgb(var(--shade) / .4) 45%,rgb(var(--shade) / 0) 100%)}
.card::after{background:var(--yellow)}
.card__t{color:#fff}
.card__d{color:rgb(255 255 255 / .86)}
.card.is-lead{background:var(--yellow);color:var(--navy)}
.card.is-lead:hover{background:var(--yellow-hi)}

.shops{border:0}
.shops__intro p{color:var(--ink-2)}
.shops__cards{gap:0 48px}
.shop{background:none;padding:28px 0 34px;border-top:2px solid var(--navy)}
.shop::before{content:none}
.shop h3{display:flex;align-items:center;gap:14px;color:var(--navy)}
.shop h3::before{content:"";flex:none;width:12px;height:22px;background:var(--yellow);transform:skewX(var(--skew))}
.shop__rows li{color:var(--ink-2)}
.shop__rows .ri{color:var(--navy-2)}
.shop__rows .is-addr,.shop__rows a{color:var(--navy)}
.shop__rows a:hover{color:var(--navy);text-decoration:underline;text-decoration-color:var(--yellow)}
.shop__map{color:var(--navy);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}

.cta{color:var(--navy)}
.zamir{background:var(--sky)}
.zamir h2{color:var(--navy)}
.cta__p{color:var(--ink-2)}
.zamir .steps li{color:var(--ink-2)}
.zamir .steps li::before{border-radius:0;background:var(--yellow);color:var(--navy);transform:skewX(var(--skew))}
.zamir .steps b{color:var(--navy)}
.zamir .cta__note{color:var(--ink-2)}
.lead-card{border-radius:20px;border:0;padding:30px 28px 22px}
.lead-card::before{content:none}
.zamir .lead-card{box-shadow:0 30px 60px -28px rgb(2 20 52 / .45),0 0 0 1px var(--line)}
.lead-card__t{color:var(--navy)}
.lead-card__s,.lead-card__legal{color:var(--ink-2)}
.cta__box{background:#fff;border:0;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
.cta__box::before{inset:22px auto auto 10px;width:6px;height:26px;background:var(--yellow);transform:skewX(var(--skew))}

.art-top{color:var(--navy)}
.art-top .crumbs{padding-top:calc(var(--bar-top) + var(--bar-h) + 18px)}
.art-kicker{color:var(--ink-2)}
.art-lead{color:var(--ink-2)}
.art-meta{color:var(--ink-2)}
.art-meta .ri{color:var(--navy)}
.art-meta time{color:var(--navy)}
.art-hero{border-radius:6px;overflow:hidden}
.art-hero::before{content:none}
.art-body{background:var(--sky)}
.art thead th{background:var(--navy);color:#fff}
.art-short{border-left:0;border-radius:6px;position:relative;padding-left:40px}
.art-short::before{content:"";position:absolute;left:14px;top:22px;width:6px;height:28px;background:var(--yellow);transform:skewX(var(--skew))}

.yt{border-radius:6px;background:#dfe6ef}

.tel-strong{color:var(--navy);font-weight:700;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:5px}

body:not(.home) .foot{margin-top:0}
body:not(.home) main > :last-child{padding-bottom:calc(clamp(44px,5.4vw,80px) + 62px)}
.facts__ic{display:none}
.facts__it::before{top:clamp(30px,3vw,42px)}

@media(max-width:760px){
  .sec-h{margin-left:6px;max-width:calc(100% - 14px);font-size:21px;--skew:-10deg}
  .hpromo{margin-left:6px;max-width:calc(100% - 12px);--skew:-8deg}
  .promo__head h2 em{--skew:-10deg}
  .facts__in{grid-template-columns:1fr}
  .facts__it,.facts__it:first-child{padding:20px 0 20px 34px}
  .facts__it::before{top:22px}
  .facts__it>b{min-height:0}
}
.cd b{color:var(--yellow)}
.lead-card{background:#fff;color:var(--navy)}
.pf__it,.pf__li button{background:#dfe6ef}

.dhero__in:has(.rhero__offers){width:min(100%,940px)}
.rhero__badge{position:relative;isolation:isolate;display:inline-block;margin:0 0 18px 10px;padding:6px 16px 6px 14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.rhero__badge::before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(var(--shade) / .7);border-left:4px solid var(--yellow);transform:skewX(var(--skew))}
.rhero__offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.rhero__offer{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px 26px;border-radius:6px;background:rgb(var(--shade) / .7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rhero__offer::before{content:"";position:absolute;top:24px;left:9px;width:5px;height:30px;background:var(--yellow);transform:skewX(var(--skew))}
.rhero__fig{display:flex;align-items:flex-end;gap:5px;font-size:clamp(32px,2.7vw,42px);line-height:.95;font-weight:800;letter-spacing:-.03em;color:var(--yellow);white-space:nowrap}
.rhero__fig small{padding-bottom:.2em;font-size:.42em;font-weight:700;letter-spacing:0}
.rhero__fig.is-word{font-size:clamp(28px,2.3vw,36px)}
.rhero__t{font-size:16px;line-height:1.35;font-weight:600;color:#fff;text-wrap:pretty}
.rhero__till{font-size:14.5px;font-weight:700;color:var(--yellow)}
.rhero__offer .btn{align-self:stretch;margin-top:auto;min-height:46px;padding:0 16px;font-size:15px}
.rhero__offer :is(.rhero__t,.rhero__till):last-of-type{margin-bottom:8px}
.rhero__offer .btn--ghost{color:#fff;border-color:rgb(255 255 255 / .75)}
@media(max-width:1023px){
  .dhero__in:has(.rhero__offers){width:min(100%,760px)}
  .rhero__offers{grid-template-columns:1fr;gap:10px}
  .rhero__offer{display:grid;grid-template-columns:118px minmax(0,1fr) auto;column-gap:18px;row-gap:2px;align-items:center;padding:16px 18px 16px 26px}
  .rhero__offer::before{top:50%;margin-top:-15px}
  .rhero__fig{grid-row:1 / span 2;grid-column:1}
  .rhero__fig.is-word{font-size:24px;white-space:normal}
  .rhero__t,.rhero__till{grid-column:2}
  .rhero__offer :is(.rhero__t,.rhero__till):last-of-type{margin-bottom:0}
  .rhero__offer .btn{grid-column:3;grid-row:1 / span 2;margin:0;min-width:200px}
}
@media(max-width:640px){
  .rhero__badge{--skew:-8deg;margin-bottom:14px;font-size:12px}
  .rhero__offer{grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:16px 16px 16px 24px}
  .rhero__offer::before{top:20px;margin-top:0}
  .rhero__fig{font-size:30px}
  .rhero__fig.is-word{font-size:22px;max-width:5ch}
  .rhero__t{font-size:15px}
  .rhero__offer .btn{grid-column:1 / -1;grid-row:auto;margin-top:12px;min-width:0}
}
.shops__more{margin:clamp(56px,7vw,96px) 0 clamp(8px,1.4vw,16px);font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--navy)}
.shops__own{grid-template-columns:1fr;gap:24px}
.shops__own .shop{background:var(--sky);border-top:4px solid var(--yellow);padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px)}
.bs-video{max-width:880px;margin:clamp(32px,4vw,56px) auto 0}
.bs-video figcaption{margin-top:12px;font-size:15px;line-height:1.5}
.bs-video figcaption b{display:block;margin-bottom:2px}
@media(min-width:901px){
  .shops__own .shop__rows{grid-template-columns:repeat(2,max-content);column-gap:clamp(32px,4vw,64px);align-items:start}
  .shops__own:has(> .shop + .shop){grid-template-columns:repeat(2,minmax(0,1fr))}
  .shops__own:has(> .shop + .shop) .shop__rows{grid-template-columns:1fr}
}
@media(min-width:1280px){.shops__own .shop__rows{grid-template-columns:repeat(4,max-content)}}
