/* Shared finishing system for the homepage, archive and research notebook.
   Spacing: 4px base. Text sizes are role-based, tracking proportional to type.
   Illustration coordinates and photographic source content are left intact. */
:root{
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
 --space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;
 --page-gutter:48px;--content-max:1280px;--section-space:80px;--column-gap:64px;
 --type-display:clamp(36px,4vw,56px);--type-section:clamp(30px,3vw,40px);
 --type-subhead:24px;--type-label:12px;--type-body:14px;--type-small:12px;
 --leading-display:1.12;--leading-heading:1.2;--leading-body:1.75;
 --tracking-display:-.045em;--tracking-heading:-.035em;--tracking-body:0em;
 --radius-control:8px;--radius-card:16px;--radius-tag:4px;
 --stroke:1px;--section-rule:1px solid var(--line);
}
html{scroll-padding-top:104px}body{font-size:var(--type-body);letter-spacing:var(--tracking-body);font-kerning:normal;font-optical-sizing:auto}
.wrap,.header-inner{width:min(var(--content-max),calc(100% - var(--page-gutter)*2));margin-inline:auto}
.header-inner{min-height:80px;gap:32px}.brand{gap:12px}.brand span{font-size:28px;letter-spacing:-.045em}.brand img{width:32px;height:32px}
.desktop-nav{gap:32px;font-size:12px;line-height:20px}.header-cta{border-radius:var(--radius-control);padding:10px 16px;gap:12px;font-size:12px;line-height:20px;min-height:44px}
.button{min-height:48px;padding:12px 20px;gap:16px;border-radius:var(--radius-control);font-size:12px;line-height:20px}.button span{font-size:16px;line-height:1}
.text-link,.work-links .text-link,.home-page .archive-invitation{font-size:12px;line-height:20px;gap:12px}.text-link span,.home-page .archive-invitation span{font-size:16px;line-height:1;flex-shrink:0}
.eyebrow,.home-page .archive-teaser .eyebrow,.home-page .philosophy-copy>.eyebrow,.section-heading .eyebrow,.community-copy .eyebrow{font-size:var(--type-label);line-height:20px;letter-spacing:0;margin-bottom:16px}
.section-space,.home-page .section-space{padding-top:var(--section-space);padding-bottom:var(--section-space)}
h1,.hero h1,.research-intro h1,.archive-intro h1{font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:500}
h2,.principles-purpose h2,.home-page .philosophy-copy h2,.work-heading h2,.home-page .archive-teaser h2,.record-case h2,.closing h2{font-size:var(--type-section);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:500}
h3,.process-thesis h3,.foundations-heading h3,.ai-method-heading h3,.tool h3,.case-panel h3,.portrait-record h3,.record-heading h2{font-size:var(--type-subhead);line-height:1.3;letter-spacing:-.025em;font-weight:500}
p{letter-spacing:var(--tracking-body)}.section-intro{font-size:14px;line-height:var(--leading-body);max-width:40ch}
.hero{gap:32px;padding-block:64px;min-height:640px}.hero-copy{padding-bottom:0}.hero-description{margin-top:24px;font-size:14px;line-height:24px;max-width:44ch}.hero-actions{gap:24px;margin-top:32px}.hero-visual{padding-top:0}
.section-heading{gap:48px;margin-bottom:48px}.principles-layout{gap:var(--column-gap)}.principles-purpose h2{margin-bottom:24px}
.principles-purpose .personal-statement,.home-page .philosophy-copy>p:not(.eyebrow),.community-copy>p:not(.eyebrow){font-size:14px;line-height:var(--leading-body);max-width:46ch}
.principles-purpose .personal-statement{margin-top:16px}.statement-signature{margin-top:24px;font-size:12px;line-height:20px}
.principles-grid{gap:24px 32px}.principles-grid article{padding-top:16px}.principle-heading{gap:16px;padding-top:0;margin-bottom:8px;align-items:baseline}.principle-number{flex-basis:24px;font-size:12px;line-height:20px;letter-spacing:0;font-variant-numeric:tabular-nums}
.principles-grid .principle-heading h3,.principles-grid h3,.process-list h3{font-size:16px;line-height:24px;letter-spacing:-.015em;margin-bottom:0}.principles-grid article>p{padding-left:40px;font-size:14px;line-height:24px}.principles-grid article:not(:has(.principle-number))>p{padding-left:0}
.method-brief>.eyebrow{margin-bottom:24px}.method-brief-footer{margin-top:32px;padding-top:24px;gap:32px}.method-brief-footer p{font-size:12px;line-height:20px}.method-brief-footer .text-link{font-size:12px;line-height:20px}
.home-page .philosophy-layout{gap:var(--column-gap)}.home-page .philosophy-copy h2{margin-bottom:24px}.home-page .philosophy-copy>p:not(.eyebrow){margin-bottom:16px}.home-page .philosophy-copy>.text-link{margin-top:8px;font-size:12px;line-height:20px}
.work-receipts{padding-top:64px;padding-bottom:0}.work-heading{margin-bottom:32px}.work-heading>p{font-size:14px;line-height:24px;margin-top:16px;max-width:60ch}.work-board{padding:32px;border-radius:0;border:var(--section-rule)}.work-card{border-radius:var(--radius-card);padding:24px}.work-card-heading{font-size:12px;line-height:20px;margin-bottom:24px}.work-card-heading>span:last-child{font:12px/20px var(--mono)}.work-card figcaption{margin-top:24px;padding-top:16px;font:12px/20px var(--mono)}
.work-links{padding:16px 0 24px}.home-page .archive-teaser{padding-block:48px;gap:32px}.home-page .archive-invitation{padding:0 0 4px}.community-layout{gap:var(--column-gap)}.community-copy>p:not(.eyebrow){margin-top:24px}.community-copy .button{margin-top:24px}
.calendar{border-radius:var(--radius-card)}.calendar-header{padding:24px;gap:16px}.calendar-header h3{font-size:18px;line-height:24px;letter-spacing:-.02em;margin-top:12px}.calendar-badge{border-radius:var(--radius-tag);font-size:10px;line-height:16px;padding:4px 8px}.calendar-detail{padding:16px 24px}.calendar-footer{padding:12px 24px;gap:8px 16px}.calendar-event{border-radius:var(--radius-tag)}
.site-footer{padding-top:32px;padding-bottom:24px;gap:24px}.site-footer .brand span{font-size:24px;letter-spacing:-.045em}.site-footer .brand img{width:28px;height:28px}.site-footer>div{gap:24px;font-size:12px;line-height:20px}.footer-note{font-size:12px;line-height:20px;margin-top:8px}
/* Archive: common figure rhythm, original aspect ratios. */
.archive-intro,.research-intro{padding-top:64px;padding-bottom:48px}.archive-intro>.text-link{margin-bottom:48px}.archive-intro .eyebrow,.research-intro .eyebrow{margin-bottom:24px}.archive-intro>p:last-child,.research-intro>p:not(.eyebrow){margin-top:24px;font-size:14px;line-height:24px;max-width:58ch}.record-heading{margin-bottom:24px;gap:24px}.record-heading p{font:12px/20px var(--mono)}.record-caption{padding:16px 0;gap:24px;font-size:12px;line-height:20px}.record-case{margin-top:64px;padding-top:40px}.record-case-heading{gap:var(--column-gap);margin-bottom:32px}.record-case-heading .eyebrow{margin-bottom:16px}.record-case-heading>p{font-size:14px;line-height:24px;max-width:56ch}.portrait-record{gap:var(--column-gap)}.portrait-record h3{margin:16px 0}.portrait-record aside>p:not(.eyebrow){font-size:14px;line-height:24px}.source-row{gap:16px 24px;padding:24px 0;font-size:12px;line-height:20px}.record-details summary{font-size:12px;line-height:20px;padding:16px 0}.record-details p{font-size:14px;line-height:24px;margin-bottom:24px;max-width:80ch}.cycle-mat{padding:32px}.cycle-mat .record-image{padding:16px}.archive-end{margin-top:64px;padding-top:24px;padding-bottom:64px;gap:32px}.archive-end p,.archive-end a{font-size:12px;line-height:20px}
/* Research notebook: the same hierarchy at a denser reading level. */
.research-index{gap:32px;margin-top:32px;padding-top:24px;font-size:12px;line-height:20px}.research-page .process-section{padding-top:48px}.foundations{margin-bottom:48px}.foundations-heading{gap:48px;margin-bottom:32px}.foundations-heading>p{font-size:14px;line-height:24px}.foundations-grid article{padding:24px 24px 24px 0}.foundations-grid article+article{padding-left:24px}.foundations-grid h4{font-size:16px;line-height:24px;letter-spacing:-.015em;margin:16px 0 8px}.foundations-grid p{font-size:14px;line-height:24px}.foundations-grid article>span{font:12px/20px var(--mono)}.process-editorial{gap:var(--column-gap)}.process-thesis{padding:32px;border-radius:var(--radius-control)}.process-thesis p,.process-list p{font-size:14px;line-height:24px}.process-thesis p{margin-top:16px}.process-list article{padding:24px 0;gap:24px}.process-list h3{margin-bottom:8px}.step-index{font:12px/20px var(--mono)}
.ai-method{padding:32px;margin-top:48px;border-radius:var(--radius-control)}.ai-method-heading{gap:16px 64px;margin-bottom:32px}.ai-method-heading>p:not(.eyebrow),.ai-roles p,.method-example-content p:not(.example-date){font-size:14px;line-height:24px}.ai-roles{gap:32px;padding-top:24px}.ai-roles p{margin-top:8px}.method-example{margin-top:24px}.method-example summary{padding-top:24px}.method-example-content{gap:48px;padding-top:24px}
.archive-layout{gap:48px}.case-panel{padding:32px;border-radius:var(--radius-card)}.case-topline{margin-bottom:24px;gap:24px;font-size:12px;line-height:20px}.case-description{font-size:14px;line-height:24px;margin:16px 0 24px}.source-link{padding:16px 0}.source-meta{font-size:12px;line-height:20px;gap:16px;margin-bottom:8px}.source-quote{font-size:14px;line-height:24px}.case-scope{padding-top:16px}.case-scope p,.archive-access{font-size:12px;line-height:20px}.tool-grid{gap:32px}.tool-art{margin-bottom:24px;border-radius:var(--radius-control)}.tool-number{font-size:12px;line-height:20px;margin-bottom:8px}.tool h3{margin-bottom:16px}.tool>p:not(.tool-number){font-size:14px;line-height:24px}.tool .text-link{font-size:12px;line-height:20px;margin-top:24px;gap:12px}.about-section{gap:64px}.about-copy h2{margin-bottom:24px}.about-copy>p{font-size:14px;line-height:24px;margin-bottom:16px}.about-copy .text-link{font-size:12px;line-height:20px}
@media(max-width:1100px){:root{--page-gutter:32px;--column-gap:40px;--section-space:64px}.header-inner{gap:24px}.desktop-nav{gap:24px}.hero{min-height:560px}.foundations-grid article{padding-right:16px}.foundations-grid article+article{padding-left:16px}.archive-layout{gap:32px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-block:48px}.hero h1{font-size:clamp(36px,6vw,56px)}.hero-visual{max-width:560px;width:100%;margin:auto}.hero h1{white-space:normal}.principles-layout{grid-template-columns:1fr;gap:32px}.principles-purpose .personal-statement{max-width:64ch}.home-page .philosophy-layout{grid-template-columns:1fr;gap:32px}.home-page .boat-figure{max-width:480px}.home-page .philosophy-copy>p:not(.eyebrow){max-width:60ch}.method-brief-footer{flex-direction:column;align-items:start;gap:16px}}
@media(max-width:800px){:root{--column-gap:32px}.header-inner{min-height:72px}.section-heading{gap:32px}.archive-end{gap:24px}.work-board{padding:24px}.record-case-heading,.portrait-record{gap:32px}.community-layout{gap:40px}.tool-grid{gap:32px}.tool-art{margin-bottom:0}.ai-method-heading{gap:16px}.ai-roles{gap:24px}.about-section{gap:40px}}
@media(max-width:600px){:root{--page-gutter:20px;--section-space:48px;--type-display:36px;--type-section:30px;--type-subhead:22px;--column-gap:24px}.header-inner{min-height:64px;gap:16px}.brand span{font-size:26px}.brand img{width:28px;height:28px}.hero{padding-top:40px;padding-bottom:48px;gap:24px}.hero h1{font-size:clamp(30px,8vw,40px);line-height:1.15;letter-spacing:-.04em}.hero-description{margin-top:24px;font-size:14px;line-height:24px}.hero-actions{margin-top:24px;gap:24px}.hero-actions .text-link{font-size:12px}.section-heading{flex-direction:column;margin-bottom:32px;gap:24px}.principles-grid{grid-template-columns:1fr;gap:24px}.principles-grid article>p{padding-left:40px}.principles-grid .principle-pragmatism{grid-column:auto}.principle-heading{gap:16px}.principle-number{flex-basis:24px}.method-brief-footer{margin-top:32px}.work-receipts{padding-top:48px}.work-heading{margin-bottom:24px}.work-heading>p{font-size:14px;line-height:24px}.work-board{padding:12px}.work-card{padding:16px;border-radius:var(--radius-card)}.work-card-heading{margin-bottom:16px;font-size:12px}.work-card figcaption{font-size:10px;line-height:16px;margin-top:16px;padding-top:16px;gap:8px}.work-links{padding:16px 0 24px}.work-links .text-link{font-size:12px}.home-page .archive-teaser{padding-block:32px;align-items:start;gap:24px}.home-page .archive-teaser h2{font-size:30px}.home-page .archive-invitation{font-size:12px}.calendar-header,.calendar-detail{padding:20px}.calendar-header h3{font-size:18px;line-height:24px}.calendar-footer{padding:12px 20px;font-size:10px;line-height:16px}.calendar-event{min-height:44px}.site-footer{gap:24px}.footer-note{margin-top:0;font-size:10px;line-height:16px}.record-case{margin-top:48px;padding-top:32px}.record-case-heading,.portrait-record{grid-template-columns:1fr;gap:24px}.record-heading{gap:8px}.record-heading h2{font-size:22px}.archive-intro,.research-intro{padding-top:40px;padding-bottom:40px}.archive-intro>.text-link{margin-bottom:32px}.cycle-mat{padding:12px}.cycle-mat .record-image{padding:4px}.archive-end{margin-top:48px;padding-bottom:48px}.record-caption{gap:12px}.source-row{gap:16px 24px}.foundations-heading{gap:24px}.foundations-grid{grid-template-columns:1fr}.foundations-grid article,.foundations-grid article+article{padding:24px 0;border-left:0}.foundations-grid article+article{border-top:var(--section-rule)}.process-editorial{grid-template-columns:1fr;gap:32px}.process-thesis,.ai-method,.case-panel{padding:24px}.ai-method{margin-top:32px}.ai-roles{grid-template-columns:1fr}.method-example-content{gap:24px}.tool-grid{display:grid;grid-template-columns:1fr;gap:40px}.tool{display:block}.tool-art{margin-bottom:24px}.tool h3{font-size:22px}.about-section{grid-template-columns:1fr;gap:24px}}