:root{--paper:#FAFAF7;--paper-2:#F3F4EF;--ink:#242824;--ink-light:#4A4D47;--muted:#737770;--rule:#DFE1DA;--accent:#1C352E;--forest:#1C352E;--max:1268px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--serif:"Iowan Old Style",Baskerville,"Palatino Linotype",Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-height:100vh;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
button{font:inherit}
.site{min-height:100svh;display:flex;flex-direction:column}
.masthead{width:min(calc(100% - 100px),var(--max));height:116px;min-height:116px;margin:auto auto 0;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--rule)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.11em;font-weight:600;text-transform:uppercase;white-space:nowrap;line-height:1.1}
.nav{display:flex;gap:clamp(16px,2.3vw,35px);align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nav a{font-size:12px;letter-spacing:.02em;color:var(--muted);padding:11px 0;white-space:nowrap;position:relative;transition:color .18s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink)}
.nav a:after{content:"";position:absolute;left:0;right:100%;height:1px;bottom:8px;background:var(--forest);transition:right .2s ease}
.nav a:hover:after,.nav a[aria-current="page"]:after{right:0}
.shell{width:min(calc(100% - 100px),var(--max));margin:0 auto;flex:1}
.site-foot{width:min(calc(100% - 100px),var(--max));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0 34px;color:var(--muted);font-size:11px;letter-spacing:.02em}
.site-foot a{transition:color .15s}.site-foot a:hover{color:var(--ink)}
/* Home: substantial only one visible screen at desktop */
.home .masthead{border-bottom-color:transparent}
.home-hero{min-height:calc(100svh - 195px);display:flex;flex-direction:column;justify-content:center;padding:22px 0 52px;max-width:1180px}
.home-hero h1{font-family:var(--serif);font-size:clamp(46px,6.6vw,103px);line-height:1.085;letter-spacing:-.048em;font-weight:400;max-width:1100px;margin:0}
.home-hero .subtitle{font-family:var(--serif);font-size:clamp(19px,2.05vw,29px);line-height:1.42;letter-spacing:-.014em;max-width:740px;color:var(--ink-light);margin:46px 0 0 4px}
.home .site-foot{padding-bottom:28px}
/* Other pages */
.interior{padding:96px 0 116px}
.page-index{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:26px}
.page-h1{font-family:var(--serif);font-weight:400;letter-spacing:-.044em;font-size:clamp(45px,6vw,83px);line-height:1.13;margin:0 0 32px;max-width:1050px}
.page-desc{font-family:var(--serif);font-size:clamp(21px,2.65vw,33px);letter-spacing:-.018em;line-height:1.46;max-width:850px;color:var(--ink-light);margin:0}
/* Statement */
.statement{max-width:1020px}
.statement h1{margin-bottom:69px}
.statement-body{max-width:820px;margin:0 0 0 auto}
.statement-body p{font-family:var(--serif);font-size:clamp(21px,2.25vw,29px);line-height:1.62;letter-spacing:-.013em;margin:0 0 31px;color:var(--ink-light)}
.notebook-copy{border-left:3px solid var(--forest);padding-left:clamp(17px,2.9vw,32px)}
.notebook-copy p{font-style:italic}
.notebook-copy p:first-child{font-style:italic}
.statement-body .vow{font-style:italic;color:var(--forest);margin-top:46px;font-size:clamp(22px,2.6vw,31px)}
.objectives{border-top:1px solid var(--rule);margin-top:88px;padding-top:24px}
.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:600;color:var(--muted)}
.objective-row{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:19px 0 21px;border-bottom:1px solid var(--rule);align-items:baseline}
.objective-row .index{font-family:var(--serif);color:var(--forest);font-style:italic;font-size:19px}
.objective-row .value{font-family:var(--serif);font-size:clamp(20px,2.15vw,27px);line-height:1.3;letter-spacing:-.018em}
.signature{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-top:81px;gap:4px}
.signature-name{font-family:var(--serif);font-size:26px;font-style:italic;color:var(--forest)}
.signature-role{font-size:12px;color:var(--muted)}
.signature-origin{font-family:var(--serif);font-size:15px;font-style:italic;color:var(--muted);margin-top:18px}
/* Roles */
.roles-intro{max-width:900px;margin-bottom:88px}
.roles-intro .page-desc{margin-top:27px}
.roles-intro .after{color:var(--muted);font-size:13px;max-width:650px;margin:23px 0 0;line-height:1.75}
.role-collection{max-width:1060px;margin-bottom:68px}
.role-group-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding:0 0 14px;margin-bottom:3px;gap:16px}
.role-group-head h2{font-size:12px;letter-spacing:.115em;text-transform:uppercase;font-weight:600;margin:0;color:var(--ink)}
.role-group-head span{color:var(--muted);font-size:11px;white-space:nowrap}
.role-link{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:20px;align-items:center;border-bottom:1px solid var(--rule);padding:23px 0 24px;transition:padding .2s,background .2s}
.role-link:hover{padding-left:12px;background:var(--paper-2)}
.role-link .role-name{font-family:var(--serif);font-size:clamp(20px,2.2vw,27px);font-weight:400;line-height:1.3;letter-spacing:-.019em}
.role-link .role-brief{font-size:12px;color:var(--muted);margin:5px 0 0;max-width:720px;line-height:1.5}
.role-link .arrow{font-size:22px;font-weight:300;align-self:center;text-align:right;color:var(--muted)}
/* Detailed job pages */
.back{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:50px}
.back:hover{color:var(--ink)}
.job-layout{display:grid;grid-template-columns:minmax(0,730px) minmax(150px,1fr);gap:clamp(40px,9vw,130px);align-items:start}
.job-meta{display:flex;flex-direction:column;gap:19px;border-top:1px solid var(--rule);padding-top:20px}
.meta-title{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.meta-value{font-size:13px;line-height:1.55;margin-top:5px}
.job-lead{font-family:var(--serif);font-size:clamp(22px,2.55vw,34px);line-height:1.42;max-width:740px;margin:26px 0 66px;letter-spacing:-.02em;color:var(--ink-light)}
.job-section{margin-bottom:51px}
.job-section h2{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.02em;margin:0 0 17px}
.job-section ul{list-style:none;margin:0;padding:0}
.job-section li{padding:13px 0 13px 25px;border-top:1px solid var(--rule);position:relative;font-size:14px;line-height:1.72;color:var(--ink-light)}
.job-section li::before{content:'—';position:absolute;left:0;color:var(--muted)}
.job-section .apply-copy{font-size:14px;max-width:610px;color:var(--ink-light);line-height:1.8}
.apply-action{display:inline-block;margin-top:16px;border:1px solid var(--ink);padding:12px 18px;font-size:12px;font-weight:600;letter-spacing:.03em;transition:background .2s,color .2s}
.apply-action:hover{background:var(--ink);color:var(--paper)}
/* Team */
.team-page{max-width:980px}
.team-page h1{margin-bottom:75px}
.founder-profile{padding:6px 0 70px;border-top:0}
.person-role{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 15px}
.person-name{font-family:var(--serif);font-size:clamp(30px,4.2vw,54px);line-height:1.1;letter-spacing:-.035em;font-weight:400;margin:0 0 14px}
.person-desc{font-family:var(--serif);font-size:clamp(19px,2vw,25px);max-width:650px;color:var(--ink-light);line-height:1.52;margin:0 0 19px}
.external-link{font-size:12px;padding-bottom:4px;border-bottom:1px solid var(--ink-light);display:inline-block;transition:opacity .2s}
.external-link:hover{opacity:.5}
.team-subhead{border-top:1px solid var(--rule);padding:28px 0 12px;font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.025em}
.member{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;padding:32px 0 38px;border-bottom:1px solid var(--rule)}
.member .person-name{font-size:clamp(25px,3vw,37px)}
.member .person-desc{font-size:19px}
/* Contact */
.contact-page{min-height:calc(100svh - 204px);display:flex;flex-direction:column;justify-content:center;padding-top:50px;padding-bottom:70px}
.contact-page .page-h1{max-width:990px}
.contact-link{font-family:var(--serif);color:var(--ink);font-size:clamp(29px,4.4vw,59px);letter-spacing:-.035em;border-bottom:1px solid var(--ink);display:inline-block;line-height:1.2;margin-top:54px;padding-bottom:7px;transition:opacity .2s}
.contact-link:hover{opacity:.57}
.contact-note{color:var(--muted);font-size:12px;margin-top:40px}
@media(max-width:900px){.masthead,.shell,.site-foot{width:min(calc(100% - 56px),var(--max))}.masthead{min-height:90px;height:auto;padding:27px 0}.home-hero{min-height:calc(100svh - 185px)}.interior{padding:75px 0 90px}.statement-body{margin-left:0}.job-layout{grid-template-columns:1fr}.job-meta{order:-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:15px}.job-lead{margin-bottom:45px}.member{grid-template-columns:1fr}}
@media(max-width:620px){.masthead,.shell,.site-foot{width:calc(100% - 36px)}.masthead{display:block;padding:23px 0 17px}.brand{font-size:13px}.nav{justify-content:flex-start;gap:10px 20px;margin-top:16px}.nav a{font-size:11px;padding:6px 0}.nav a:after{bottom:1px}.home .masthead{border-bottom-color:var(--rule)}.home-hero{min-height:calc(100svh - 185px);padding:36px 0 66px}.home-hero h1{font-size:clamp(40px,10.4vw,63px);line-height:1.11;letter-spacing:-.045em}.home-hero .subtitle{font-size:clamp(19px,5.3vw,24px);margin:30px 0 0;line-height:1.48}.site-foot{font-size:10px;padding:18px 0 25px}.interior{padding:58px 0 75px}.page-h1{font-size:clamp(42px,10vw,62px)}.statement h1{margin-bottom:38px}.statement-body p{font-size:21px}.objectives{margin-top:58px}.objective-row{grid-template-columns:36px 1fr;gap:10px}.objective-row .value{font-size:20px}.signature{margin-top:53px}.roles-intro{margin-bottom:65px}.role-group-head{align-items:flex-end}.role-group-head h2{font-size:11px}.role-group-head span{font-size:10px}.role-link{padding:19px 0}.role-link .role-name{font-size:21px}.role-link .role-brief{font-size:12px}.job-meta{grid-template-columns:1fr 1fr}.job-section h2{font-size:27px}.team-page h1{margin-bottom:48px}.founder-profile{padding:27px 0 54px}.member{padding:29px 0}.contact-page{min-height:calc(100svh - 180px);justify-content:flex-start;padding-top:92px}.contact-link{font-size:clamp(27px,6.6vw,47px)} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after,*:before{transition:none!important}}

@media(max-width:1040px){.desktop-break{display:none}}
.statement-body .section-label{font-family:var(--sans);font-size:11px;font-style:normal;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--muted);margin:0 0 17px}

