:root{--paper:#f8f9f6;--ink:#202b28;--muted:#5c6661;--rule:#ced3ce;--accent:#b9e778;--dark:#233b32;--soft:#edf0ea;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #648530;outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{letter-spacing:-.048em;line-height:1.08}h1{font-size:clamp(3.3rem,6.8vw,7.3rem)}h2{font-size:clamp(2.4rem,4.2vw,4.6rem)}h3{font-size:1.45rem;line-height:1.28;letter-spacing:-.02em}p{margin-bottom:1.2em}em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-bottom:2.2rem}.header{min-height:104px;padding:24px 3.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:32px;background:var(--paper);position:relative;z-index:10}.brand{font-size:1.22rem;line-height:1.3;letter-spacing:-.025em;white-space:nowrap}.brand span{display:block;font-size:.8rem;color:var(--muted);letter-spacing:.025em;margin-top:5px}.header nav{display:flex;align-items:center;gap:22px;font-size:.85rem}.header nav a{position:relative}.header nav a:hover{color:#50732e}.nav-contact{border-bottom:1px solid currentColor;padding-bottom:3px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:white;z-index:30}.skip:focus{top:15px}.hero{padding-top:84px}.hero .eyebrow{margin-bottom:34px}.hero h1{max-width:1160px}.accent{color:#71994b}.hero-bottom{display:grid;grid-template-columns:1fr 1.06fr;gap:60px;margin-top:52px;align-items:start}.hero-note{font-size:.91rem;padding-top:8px}.hero-note span{color:var(--muted);font-size:.85rem}.lead{font-size:clamp(1.25rem,1.75vw,1.6rem);line-height:1.55;letter-spacing:-.018em;max-width:780px}.text-link{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid currentColor;padding:6px 0;font-size:.95rem;line-height:1.5}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-strip{display:flex;justify-content:space-between;border-block:1px solid var(--rule);padding:21px 0;margin-top:62px;font-size:.81rem;color:var(--muted)}.section{padding-block:116px}.split{display:grid;grid-template-columns:1fr 1.06fr;gap:60px}.prose{max-width:650px}.prose p{color:var(--muted)}.prose .intro{font-size:1.45rem;line-height:1.5;color:var(--ink);letter-spacing:-.02em}.prose .text-link{margin-top:12px}.archive-photo{margin:0 auto 100px;width:min(1320px,calc(100% - 112px))}.archive-photo img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover;object-position:center 45%;filter:grayscale(1)}figcaption{font-size:.78rem;color:var(--muted);margin-top:13px}.dark-section{background:var(--dark);color:var(--paper);padding:110px 0 120px}.dark-section .eyebrow{color:#c3d3c9}.dark-section em{color:var(--accent)}.section-heading{margin-bottom:58px}.section-intro{max-width:610px;margin-top:32px;color:var(--muted)}.dark-section .section-intro{color:#c7d1ca}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 48px}.principles article{border-top:1px solid #62766a;padding-top:23px}.number{display:block;color:var(--accent);font-size:.8rem;margin-bottom:28px}.principles h3{max-width:260px;margin-bottom:18px}.principles p{font-size:1rem;color:#c7d1ca;margin:0}.horizontal{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.horizontal>p{max-width:340px;color:var(--muted);margin-bottom:4px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-card{display:flex;flex-direction:column;padding:30px 34px;min-height:345px;background:#e9eee6;transition:background .25s,transform .25s}.case-card:hover{transform:translateY(-4px);background:#e0e8dc}.case-top{display:flex;justify-content:space-between;align-items:center;font-size:.79rem;color:var(--muted);margin-bottom:42px}.case-arrow{display:grid;place-items:center;width:35px;height:35px;border:1px solid #aebaaa;border-radius:50%;font-size:1.2rem}.case-card h3{font-size:clamp(2.1rem,3.4vw,3.5rem);letter-spacing:-.05em;margin-bottom:10px}.case-subtitle{font-family:var(--serif);font-size:1.4rem;font-style:normal;line-height:1.3}.case-bottom{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;gap:15px;font-size:.73rem}.case-startup300{background:#253c32;color:#f8f9f6}.case-startup300:hover{background:#314e3f}.case-startup300 .case-top{color:#c4d3c7}.case-startup300 .case-arrow{border-color:#829687}.case-techbold{background:#e0e8e9}.case-cleen-energy{background:#eae7e2}.timeline{border-top:1px solid var(--rule)}.timeline article{display:grid;grid-template-columns:180px 1fr 1fr;gap:36px;padding:30px 0;border-bottom:1px solid var(--rule)}.timeline p{margin:0;color:var(--muted);font-size:.96rem}.timeline .period{font-size:.83rem;padding-top:3px}.timeline h3{margin-bottom:8px}.timeline .role{font-size:.84rem}.soft-section{background:var(--soft);padding-block:105px}.competencies{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 80px}.competencies article{border-top:1px solid #bec8bd;padding-top:24px}.competencies h3{margin-bottom:18px}.competencies p{color:var(--muted);max-width:530px}.competencies span{font-size:.76rem;color:var(--muted)}.contact-section{background:var(--accent);padding-block:100px}.contact-section h2{max-width:1050px;font-size:clamp(2.6rem,4.7vw,5.2rem)}.contact-bottom{margin-top:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.contact-bottom>p{max-width:420px}.contact-bottom>div{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.email{font-size:clamp(1.1rem,1.9vw,1.65rem);letter-spacing:-.025em;border-bottom:1px solid currentColor;overflow-wrap:anywhere}.email span{margin-left:16px}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px 3.6%;font-size:.8rem}.footer p{margin:0;color:var(--muted);text-align:center}.footer p span{font-size:.73rem}.footer>a:last-child{font-size:.8rem}.back{display:inline-block;font-size:.85rem;color:var(--muted);margin-bottom:45px}.back:hover{text-decoration:underline}.article-hero{padding-block:54px 75px}.article-hero .lead{margin-top:34px;max-width:830px}.article-hero .eyebrow{margin-bottom:25px}.story-layout{display:grid;grid-template-columns:280px minmax(0,760px);gap:90px;align-items:start;padding-bottom:90px}.article-index{position:sticky;top:35px;border-top:1px solid var(--rule);padding-top:25px}.article-index .eyebrow{margin-bottom:16px}.article-index a{display:block;font-size:.86rem;padding:8px 0;color:var(--muted);line-height:1.4}.article-index a:hover{color:var(--ink);text-decoration:underline}.longform section{margin-bottom:60px;scroll-margin-top:40px}.longform h2{font-size:clamp(1.9rem,2.5vw,2.65rem);line-height:1.15;letter-spacing:-.035em;margin-bottom:28px}.longform p{font-size:1.12rem;line-height:1.85;color:#48534d}.longform .eyebrow{font-size:.75rem;margin-bottom:20px}.longform .archive-photo{width:100%;margin:0 0 65px}.longform .archive-photo img{max-height:none}.article-end{border-top:1px solid var(--rule);padding-top:35px}.signature{font-family:var(--serif);font-style:normal;font-size:2rem!important;color:var(--ink)!important}.case-company{font-size:1.2rem;margin-bottom:20px}.case-hero h1{font-size:clamp(3rem,5.5vw,6rem);max-width:1100px}.case-meta{margin-top:50px;border-top:1px solid var(--rule);padding-top:24px;display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:40px;font-size:.9rem}.case-meta span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--rule);padding-block:30px;gap:40px;margin-bottom:85px}.facts strong{display:block;font-size:1.6rem;font-weight:400;line-height:1.3;margin-bottom:12px;letter-spacing:-.03em}.facts span{font-size:.85rem;color:var(--muted);display:block}.case-layout{display:grid;grid-template-columns:1fr 2fr;gap:100px;align-items:start}.case-layout aside{border-top:2px solid #8eaa72;padding-top:25px}.case-layout blockquote{font-family:var(--serif);font-size:1.9rem;line-height:1.4;font-style:normal;margin:0 0 22px;letter-spacing:-.025em}.case-layout aside>.eyebrow{font-size:.72rem;color:var(--muted)}.lessons{background:var(--soft);padding:35px}.lessons ol{padding-left:22px;margin:0}.lessons li{padding-left:10px;margin-bottom:20px}.lessons li:last-child{margin-bottom:0}.next-case{border-top:1px solid var(--rule);padding-block:50px 80px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.next-case .eyebrow{margin-bottom:10px}.next-case>div>a{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.04em}.next-case>div>a span{margin-left:40px}.next-case>div>a:hover{color:#50732e}
@media(min-width:1600px){.hero{padding-top:100px}.hero-bottom{margin-top:70px}}
@media(max-width:1150px){.header nav{gap:14px;font-size:.77rem}.wrap,.archive-photo{width:calc(100% - 72px)}.header{gap:20px}.principles{gap:40px 30px}.timeline article{grid-template-columns:140px 1fr 1fr;gap:25px}.story-layout{gap:50px;grid-template-columns:220px 1fr}.case-layout{gap:55px}.contact-bottom{gap:40px}.hero-bottom{gap:40px}.case-bottom{flex-direction:column;gap:4px}}
@media(max-width:960px){.header{min-height:88px;flex-wrap:wrap;padding:20px 36px}.menu-toggle{display:flex;align-items:center;gap:20px;background:none;border:0;padding:8px 0;cursor:pointer}.header nav{display:flex;flex-wrap:wrap;width:100%;font-size:1rem;gap:16px 25px;padding:12px 0}.js .header nav{display:none}.js .header nav.open{display:flex}.hero{padding-top:60px}.hero-bottom{grid-template-columns:.7fr 1.3fr}.principles{grid-template-columns:1fr 1fr}.horizontal{align-items:flex-start;flex-direction:column;gap:28px}.horizontal>p{max-width:600px}.section{padding-block:80px}.split{grid-template-columns:1fr 1.25fr;gap:40px}.case-card{padding:25px;min-height:320px}.timeline article{grid-template-columns:140px 1fr}.timeline article>p:last-child{grid-column:2}.story-layout{display:block}.article-index{position:static;margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.article-index .eyebrow{grid-column:1/-1}.longform{max-width:760px}.contact-bottom{grid-template-columns:1fr}.case-layout{grid-template-columns:1fr 2fr;gap:35px}.case-layout blockquote{font-size:1.5rem}}
@media(max-width:640px){html{scroll-padding-top:25px}.wrap,.archive-photo{width:calc(100% - 40px)}.header{padding:19px 20px;min-height:82px}.brand{font-size:1.1rem}.brand span{font-size:.75rem}.header nav{flex-direction:column;align-items:flex-start;padding-bottom:14px}.hero{padding-top:46px}.hero h1{font-size:clamp(3rem,10.5vw,4.2rem);letter-spacing:-.055em}.eyebrow{font-size:.72rem;margin-bottom:26px}.hero-bottom{grid-template-columns:1fr;margin-top:32px;gap:20px}.hero-note{margin:0;font-size:.87rem}.hero-note span{display:block;margin-top:4px}.lead{font-size:1.18rem}.hero-strip{margin-top:38px;flex-direction:column;gap:7px;padding-block:18px}.hero-strip span:before{content:'—';margin-right:10px}.split{grid-template-columns:1fr;gap:28px}.section{padding-block:65px}h2{font-size:2.65rem}.prose .intro{font-size:1.25rem}.archive-photo{margin-bottom:65px}.archive-photo img{max-height:none;object-fit:contain}.dark-section,.soft-section{padding-block:65px}.section-heading{margin-bottom:36px}.section-intro{margin-top:25px}.principles{grid-template-columns:1fr;gap:30px}.principles h3{max-width:none;font-size:1.4rem}.number{margin-bottom:17px}.case-grid{grid-template-columns:1fr;gap:16px}.case-card{min-height:300px}.case-card h3{font-size:2.9rem}.case-top{margin-bottom:25px}.case-bottom{padding-top:23px}.timeline article{grid-template-columns:1fr;gap:12px;padding:25px 0}.timeline article>p:last-child{grid-column:1}.competencies{grid-template-columns:1fr;gap:30px}.contact-section{padding-block:64px}.contact-section h2{font-size:2.7rem}.contact-bottom{margin-top:35px;gap:18px}.email{font-size:1.1rem}.email span{margin-left:6px}.footer{padding:35px 20px;flex-direction:column;align-items:flex-start;gap:25px}.footer p{text-align:left}.article-hero{padding-block:35px 45px}.article-hero h1{font-size:3rem}.back{margin-bottom:30px}.article-index{grid-template-columns:1fr;gap:3px}.story-layout{padding-bottom:55px}.longform p{font-size:1.05rem;line-height:1.8}.longform h2{font-size:2rem}.longform section{margin-bottom:44px}.case-meta{grid-template-columns:1fr;gap:20px;margin-top:32px}.facts{grid-template-columns:1fr;gap:26px;margin-bottom:45px}.facts strong{font-size:1.5rem;margin-bottom:5px}.case-layout{grid-template-columns:1fr;gap:45px}.case-layout aside{max-width:370px}.case-layout blockquote{font-size:1.7rem}.lessons{padding:26px 22px}.next-case{flex-direction:column;align-items:flex-start;padding-block:35px 50px}.next-case>div>a{font-size:2.8rem}.text-link{font-size:.9rem;gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.header,.footer,.menu-toggle,.article-index{display:none}body{background:white;color:black;font-size:11pt}.wrap,.archive-photo{width:100%}.hero,.section,.dark-section,.soft-section,.contact-section{padding:30px 0}.dark-section{background:white;color:black}.dark-section p,.dark-section .eyebrow{color:black}.story-layout,.case-layout{display:block}.case-card,.principles article,.timeline article{break-inside:avoid}h1{font-size:36pt}h2{font-size:24pt}.longform p{font-size:11pt}.archive-photo img{max-height:400px;object-fit:contain}}
/* Optional editorial photography: no element or space is rendered for empty slots. */
.archive-photo.media-natural img{aspect-ratio:auto;max-height:none;object-fit:contain}
.archive-photo.media-wide img{aspect-ratio:16/9;max-height:none;object-fit:cover}
.archive-photo.media-square img{aspect-ratio:1;max-height:none;object-fit:cover}
.archive-photo.media-portrait{max-width:620px}
.archive-photo.media-portrait img{aspect-ratio:3/4;max-height:none;object-fit:cover}
.case-card .archive-photo{width:100%;margin:18px 0 24px;max-width:none}
.case-card .archive-photo img{aspect-ratio:16/9;max-height:none;object-fit:cover}
.case-card figcaption{color:inherit}
/* Original company marks, rendered monochrome without altering their geometry. */
.company-logo{display:block;max-width:180px;width:auto;height:42px;object-fit:contain;object-position:left center;filter:grayscale(1);mix-blend-mode:multiply}
.company-logo.logo-capital300{filter:brightness(0)}
.company-logo.logo-wappwolf{height:48px;width:48px}
.logo-section{padding-top:44px;padding-bottom:0}
.logo-section .eyebrow{color:var(--muted);margin-bottom:24px}
.logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 35px;border-bottom:1px solid var(--rule);padding-bottom:32px}
.logo-grid>div{min-height:64px;display:flex;align-items:center;justify-content:center}
.logo-grid .company-logo{object-position:center;max-width:150px;height:42px}
.logo-grid .logo-startup300,.logo-grid .logo-cleen-energy{height:56px}
.station-logos{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.station-logos .company-logo{height:28px;max-width:120px}
.station-logos .logo-wappwolf{height:36px;width:36px}
.case-logo-heading{display:flex;align-items:center;min-height:62px}
.case-logo-heading .company-logo{height:52px;max-width:225px}
.case-startup300 .company-logo{filter:brightness(0) invert(1);mix-blend-mode:normal}
.case-company .company-logo{height:58px;max-width:210px;margin-bottom:30px}
@media(max-width:640px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 25px}.logo-grid .company-logo{max-width:132px}.logo-grid>div{min-height:60px}.logo-section{padding-top:35px}.station-logos{margin-bottom:6px}.case-logo-heading .company-logo{max-width:210px}}
.company-logo.logo-factory300{filter:brightness(0)}
.logo-grid .company-logo.logo-conda{width:140px;height:48px;object-fit:cover;object-position:center}
.station-logos .company-logo.logo-conda{width:110px;height:32px;object-fit:cover;object-position:center}
.logo-grid{display:flex;flex-wrap:wrap;justify-content:center}
.logo-grid>div{flex:0 0 calc((100% - 175px)/6);min-width:0}
.story-brand{margin:-20px 0 55px}
.story-brand .company-logo{height:42px;max-width:200px}
@media(max-width:960px){.logo-grid>div{flex-basis:calc((100% - 70px)/3)}}
@media(max-width:640px){.logo-grid>div{flex-basis:calc((100% - 25px)/2)}}

/* Compact personal portrait in the introduction; originals stay unchanged. */
.hero-person{display:flex;align-items:center;gap:24px}.hero-person .archive-photo{width:140px;flex:0 0 140px;margin:0}.hero-person .hero-note{padding:0;margin:0}
@media(max-width:640px){.hero-person{gap:20px}.hero-person .archive-photo{width:110px;flex-basis:110px}}

/* Two complementary portraits make the introduction personal. */
.hero-person{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:520px}.hero-person .archive-photo{width:100%;margin:0;min-width:0}.hero-person .hero-note{grid-column:1/-1;margin-top:2px}.hero-person .archive-photo img{aspect-ratio:1;object-fit:cover}
@media(max-width:640px){.hero-person{width:100%;gap:12px}.hero-person .archive-photo{width:100%}.hero-person .hero-note span{display:inline;margin-left:8px}}

/* Keep the supporting home photograph quieter than the portraits and text. */
.home-history-photo .archive-photo{max-width:760px;margin-left:auto;margin-right:auto}
.home-history-photo .archive-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Upright typography throughout, including semantic emphasis. */
em,i,cite{font-family:inherit;font-style:normal}
