/* Homepage composition. Case interiors and their motion remain independent. */
.intro{padding-top:54px;padding-bottom:74px}
.intro .headline,.approach .headline{font-size:clamp(30px,3.4vw,52px)}
.intro-aside p{font-size:clamp(14px,1.2vw,18px);line-height:1.5}
.intro-aside .text-link{margin-top:20px}
.work-title-wrap{padding-top:30px;padding-bottom:22px}
.work-title{font-size:clamp(28px,3vw,44px)}
.work-navigation{margin:0 0 34px}
.work-filters{border-top:0;padding-top:0;gap:28px}
.discipline-intro{min-height:0;padding:25px 0 4px;gap:18px}
.discipline-symbol{display:none}
.discipline-intro h3{font:500 17px/1.35 Inter,Helvetica,Arial,sans-serif;letter-spacing:-.025em}
.discipline-intro p{font-size:12px;margin-top:7px;line-height:1.5}
#work .luxury-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(22px,3.2vw,64px);row-gap:64px;align-items:start;padding-top:0}
#work .luxury-grid>.project{grid-column:span var(--project-span,6)!important;margin:var(--project-offset,0px) 0 0!important;min-width:0}
#work .portfolio-cover,#work .home-aston-scene{height:clamp(380px,36vw,560px);min-height:0;border:0}
#work .project-wide .cover-canvas{inset:85px 22px 75px}
#work .project-wide .cover-desktop{width:88%}
#work .project-wide .cover-phone{width:25%}
#work .project-wide .cover-duo .cover-canvas{inset:75px 16% 70px}
#work .project-wide .cover-duo .cover-phone{width:44%}
#work .home-aston-canvas{inset:85px 5% 75px}
#work .home-aston-heading{inset:24px 24px auto;font-size:7px;letter-spacing:.06em}
#work .home-aston-heading span:last-child{max-width:125px;text-align:right}
#work .home-aston-note{bottom:-20px;max-width:62%;line-height:1.3}
#work .home-aston-note>span{font-size:6px;letter-spacing:.05em}
#work .home-aston-hit{padding:23px 70px 23px 20px}
#work .home-aston-hit>span{font-size:9px}
#work .home-aston-desktop{width:82%}
#work .home-aston-phone{width:23%;right:14%;bottom:0}
#work .home-aston-phone-two{width:23%;bottom:8%;right:-1%}
#work .cover-meta,#work .home-aston-heading,#work .new-cover-top,#work .synilo-card-meta,#work .singulae-card-meta,#work .kern-card-label{top:24px;left:24px;right:24px;font:450 8px/1.4 Inter,Helvetica,Arial,sans-serif;letter-spacing:.025em;gap:18px}
#work .cover-meta>span:last-child,#work .home-aston-heading>span:last-child,#work .new-cover-top>span:last-child,#work .synilo-card-meta>span:last-child,#work .singulae-card-meta>span:last-child,#work .kern-card-label>span:last-child{max-width:52%;text-align:right}
#work .singulae-card-meta{bottom:auto;color:#252522;text-shadow:none}
#work .project-caption{padding-top:16px;margin-top:0;gap:14px;align-items:start}
#work .project-caption h3{font-size:18px;font-weight:500;line-height:1.25}
#work .project-caption p{font-size:11px;margin-top:5px;line-height:1.5}
#work .project-caption .text-link{font-size:10px;gap:9px;min-height:25px;white-space:nowrap}
#work .project-caption .text-link .ui-icon{width:16px;height:16px;min-width:16px}
#work .project-note{font-size:10px;margin-top:9px;max-width:100%;line-height:1.5}
#work .discipline-tags{margin-top:9px}
#work .project .synilo-cover,#work .project .singulae-cover{aspect-ratio:1.25}
#work .project .kern-cover{aspect-ratio:1.25!important}
#work .synilo-card-copy>span{font-size:clamp(16px,1.5vw,23px)}
#work .synilo-card-device{right:10%;width:29%;height:75%;top:15%}
#work .synilo-card-greeting{font-size:clamp(12px,1.2vw,18px)}
#work .synilo-card-insight>b{font-size:clamp(10px,1vw,15px)}
#work .synilo-card-metric>b{font-size:clamp(16px,1.8vw,27px)}
#work .synilo-card-symbol{right:5%;bottom:9%}
#work .kern-card-line{font-size:clamp(22px,2vw,30px)}
.work-interlude{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0;margin:16px 0 4px}
.work-interlude[hidden]{display:none}
.work-interlude>.section-label{padding-top:6px;color:var(--muted)}
.work-interlude h2{font-size:clamp(28px,3.4vw,48px);line-height:1.1;font-weight:500;letter-spacing:-.045em}
.work-interlude p:not(.section-label){font-size:15px;color:var(--muted);line-height:1.6;margin-top:23px;max-width:440px}
.work-interlude .text-link{margin-top:20px}
.approach{padding-top:64px;padding-bottom:100px}
.approach .body-copy{font-size:17px;line-height:1.6;max-width:560px;margin-top:28px}
.agency-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin-top:76px}
.agency-insight{border-top:1px solid var(--line);padding-top:19px}
.agency-insight>.section-label{color:var(--muted);font-size:11px}
.agency-insight h3{font-size:clamp(24px,2.3vw,34px);font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:34px 0 18px}
.agency-insight p{font-size:14px;line-height:1.65;color:var(--muted);max-width:340px}
.agency-process{border-top:1px solid var(--line);padding-top:40px;margin-top:80px}
.process-title{font-size:clamp(25px,2.7vw,38px);line-height:1.15;font-weight:500;letter-spacing:-.04em}
.process-steps{list-style:none;padding:0;margin:34px 0 15px}
.process-steps li{display:grid;grid-template-columns:26px 1fr;gap:24px;padding:23px 0;border-top:1px solid var(--line)}
.process-steps li>.section-label{color:var(--muted);padding-top:3px;font-size:11px}
.process-steps h4{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0 0 9px}
.process-steps p{font-size:14px;line-height:1.6;color:var(--muted);max-width:480px}
.services-row{margin-top:80px}
.service summary{font-size:clamp(23px,2vw,30px);padding:20px 0}
.service-content p{font-size:14px}
.contact-title{font-size:clamp(32px,3.4vw,52px)}
@media(min-width:651px) and (max-width:1050px){
 #work .luxury-grid{column-gap:24px;row-gap:50px}
 #work .portfolio-cover,#work .home-aston-scene{height:390px}
 #work .cover-meta{font-size:6px;left:17px;right:17px}
 #work .cover-canvas,#work .project-wide .cover-canvas{inset:75px 16px 75px}
 #work .project-caption{display:block}
 #work .project-caption .text-link{margin-top:7px}
 #work .home-aston-heading{font-size:6px;left:17px;right:17px}
 #work .home-aston-heading span:last-child{max-width:90px}
 .agency-insights{gap:28px}
}
@media(max-width:650px){
 .intro{padding-top:45px;padding-bottom:55px;gap:25px}
 .intro .headline,.approach .headline{font-size:32px}
 .intro-aside p{font-size:12px}
 .intro-aside .text-link{margin-top:0}
 .work-title-wrap{padding:24px 0 22px}
 .work-title{font-size:30px}
 .work-filters{gap:8px 21px;padding-bottom:18px}
 .work-filters button{font-size:11px;min-height:35px}
 .work-navigation{margin-bottom:28px}
 .discipline-intro{padding-top:22px;gap:14px;align-items:start}
 .discipline-intro h3{font-size:15px}
 .discipline-intro p{font-size:11px;max-width:220px}
 #project-count{font-size:10px;white-space:nowrap}
 #work .luxury-grid{grid-template-columns:minmax(0,1fr);gap:44px}
 #work .luxury-grid>.project{grid-column:1!important;margin:0!important}
 #work .portfolio-cover,#work .home-aston-scene{height:440px}
 #work .project-wide .cover-canvas{inset:80px 14px 70px}
 #work .project-wide .cover-desktop{width:92%}
 #work .project-wide .cover-phone{width:34%}
 #work .project-wide .cover-duo .cover-canvas{inset:85px 7% 90px}
 #work .project-wide .cover-duo .cover-phone{width:45%}
 #work .home-aston-canvas{inset:80px 18px 82px}
 #work .home-aston-desktop{width:94%}
 #work .home-aston-phone,#work .home-aston-phone-two{width:30%}
 #work .home-aston-phone{right:21%;bottom:0}
 #work .home-aston-phone-two{right:-1%;bottom:9%}
 #work .home-aston-heading{left:20px;right:20px}
 #work .cover-meta,#work .home-aston-heading,#work .new-cover-top,#work .synilo-card-meta,#work .singulae-card-meta,#work .kern-card-label{top:20px;left:20px;right:20px;font-size:7px;gap:15px}
 #work .project-caption h3{font-size:17px}
 #work .project-caption .text-link{font-size:10px}
 #work .project .synilo-cover{aspect-ratio:.85}
 #work .project .singulae-cover{aspect-ratio:.9}
 #work .project .kern-cover{aspect-ratio:.95!important}
 #work .synilo-card-copy>span{font-size:20px}
 #work .synilo-card-device{width:44%;height:58%;top:29%;right:14%}
 #work .synilo-card-greeting{font-size:17px}
 #work .synilo-card-insight>b{font-size:13px}
 #work .synilo-card-metric>b{font-size:24px}
 .work-interlude{display:block;padding:32px 0;margin:0;grid-column:1}
 .work-interlude>.section-label{padding:0;margin-bottom:32px;font-size:11px}
 .work-interlude h2{font-size:30px;max-width:290px}
 .work-interlude p:not(.section-label){font-size:14px;margin-top:20px}
 .work-interlude .text-link{font-size:12px;margin-top:16px}
 .approach{padding-top:30px;padding-bottom:65px}
 .approach .editorial-row{display:block}
 .approach .editorial-row>.section-label{margin-bottom:30px;padding-top:0}
 .approach .body-copy{font-size:15px;line-height:1.65;margin-top:24px}
 .agency-insights{grid-template-columns:1fr;gap:28px;margin-top:44px}
 .agency-insight h3{font-size:27px;margin:24px 0 14px}
 .agency-insight p{max-width:100%;font-size:14px}
 .agency-process{margin-top:50px;padding-top:28px}
 .process-title{font-size:28px}
 .process-steps{margin-top:27px}
 .process-steps li{gap:14px;padding:20px 0}
 .process-steps h4{font-size:16px}
 .process-steps p{font-size:13px}
 .services-row{margin-top:55px}
 .service summary{font-size:24px}
 .contact-title{font-size:32px}
}