/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4 · Bloom opening + founder letter + process sequence. */
.about-page main>section{scroll-margin-top:calc(var(--review-height) + var(--space-lg))}
.about-page h1,.about-page h2,.about-page h3{font-style:normal;min-width:0;overflow-wrap:anywhere}
.about-page h2{font:500 clamp(2rem,3.8vw,3.75rem)/1.1 var(--font-display);letter-spacing:-.045em}
.about-page h3{font:500 clamp(1.25rem,1.8vw,1.625rem)/1.35 var(--font-display);letter-spacing:-.025em}
.about-page .eyebrow{font:500 .75rem/1.5 var(--font-mono);letter-spacing:.08em;color:var(--color-light-blue)}
.about-page .about-review{padding-inline:var(--space-lg);font-size:.75rem}
.about-page .about-review nav{gap:var(--space-lg)}
.about-page .bloom-copy h1{font-size:clamp(3.5rem,6.4vw,6.25rem);letter-spacing:-.05em}
.about-page .bloom-hero{min-height:780px}
.about-page .bloom-kicker{font:500 .75rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-light-blue)}
.about-page .bloom-lede{max-width:45ch}
.about-page .bloom-hero-actions .button{justify-content:center;min-width:200px}
.about-page .bloom-process-link{font-size:.875rem}
.about-story,.about-approach,.about-practical,.about-working,.about-contact{padding:var(--space-3xl) var(--space-lg);display:grid;gap:var(--space-2xl)}
.about-story{--color-ink:var(--color-navy);--color-muted:var(--color-service-muted);background:var(--color-paper);color:var(--color-ink)}
.about-story .eyebrow{color:var(--color-blue)}
.about-page .founder-name{font:500 clamp(2.5rem,4vw,4rem)/1.05 var(--font-display);letter-spacing:-.05em;margin:var(--space-xl) 0 var(--space-md)}
.founder-byline>p:not(.eyebrow):not(.founder-name){font-size:.875rem;color:var(--color-muted)}
.founder-byline>a,.about-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.founder-byline>a{margin-top:var(--space-sm);color:var(--color-blue)}
.story-origin{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-service-line)}
.story-origin>span{font:400 .75rem/1.5 var(--font-mono);color:var(--color-blue)}
.story-origin p{font-size:.875rem;line-height:1.6;color:var(--color-muted);margin-top:var(--space-sm)}
.story-copy h2{margin:var(--space-md) 0 var(--space-xl);max-width:18ch}
.story-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.85;color:var(--color-muted);margin-top:var(--space-lg);max-width:60ch}
.approach-intro h2{margin-top:var(--space-md)}
.approach-intro h2 span{color:var(--color-light-blue)}
.approach-intro>p:last-child,.about-practical>div>p:last-child{font-size:1rem;line-height:1.8;color:var(--color-dark-muted);margin-top:var(--space-lg);max-width:48ch}
.approach-steps{list-style:none;padding:0;margin:0}
.approach-steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-lg);padding:var(--space-xl) 0;border-top:1px solid var(--color-dark-line)}
.approach-steps li:last-child{border-bottom:1px solid var(--color-dark-line)}
.approach-number{font:400 .75rem/1.6 var(--font-mono);color:var(--color-light-blue);padding-top:var(--space-xs)}
.approach-steps p,.practical-list p{font-size:1rem;line-height:1.8;color:var(--color-dark-muted);margin-top:var(--space-md)}
.about-practical{background:var(--color-raised);border-block:1px solid var(--color-dark-line)}
.about-practical h2{margin-top:var(--space-md);max-width:19ch}
.practical-list article{padding:var(--space-lg) 0;border-top:1px solid var(--color-dark-line)}
.practical-list article:first-child{padding-top:0;border:0}
.about-working{gap:var(--space-lg)}
.about-working h2{max-width:22ch}
.about-working>div{display:grid;gap:var(--space-lg);margin-top:var(--space-lg)}
.about-working>div>p{font-size:1rem;line-height:1.8;color:var(--color-dark-muted);max-width:49ch}
.about-contact{border-block:1px solid var(--color-dark-line);background:var(--color-raised)}
.about-contact h2{margin:var(--space-md) 0 var(--space-lg)}
.about-contact p{font-size:1rem;line-height:1.8;color:var(--color-dark-muted);max-width:50ch}
.about-contact>div:last-child{align-self:center}
.about-contact .button{font-size:.875rem;border-radius:var(--radius-control);justify-content:center}
.about-page .contact-note{font-size:.875rem;margin-top:var(--space-md)}
.about-text-link{color:var(--color-light-blue);margin-top:var(--space-md)}
.about-page a:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:5px}
.about-story a:focus-visible{outline-color:var(--color-blue)}
@media(min-width:680px){.about-story,.about-approach,.about-practical,.about-working,.about-contact{padding-inline:var(--space-2xl)}.about-working>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl)}}
@media(min-width:1200px){.about-story,.about-approach,.about-practical,.about-working,.about-contact{padding-block:var(--space-4xl);gap:var(--space-3xl)}.about-story{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.founder-byline{position:sticky;top:var(--space-4xl);align-self:start}.about-approach,.about-practical{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.about-contact{grid-template-columns:minmax(0,1fr) auto}.about-working{gap:var(--space-lg)}}
@media(max-width:540px){.about-page .bloom-hero{min-height:800px}.about-page .bloom-copy h1{font-size:clamp(3rem,11vw,4rem)}.about-page .bloom-lede{font-size:1rem}.about-page .about-review{font-size:.75rem}.about-page .bloom-hero-actions .button{min-width:0}.about-page .about-contact .button{width:100%;padding-inline:var(--space-md)}}