/* Field notes and the people behind the work. Shared brand, distinct page rhythms. */
body .resource-hub-new{max-width:1540px;padding-top:clamp(35px,5vw,80px);}
.fieldnotes-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding-bottom:65px;}
body.story-site.hierarchy-site .fieldnotes-hero h1{font-size:clamp(42px,5.8vw,82px);line-height:.99;letter-spacing:-.055em;margin:20px 0 24px;}
.fieldnotes-hero>div>p:not(.section-index){max-width:43ch;font-size:18px;line-height:1.6;color:var(--muted);}
.fieldnotes-hero .text-link{display:inline-block;margin-top:15px;}
.resource-start{border-top:2px solid var(--ink);}
.resource-start>.section-index{margin:20px 0;}
.resource-start>a{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;}
.resource-start>a>span{align-self:flex-start;color:var(--magenta);font:14px/1.8 ui-monospace,monospace;}
.resource-start>a>div{flex:1;font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.025em;}
.resource-start small{display:block;margin-top:7px;font-size:14px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--muted);}
.resource-start b{font-size:22px;font-weight:400;}
.fieldnotes-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(25px,4vw,60px);align-items:center;background:#24182e;color:#f8eff8;padding:clamp(22px,3.5vw,55px);border-radius:8px;}
.feature-film{display:block;position:relative;overflow:hidden;aspect-ratio:1.35;border:1px solid #96749b;border-radius:5px;box-shadow:0 18px 45px #0005;}
.feature-film>img{width:100%;height:100%;object-fit:cover;object-position:left center;}
.film-play{position:absolute;inset:auto 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;background:#20172eed;color:#fff;font-size:15px;}
.film-play>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#ef88b9;color:#291c31;}
.film-play>small{margin-left:auto;color:#d0bdd7;font-size:12px;}
body.story-site.hierarchy-site .feature-film-copy h2{color:#fff;font-size:clamp(28px,3.8vw,52px);line-height:1.04;letter-spacing:-.04em;margin:20px 0;}
.feature-film-copy .section-index,.feature-film-copy .text-link{color:#ffb2d8;}
.feature-film-copy>p:not(.section-index){color:#d6c8dc;font-size:16px;line-height:1.65;}
.fieldnotes-library{padding-top:clamp(55px,7vw,100px);scroll-margin-top:100px;}
.library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px;}
body.story-site.hierarchy-site .library-heading h2{font-size:clamp(40px,5vw,65px);letter-spacing:-.05em;margin:10px 0 0;line-height:1;}
.library-heading>a{font-size:14px;}
.library-controls{display:flex;gap:24px;align-items:end;justify-content:space-between;border-block:1px solid var(--line);padding:18px 0;}
.library-controls[hidden]{display:none;}
.library-filters{display:flex;flex-wrap:wrap;gap:7px;}
.library-filters>button,.library-empty>button{border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font:500 14px/1.4 ui-sans-serif,system-ui,sans-serif;padding:11px 13px;cursor:pointer;}
.library-filters>button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.library-search{display:grid;gap:7px;min-width:240px;font-size:12px;color:var(--muted);}
.library-search>input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);padding:11px 12px;font:14px/1.4 ui-sans-serif,system-ui,sans-serif;}
.library-count{font:12px/1.5 ui-monospace,monospace;color:var(--muted);margin:15px 0 20px;}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.library-card{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:5px;}
.library-card[hidden]{display:none;}
.library-card>a{display:flex;flex-direction:column;height:100%;min-height:330px;box-sizing:border-box;padding:25px;text-decoration:none;color:var(--ink);}
.library-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:11px/1.5 ui-monospace,monospace;color:var(--muted);}
.library-card-top>span:last-child{font-size:22px;color:var(--magenta);}
body.story-site.hierarchy-site .library-card h3{font-size:clamp(23px,2.4vw,32px);line-height:1.12;letter-spacing:-.035em;margin:24px 0 14px;}
.library-card p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 25px;}
.library-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;font-size:13px;line-height:1.5;}
.library-card-bottom>b{font-weight:400;font-size:25px;color:var(--magenta);}
.library-tool{background:#34223d;--ink:#fff;--muted:#d6c5de;--line:#75637b;--magenta:#ffaed8;}
.library-perspective{background:#f0d2de;--ink:#2c1d2f;--muted:#654a60;--line:#b18c9f;--magenta:#9a245c;}
.library-empty{padding:40px 0;}.library-empty h3{font-size:24px;}.library-empty p{font-size:16px;}
.fieldnotes-tool{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin-top:65px;padding:45px 0 0;border-top:2px solid var(--ink);scroll-margin-top:100px;}
body.story-site.hierarchy-site .fieldnotes-tool h2{font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.035em;margin:15px 0;}
.fieldnotes-tool>div>p:last-child{font-size:17px;line-height:1.6;color:var(--muted);max-width:43ch;}
.tool-ticket{display:flex;flex-direction:column;gap:22px;background:#f0d2de;color:#2c1d2f;border:1px solid #b18c9f;border-left:7px solid #be3577;padding:30px;text-decoration:none;}
.tool-ticket>span{font:12px/1.5 ui-monospace,monospace;letter-spacing:.04em;}
.tool-ticket>strong{font-size:32px;line-height:1.08;letter-spacing:-.035em;font-weight:600;}
.tool-ticket>small{font-size:14px;line-height:1.6;}
/* About: give the founders a real presence, then explain what their experience changed. */
.about-hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
body.about-site .about-people{display:block;padding-block:60px 80px;background:var(--surface);border-block:1px solid var(--line);}
.about-people-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:0 70px;align-items:end;margin-bottom:40px;}
.about-people-intro>.section-index{grid-column:1/-1;}
body.story-site.hierarchy-site .about-people-intro h2{font-size:clamp(35px,4.4vw,60px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 0;scroll-margin-top:110px;}
body .about-people-intro>p:last-child{max-width:45ch;font-size:17px;margin:0;}
body .about-founders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
body .about-founders article,body .about-founders article:first-child{padding:0;border:0;}
body .about-founders .founder-portrait{display:block;width:100%;max-width:none;aspect-ratio:1.15;object-fit:cover;object-position:center 28%;padding:0;border:0;border-radius:5px;margin:0 0 22px;}
body.story-site.hierarchy-site.about-site .about-founders h3{font-size:clamp(25px,2.6vw,36px);letter-spacing:-.035em;line-height:1.15;margin:10px 0 15px;}
body .about-founders .about-role{font-size:12px;min-height:38px;}
body .about-founders article>p:last-child{font-size:16px;line-height:1.65;}
body .about-origin{padding-block:75px 45px;grid-template-columns:1.15fr 1fr;gap:50px;}
body.story-site.hierarchy-site .about-origin h2{font-size:clamp(35px,4.2vw,57px);line-height:1.08;letter-spacing:-.04em;}
body .about-origin-copy{padding-top:45px;}
body .about-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:75px;}
body .about-pattern{display:flex;flex-direction:column;gap:20px;align-items:start;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:5px;}
body .about-pattern:last-child{border-bottom:1px solid var(--line);}
body .about-pattern::before{width:100%;}
body .about-pattern .about-refrain{font-size:12px;margin:0;}
body.story-site.hierarchy-site.about-site .about-pattern h3{font-size:27px;line-height:1.12;letter-spacing:-.035em;}
body .about-pattern p:not(.about-refrain){font-size:16px;line-height:1.6;}
body .about-pattern .about-principle{margin-top:auto;font-size:25px;}
body .about-purpose{background:#24182e;color:#fff;padding-block:65px;}
body.story-site.hierarchy-site .about-purpose h2{font-size:clamp(35px,4.8vw,66px);line-height:1.05;letter-spacing:-.045em;color:#fff;max-width:25ch;}
body .about-purpose>.section-index,body .about-purpose .text-link{color:#ffb2d8;}
body .about-purpose>p:not(.section-index){color:#d6c8dc;}
body .about-purpose .button{background:#ed83b6;color:#24182e;border-color:#ed83b6;}
body .resource-hub-new button:focus-visible,body .resource-hub-new input:focus-visible{outline:3px solid var(--magenta);outline-offset:3px;}
@media(max-width:1100px){.library-controls{align-items:stretch;flex-direction:column;}.library-search{max-width:450px;}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.fieldnotes-hero{gap:30px;}.about-founders{gap:20px;}}
@media(max-width:760px){.fieldnotes-hero,.fieldnotes-feature,.fieldnotes-tool{grid-template-columns:1fr;}.fieldnotes-hero{padding-bottom:35px;}.resource-start{margin-top:10px;}.feature-film{aspect-ratio:1.65;}.feature-film-copy h2 br{display:none;}.library-heading{align-items:start;flex-direction:column;gap:20px;}.library-grid{grid-template-columns:1fr;}.library-card>a{min-height:280px;}.fieldnotes-tool{gap:25px;margin-top:45px;padding-top:30px;}body .about-people-intro{grid-template-columns:1fr;gap:20px;}body .about-founders{grid-template-columns:1fr;gap:45px;}body .about-founders .founder-portrait{max-width:460px;aspect-ratio:1.15;}body .about-founders .about-role{min-height:0;}body .about-origin{grid-template-columns:1fr;gap:0;padding-block:45px 25px;}body .about-origin-copy{padding-top:0;}body .about-patterns{grid-template-columns:1fr;padding-bottom:45px;}body .about-people{padding-block:40px;}.film-play{padding:12px;font-size:14px;gap:8px;}.film-play>small{font-size:11px;}.library-filters>button{font-size:13px;padding:10px;}}
body.story-site.hierarchy-site .fieldnotes-hero h1{font-size:clamp(38px,4.7vw,68px);}

/* The guide illustration starts the sidebar; no detached rule above it. */
.resource-site .resource-start{border-top:0;}
.resource-site .section-index::after{content:none;}