/* Shared readable type and predictable spacing across every page. */
:root{--space-section:72px;--space-section-mobile:48px;--space-content:32px;}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px);align-items:end;gap:32px;margin-bottom:32px;}
.section-heading h2{font-size:clamp(38px,4.3vw,66px);line-height:1.06;letter-spacing:-.04em;}
.section-heading h2 em{display:block;font-size:1.08em;line-height:1.08;margin:0 0 4px;}
.section-heading>p{font-size:18px;line-height:1.6;color:inherit;max-width:380px;margin:0;justify-self:end;}
.eyebrow{line-height:1.5;letter-spacing:.065em;}
.home-page .work{color:#f5efce;--muted:#d6cebd;--line:#625b4f;padding-block:var(--space-section);}
.home-page .work .section-heading h2,.home-page .work .section-heading h2 em{color:#f5efce;}
.home-page .work .section-heading>p{color:#d6cebd;}
.home-page .work .projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:36px 30px;}
.home-page .work .project{padding:0;min-width:0;}
.home-page .work .project-image,.home-page .work .project-image.client-art{padding:0!important;aspect-ratio:16/10!important;border-radius:8px;background:#2d2823;display:block;}
.home-page .work .project-image img,.home-page .work .project-image.client-art img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;box-shadow:none;}
.home-page .work .project-caption{margin-top:16px;gap:8px;}
.home-page .work .project-caption h3{color:#f5efce;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.03em;}
.home-page .work .project-caption>span,.home-page .work .project-caption span{font-size:16px;line-height:1.5;color:#d6cebd;}
.home-page .work a:hover .project-caption h3{text-decoration:underline;text-underline-offset:5px;}
.home-page .work .portfolio-more{margin-top:32px;}
.project-caption>span,.portfolio-project-info .project-caption>span{font-size:16px;line-height:1.5;}
.pill,.home-page .hero-work-link,.portfolio-actions a{font-size:16px;line-height:1.5;}
.home-page .hero-message .eyebrow{font-size:14px;max-width:none;line-height:1.5;}
.hero-film-credit{font-size:14px;line-height:1.5;}
.home-page .hero-controls .hero-count{font-size:14px;}
.brand-touchpoint p,.founder-disciplines span,.process-step-copy p,.scope-note{font-size:16px;line-height:1.6;}
.brand-touchpoint h3{font-size:18px;line-height:1.3;}
.client-proof-grid figcaption,.evolution-grid figcaption,.result-pair figcaption,.gallery-launch>span{font-size:15px;line-height:1.6;}
.client-proof-grid figcaption a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;}
.stack-copy .eyebrow{font-size:14px;}.stack-copy p{font-size:16px;line-height:1.5;}
.illustrated-process .step-outcome{font-size:14px;line-height:1.5;}
.studio-guide-links .eyebrow,.journal-card .eyebrow,.journal-resource-label,.guide-meta{font-size:14px;line-height:1.6;}
.studio-art span,.orbit span{font-size:14px;line-height:1.5;}
.filters button{font-size:15px;line-height:1.5;}
#brief-form label,#brief-form input,#brief-form textarea,#brief-form select{font-size:16px;}
footer.wrap{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:24px;font-size:14px;line-height:1.5;}
footer.wrap>span,footer.wrap>div a,footer.wrap>div button{font-size:14px;line-height:1.5;}
footer.wrap>div{display:flex;align-items:center;justify-content:flex-end;gap:6px 16px;flex-wrap:wrap;margin:0;}
footer.wrap>div a,footer.wrap>div button{min-height:44px;margin:0;}
@media(max-width:1320px){footer.wrap{grid-template-columns:1fr;gap:8px;}footer.wrap>div{justify-content:flex-start;}}
@media(max-width:800px){
 .section-heading{grid-template-columns:1fr;align-items:start;gap:20px;margin-bottom:28px;}
 .section-heading h2{font-size:clamp(36px,7vw,50px);line-height:1.08;}
 .section-heading>p{justify-self:start;font-size:17px;max-width:580px;}
 .home-page .work{padding-block:var(--space-section-mobile);}
 .home-page .work .projects{gap:32px 22px;}
 .home-page .work .project-caption h3{font-size:22px;}
 .hero-film-credit{font-size:14px;bottom:105px;}
 .brand-touchpoint p,.founder-disciplines span{font-size:15px;line-height:1.6;}
 .brand-touchpoint img{max-height:150px;}
 .studio-guide-links h3{font-size:20px;}
 .studio-guide-links>a{grid-template-columns:100px minmax(0,1fr);gap:16px;}
 .related-project,.project-design-notes{gap:30px;}
}
@media(max-width:600px){
 .home-page .work .projects{grid-template-columns:1fr;gap:32px;}
 .home-page .work .project-caption h3{font-size:23px;}
 .home-page .work .project-caption>span{font-size:16px;}
 .home-page .hero-message .eyebrow{font-size:14px;}
 .wire-browser-header{flex-wrap:wrap;gap:10px;}
 .wire-services{grid-template-columns:1fr;}
 .storyboard-grid{grid-template-columns:1fr;}
}
/* A small set of section rhythms replaces accumulated oversized spacers. */
.about-hero{padding-block:72px 84px;}
.studio{padding-block:72px;gap:48px;}
.founder{padding-block:32px 72px;gap:48px;align-items:center;}
.founder>.founder-profile{align-self:center;}
.capability-story{padding-block:72px;gap:64px;}
.capability-story-cards{gap:48px;padding-bottom:0;}
.service-detail{padding-bottom:72px;gap:48px;}
.next-project{padding-block:24px 48px;}
.location-section{padding-block:32px 64px;}
.brief-builder{padding-block:24px 72px;gap:48px;}
.section-heading h2[data-motion='heading']{opacity:1;transform:none;}
@media(max-width:800px){
 .about-hero{padding-block:48px 56px;}
 .studio,.capability-story{padding-block:48px;gap:32px;}
 .founder{padding-block:24px 48px;gap:32px;}
 .service-detail{padding-bottom:48px;gap:32px;}
 .capability-story-cards{gap:32px;}
 .location-section{padding-block:24px 40px;}
 .brief-builder{padding-block:20px 48px;gap:32px;}
}
/* Keep the collection introduction together instead of isolating its description. */
.home-page .work .section-heading{grid-template-columns:1fr;gap:16px;}
.home-page .work .section-heading h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 32px;}
.home-page .work .section-heading h2 em{display:inline-block;margin:0;}
.home-page .work .section-heading>p{justify-self:start;max-width:650px;}