/* Real work, with the established material language and a clear reading rhythm. */
.about-origin{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:36px 0 48px}
.about-eyebrow{font:400 .75rem/1.5 'Plex Detail',monospace;letter-spacing:.06em;color:var(--secondary-ink)}
.about-origin h2{font:700 clamp(1.75rem,3.3vw,3rem)/1.08 var(--display);letter-spacing:-.045em;margin:14px 0 0}
.about-copy{max-width:49ch}
.about-copy p{font:400 1.0625rem/1.65 var(--body);color:var(--muted);margin:0}
.about-copy p:first-child{color:var(--ink)}
.about-copy p+p{margin-top:16px}
.vision-project[data-project-section="01"]{--work-accent:var(--orange-ink);--work-rgb:var(--field-orange)}
.vision-project[data-project-section="02"]{--work-accent:var(--blue-ink);--work-rgb:var(--field-blue)}
.vision-project[data-project-section="03"]{--work-accent:var(--magenta-ink);--work-rgb:var(--field-magenta)}
.work-positioning{padding:36px 0 55px;display:grid;grid-template-columns:1.65fr 1fr;gap:70px;border-top:1px solid var(--line)}
.work-positioning>p{font:500 clamp(1.4rem,2.7vw,2.5rem)/1.25 var(--display);letter-spacing:-.035em;max-width:29ch;margin:0}
.work-positioning>p em{font-style:normal;color:var(--secondary-ink)}
.work-positioning aside{align-self:center;font:400 1rem/1.65 var(--body);color:var(--muted)}
.work-positioning aside strong{font-weight:500;color:var(--ink)}
.work-positioning aside p{margin:0}
.case-context{display:block;margin-top:5px;font:400 .75rem/1.6 'Plex Detail',monospace;color:var(--muted);letter-spacing:0}
.case-evidence{display:flex;flex-wrap:wrap;gap:14px 32px;padding:25px 0 0;margin:0}
.case-evidence>div{border-left:2px solid var(--work-accent);padding-left:14px;max-width:29ch}
.case-evidence dt{font:600 clamp(1.25rem,2vw,1.85rem)/1.1 var(--display);letter-spacing:-.035em}
.case-evidence dd{font:400 .8125rem/1.45 var(--body);color:var(--muted);margin:7px 0 0}
.case-bottom>div>p+h3{margin-top:26px}
.work-expansion{padding:50px 0 26px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;border-top:1px solid var(--line)}
.work-expansion h2,.method-heading{font:700 clamp(2rem,4vw,3.6rem)/1.03 var(--display);letter-spacing:-.05em;margin:0}
.work-expansion>p{color:var(--muted);font:400 1rem/1.6 var(--body);max-width:40ch;margin:0;align-self:end}
.additional-projects{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.project-row{padding:32px 0;--row-accent:var(--secondary-ink)}
.project-row:nth-child(3n+2){--row-accent:var(--magenta-ink)}
.project-row:nth-child(3n){--row-accent:var(--orange-ink)}
.project-row:before{background:linear-gradient(90deg,var(--row-accent),transparent);width:120px}
.project-row-head{grid-template-columns:2.1rem minmax(0,1fr);gap:12px}
.project-row-order{font:500 1.4rem/1.1 var(--display);color:var(--row-accent);padding-top:4px}
.project-row h3{font:700 clamp(1.3rem,2.3vw,1.95rem)/1.12 var(--display);letter-spacing:-.035em;margin:8px 0 0;overflow-wrap:normal}
.project-row-summary{font-size:1rem;line-height:1.55;margin:18px 0;max-width:53ch}
.project-row-details{grid-template-columns:1fr;gap:16px;font-size:.9375rem}
.project-row-details dd{line-height:1.6;max-width:58ch}
.project-row-details dt{font-family:'Plex Detail',monospace;margin-bottom:4px}
.project-row-tool{display:inline;margin:0}.project-row-tool+.project-row-tool:before{content:' / ';color:var(--row-accent)}
.project-row-tool>span{font-size:.8125rem}
.project-row-tools{padding-top:10px;border-top:1px solid var(--line)}
.building-method{margin:52px 0 68px;padding:36px 0;border-block:1px solid var(--line)}
.method-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:32px}
.method-intro>p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0;max-width:49ch}
.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.method-grid article{border-top:2px solid var(--secondary-ink);padding-top:19px}
.method-grid article:nth-child(2){border-color:var(--magenta-ink)}
.method-grid article:nth-child(3){border-color:var(--orange-ink)}
.method-grid h3{font:600 1.1rem/1.25 var(--display);margin:0 0 10px}
.method-grid p{font-size:.9375rem;line-height:1.6;color:var(--muted);margin:0}
.method-grid strong{font-weight:500;color:var(--ink)}
@media(max-width:1100px){.work-positioning{gap:35px}.additional-projects{gap:0 28px}.method-intro{gap:35px}.method-grid{gap:22px}}
@media(max-width:760px){
 .about-origin{grid-template-columns:1fr;gap:22px;padding:20px 0 34px}.about-origin h2{font-size:2rem}.about-copy p{font-size:1rem;line-height:1.65}
 .work-positioning{grid-template-columns:1fr;gap:20px;padding:26px 0 38px}.work-positioning>p{font-size:1.75rem;max-width:26ch}.work-positioning aside{max-width:48ch}
 .case-evidence{gap:20px;padding-top:24px}.case-evidence>div{flex:1;min-width:130px}.case-evidence dt{font-size:1.45rem}
 .work-expansion{grid-template-columns:1fr;gap:20px;padding:38px 0 28px}.work-expansion h2{font-size:2.15rem}
 .additional-projects{grid-template-columns:1fr;gap:0}.project-row{padding:30px 0}.project-row h3{font-size:1.6rem}.project-row-details{gap:14px}
 .building-method{margin:32px 0 46px;padding:28px 0}.method-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.method-heading{font-size:2.15rem}
 .method-grid{grid-template-columns:1fr;gap:24px}.method-grid article{padding-top:16px}
}