@font-face{font-family:'Golos Text';src:url(../fonts/golos-text.woff) format('woff');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url(../fonts/lora.woff) format('woff');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url(../fonts/lora-italic.woff) format('woff');font-weight:400 500;font-style:italic;font-display:swap}
@font-face{font-family:'Caveat';src:url(../fonts/caveat.woff) format('woff');font-weight:400 600;font-style:normal;font-display:swap}
body{margin:0;background:#eceef3;font-family:'Golos Text',system-ui,sans-serif;color:#2b2f38;-webkit-font-smoothing:antialiased}
a{color:#565c78;text-decoration:none}a:hover{color:#3f4459}
button{font-family:inherit}
/* Планшет и узкие окна */
@media(max-width:900px){
  .page-root{padding-bottom:0!important}
  .page-box{box-shadow:none!important}
  .sec,.hero-grid{padding-left:56px!important;padding-right:32px!important}
  .margin-line{left:32px!important}
  .nav-links{display:none!important}
  .hero-grid{grid-template-columns:1fr!important;padding-top:8px!important;padding-bottom:24px!important}
  .hero-text{padding:36px 0 0!important}
  .hero-portrait{height:520px!important;margin:44px 0 0}
  .hero-tag{left:-16px!important}
  section.sec{padding-top:56px!important;padding-bottom:56px!important}
  .about-grid,.edu-grid{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .site-header{position:sticky!important;top:0;z-index:20!important;background:rgba(247,248,251,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:10px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(40,44,60,.08)}
  .nav-burger{display:inline-flex!important}
  .mobile-menu{display:flex!important}
  .steps-grid{grid-template-columns:1fr!important;gap:28px!important}
  .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .edu-media{flex:none!important;aspect-ratio:1.5/1;min-height:0!important}
  .edu-grid>div:last-child{max-width:480px}
  svg[height="13"]{max-width:100%}
}
/* Телефон */
@media(max-width:560px){
  .sec,.hero-grid{padding-left:36px!important;padding-right:20px!important}
  .mobile-menu{padding-left:36px!important;padding-right:20px!important}
  .margin-line{left:18px!important}
  .hero-text{padding-top:28px!important}
  .hero-h1{font-size:36px!important;line-height:1.2!important}
  .hero-accent{font-size:46px!important}
  .hero-cta a{flex:1 1 100%;justify-content:center}
  .hero-portrait{height:420px!important;margin:40px 0 0}
  .hero-portrait>div{border-radius:8px}
  section.sec{padding-top:48px!important;padding-bottom:48px!important}
  section h2{font-size:27px!important}
  .contacts-accent{font-size:34px!important}
  .work-grid,.price-grid,.reviews-grid{grid-template-columns:1fr!important}
  .hero-grid{padding-bottom:32px!important}
  .work-grid>div{min-height:0!important;padding:16px 18px!important}
  .price-grid{gap:14px!important}
  .price-big{font-size:46px!important}
  .about-photo{max-width:100%!important}
  .about-photo>img{aspect-ratio:auto!important;height:420px}
  .footer-row{flex-direction:column}
}

/* Для сайта (нет в макете) */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
section[id]{scroll-margin-top:12px}
@media(max-width:900px){section[id]{scroll-margin-top:72px}}
a:focus-visible,button:focus-visible{outline:2px solid #565c78;outline-offset:3px}