/* Responsive layer: the layout widens and gains columns on large screens, type grows only slightly
   (no zoom), and team portraits are always shown in full on every screen size. */
:root{--page-w:1200px}
@media(min-width:1600px){:root{--page-w:1340px}}
@media(min-width:1920px){:root{--page-w:1520px}}
@media(min-width:2560px){:root{--page-w:1900px}}
@media(min-width:3440px){:root{--page-w:2400px}}

@media(min-width:1600px){
html{font-size:clamp(16px,11.6px + .275vw,21px);scroll-padding-top:clamp(120px,8vw,170px)}
.wrap,.results-redesign main .wrap,.creative-gallery-section{width:min(var(--page-w),calc(100% - 80px));max-width:none}
.wrap.interview-grid,.wrap.voice-directory-heading{width:min(calc(var(--page-w) * 1.1),calc(100% - 64px))}
body.ui-polished main :is(.page-faq,.faq-section),.inner-page.service-redesign .page-faq{width:min(calc(var(--page-w) * .8),calc(100% - 64px));max-width:none}
.inner-page .hero-editorial h1,.service-hero-single>div:not(.space-sky),.inner-page :is(.page-hero,.page-title) h1,.inner-page .case-detail-title h1,.service-feature-hero h1{max-width:calc(var(--page-w) * .8)}
.audit-next-steps{max-width:calc(var(--page-w) * .9)}
.section{padding-block:clamp(112px,80px + 2vw,170px)}
.hero{padding-top:clamp(154px,9vw,230px)}
.hero-inner{min-height:clamp(600px,36vw,900px)}
.hero-art{min-height:clamp(560px,33vw,820px)}
.astronaut{max-width:clamp(495px,28vw,740px)}
.hero-description{max-width:clamp(470px,26vw,700px)}
.brand{width:clamp(144px,7.5vw,210px)}
.footer-brand .brand{width:clamp(160px,8vw,230px)}
.inner-page :is(.page-hero,.page-title,.case-detail-title,.service-opening){padding-top:clamp(175px,10vw,260px)!important}
.inner-page main>section.section{padding-block:clamp(76px,3vw + 30px,130px)}
.family-hero{padding-block:clamp(170px,9vw,240px) clamp(90px,5vw,140px);gap:clamp(70px,4vw,120px)}
/* more columns instead of bigger cards */
.service-grid{grid-template-columns:repeat(3,1fr)}
.google-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1920px){
.home-articles-grid{grid-auto-columns:calc((100% - 72px)/3.2)}
.google-reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.google-reviews-layout{grid-template-columns:320px minmax(0,1fr)}
}
@media(min-width:2560px){
.home-articles-grid{grid-auto-columns:calc((100% - 96px)/4.2)}
}

/* Team: the portrait area keeps a 4:5 ratio and the whole photo is always visible (never cropped). */
html .member-visual{height:auto;aspect-ratio:4/5}
html .member-visual>img,html .member-visual>img[src]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;background:#fefefe}
html .member-visual>img[src*="team-aurel"]{background:#f7f9f9!important}
@media(min-width:1051px){.team-deck{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1700px){.team-deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}}
@media(min-width:2400px){.team-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}}
@media(min-width:3200px){.team-deck{grid-template-columns:repeat(7,minmax(0,1fr));gap:30px}}

/* Keep the navigation available on phones and tablets as well, as on the Romanian site. */
@media(max-width:1000px){html .site-header{position:fixed;top:max(12px,env(safe-area-inset-top));z-index:100;backdrop-filter:blur(16px) saturate(1);-webkit-backdrop-filter:blur(16px) saturate(1)}}