/* Walnut mark: an intentionally small, original artwork beside the wordmark */
.brand-mark{display:block;width:38px;height:38px;object-fit:contain;flex:none}
.brand-wordmark{display:block}
.roles-lead{font-family:var(--serif);font-size:clamp(23px,3.15vw,39px);line-height:1.47;letter-spacing:-.025em;max-width:880px;margin:20px 0 0;color:var(--ink-light)}
.contact-intro{font-family:var(--serif);font-size:clamp(22px,3vw,35px);line-height:1.45;letter-spacing:-.017em;max-width:760px;margin:12px 0 0}
@media(max-width:620px){.brand{gap:8px}.brand-mark{width:29px;height:29px}.roles-lead{font-size:clamp(22px,6vw,29px);margin-top:12px}.roles-intro{margin-bottom:53px}.statement-body .notebook-copy p{font-size:20px}}


/* v4 — measured two-accent palette and two documentary photographs */
.site{background:var(--paper)}
.page-index{color:var(--muted)}
.page-h1,.home-hero h1{color:var(--ink)}
.brand-wordmark{color:var(--ink)}
.site-foot{border-top:0}
.home-hero{position:relative}
.home-hero h1{max-width:1140px}
.home-hero .subtitle{max-width:750px}
/* Preserve the underlying statement as selectable, accessible text. */
.statement-with-photo{max-width:1268px}
.statement-with-photo h1{margin-bottom:62px}
.statement-composition{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.88fr);gap:clamp(38px,5vw,84px);align-items:start}
.statement-composition .notebook-copy{border-left:2px solid var(--forest);padding-left:27px}
.statement-composition .notebook-copy p{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.55vw,21px);line-height:1.75;margin:0 0 28px;color:var(--ink-light)}
.statement-composition .notebook-copy p:last-child{margin-bottom:0}
.statement-composition .objectives{margin-top:54px}
.statement-composition .objective-row{grid-template-columns:38px 1fr;padding:16px 0 18px}
.statement-composition .objective-row .value{font-size:clamp(18px,1.7vw,22px)}
.statement-composition .signature{margin-top:52px}
.founder-photo{margin:3px 0 0;position:sticky;top:24px}
.founder-photo a{display:block;overflow:hidden;border:1px solid #c6c8bc;background:var(--forest);box-shadow:10px 13px 0 #e8e6df}
.founder-photo img{display:block;width:100%;height:auto;object-fit:contain}
.founder-photo figcaption{font-size:11px;line-height:1.45;color:var(--muted);margin:18px 0 0}
/* Join page: the archival group photograph supports, never competes with, the invitation. */
.roles-intro{max-width:none;margin-bottom:66px}
.roles-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.73fr);gap:clamp(34px,7vw,102px);align-items:center}
.roles-words{padding:26px 0}
.roles-lead{font-size:clamp(24px,2.55vw,35px);line-height:1.38;max-width:750px;color:var(--ink-light);margin:17px 0 0}
.roles-small{font-size:13px;line-height:1.8;max-width:540px;margin:23px 0 0;color:var(--muted)}
.solvay-photo{margin:0;max-width:470px}
.solvay-photo img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(.91);border:1px solid var(--rule)}
.solvay-photo figcaption{color:var(--muted);font-size:10px;margin-top:11px;line-height:1.5;letter-spacing:.02em}
.solvay-photo figcaption span{white-space:nowrap}
.role-group-head{border-bottom-width:1px}
.role-group-head h2{color:var(--ink)}
.role-collection:last-of-type{margin-bottom:35px}
.role-link:hover .role-name{color:var(--forest)}
.job-section h2{color:var(--ink)}
.apply-action{border-color:var(--forest);background:var(--forest);color:var(--paper)}
.apply-action:hover{background:transparent;color:var(--forest)}
.team-subhead{border-top-width:1px}
/* a measured copper accent on active link, not an additional background color */
.nav a[aria-current="page"]:after{background:var(--forest)}
@media(max-width:1000px){
.statement-composition{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:35px}
.statement-composition .notebook-copy p{font-family:var(--serif);font-style:italic;font-size:18px}
.roles-opening{gap:35px}
}
@media(max-width:760px){
.statement-composition{grid-template-columns:1fr}
.founder-photo{position:static;max-width:700px;margin-top:0}
.roles-opening{grid-template-columns:1fr}
.roles-words{padding:0}
.solvay-photo{width:min(100%,510px);max-width:none}
.statement-composition .notebook-copy p{font-family:var(--serif);font-style:italic;font-size:20px}
}
@media(max-width:620px){
.statement-composition .notebook-copy{padding-left:18px}
.statement-composition .notebook-copy p{font-family:var(--serif);font-style:italic;font-size:19px}
.roles-intro{margin-bottom:54px}
.roles-lead{font-size:clamp(23px,5.6vw,29px)}
.roles-small{font-size:12px}
.solvay-photo figcaption span{white-space:normal}
}

