:root{
  --milk:#FBF6EE; --sand:#F0D2A5; --sand-2:#F6E6CC; --graphite:#424850; --ink:#1F1B16;
  --accent:#A8500E; --orange:#D9702A;
  --serif:Georgia,"PT Serif","Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@font-face{font-family:"Caveat";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/caveat-cyrillic-600-normal.woff2) format("woff2")}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--milk);color:var(--graphite);font:17px/1.6 var(--sans)}
a{color:var(--accent)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--graphite);color:var(--milk);padding:.6rem 1rem;z-index:10}
.skip:focus{left:8px;top:8px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.wrap--narrow{max-width:760px}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.2;margin:0}

.hero{min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--milk);
  background:linear-gradient(rgba(66,72,80,.68),rgba(66,72,80,.68)),url(/assets/img/hero.jpg) center/cover no-repeat var(--graphite);padding:56px 20px}
.hero__in{max-width:900px}
.hero__org{margin:0 0 2rem;font-size:.95rem;letter-spacing:.04em;color:var(--sand);text-transform:uppercase}
.hero__h1{font-size:clamp(2rem,6vw,3.6rem);font-weight:300}
.hero__h2{margin:.8rem 0 0;font-size:clamp(1.05rem,2.6vw,1.6rem)}
.hero__h3{margin:.4rem 0 0;font-size:clamp(1.1rem,2.8vw,1.9rem)}
.hero__order{margin-top:2.4rem}
.hero__order p{margin:.3rem 0}
.hero__phone{font-size:clamp(1.4rem,4vw,2rem)}
.hero__phone a{color:var(--milk);text-decoration:none}
.hero__phone a:hover{text-decoration:underline}
.btn{display:inline-block;margin-top:.8rem;padding:.7rem 1.6rem;background:var(--orange);color:var(--ink);text-decoration:none;font-weight:600;border-radius:4px}
.btn:hover{background:var(--sand)}

.people{padding:84px 0 72px}
.people h2,.text h2{font-size:clamp(1.5rem,3.6vw,2.2rem);text-align:center;margin-bottom:2.4rem}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:40px 24px}
.card{display:flex;flex-direction:column;align-items:center;text-align:center}
.card__photo{width:168px;height:168px;border-radius:50%;object-fit:cover;background:var(--sand);border:4px solid var(--sand)}
.card__name{margin-top:1rem;font-family:var(--serif);font-size:1.15rem;line-height:1.3;color:var(--graphite)}
.card__role{margin-top:.25rem;font-size:.95rem;color:var(--accent)}
.seal{display:flex;flex-direction:column;align-items:flex-end;margin-top:3rem}
.seal__img{width:210px;height:auto;max-width:60vw}
.seal__sign{font-family:"Caveat","Segoe Script","Brush Script MT",cursive;font-weight:600;font-size:2rem;line-height:1;color:var(--graphite);margin:-.2rem 1.4rem 0 0}

.text{padding:60px 0;background:var(--sand-2)}
.text--dark{background:var(--graphite);color:var(--milk)}
.text--dark a{color:var(--sand)}
.text p{margin:0 0 1.1rem}
.text--dark p{font-size:.98rem}

.foot{background:var(--sand);color:var(--graphite);padding:36px 0}
.foot__in{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.foot__qr{width:150px;height:150px;flex:none}
.foot__txt{margin:0;max-width:520px;font-size:.95rem}
@media (max-width:560px){.seal{align-items:center}.seal__sign{margin-right:0}.foot__in{justify-content:center;text-align:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}