@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101110;--text:#e9e8e2;--muted:#a7aaa4;--line:#333630;--accent:#c9d1b5;--body:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#c9d1b5;color:#101110}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:var(--text);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;top:0;left:0;width:100%;z-index:3}.wordmark{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.11em;display:flex;align-items:center;gap:17px}.mark{width:24px;display:grid;justify-items:center;gap:5px}.mark i{height:2px;background:currentColor;width:24px}.mark i:nth-child(2){width:17px}.mark i:nth-child(3){width:9px}.header-link{font-size:14px}.nav-number{font-family:monospace;font-size:12px;margin-left:22px;color:var(--muted)}.hero{min-height:800px;height:100svh;max-height:1200px;position:relative;display:flex;align-items:center;overflow:hidden;background:#080b0c}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.55),transparent 85%),linear-gradient(0deg,#101110,transparent 24%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:110px 8.4vw 120px}.eyebrow{font-family:var(--display);font-size:12px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin:0 0 36px}.hero .eyebrow{color:#b6beb7}.hero h1{font-family:var(--display);font-size:clamp(72px,8.3vw,144px);line-height:.98;font-weight:400;letter-spacing:-.07em;margin:0 0 38px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-description{color:#babfb8;font-size:17px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;margin-top:25px;padding-bottom:7px;border-bottom:1px solid #737b70}.link-line{width:30px;height:1px;background:currentColor;transition:width .2s}.text-link:hover .link-line{width:50px}.hero-bottom{position:absolute;bottom:33px;left:5vw;right:5vw;display:flex;justify-content:space-between;z-index:1;font-size:12px;letter-spacing:.08em;color:#a9b0a5}.manifesto-wrap{display:grid;grid-template-columns:240px minmax(0,750px);justify-content:space-between;gap:6vw;padding:115px 8.4vw 0;max-width:1580px;margin:auto}.chapter-nav{position:sticky;top:55px;align-self:start}.chapter-nav .eyebrow{margin-bottom:28px}.chapter-nav nav{display:grid;gap:4px}.chapter-nav nav a{font-size:14px;color:#989d95;padding:8px 0;transition:color .2s}.chapter-nav nav a:hover,.chapter-nav nav a[aria-current]{color:var(--text)}.chapter-nav nav span{display:inline-block;font:12px monospace;width:32px;color:#737b70}.chapter-nav nav a[aria-current] span{color:var(--accent)}.nav-note{font-size:12px;color:#7e847b;margin-top:50px;line-height:1.7}.chapter{padding-bottom:90px;margin-bottom:85px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.chapter h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,4vw,64px);line-height:1.13;letter-spacing:-.05em;margin:0 0 40px}.chapter p{max-width:640px;margin:0 0 22px;color:#b2b7ad}.chapter .eyebrow{margin-bottom:27px;font-size:12px}.chapter .statement{font-family:var(--display);font-size:clamp(26px,2.5vw,36px);line-height:1.4;letter-spacing:-.035em;color:var(--text);margin:40px 0}.litany{margin:35px 0;padding-left:24px;border-left:1px solid #65705a}.litany p{margin-bottom:12px}.chapter .last-line{color:var(--text);margin-top:32px}.chapter strong{font-weight:500;color:var(--text)}footer{border-top:1px solid var(--line);padding:38px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}footer .wordmark{font-size:13px}footer a:last-child{border-bottom:1px solid #737b70}
@media(min-width:1800px){.hero-content{padding-left:max(8.4vw,calc((100vw - 1480px)/2))}}
@media(max-width:1000px){.manifesto-wrap{grid-template-columns:190px minmax(0,1fr);padding-left:5vw;padding-right:5vw;gap:5vw}.hero{min-height:730px}.hero h1{font-size:100px}}
@media(max-width:700px){body{font-size:17px}.masthead{height:80px;padding:0 6vw}.wordmark{font-size:12px;gap:10px}.mark{transform:scale(.8)}.header-link{font-size:12px}.nav-number{display:none}.hero{height:92svh;min-height:650px;max-height:950px}.hero-content{padding:115px 7vw 120px}.hero h1{font-size:clamp(64px,15vw,100px);line-height:1.02}.hero-description{font-size:16px;max-width:300px}.desktop-break{display:none}.hero-image{background-position:62% center;opacity:.62}.hero-bottom{font-size:12px;left:7vw;right:7vw;gap:30px}.hero-bottom span:last-child{display:none}.manifesto-wrap{display:block;padding:50px 7vw 0}.chapter-nav{position:relative;top:0;margin-bottom:65px;border-bottom:1px solid var(--line);padding-bottom:28px}.chapter-nav .eyebrow{margin-bottom:15px}.chapter-nav nav{grid-template-columns:1fr 1fr;gap:2px 15px}.chapter-nav nav a{font-size:13px}.chapter-nav nav span{width:24px}.nav-note{display:none}.chapter{padding-bottom:55px;margin-bottom:55px}.chapter h2{font-size:42px}.chapter .statement{font-size:28px}footer{padding:30px 7vw;align-items:start;gap:25px;flex-wrap:wrap}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-image{background-image:url("below.png")}
.header-nav{display:flex;gap:35px;align-items:center}.chapter h2 em,.closing h2 em{font-family:Georgia,serif;font-weight:400}.chapter .uncertainty{font-family:Georgia,serif;font-style:italic;font-size:clamp(36px,4.2vw,64px);color:var(--text);line-height:1.2;margin:48px 0}.transitions{margin-top:35px}.transitions p{padding:22px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.transitions span{font-size:15px;color:var(--muted)}.transitions strong{font-family:var(--display);font-size:26px;letter-spacing:-.025em}.principle h2{font-size:clamp(42px,4.3vw,70px)}.closing{border:0;margin-bottom:0;padding:35px 0 110px}.closing h2{font-size:clamp(55px,6.7vw,102px);line-height:1.04}.closing .mark{margin-top:55px;color:var(--accent)}
.hero-links{display:flex;align-items:baseline;gap:35px}.secondary-link{font-size:14px;color:#b9bfb4}.secondary-link:hover{color:var(--text)}.work-section{padding:110px 8.4vw 120px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;max-width:1580px;margin:auto}.work-intro h2{font-family:var(--display);font-size:clamp(36px,3.6vw,57px);font-weight:400;line-height:1.15;letter-spacing:-.05em;margin:0 0 30px}.work-intro h2 em{font-family:Georgia,serif;font-weight:400}.work-intro>p:last-child{max-width:450px;color:var(--muted);font-size:17px}.project-feature{border-top:1px solid #666e5e;border-bottom:1px solid var(--line);padding:30px 0;align-self:center}.project-feature h3{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,52px);line-height:1.2;letter-spacing:-.04em;margin:35px 0 25px}.project-note{color:var(--muted);font-size:14px}.project-details{margin-top:45px;border-top:1px solid var(--line)}.project-details summary{padding:20px 0 0;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px}.project-details summary::-webkit-details-marker{display:none}.project-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.project-details summary span{font-size:22px;font-weight:400}.project-details[open] summary span{transform:rotate(45deg)}.project-details>div{padding-top:15px;font-size:16px;color:var(--muted)}.project-details .text-link{color:var(--text);margin-top:8px}.manifesto-divider{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 5vw;padding:24px 0;display:flex;justify-content:space-between;font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media(max-width:1000px){.work-section{padding-left:5vw;padding-right:5vw;gap:6vw}.work-intro h2{font-size:40px}}
@media(max-width:700px){.work-section{padding:65px 7vw;grid-template-columns:1fr;gap:35px}.project-feature h3{font-size:40px}.hero-links{gap:22px;flex-wrap:wrap}.text-link,.secondary-link{font-size:13px}.hero-links .secondary-link{padding-bottom:7px}.manifesto-divider{margin:0 7vw;gap:30px;font-size:12px}.manifesto-divider span:last-child{max-width:140px;text-align:right}}
@media(max-width:700px){.header-nav{gap:17px}.header-link{font-size:12px}.closing{padding-bottom:70px}.principle h2{font-size:42px}}
.newsletter-section{border-top:1px solid var(--line);max-width:1580px;margin:0 auto;padding:90px 8.4vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.newsletter-copy .eyebrow{margin-bottom:25px}.newsletter-copy h2{font-family:var(--display);font-size:clamp(42px,4.5vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:0 0 25px}.newsletter-copy h2 em{font-family:Georgia,serif;font-weight:400}.newsletter-copy>p:last-child{color:var(--muted);max-width:430px;font-size:17px;margin:0}.newsletter-form{position:relative}.newsletter-form>label{display:block;font-size:14px;margin-bottom:10px}.newsletter-fields{display:flex;gap:10px}.newsletter-fields input{min-width:0;flex:1;width:100%;padding:15px 16px;background:#191c18;color:var(--text);border:1px solid #737b70;border-radius:0;font:16px var(--body)}.newsletter-fields input::placeholder{color:var(--muted)}.newsletter-fields input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.newsletter-fields button{border:1px solid var(--accent);border-radius:0;background:var(--accent);color:var(--bg);font:600 14px var(--body);padding:15px 23px;cursor:pointer}.newsletter-fields button:hover{background:var(--text);border-color:var(--text)}.newsletter-note{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 10px}.newsletter-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.newsletter-fallback{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.newsletter-fallback:hover{color:var(--text)}
.newsletter-status{font-size:16px;line-height:1.5;color:var(--accent);margin:18px 0;padding-left:15px;border-left:2px solid currentColor}.newsletter-status[data-error]{color:#efb7ab}.newsletter-fields button:disabled{opacity:.65;cursor:wait}
@media(max-width:1000px){.newsletter-section{padding-left:5vw;padding-right:5vw;gap:5vw}}
@media(max-width:700px){.masthead{height:auto;min-height:100px;flex-wrap:wrap;align-content:center;gap:15px;padding-top:15px;padding-bottom:15px}.header-nav{width:100%;justify-content:space-between;gap:14px}.header-link{font-size:14px}.newsletter-section{grid-template-columns:1fr;padding:60px 7vw 65px;gap:30px}.newsletter-fields{flex-direction:column}.newsletter-fields button{min-height:50px}.newsletter-copy h2{font-size:46px}}
