.about-page :where(h1,h2,h3,p,figure){margin:0}
.about-section-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
.about-section-intro-content{grid-column:1/-1}
.about-page .interior-opening-intro{text-wrap:pretty}
.about-section-intro .eyebrow{margin-bottom:18px}
.about-section-intro h2{max-width:19ch;text-wrap:balance}
.studio-story{display:grid;grid-template-columns:7fr 5fr;gap:var(--edge);align-items:end;padding-bottom:104px}
.studio-story img{width:100%;height:auto;object-fit:cover}.studio-main img{aspect-ratio:4/3}.studio-detail img{aspect-ratio:3/2}
.section-intro-copy{font-size:20px;line-height:1.5;max-width:43ch;margin-top:28px!important;color:var(--muted)}
.principles,.service-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--edge);max-width:920px;margin-top:76px}
.principles h3,.service-columns h3{font-size:24px;font-weight:500;line-height:1.2}
.principles p{font-size:17px;line-height:1.5;color:var(--muted);max-width:32ch;margin-top:16px}
.process-tabs{display:flex;gap:28px;width:max-content;max-width:100%;margin:60px 0 0;flex-wrap:wrap}
.process-tabs button{display:inline-flex;justify-content:center;align-items:baseline;gap:8px;min-height:44px;padding:10px 0;border:0;border-bottom:2px solid transparent;cursor:pointer;background:none;color:#a3a3a3;font-size:18px;line-height:1.3;text-align:left;transition:color .18s ease,border-color .18s ease,opacity .18s ease}
.process-tabs button span{min-width:2ch;font-size:16px;font-weight:400;margin:0;color:inherit;font-variant-numeric:tabular-nums;text-align:right}
.process-tabs button[aria-selected=true]{border-bottom-color:var(--lime);color:var(--ink)}
.process-tabs button:active{opacity:.65}
.process-tabs button.is-pressed{animation:process-tab-press .24s ease}
.process-panel{display:grid;grid-template-columns:minmax(0,280px) minmax(0,430px) minmax(0,1fr);gap:var(--gutter);align-items:start;padding-top:48px;min-height:320px}
.process-panel.is-entering{animation:process-panel-in .3s ease both}
.process-index{grid-column:1;font-family:Quincy,Georgia,serif;font-size:clamp(110px,13vw,200px);line-height:.85;color:var(--lime)}
.process-copy{grid-column:2}
.process-copy h3{font-family:General Sans,Arial,sans-serif;font-size:clamp(32px,3.3vw,48px);margin-bottom:24px}
.process-body{font-size:18px;line-height:1.5;color:var(--muted);max-width:48ch;text-wrap:pretty}
.process-outcome{margin-top:28px}.process-outcome>p:last-child{font-size:17px;line-height:1.5;color:var(--ink);max-width:48ch;margin-top:7px;text-wrap:pretty}
.process-context-label{font-size:13px;line-height:1.4;color:var(--link)}
.process-topics ul,.service-columns ul{list-style:none;padding:0;margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.process-topics{grid-column:3;margin-left:30px;padding-top:clamp(57px,5.2vw,74px)}.process-topics ul{margin-top:9px}.process-topics li+li{margin-top:8px}.process-fallback-label{margin-bottom:16px!important}
.process-enhanced .process-fallback-label{display:none}
.process-tabs[hidden],.process-panel[hidden]{display:none}
@media(hover:hover){.process-tabs button:not([aria-selected=true]):hover{color:var(--ink)}}
@keyframes process-tab-press{50%{opacity:.65}}
@keyframes process-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.process-tabs button{transition:none}.process-tabs button.is-pressed,.process-panel.is-entering{animation:none}}
.service-columns h3{margin:0 0 20px}.service-columns li+li{margin-top:8px}
.about-work-link{margin-top:48px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin-top:64px}
.team-member img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center top}
.team-member h3{font:500 18px/1.25 General Sans,Arial,sans-serif;margin-top:14px}
.team-member p{margin-top:5px}
.about-page .contact{margin-top:0}
@media(max-width:1100px){.process-panel{grid-template-columns:minmax(0,20%) minmax(0,1fr)}.process-index{grid-column:1}.process-copy,.process-topics{grid-column:2}.process-topics{margin-left:0}}
@media(max-width:640px){
 .studio-story{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;padding-bottom:64px}.studio-main{grid-column:1/-1}.studio-detail{grid-column:2/4;padding-top:0}
 .about-section-intro{grid-template-columns:1fr}.about-section-intro-content{grid-column:1}.about-section-intro .eyebrow{margin-bottom:14px}.section-intro-copy{font-size:18px;margin-top:22px!important}
 .principles,.service-columns{grid-template-columns:1fr;gap:32px;margin-top:40px}.principles h3{font-size:23px}.principles p{margin-top:10px;max-width:none;font-size:16px}
 .process-tabs{gap:8px;width:100%;max-width:none;margin:32px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.process-tabs button{min-width:0;justify-self:stretch;justify-content:center;text-align:center;font-size:clamp(12px,3.7vw,15px);padding:10px 0;white-space:nowrap}.process-tabs button span{display:none}
 .process-panel{grid-template-columns:48px minmax(0,1fr);gap:18px 14px;padding-top:24px;min-height:0}.process-index{grid-column:1;font-size:44px;line-height:1}.process-copy{display:contents}.process-copy h3{grid-column:2;font-size:32px;margin-bottom:0;align-self:center}.process-body,.process-outcome{grid-column:1/-1}.process-body{font-size:16px;max-width:none}.process-outcome{margin-top:0}.process-outcome>p:last-child{font-size:16px;max-width:none}.process-fallback-label{grid-column:1/-1}.process-topics{grid-column:1/-1;margin-top:6px;padding-top:0}.process-topics ul{font-size:14px;display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:7px}.process-topics li+li{margin-top:0}

 .service-columns h3{font-size:23px;margin-bottom:12px}.service-columns ul{font-size:16px;line-height:1.45}.service-columns li+li{margin-top:4px}.about-work-link{margin-top:36px}
 .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;margin-top:36px}.team-member:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 16px)/2);justify-self:center}.team-member h3{font-size:16px;margin-top:10px}
}

/* Photo breaks reuse a single image treatment with two editorial layouts. */
.photo-break img{display:block;width:100%;height:auto;object-fit:cover}
.photo-break-wide img{aspect-ratio:2.2;object-position:center 55%}
.photo-break-pair{display:grid;grid-template-columns:5fr 7fr;gap:var(--edge);align-items:start;padding-top:clamp(64px,8vw,120px)}
.photo-break-pair figure:first-child img{aspect-ratio:4/5;object-position:35% center}
.photo-break-pair figure:last-child{padding-top:14%}
.photo-break-pair figure:last-child img{aspect-ratio:4/3}
@media(max-width:640px){
 .photo-break-wide img{aspect-ratio:1.6;object-position:center}
 .photo-break-pair{gap:14px;grid-template-columns:5fr 6fr;padding-top:64px}
 .photo-break-pair figure:last-child{padding-top:30%}
 .photo-break-pair figure:last-child img{aspect-ratio:4/3}
}