/* A workshop story followed by a large, open editorial argument. */
.about-site .about-hero { grid-template-columns: minmax(0,.95fr) minmax(0,1.15fr); gap:clamp(2rem,4vw,5rem); padding-block:clamp(3rem,6vw,6rem); }
.about-site .about-hero h1 { font-size:clamp(2.65rem,4.35vw,5.5rem); text-wrap:balance; }
.about-hero .lede { max-width:46ch; margin-block:1.6rem 2rem; }
.about-site .about-hero .subpage-story { margin:0; transform:none; width:100%; }
.about-site .about-hero .subpage-story-panels { aspect-ratio:3 / 2; }
.about-site .about-hero .subpage-story-panel img,.about-site .about-hero .role-hero-art > img { aspect-ratio:3 / 2; width:100%; height:100%; object-fit:contain; }
.about-site .about-hero .hero-story-caption { min-height:6rem; }
.about-site :is(.kicker,.section-index,.about-refrain,.about-role) { font-size:.875rem; }
.about-origin { padding:clamp(4rem,8vw,9rem) var(--story-space) clamp(3rem,5vw,5rem); display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:clamp(2rem,7vw,8rem); align-items:start; }
.about-site .about-origin h2 { font-size:clamp(2.35rem,4.5vw,5.75rem); line-height:1.15; margin:1.4rem 0; }
.about-old-rule { color:var(--muted); text-decoration:line-through; text-decoration-thickness:.035em; text-decoration-color:var(--coral); }
.about-origin-copy { padding-top:3rem; }
.about-origin-copy p { margin:0 0 1.4rem; font-size:1.125rem; line-height:1.75; }
.about-origin-copy .about-margin-note { color:var(--magenta); font-family:"Turbobase Script",cursive; font-size:clamp(1.9rem,2.5vw,2.8rem); line-height:1.35; margin-top:2rem; transform:rotate(-3deg); }
.about-patterns { padding:0 var(--story-space) clamp(4rem,7vw,7rem); }
.about-pattern { display:grid; grid-template-columns:minmax(9rem,.65fr) minmax(0,2fr) minmax(10rem,.9fr); gap:clamp(1rem,3vw,3rem); padding:2.5rem 0; border-top:1px solid var(--line); align-items:baseline; position:relative; }
.about-pattern:last-child { border-bottom:1px solid var(--line); }
.about-pattern::before { content:""; position:absolute; top:-1px; left:0; width:22%; height:2px; background:linear-gradient(90deg,var(--coral),var(--pink),var(--magenta)); transform:scaleX(var(--about-rule,1)); transform-origin:left; }
.about-refrain,.about-role { color:var(--muted); font-family:ui-monospace,monospace; letter-spacing:.055em; line-height:1.6; }
.about-pattern h3 { font-size:clamp(1.45rem,2.2vw,2.2rem); margin:0 0 .9rem; letter-spacing:-.03em; }
.about-pattern p:not(.about-refrain) { color:var(--muted); font-size:1.0625rem; line-height:1.7; margin:0; max-width:57ch; }
.about-principle { font-family:"Turbobase Script",cursive; font-size:clamp(1.5rem,2.3vw,2.5rem); line-height:1.35; color:var(--magenta); transform:rotate(-3deg); }
.about-purpose { text-align:center; padding:clamp(4rem,8vw,8rem) var(--story-space); background:var(--surface); border-block:1px solid var(--line); position:relative; }
.about-purpose::before { content:""; position:absolute; top:0; inset-inline:0; height:3px; background:linear-gradient(90deg,var(--coral),var(--pink),var(--magenta)); }
.about-site .about-purpose h2 { max-width:21ch; margin:1.3rem auto 2rem; font-size:clamp(2.4rem,5.2vw,6.5rem); }
.about-purpose > p:not(.section-index) { font-size:1.125rem; max-width:60ch; margin:1rem auto; line-height:1.7; }
.about-purpose .button-row { justify-content:center; margin-top:2rem; }
.about-people { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(2rem,8vw,9rem); padding:clamp(4rem,8vw,8rem) var(--story-space); }
.about-site .about-people h2 { font-size:clamp(2.2rem,3.5vw,4.25rem); margin:1.3rem 0; }
.about-people-intro > p:last-child { max-width:40ch; font-size:1.0625rem; color:var(--muted); line-height:1.7; }
.about-founders article { padding:1.6rem 0; border-top:1px solid var(--line); }
.about-founders article:first-child { padding-top:0; border-top:0; }
.about-founders h3 { font-size:clamp(1.6rem,2.6vw,2.8rem); margin:.5rem 0 .8rem; }
.about-founders article > p:last-child { color:var(--muted); font-size:1rem; line-height:1.7; max-width:55ch; margin:0; }
.about-role { margin:0; }
.about-founders .founder-portrait { width:clamp(10rem,18vw,14rem); height:auto; aspect-ratio:1; object-fit:cover; margin:0 0 1.5rem; border:1px solid var(--line); padding:.35rem; background:var(--surface); }
.about-closing .closing-copy { max-width:60rem; }
.about-site .about-closing h2 { max-width:24ch; }
html[data-theme="dark"] .about-origin-copy .about-margin-note,html[data-theme="dark"] .about-principle { color:#ffb0aa; }
html[data-theme="dark"] .about-purpose { background:radial-gradient(ellipse at 5% 15%,#ff665f16,transparent 55%),radial-gradient(ellipse at 95% 85%,#d81b781c,transparent 55%),var(--surface); }
@media(max-width:1000px) {
 .about-site .about-hero { grid-template-columns:1fr; }
 .about-hero .role-hero-copy { max-width:45rem; }
 .about-site .about-hero h1 { max-width:16ch; font-size:clamp(2.65rem,7vw,4.8rem); }
 .about-site .about-hero .subpage-story { max-width:50rem; justify-self:center; }
 .about-origin { grid-template-columns:1fr; gap:1rem; }
 .about-origin-heading { max-width:47rem; }
 .about-origin-copy { padding:0; max-width:45rem; }
 .about-origin-copy .about-margin-note { margin-bottom:0; }
 .about-pattern { grid-template-columns:9rem minmax(0,1fr); }
 .about-principle { grid-column:2; }
}
@media(max-width:620px) {
 .about-site .about-hero .hero-story-caption { min-height:7.5rem; }
 .about-pattern { grid-template-columns:1fr; gap:.7rem; padding-block:2rem; }
 .about-refrain { margin:0; }
 .about-principle { grid-column:1; margin-top:.5rem; }
 .about-people { grid-template-columns:1fr; }
 .about-purpose .button-row { align-items:center; }
 .about-purpose .text-link { text-align:center; }
 .about-old-rule { overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) { .about-site *, .about-site *::before { scroll-behavior:auto; } }