/* v5 — the homepage needs no graphic ornament. */
.home-hero::before{display:none!important;content:none!important}

/* v5 — the chalkboard is the statement. No duplicated visible typeset text. */
.statement-image-page{max-width:none;padding:clamp(45px,5vw,78px) 0 92px}
.statement-art-head{margin:0 0 clamp(26px,3vw,42px)}
.statement-art-head .page-index{margin:0 0 15px}
.statement-art-title{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;font-size:clamp(36px,4.1vw,62px);line-height:1.13;margin:0;color:var(--ink)}
.statement-board{width:100%;margin:0}
.statement-board a{display:block;overflow:hidden;outline-offset:5px;background:var(--forest)}
.statement-board img{width:100%;height:auto;display:block;object-fit:contain}
/* The Solvay photograph remains a separate archival object; the text stays on clean ivory. */
.solvay-photo img{border:none;filter:grayscale(1) contrast(.91) brightness(1.04);opacity:.89;mix-blend-mode:multiply}
.solvay-photo{align-self:center}
@media(min-width:1320px){.statement-image-page{margin-left:-32px;margin-right:-32px}}
@media(max-width:620px){.statement-image-page{padding:45px 0 72px}.statement-art-head{margin-bottom:28px}.statement-art-title{font-size:clamp(33px,9vw,49px)}}

