/* A+Б, approved 11 October 2026. Self-hosted OFL fonts, no third-party requests. */
@font-face{font-family:"Cormorant";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/cormorant-500.woff2") format("woff2")}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/cormorant-600.woff2") format("woff2")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/golos-text-400.woff2") format("woff2")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/golos-text-500.woff2") format("woff2")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/golos-text-600.woff2") format("woff2")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/golos-text-700.woff2") format("woff2")}
:root{--ab-font-text:"Golos Text",Arial,sans-serif;--ab-font-display:"Cormorant",Georgia,serif}
body{font-family:var(--ab-font-text)}
button,input,select,textarea{font-family:var(--ab-font-text)}
h1,h2,h3{font-family:var(--ab-font-display);font-weight:500;letter-spacing:-.025em}
.overview-heading h2,.overview-contact h2,.page-main>h1,.project-heading h1,.contact-inner h2,.sample-section h1,.sample-section h2{font-family:var(--ab-font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.025em}
.price-card h3,.page-content .price-card h3{font-family:var(--ab-font-display);font-weight:500;font-size:26px;line-height:1.08;letter-spacing:-.015em}
.project-caption,.project-meta,.brand span,.price-value,.resource-index,.portfolio-pagination{font-family:var(--ab-font-text)}
.home .site-header,.home .site-footer,.compact-home{--pad:clamp(20px,5.6vw,80px)}
.compact-home .overview-intro{display:block;min-height:0;padding:30px 0 36px}
.overview-intro .overview-copy h1{font-family:var(--ab-font-display);font-weight:500;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(46px,5.8vw,84px);line-height:.98;max-width:1000px;margin:0 0 22px;text-wrap:balance}
.overview-pitch .overview-lead{font-size:clamp(17px,1.7vw,24px);line-height:1.4;margin:0 0 24px;max-width:none}
.overview-pitch .overview-note{font-size:14px;line-height:1.5;margin-top:18px}
.overview-actions{gap:32px}
.overview-actions .button{min-height:54px;font-size:16px;padding:15px 28px}
.overview-actions .text-link{font-size:16px}
.overview-heading{margin-bottom:20px;align-items:baseline}
.overview-heading h2{font-size:clamp(30px,3.3vw,46px);line-height:1.05}
.overview-heading a{font-size:14px}
.overview-projects{padding:26px 0 24px}
.overview-project-grid{column-gap:24px;row-gap:40px}
.overview-project-grid .project-caption{font-size:16px;line-height:1.4;margin-top:9px;letter-spacing:-.02em}
.overview-project-grid .project-meta{font-size:12px;line-height:1.5;margin-top:3px}
.portfolio-pagination{margin-top:24px;flex-wrap:wrap;font-size:13px}
.portfolio-pagination .page-numbers{min-width:36px;min-height:36px}
.overview-contact h2{font-size:clamp(30px,3vw,42px);line-height:1.08}
.overview-pricing{padding-top:24px}
/* Preserve full frames and the existing orientation ordering / mobile column rules. */
.overview-project-grid .project-image-link img{height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
@media(min-width:1101px){.compact-home .overview-intro{padding-top:28px}.overview-intro .overview-copy h1{max-width:1040px}}
@media(max-width:700px){
 .compact-home .overview-intro{padding:10px 0 24px}
 .overview-intro .overview-copy h1{font-size:clamp(36px,9.2vw,52px);line-height:1.02;letter-spacing:-.035em;margin-bottom:16px;max-width:none}
 .overview-pitch .overview-lead{font-size:16px;line-height:1.5;margin-bottom:20px}
 .overview-pitch .overview-note{font-size:11px;margin-top:14px}
 .overview-actions{gap:18px}
 .overview-actions .button{font-size:14px;min-height:48px;padding:12px 18px}
 .overview-actions .text-link{font-size:13px}
 .overview-heading{margin-bottom:16px;gap:12px}
 .overview-heading h2{font-size:30px;line-height:1.1}
 .overview-heading a{font-size:11px}
 .overview-project-grid{column-gap:10px;row-gap:24px}
 .overview-project-grid .project-caption{font-size:11px;line-height:1.45}
 .overview-project-grid .project-meta{font-size:10px}
 .price-card h3,.page-content .price-card h3{font-size:23px;line-height:1.12}
 .portfolio-pagination{gap:6px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}