/* equilibri / research folio. The publication and its evidence stay intact. */
:root{--paper:#fafbf7;--ink:#20322b;--muted:#506158;--line:#bdcbbf;--periwinkle:#d2dcf9;--folio-serif:'Instrument Serif',Georgia,serif;--folio-mono:'IBM Plex Mono',monospace;--chapter-space:clamp(64px,7.8vw,112px)}
body{background:#f0f3ed;font-size:1.0625rem;line-height:1.8}
main,footer{max-width:1600px}
h1,h2,h3,.atlas h2,.atlas-desk h3,.atlas-metric span,.atlas-compare-card .compare-number,.bibliography a{font-family:var(--folio-serif);font-weight:400;letter-spacing:-.025em}
h1,h2{line-height:1.05}
h2 em{font-weight:400}
h3{font-size:1.8rem;line-height:1.15}
.eyebrow,.evidence-label,.source-number,.source-kind,.atlas-compass,.atlas-kicker,.atlas-date{font-family:var(--folio-mono);font-weight:400;letter-spacing:.035em}
.eyebrow{font-size:.8125rem}
.evidence-label{font-size:.75rem;line-height:1.65;margin-bottom:16px}
.citations{font-family:var(--folio-mono);font-size:.75rem;vertical-align:baseline}
.citations a{padding:3px 5px;line-height:1.4;border:1px solid transparent;border-radius:3px;transition:background .2s,border-color .2s}
.citations a:hover,.citations a:focus-visible{background:#fff9;border-color:#a5b6ad}
.floating-header{top:20px}
.nav-pill{position:relative;padding:9px;gap:3px;background:#fafbf7ed;box-shadow:0 8px 30px #20322b0b;backdrop-filter:blur(22px);border-color:#b7c6bb;isolation:isolate;overflow:hidden}
.nav-pill a{padding-inline:25px;position:relative;z-index:1;transition:background .25s,color .25s}
.nav-pill a[aria-current=location]{background:#d2dcf9}
.hero{padding-top:max(160px,calc(var(--nav-offset,110px) + 38px));background:#edf4bc}
.hero::after{content:none}
.hero>.eyebrow{display:flex;align-items:center;gap:24px;margin-bottom:34px;max-width:none}
.hero>.eyebrow::after{content:'';width:clamp(40px,14vw,180px);height:1px;background:#82935080}
.hero h1{font-size:clamp(4rem,9.3vw,8.7rem);line-height:1.01;letter-spacing:-.035em;margin:0 0 52px;max-width:1200px}
.hero h1 em{font-weight:400}
.hero-intro{grid-template-columns:1fr 1.45fr;gap:8%;max-width:1110px;align-items:start}
.studio-name{font-size:2.2rem;line-height:1.35}
.hero-intro p{font-size:clamp(1.125rem,1.5vw,1.3125rem);line-height:1.65;max-width:45ch;margin:0}
.intro-audio{margin-top:32px}
.audio-controls{padding:6px 17px 6px 6px;background:#fafbf7ed;border-color:#aab87f;box-shadow:0 3px 14px #4a5b2205}
.audio-toggle{background:#20322b;transition:background .2s,transform .2s}
.audio-toggle:active{transform:scale(.94)}
.audio-time{font-family:var(--folio-mono);font-size:.8125rem}
.hero-bottom{margin-top:38px;padding-top:24px;padding-bottom:38px;border-color:#a5b57c;min-height:86px}
.project-status{font-family:var(--folio-mono);font-size:.75rem;letter-spacing:.025em}
.section,#atlas{padding-block:var(--chapter-space)}
.inquiry{grid-template-columns:minmax(0,1fr) minmax(0,1.56fr);gap:9%;border-bottom:0}
.section-title{padding-right:12px}
.section-title .eyebrow,.sectionhead .eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:30px;line-height:1.6}
.section-title .eyebrow::after,.sectionhead .eyebrow::after{content:'';flex:1;height:1px;background:currentColor;opacity:.3;max-width:90px}
.section-title h2{font-size:clamp(2.8rem,4.6vw,4.65rem);max-width:16ch;line-height:1.08;margin-bottom:0;letter-spacing:-.025em}
.section-body{max-width:64ch}
.section-body>p{margin-bottom:1.45em}
.section-body>p:last-child{margin-bottom:0}
.action-list{counter-reset:brief;gap:0;margin-block:32px}
.action-list article{position:relative;padding:26px 0 26px 35px;border-top-color:#8fa39177;counter-increment:brief}
.action-list article:last-child{padding-bottom:0}
.action-list article::before{content:counter(brief,decimal-leading-zero);position:absolute;left:0;top:31px;font:.75rem/1.5 var(--folio-mono);color:#506158}
.action-list h3{font-size:1.85rem;margin-bottom:13px}
.action-list p{font-size:1rem;line-height:1.75}
.position-note{padding:25px 28px;border:1px solid #97aa9880;border-left:3px solid #768e71;border-radius:0 16px 16px 0;background:#fafbf75c;margin-top:36px}
.position-note h3{font-size:2rem}
.day-note{background:#f8faf7a6;border:1px solid #99ad9780;border-radius:18px;padding:28px 30px}
.day-note h3{font-size:2rem}
.tensions{gap:32px 28px;margin-top:34px}
.tensions>div{padding-top:23px;border-top-color:#8fa39190}
.tensions h3{font-size:1.85rem;margin-bottom:13px}
.tensions p{line-height:1.7}
details{margin-top:0;border-color:#8fa39180}
.section-body>details:first-of-type{margin-top:30px}
summary{padding:23px 0;min-height:76px;font-size:1rem;line-height:1.55;transition:color .2s}
summary:hover{color:#435641}
summary::after{border:1px solid #8fa39190;border-radius:50%;flex:0 0 30px;height:30px;display:grid;place-items:center;font-size:1.25rem;transition:background .2s}
summary:hover::after,details[open]>summary::after{background:#fafbf7a6}
.detail-copy{padding:2px 0 28px;max-width:63ch}
.detail-copy p:last-child{margin-bottom:0}
.basis{font-family:var(--folio-mono);font-size:.75rem;margin-top:25px}
.principles{gap:0 32px;margin-top:30px}
.principles li{padding:25px 0 28px;border-color:#879e8490}
.principles li::before{font-family:var(--folio-mono);font-size:.75rem;margin-bottom:13px}
.principles h3{font-size:1.85rem;line-height:1.1;margin-bottom:14px}
.principles p{line-height:1.7}
.method-note{border-color:#8fa39180;margin-top:32px;font-size:.9375rem;line-height:1.75}
.sectionhead h2,.atlas h2{font-size:clamp(3rem,4.8vw,4.8rem);line-height:1.06;letter-spacing:-.025em}
.sectionhead{margin-bottom:38px}
.sectionhead>p{font-size:1rem;line-height:1.75}
.sources .source-method{padding-top:26px;border-top:1px solid var(--line);max-width:85ch;margin-bottom:38px}
.bibliography{column-gap:6%}
.bibliography li{grid-template-columns:32px minmax(0,1fr);gap:16px;padding:28px 12px 28px 0;border-color:#a5b6ab;transition:background .25s}
.bibliography li:target{background:#e7eed9;outline:1px solid #a5b6ab;outline-offset:9px}
.bibliography li:hover{background:#edf2e55e}
.source-author{font-size:.8125rem;line-height:1.65;color:#43564b;margin-bottom:8px}
.bibliography a{font-size:1.6rem;line-height:1.15;text-decoration-color:#82958880;text-underline-offset:5px}
.source-kind{font-size:.75rem;line-height:1.7;margin-top:14px}
.bibliography p{font-size:.9375rem;line-height:1.7;margin-top:10px}
.source-number{font-size:.75rem;color:#465e4e}
.closing{position:relative;overflow:hidden}
.closing .eyebrow{margin-bottom:36px}
.closing h2{font-size:clamp(3.2rem,6.5vw,6.6rem);line-height:1.04;max-width:22ch;margin-bottom:34px}
.closing p{max-width:64ch;font-size:1.0625rem;line-height:1.85}
footer{background:#fafbf7;border-top:1px solid #a5b6ab;padding-block:30px}
.citation-preview{position:fixed;z-index:45;max-width:360px;width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow:auto;padding:22px 24px;border:1px solid #b4c4b9;border-radius:12px;background:#fafbf7f5;box-shadow:0 12px 40px #20322b20;backdrop-filter:blur(16px);overflow-wrap:anywhere;color:var(--ink)}
.citation-preview[hidden]{display:none}
.citation-preview .peek-author{display:block;font:.75rem/1.6 var(--folio-mono);color:#506158;margin-bottom:9px}
.citation-preview .peek-title{display:block;font:400 1.5rem/1.12 var(--folio-serif);margin-bottom:12px}
.citation-preview .peek-kind{display:block;font:.75rem/1.7 var(--folio-mono);color:#506158;margin-bottom:12px}
.citation-preview .peek-note{display:block;font:.875rem/1.65 'DM Sans',sans-serif}
/* The explorer reads as an instrument inside the publication. */
#atlas{padding-block:var(--chapter-space);--atlas-border:#aabdb6}
.atlas-frame{border-radius:22px;border-color:#aabdb6;box-shadow:0 14px 50px #20322b09;background:#fafbf7}
.atlas-toolbar{padding:22px 26px;background:#fafbf7;border-bottom-color:#aabdb6}
.atlas-lenses{gap:5px}
.atlas-lenses button{border-radius:8px;background:transparent;border-color:transparent;padding:11px 17px;min-height:46px}
.atlas-lenses button[aria-pressed=true]{background:#e8edbc;border-color:#afbe82}
.atlas-stage{background:radial-gradient(ellipse at 45% 42%,#e0ece6,transparent 65%),#f1f5ef}
.atlas-canvas-wrap{background-image:linear-gradient(#72867a0b 1px,transparent 1px),linear-gradient(90deg,#72867a0b 1px,transparent 1px);background-size:25% 25%}
.atlas-compass{font-size:.75rem;padding:24px 26px 0}
.atlas-navigation{padding-inline:26px}
.atlas-globe-tools button{border-radius:8px;border-color:#aabdb6;background:#fafbf7}
.atlas-stage-footer{padding-inline:26px}
.atlas-desk{padding:30px 27px;background:#fafbf7;border-color:#aabdb6}
.atlas-desk label{font-family:var(--folio-mono);font-size:.75rem;line-height:1.7;margin-bottom:9px}
.atlas-desk select,.atlas-desk input[type=search]{border-radius:6px;background:#f7f9f2;border-color:#aabdb6;min-height:48px}
.atlas-desk h3{font-size:2.7rem;line-height:1.06;letter-spacing:-.025em}
.atlas-metrics{gap:20px}
.atlas-metric span{font-size:2.7rem;line-height:1.1;color:#2b4c38}
.atlas-metric small{font-size:.75rem;line-height:1.55}
.atlas-context{border-radius:10px;background:#edf2e2;border-color:#bac9a9;padding:20px}
.atlas-context h4{font-family:var(--folio-mono);font-size:.75rem;line-height:1.7}
.atlas-compare-action{border-radius:8px!important;background:#e6eddf!important;border-color:#a6b999!important;min-height:48px!important}
.atlas-caption{font-size:.8125rem;line-height:1.8;margin-top:22px;max-width:103ch}
.atlas-comparison{border-radius:10px}
.atlas-comparison h3{font-size:2rem}
.atlas details{margin-top:25px}
@media(min-width:1000px){.section-title{top:calc(var(--nav-offset,110px) + 12px)}}
@media(max-width:1000px){.inquiry{gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.section-title h2{font-size:3rem}.section-title{padding-right:0}}
@media(max-width:760px){
 :root{--chapter-space:64px}
 .hero{padding-inline:6%;padding-top:max(130px,calc(var(--nav-offset,110px) + 28px))}
 .hero h1{font-size:clamp(3.1rem,13vw,5.7rem);line-height:1.05;margin-bottom:36px;max-width:650px}
 .hero>.eyebrow{margin-bottom:28px;gap:18px;font-size:.75rem}
 .hero>.eyebrow::after{width:40px}
 .hero-intro,.inquiry{grid-template-columns:1fr;gap:26px}
 .hero-intro{gap:21px}
 .studio-name{font-size:2rem}
 .hero-intro p{font-size:1.125rem;line-height:1.65;max-width:40ch}
 .intro-audio{margin-top:28px}
 .hero-bottom{margin-top:34px;padding-top:23px;padding-bottom:38px}
 .section-title .eyebrow,.sectionhead .eyebrow{margin-bottom:22px;font-size:.75rem}
 .section-title h2,.sectionhead h2,.atlas h2{font-size:clamp(2.7rem,10vw,3.8rem);line-height:1.08;max-width:23ch}
 .section-title h2 br{display:none}
 .section-title h2 em{display:block}
 .section-body{max-width:none}
 .action-list{margin-block:30px}
 .action-list article{padding-left:28px}
 .action-list article::before{font-size:.75rem;top:30px}
 .action-list h3{font-size:1.75rem}
 .position-note{padding:24px 20px;margin-top:30px}
 .day-note{padding:25px 22px}
 .sectionhead{gap:24px;margin-bottom:30px}
 .bibliography{grid-template-columns:1fr}
 .bibliography li{gap:12px;grid-template-columns:25px minmax(0,1fr);padding-right:0}
 .bibliography a{font-size:1.5rem}
 .closing h2{font-size:clamp(3.2rem,12vw,4.5rem);line-height:1.08;max-width:18ch}
 .closing p{font-size:1rem}
 .atlas-frame{border-radius:16px}
 .atlas-toolbar{padding:18px}
 .atlas-lenses button{padding:10px 5px;min-height:48px;font-size:.8125rem;border-radius:7px}
 .atlas-date{font-size:.75rem}
 .atlas-compass{padding:21px 18px 0}
 .atlas-navigation,.atlas-stage-footer{padding-inline:18px}
 .atlas-desk{padding:27px 18px}
 .atlas-desk h3{font-size:2.4rem}
 .atlas-metric span{font-size:2.5rem}
}
@media(max-width:540px){
 body{font-size:1rem}
 .floating-header{top:10px;max-width:calc(100% - 24px)}
 .nav-pill{padding:12px;gap:4px}
 .nav-pill a{padding:10px 13px;min-height:48px;font-size:.875rem}
 .project-status{font-size:.75rem;letter-spacing:.015em}
 .principles,.tensions{grid-template-columns:1fr;gap:24px}
 .principles{gap:0}
 .principles li{padding-bottom:28px}
 .principles li:last-child{padding-bottom:0}
 .tensions h3,.principles h3{font-size:1.8rem}
 .source-kind{font-size:.75rem}
}
@media(max-width:360px){.nav-pill a{padding-inline:9px;font-size:.8125rem}.nav-pill{gap:3px}.hero h1{font-size:2.85rem}.hero>.eyebrow::after{display:none}.project-status{font-size:.75rem;letter-spacing:0}.section-title h2,.sectionhead h2,.atlas h2{font-size:2.65rem}}
@media(prefers-reduced-motion:no-preference){.citation-preview{animation:peek-arrive .16s ease-out both}@keyframes peek-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
@media print{
 body{font-size:11pt;line-height:1.5;background:white;color:#17231c}
 .hero,.section,#atlas,footer{background:white;color:#17231c}
 h1,h2,h3{font-family:var(--folio-serif)}
 .hero h1{font-size:36pt}.section-title h2,.sectionhead h2,.atlas h2,.closing h2{font-size:26pt}
 .hero::after,.citation-preview,.action-list article::before{display:none}
 .action-list article{padding-left:0}
 .section,#atlas{padding:22px 0}.section-title{position:static;padding:0}.section-body{max-width:none}
 .position-note,.day-note{background:white}.bibliography a{font-size:15pt}.source-kind{font-size:9pt}
}

.project-status .author-link{display:inline;min-height:0;font:inherit;letter-spacing:inherit}
.project-status .author-link:hover,.project-status .author-link:focus-visible{text-decoration:underline}

/* Linked studio mentions: readable green, with the cover wordmark in black. */
a.brand-link,a.brand-link:visited,a.brand-link:hover,a.brand-link:active{color:#46713f;font-weight:700;text-decoration:none;border:0;box-shadow:none;background:none}
a.brand-link .brand-word{color:inherit}
a.brand-link-cover,a.brand-link-cover:visited,a.brand-link-cover:hover,a.brand-link-cover:active{color:#000}
a.brand-link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}

@font-face {font-family:"GT America";src:url("assets/fonts/gt-america-standard-light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap;}
.equilibri-credit {display:flex;align-items:center;gap:18px;color:#4c687c;text-decoration:none;max-width:100%;width:fit-content;}
.equilibri-credit .logo-mark {width:58px;height:58px;flex-shrink:0;overflow:visible;}
.equilibri-credit .credit-label {margin:0;font:300 12px/1.6 "GT America","Helvetica Neue",Arial,sans-serif;letter-spacing:.012em;color:#4c687c;}
.equilibri-credit:hover .credit-label {color:#154d69;}
.equilibri-credit:focus-visible {outline:2px solid #4d83c5;outline-offset:5px;border-radius:2px;}
.equilibri-credit .logo-mark { width: 58px; height: 58px; overflow: visible; }
.equilibri-credit .logo-mark .sigil-halo, .equilibri-credit .logo-mark .sigil-orbit, .equilibri-credit .logo-mark .sigil-eye, .equilibri-credit .logo-mark .sigil-axis { fill: none; stroke: #154d69; stroke-linecap: round; }
.equilibri-credit .logo-mark .sigil-halo { stroke-width: .65; stroke-dasharray: 1 4; opacity: .5; }
.equilibri-credit .logo-mark .sigil-orbit { stroke-width: .7; opacity: .28; }
.equilibri-credit .logo-mark .sigil-eye { stroke-width: 1.35; }
.equilibri-credit .logo-mark .sigil-star { fill: rgba(125,224,213,.72); stroke: #154d69; stroke-width: .8; }
.equilibri-credit .logo-mark .sigil-core { fill: #fff; stroke: #154d69; stroke-width: .8; filter: drop-shadow(0 0 4px rgba(125,224,213,.9)); }
.equilibri-credit .logo-mark .sigil-axis { stroke-width: 1; }
.equilibri-credit .logo-mark .sigil-node { fill: #8f8bd3; stroke: #154d69; stroke-width: .6; }
.equilibri-credit .logo-mark .sigil-root { fill: #154d69; }
.equilibri-credit .logo-mark .sigil-crown { fill: #7de0d5; }
.equilibri-credit .sigil-halo,.equilibri-credit .sigil-orbit {transform-box:fill-box;transform-origin:center;}
.equilibri-credit .sigil-halo {animation:creditOrbit 24s linear infinite;}
.equilibri-credit .sigil-orbit {animation:creditOrbitBack 16s linear infinite;}
.equilibri-credit .sigil-core,.equilibri-credit .sigil-star {transform-box:fill-box;transform-origin:center;animation:creditPulse 4.2s ease-in-out infinite;}
@keyframes creditOrbit {to {transform:rotate(360deg);}}
@keyframes creditOrbitBack {to {transform:rotate(-360deg);}}
@keyframes creditPulse {0%,100% {transform:scale(.92);opacity:.72;}50% {transform:scale(1.12);opacity:1;}}
@media(prefers-reduced-motion:reduce){.equilibri-credit .logo-mark * {animation:none;}}

body {font-family:"GT America","Helvetica Neue",Arial,sans-serif;font-weight:300;}
footer.studio-footer {padding-block:20px 32px;min-height:110px;display:flex;align-items:center;border-top:0;}
@media(max-width:760px){footer.studio-footer {min-height:100px;padding-block:20px 28px;}}

/* One consistent hairline at each chapter boundary, at every viewport. */
main>section+section{border-top:1px solid var(--line)}
main>.closing{border-bottom:1px solid var(--line)}

/* Keep Earth’s controls close to the frame edge and its chapter ending compact. */
@media screen {
 #atlas{padding-bottom:40px}
}
@media screen and (min-width:761px){
 .atlas-canvas-wrap{flex:1 0 auto;max-height:none}
}
@media screen and (max-width:760px){
 #atlas{padding-bottom:32px}
}

/* Shared Trudy Hall signature, aligned at the bottom left on every screen. */
.signature-footer{box-sizing:border-box!important;position:relative;left:auto;right:auto;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-height:110px!important;padding:20px max(24px,4.5vw,env(safe-area-inset-left)) calc(32px + env(safe-area-inset-bottom,0px))!important;text-align:left!important;border:0!important;text-transform:none!important;}
.signature-footer .equilibri-credit{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important;width:fit-content!important;min-height:58px!important;text-transform:none!important;}
.signature-footer .logo-mark{width:58px!important;height:58px!important;flex:0 0 58px!important;}
.signature-footer .credit-label{font:300 12px/1.6 "GT America","Helvetica Neue",Arial,sans-serif!important;letter-spacing:.012em!important;text-transform:none!important;color:#4c687c!important;}
@media(max-width:760px){.signature-footer{min-height:100px!important;padding:20px max(20px,env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom,0px))!important;}}

/* Keep the chartreuse cover free of decorative vertical rules. */
.hero::before,.hero::after{content:none!important;display:none!important}.hero{background-image:none!important;border-inline:0!important}

/* Signature contents share one left-aligned baseline at every viewport. */
.signature-footer{float:none!important;align-self:stretch!important;transform:none!important}.signature-footer .equilibri-credit{float:none!important;align-self:flex-start!important;text-align:left!important}.signature-footer .studio-credit{margin:0!important;padding:0!important;display:block!important}

/* Give the closing divider and signature balanced breathing room. */
.signature-footer{width:100%!important;max-width:none!important;margin:0!important;min-height:0!important;padding-top:32px!important;padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))!important}
.signature-footer .equilibri-credit{max-width:100%!important;min-width:0;gap:18px!important}
.signature-footer .credit-label{overflow-wrap:anywhere}
@media(max-width:760px){.signature-footer{padding-top:28px!important;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}}

:root{--chapter-space:clamp(56px,6vw,88px)}
main>.closing{padding-bottom:64px}
main>.closing h2{margin-bottom:42px}
main>.closing p{margin-bottom:0}
@media(max-width:760px){:root{--chapter-space:48px}.hero-bottom{padding-bottom:28px}main>.closing{padding-bottom:48px}main>.closing h2{margin-bottom:32px}}
