/* V38 — quieter supporting chapters around the four open-workshop scenes. */
.developer-portfolio .dev-hero .hero-note{max-width:28ch;line-height:1.6}
.developer-portfolio .decision-story--compact .story-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:1.5rem 5%;align-items:end;padding-top:clamp(3rem,5vw,5rem);padding-bottom:2.5rem}
.decision-story--compact .story-intro>.data{grid-column:1/-1}
.decision-story--compact .story-intro h2{font-size:clamp(4rem,9vw,9rem);line-height:.9;letter-spacing:-.025em;margin:0}
.decision-story--compact .story-intro h2 em{font-style:normal;color:var(--ink)}
.decision-story--compact .story-intro>p{font-size:1rem;max-width:36ch;padding-bottom:.25rem}
.decision-story--compact .story-layout{padding-bottom:clamp(3rem,5vw,5rem)}
.decision-story--compact .author-note{font-size:clamp(1.15rem,1.6vw,1.45rem)}
.developer-portfolio .influences{padding-block:2.25rem 3rem;overflow:hidden}
.influences .section-label{padding-block:1rem}
.influences .influence-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:2rem;margin:1.5rem 0 0}
.influences .influence-intro h2{font-size:clamp(3.2rem,5.2vw,5.4rem);line-height:1}
.influences .influence-intro p{max-width:44ch;font-size:1rem}
.developer-portfolio .influence-film{padding-top:3rem;padding-bottom:2rem;gap:clamp(.8rem,2.5vw,3rem)}
.developer-portfolio .influence-film img,.developer-portfolio .influence-film figure:nth-child(2) img{height:clamp(180px,18vw,260px)}
.developer-portfolio .influence-film figcaption{font-size:.875rem}
.developer-portfolio .influence-film .data{font-size:.75rem}
.developer-portfolio .collaboration-heading h2{font-size:clamp(3.2rem,5.5vw,5.5rem)}
.developer-portfolio .collaboration-row{padding-block:1.75rem}
@media(max-width:760px){
 .developer-portfolio .decision-story--compact .story-intro{grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}
 .decision-story--compact .story-intro h2{font-size:clamp(3.4rem,15vw,6rem)}
 .decision-story--compact .story-intro>p{max-width:none}
 .influences .influence-intro{grid-template-columns:1fr;gap:1rem}
 .influences .influence-intro h2{font-size:clamp(2.8rem,11vw,4.5rem)}
 .developer-portfolio .influence-film{gap:.65rem;padding-top:2rem;padding-bottom:1.5rem}
 .developer-portfolio .influence-film img,.developer-portfolio .influence-film figure:nth-child(2) img{height:145px}
 .developer-portfolio .influence-film figcaption{font-size:.8rem;line-height:1.55}
 .developer-portfolio .influence-film .data{font-size:.75rem;letter-spacing:0}
 .developer-portfolio .collaboration-heading h2{font-size:clamp(2.8rem,11vw,4.5rem)}
}