/* Work 160:1657 — shared project capabilities with Home. */
body.work-page h1#work-page-title{font-size:clamp(48px,8.333333vw,120px);line-height:1.033333;letter-spacing:0;}
body.work-page #work-page-title .editorial-line-content{background-image:linear-gradient(-62deg,#fff 77.452%,#d3b393 96.31%);line-height:inherit;}
body.work-page .work-lead{font:400 32px/40px Helixa,sans-serif;letter-spacing:0;max-width:840px;margin-top:48px;}
body.work-page .work-showcase .projects{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));column-gap:0;row-gap:120px;margin-top:160px;}
body.work-page .work-showcase .work-item{width:100%;margin:0;justify-self:stretch;}
body.work-page .work-item--1{grid-column:1/11;grid-row:1;}
body.work-page .work-item--2{grid-column:13/21;grid-row:1;}
body.work-page .work-showcase .work-item--3{grid-column:6/21;grid-row:2;}
body.work-page .work-item--4{grid-column:1/9;grid-row:3;}
body.work-page .work-item--5{grid-column:11/21;grid-row:3;}
body.work-page .work-showcase .work-item--6{grid-column:1/16;grid-row:4;}
body.work-page .work-item .project{height:auto;min-height:0;aspect-ratio:4/3;padding:0;}
body.work-page :is(.work-item--2,.work-item--4) .project{aspect-ratio:3/4;}
body.work-page :is(.work-item--3,.work-item--6) .project{aspect-ratio:18/11;}
body.work-page .work-showcase .work-caption,body.work-page .work-showcase .work-caption *{font-family:Helixa,sans-serif!important;}
body.work-page .work-showcase .work-caption{font-size:clamp(24px,2.5vw,36px);line-height:1.222222;font-weight:700;letter-spacing:-.01em;margin:24px 0 8px;}
body.work-page .project-capabilities{font:350 18px/24px Helixa,sans-serif;color:#a5968c;margin:0;}
body.work-page footer.contact-panel#contact a.footer-project-link{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:22px 32px;gap:16px;border:0;border-radius:12px;background:#201e1c;color:white;font:700 20px/24px Helixa,sans-serif;letter-spacing:.02em;}
body.work-page footer.contact-panel#contact a.footer-project-link::before,body.work-page footer.contact-panel#contact a.footer-project-link::after{content:none;}
body.work-page footer.contact-panel#contact a.footer-project-link img{width:16px;height:16px;filter:brightness(0) invert(1);}
@media(max-width:760px){
 body.work-page h1#work-page-title{font-size:clamp(36px,9vw,64px);line-height:1.08;}
 body.work-page .work-lead{font-size:24px;line-height:32px;margin-top:32px;}
 body.work-page .work-showcase .projects{grid-template-columns:minmax(0,1fr);margin-top:64px;row-gap:64px;}
 body.work-page .work-showcase .work-item{grid-column:1;grid-row:auto;}
 body.work-page .work-showcase .work-caption{font-size:24px;line-height:32px;}
 body.work-page .project-capabilities{font-size:16px;line-height:24px;}
}
@media(max-width:760px){
 body.work-page h1#work-page-title{font-size:min(9.7vw,68px);line-height:1.2;}
 body.work-page h1#work-page-title .editorial-line-mask,body.work-page h1#work-page-title .editorial-line-content{line-height:inherit;white-space:nowrap;overflow-wrap:normal;word-break:normal;}
}
@media(max-width:760px){body.work-page .contact-panel .contact-copy h2{font-size:min(10.5vw,76px);line-height:1.16;}}
@media(max-width:760px){body.work-page h1#work-page-title{font-size:min(10.4vw,73px);line-height:1.2;}}
@media(max-width:760px){body.work-page .work-lead{font-size:20px;line-height:28px;}}

/* Tablet uses 16px outer gutters and 48px content gutters. */
@media(min-width:761px) and (max-width:1100px){
 :root{--layout-gutter:48px;}
 body.home-page{--section-gutter:48px;}
 body .editorial-main{--editorial-gutter:48px;}
 body .editorial-container,body.work-page .work-showcase{width:calc(100% - 96px);margin-inline:48px;}
 body.home-page .page-section{width:calc(100% - 96px);margin-inline:48px;box-sizing:border-box;}
 body .wide-surface,body.home-page #approach.philosophy{width:calc(100% - 32px);margin-inline:16px;box-sizing:border-box;}
 body .wide-surface>.editorial-container{width:calc(100% - 96px);margin-inline:48px;}
 body.home-page #approach.philosophy{padding-inline:48px;}
 body .services-details.editorial-container{width:calc(100% - 32px);margin-inline:16px;}
 body .services-page .services-detail-card{padding-inline:48px;}
 body .services-page .services-details .services-statement{padding-inline:48px;margin-inline:0;box-sizing:border-box;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{width:calc(100% - 32px);margin-inline:16px;padding-inline:48px;box-sizing:border-box;}
}
@media(max-width:1100px){
 body.work-page h1#work-page-title{font-size:min(10.4vw,104px);line-height:1.2;}
 body.work-page .work-lead{font-size:clamp(20px,calc(2.8986vw + 9.26px),32px);line-height:1.4;}
 body.work-page .work-showcase .work-caption{font-size:clamp(24px,3.2vw,36px);line-height:1.3;}
}

/* Figma 252:904: wordmark precedes the legal row on compact screens. */
@media(max-width:1100px){
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{display:flex;flex-direction:column;min-height:0;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-top{display:flex;flex-direction:column;align-items:flex-start;gap:40px;order:0;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details{padding:0;align-items:flex-start;gap:18px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-wordmark{order:1;display:block;width:100%;height:auto;margin:40px 0 24px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{order:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0;padding:24px 0 0;border-top:1px solid #201e1c;border-bottom:0;font-size:14px;line-height:20px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom nav{display:none;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-mobile-break{display:none;}
}
@media(min-width:600px) and (max-width:1100px){
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{width:calc(100% - 32px);margin:0 16px 16px;padding:56px 48px 48px;box-sizing:border-box;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-copy h2{font-size:clamp(56px,10.75vw,80px);line-height:1.12;max-width:560px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-copy p{font-size:24px;line-height:32px;max-width:458px;margin:24px 0 32px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a{font-size:30px;line-height:32px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a:last-child{font-size:28px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{font-size:16px;}
}
@media(min-width:600px) and (max-width:1100px){
 body.work-page .work-showcase{width:calc(100% - 96px);margin-inline:48px;}
 body.work-page .work-showcase .projects{grid-template-columns:1fr;row-gap:80px;margin-top:96px;}
 body.work-page .work-showcase .work-item:nth-child(n){grid-column:1;grid-row:auto;}
 body.work-page .work-lead{font-size:28px;line-height:36px;}
 body.work-page .work-showcase .work-caption{font-size:32px;line-height:42px;}
}

@media(max-width:599px){body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{padding-top:12px;}}