/* Compact rhythm across public pages, with readable text and touch targets. */
html{scroll-padding-top:92px}
.header,.header.is-scrolled{height:88px}.header-inner{height:78px}.header.is-scrolled .header-inner{height:60px;transform:translateY(8px)}
.section{padding-block:56px}.section-heading{gap:30px;margin-bottom:28px}
.hero-inner{padding-top:34px;padding-bottom:18px;gap:26px}.hero h1{font-size:clamp(3.3rem,5.7vw,6rem)}
.hero-copy>.eyebrow{margin-bottom:22px}.hero-intro{margin-top:22px}.hero-actions{margin-top:22px;gap:20px}
.hero-photo{margin-top:16px}.hero-photo img{height:430px}.hero-bottom{margin-top:20px;padding-block:16px}
.creative-strip{padding:20px 0}.strip-track span{font-size:clamp(2.8rem,4.8vw,4.8rem)}
.work{padding-block:58px}.project-grid{gap:44px 40px}.project-card:nth-child(even){margin-top:65px}.project-card:nth-child(3){margin-top:-25px}
.project-featured .project-image img{aspect-ratio:1.4}.project-meta,.project-featured .project-meta{padding-top:16px}
.services-layout,.about-layout{gap:55px}.services-intro{top:100px}.service summary{padding-block:23px}.service-content{padding-bottom:24px}
.about-photo img{max-height:460px}.about-copy h2{margin-block:14px 20px}.process{padding-top:52px}.process-grid h3{margin-block:22px 12px}
.cross-link{margin-top:30px;padding-top:18px}.journal-home .section-heading p:not(.eyebrow){margin-bottom:12px}.story-grid{gap:30px 22px}.story-copy{padding-top:15px}
.contact-layout{gap:45px}.contact h2{margin-block:16px 20px}.contact .button{margin-top:22px}.contact-mark{padding-block:8px}
.blog-hero{padding-bottom:32px}.blog-hero h1{font-size:clamp(3.5rem,6.5vw,6.5rem);margin:18px 0 24px}.blog-content{padding-top:30px}.topic-nav{margin-bottom:28px}.blog-search{margin-bottom:20px}
.case-hero>.container>.eyebrow{margin-top:32px}.case-hero h1{font-size:clamp(3.5rem,6.5vw,6.5rem);margin:20px 0}.case-intro{margin-top:30px;padding-top:22px;gap:40px}
.case-context-grid{gap:40px}.case-context h2{margin-top:14px}.case-image-section{padding-top:24px}.case-image.flyer button{padding:22px}.case-download{padding:25px 0 42px}.case-cta{margin-top:28px}
.article-header{padding-block:36px 26px}.article-header>.eyebrow{margin-top:28px}.article-header h1{font-size:clamp(2.9rem,5.4vw,5.4rem);margin:18px 0}.article-byline{margin-top:20px}.article-cover img{max-height:470px}
.article-body{margin:32px auto 50px}.article-body h2{margin:30px 0 18px}.article-media{margin:28px 0}.article-body blockquote{margin:28px 0}.article-next h2{margin:16px 0}
.builder-section{gap:30px}.builder-copy h2{margin:16px 0}.builder-copy .button{margin-top:16px}.builder-gallery{gap:16px}.footer-inner{padding-block:20px}
@media(min-width:1600px){.hero h1{font-size:6rem}.hero-photo img{height:470px}}
@media(max-width:800px){
 .header,.header.is-scrolled{height:82px}.header-inner{height:72px}.header.is-scrolled .header-inner{height:56px}
 .section{padding-block:42px}.hero-inner{padding-top:26px;gap:18px}.hero h1{font-size:clamp(3.2rem,8.3vw,4.7rem)}
 .hero-photo{margin-top:12px;width:65%}.hero-photo img{height:300px}.hero-bottom{margin-top:16px}.work{padding-block:44px}
 .project-card:nth-child(even){margin-top:40px}.project-card:nth-child(3){margin-top:0}.services-layout,.about-layout{gap:30px}
 .contact-layout{gap:30px}.section-heading{gap:24px}.case-intro,.case-context-grid{gap:24px}
}
@media(max-width:560px){
 .header,.header.is-scrolled{height:76px}.header-inner{height:68px}.header.is-scrolled .header-inner{height:56px}
 .section{padding-block:34px}.section-heading{margin-bottom:22px}.hero-inner{padding-top:22px;padding-bottom:10px}
 .hero h1{font-size:clamp(2.65rem,9.6vw,3.55rem)}.hero-copy>.eyebrow{margin-bottom:18px}.hero-intro{margin-top:18px}.hero-actions{margin-top:18px;gap:16px}
 .hero-photo{width:72%;margin-top:8px;margin-bottom:8px}.hero-photo img{height:230px}.hero-photo figcaption{padding-top:12px}.hero-bottom{margin-top:12px;padding-block:13px}
 .creative-strip{padding:17px 0}.strip-track span{font-size:2.6rem}.work{padding-block:36px}.project-grid{gap:30px}.project-card:nth-child(even),.project-card:nth-child(3){margin-top:0}
 .section-heading h2,.services-intro h2,.about-copy h2{font-size:2.55rem}.service summary{padding-block:20px}.service-content{padding-bottom:20px}.about-photo{max-width:280px}.about-layout{gap:26px}
 .process{padding-top:34px}.process-grid{gap:24px}.story-grid{gap:26px}.cross-link{margin-top:24px}.contact h2{font-size:2.8rem}.contact-number{font-size:1.5rem}
 .blog-hero h1{font-size:2.8rem;margin:16px 0 22px}.blog-content{padding-top:24px}.topic-nav{gap:8px;margin-bottom:24px}
 .case-hero>.container>.eyebrow{margin-top:22px}.case-hero h1{font-size:3rem}.case-intro{margin-top:24px;gap:14px}.case-context h2{font-size:2.4rem}.case-image-section{padding-top:18px}.case-image.flyer button{padding:12px}.case-download{padding:22px 0 30px}.case-cta h2{font-size:2.6rem}
 .article-header{padding-block:28px 22px}.article-header>.eyebrow{margin-top:24px}.article-header h1{font-size:2.55rem}.article-cover img{max-height:300px}.article-body{margin:26px auto 34px}.article-next h2{font-size:2.3rem}.builder-section{gap:24px}
}