/* Mission page and the compact home-page transition. */
.mission-teaser{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:end;background:#0b0c0e;border-bottom:1px solid var(--line)}
.mission-teaser h2{font-size:clamp(46px,5.4vw,78px);line-height:1;letter-spacing:-2.6px}
.mission-teaser-copy{border-left:2px solid var(--red);padding:4px 0 4px 7%;max-width:650px}
.mission-teaser-copy p{font-size:18px;line-height:1.7;color:#b7b8bc;margin:0 0 28px}

.mission-page{background:#0b0c0e}
.mission-breadcrumb{padding:34px 5% 0;margin:0}
.mission-origin{border-bottom:0}
.mission-dovesti{min-height:690px;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);background:#090a0c;border-block:1px solid var(--line);overflow:hidden}
.mission-dovesti-photo{grid-column:2;background-image:linear-gradient(90deg,#090a0c 0,transparent 23%),url('/assets/credo-pickup.jpg');background-repeat:no-repeat;background-size:auto 145%;background-position:right center;min-height:690px}
.mission-dovesti-copy{grid-column:1;grid-row:1;align-self:center;padding:70px 5vw 70px max(5vw,70px);position:relative;z-index:1}
.mission-dovesti-copy h1{font-size:clamp(54px,6vw,92px);line-height:1;letter-spacing:-4px;margin:0 0 35px}
.mission-dovesti-copy h1 em,.mission-tech h2 em,.mission-price h2 em{font-style:normal;color:var(--red)}
.mission-dovesti-copy>p:last-child{max-width:470px;color:#c0c1c4;font-size:19px;line-height:1.75;margin:0}

.mission-tech{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;align-items:center;border-bottom:1px solid var(--line);background:#141518}
.mission-tech-intro h2{font-size:clamp(44px,5vw,72px);line-height:1.04;letter-spacing:-2.4px}
.mission-tech-intro>p:last-child{max-width:520px;color:#b7b8bc;font-size:18px;line-height:1.75;margin:30px 0 0}
.mission-tech-visual{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--red)}
.mission-tech-visual span{position:absolute;left:-2%;bottom:-11%;font-size:clamp(150px,21vw,350px);line-height:1;font-weight:700;letter-spacing:-20px;color:#d71920;z-index:0}
.mission-tech-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}

.mission-principles{padding:0 5%;background:#0b0c0e}
.mission-principles article{display:grid;grid-template-columns:70px minmax(0,1.35fr) minmax(260px,.65fr);gap:4%;align-items:start;padding:58px 0;border-bottom:1px solid var(--line)}
.mission-principles article>span{color:var(--red);font-size:13px;letter-spacing:1px;padding-top:8px}
.mission-principles article div>p{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.mission-principles article h2{font-size:clamp(30px,3vw,48px);line-height:1.12;max-width:820px}
.mission-principles article>p{color:#b7b8bc;font-size:16px;line-height:1.75;margin:7px 0 0}

.mission-price{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:7%;align-items:end;background:var(--red);color:#fff;padding-top:110px;padding-bottom:110px}
.mission-price>.eyebrow{grid-column:1/-1;color:#fff9;margin-bottom:0}
.mission-price h2{font-size:clamp(54px,6.5vw,98px);line-height:.98;letter-spacing:-4px}
.mission-price h2 em{color:#131416}
.mission-price>div p{font-size:18px;line-height:1.75;margin:0 0 30px}
.mission-catalog-link{border-color:#fff;background:#111214}
.mission-catalog-link:hover{background:#2a2b2e}

@media(max-width:900px){
  .mission-dovesti{grid-template-columns:minmax(310px,.9fr) minmax(0,1.1fr);min-height:600px}
  .mission-dovesti-photo{min-height:600px;background-size:auto 120%}
  .mission-dovesti-copy{padding-left:5vw}
  .mission-tech{gap:4%}
  .mission-principles article{grid-template-columns:48px minmax(0,1fr)}
  .mission-principles article>p{grid-column:2}
  .mission-price{grid-template-columns:1fr}
  .mission-price>.eyebrow{grid-column:auto}
  .mission-price>div{max-width:650px}
}

@media(max-width:600px){
  .mission-teaser{grid-template-columns:1fr;gap:30px}
  .mission-teaser h2{font-size:52px}
  .mission-teaser-copy{padding-left:24px}
  .mission-teaser-copy p{font-size:16px}
  .mission-breadcrumb{padding:25px 6% 0}
  .mission-origin{padding-top:50px}
  .mission-dovesti{grid-template-columns:1fr;min-height:auto}
  .mission-dovesti-photo{grid-column:1;grid-row:1;min-height:470px;background-size:auto 112%;background-position:73% center}
  .mission-dovesti-copy{grid-column:1;grid-row:2;padding:48px 6% 58px}
  .mission-dovesti-copy h1{font-size:52px;letter-spacing:-2.5px}
  .mission-dovesti-copy>p:last-child{font-size:17px}
  .mission-tech{grid-template-columns:1fr;gap:38px}
  .mission-tech-intro h2{font-size:48px;letter-spacing:-1.8px}
  .mission-tech-intro>p:last-child{font-size:16px}
  .mission-tech-visual{width:100%}
  .mission-principles{padding:0 6%}
  .mission-principles article{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:42px 0}
  .mission-principles article h2{font-size:32px}
  .mission-principles article>p{font-size:15px}
  .mission-price{padding-top:70px;padding-bottom:75px;gap:32px}
  .mission-price h2{font-size:54px;letter-spacing:-2.5px}
  .mission-price>div p{font-size:16px}
}