/* v6 — restored near-white paper and charcoal editorial typography; forest green is an accent, not a text color. */
.role-group-head{border-bottom-color:var(--ink)}
.role-link:hover{background:var(--paper-2)}
.role-link:hover .role-name{color:var(--forest)}
.job-section .apply-action:focus-visible{outline-color:var(--forest)}
.statement-art-title{color:var(--ink)}


/* v8 — handwritten founder photograph with a quiet archival colophon below it. */
.statement-legacy{
  border-top:1px solid var(--rule);
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(225px,.75fr);
  gap:clamp(32px,7vw,110px);
  padding:37px 0 0;
  margin:52px 0 0;
  align-items:end;
}
.statement-goals h2{
  margin:0 0 26px;
  font-family:var(--sans);
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}
.statement-goal-list{list-style:none;margin:0;padding:0;counter-reset:none;}
.statement-goal-list li{
  display:grid;
  grid-template-columns:40px 1fr;
  align-items:baseline;
  gap:15px;
  padding:12px 0 13px;
  border-bottom:1px solid var(--rule);
  font-family:var(--serif);
  font-size:clamp(18px,1.85vw,23px);
  line-height:1.34;
  letter-spacing:-.015em;
  color:var(--ink);
}
.statement-goal-list li:first-child{padding-top:0}
.statement-goal-list li:last-child{border-bottom:0}
.statement-goal-list .goal-index{font-style:italic;color:var(--muted);font-size:.9em;}
.statement-attribution{text-align:right;padding-bottom:5px}
.statement-founder-name{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(24px,2.3vw,30px);
  font-weight:400;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--ink);
}
.statement-founder-role{font-size:12px;color:var(--muted);margin-top:9px}
.statement-beginning{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--muted);margin-top:25px;line-height:1.45}
@media(max-width:760px){
  .statement-legacy{grid-template-columns:1fr;gap:39px;margin-top:34px;padding-top:27px}
  .statement-attribution{padding:0}
}
@media(max-width:620px){
  .statement-goal-list li{font-size:19px;grid-template-columns:31px 1fr;gap:8px}
  .statement-goals h2{margin-bottom:22px}
  .statement-beginning{font-size:14px}
}

/* V9: applications stay quiet and legible */
.application-guidance {margin-top:1rem;}
.application-note {max-width:720px; margin:3.75rem 0 1rem; padding-top:1.5rem; border-top:1px solid rgba(36,40,36,.16);}
.application-note h2 {font-size:1.12rem;font-weight:500;margin:0 0 .75rem;}
.application-note p {max-width:64ch;color:#444943;line-height:1.7;margin:0 0 1rem;}