/* Compact editorial rhythm while preserving the fluid page width. */
.nav{height:88px}
.section{padding-top:48px;padding-bottom:48px}
.section-heading{margin-bottom:25px}
.eyebrow{margin-bottom:14px}
.hero,.hero-visual{min-height:540px}
.hero-copy{padding-top:60px;padding-bottom:35px}
.hero .eyebrow{margin-bottom:30px}
.hero-foot{margin-top:26px}
.hero h1{font-size:clamp(36px,3.1vw,58px)}
.hero .actions{margin-top:25px}
.page-intro{padding-top:30px;padding-bottom:35px}
.has-image .intro-grid{grid-template-columns:44% 56%}
.has-image .intro-grid>div{padding-top:28px;padding-bottom:30px}
.has-image .page-image{min-height:500px}
.breadcrumb{margin-bottom:25px}
.page-intro h1{font-size:clamp(36px,3vw,54px);margin-bottom:18px;line-height:1.35}
.intro-description{line-height:1.8;margin:0}
.intro-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;border-top:1px solid #d9d5ce;padding-top:16px}
.intro-shortcuts a{padding:0;font-size:14px;color:#4d4a44;display:flex;gap:22px;align-items:center}
.intro-shortcuts a:hover{color:var(--accent)}
.intro-shortcuts span{color:var(--accent)}
.story{grid-template-columns:.8fr 1.6fr;gap:70px}
.reading p{margin-bottom:14px}
.story .about-facts{margin-top:22px}
.story h2{font-size:30px}
.editorial-grid{gap:28px;margin-top:28px}
.editorial-grid article{padding:22px 26px;background:#fff;border:1px solid #e4dfd7}
.editorial-grid h3{margin:12px 0 8px}
.editorial-grid p{margin:0}
.index-number{font-size:27px}
.end-cta{padding-top:32px;padding-bottom:32px}
.end-cta h2{font-size:28px}
.brands{padding-top:24px;padding-bottom:24px}
.service-section{padding:45px 0}
.services{gap:0 45px}
.services article{min-height:0;padding-top:20px;padding-bottom:20px}
.service-number{top:20px}
.about{gap:60px}
.about-visual{min-height:340px;max-height:400px}
.about-copy h2{font-size:34px;margin-bottom:14px}
.about-copy>p:not(.eyebrow){max-width:850px;margin:10px 0}
.catalog{gap:35px 38px}
.catalog-item{grid-template-columns:.85fr 1.15fr;gap:25px;padding-top:22px}
.catalog-item>img{aspect-ratio:1.15}
.catalog-item .text-link{margin-top:12px}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:65px;align-items:start}
.faq>.eyebrow{grid-column:1;grid-row:1}
.faq>h2{grid-column:1;grid-row:2;margin:0}
.faq>details{grid-column:2}
.faq>details:first-of-type{grid-row:1/3}
.faq details{padding:16px 0}
.contact-section{padding:45px 0}
.contact-layout{grid-template-columns:.85fr 1.15fr;gap:65px}
.form-panel{padding:28px 32px}
.page-contact .page-intro{padding-bottom:28px}
.page-contact .intro-grid>div{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}
.page-contact .breadcrumb{grid-column:1/-1;margin-bottom:20px}
.page-contact .eyebrow{grid-column:1/-1}
.page-contact .intro-description{grid-column:2;grid-row:3;align-self:center}
.page-contact .intro-shortcuts{grid-column:2;grid-row:4;margin-top:0}
.page-contact .page-intro h1{grid-column:1;grid-row:3/5;margin:0;font-size:40px}
.address-card{padding-left:30px}
.address-card h3{margin:10px 0}
.contact-lines{grid-template-columns:1fr 1fr;gap:10px 25px}
.footer-main{padding-top:24px;padding-bottom:22px}
@media(min-width:1800px){
 .hero,.hero-visual{min-height:560px}
 .hero-copy{padding-top:65px}
 .has-image .page-image{min-height:520px}
 .section h2{font-size:32px}
 .services{grid-template-columns:repeat(4,1fr);gap:28px}
 .services article{padding-left:0;border-bottom:0;border-top:1px solid var(--line)}
 .service-number{position:static;font-size:28px;margin-bottom:10px}
 .page-services .services article:nth-last-child(-n+2){border-top:1px solid var(--line)}
}
@media(max-width:1100px){.intro-shortcuts{gap:16px}.intro-shortcuts a{font-size:13px;gap:10px}.story{gap:35px}.catalog-item{grid-template-columns:.8fr 1fr}.contact-lines{grid-template-columns:1fr}.faq{column-gap:30px}}
@media(max-width:760px){
 .nav{height:76px}
 .section{padding-top:32px;padding-bottom:32px}
 .hero,.hero-visual{min-height:0}
 .hero-copy{padding-top:30px;padding-bottom:25px}
 .hero-visual{height:265px}
 .has-image .intro-grid{grid-template-columns:1fr;gap:20px}
 .has-image .intro-grid>div{padding:0}
 .has-image .page-image{min-height:0;height:220px}
 .page-intro{padding-top:20px;padding-bottom:25px}
 .page-intro h1{font-size:32px}
 .breadcrumb{margin-bottom:18px}
 .intro-shortcuts{gap:18px;margin-top:20px;padding-top:13px}
 .intro-shortcuts a{font-size:13px;gap:8px}
 .story{grid-template-columns:1fr;gap:24px}
 .story h2{font-size:26px}
 .editorial-grid{gap:15px;margin-top:20px}
 .editorial-grid article{padding:20px}
 .service-section{padding:32px 0}
 .about{gap:25px}
 .about-visual{min-height:0;height:230px}
 .catalog-item{grid-template-columns:1fr}
 .faq{display:block}
 .faq>h2{margin-bottom:20px}
 .contact-layout{grid-template-columns:1fr;gap:25px}
 .contact-section{padding:30px 0}
 .page-contact .intro-grid>div{display:block}
 .page-contact .page-intro h1{font-size:32px;margin-bottom:16px}
 .page-contact .intro-shortcuts{margin-top:20px}
 .address-card{padding-left:0}
 .end-cta h2{font-size:24px}
}