:root{--g:#172600;--c:#f5ece2;--m:#ace0cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--g);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block}.nav{position:absolute;inset:0 0 auto;z-index:20;height:88px;padding:0 clamp(24px,4.5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(23,38,0,.2)}.nav img{width:142px}.nav>span,.nav>a:last-child,.kicker,.scroll,.chapter-heading>span,figcaption,.chapter-close span{font:700 10px/1.4 "Courier New",monospace;text-transform:uppercase;letter-spacing:.12em}.nav>a:last-child{justify-self:end}.nav b{margin-left:10px;font-size:18px;font-weight:400}.hero{min-height:100svh;padding:clamp(150px,17vh,190px) clamp(24px,5vw,80px) 56px;display:grid;grid-template-columns:1.45fr .55fr;grid-template-rows:auto 1fr auto;column-gap:7vw}.hero>.kicker{grid-column:1/-1}.hero h1{align-self:center;margin:0;max-width:1150px;text-transform:uppercase;font-size:clamp(72px,10.8vw,180px);line-height:.79;letter-spacing:-.078em;font-weight:900}.hero h1 em{color:#2ab58c;font-style:normal}.intro{align-self:end;padding-bottom:6vh}.intro p:first-child{font-size:clamp(20px,2vw,31px);line-height:1.2;font-weight:700}.intro p:last-child{max-width:430px;margin-top:28px;font-size:15px;line-height:1.6;color:rgba(23,38,0,.62)}.scroll{grid-column:1/-1}.lenses{min-height:105svh;padding:clamp(100px,12vw,190px) clamp(24px,7vw,112px);display:grid;grid-template-columns:.32fr 1fr;grid-template-rows:auto 1fr auto;gap:6vw;background:var(--g);color:var(--c)}.lenses h2{grid-column:2;align-self:center;margin:0;font-size:clamp(58px,7.6vw,126px);line-height:.9;letter-spacing:-.065em;font-weight:800}.lenses>p:last-child{grid-column:2;justify-self:end;max-width:570px;font-size:clamp(18px,1.8vw,27px);line-height:1.45;color:rgba(245,236,226,.62)}.chapter{padding:0 clamp(24px,4.5vw,72px) clamp(120px,13vw,210px)}.chapter-heading{min-height:68svh;display:grid;grid-template-columns:70px 1fr minmax(250px,.38fr);gap:4vw;align-items:center}.chapter-heading>span{align-self:start;padding-top:9vh}.chapter-heading h2{margin:24px 0 0;text-transform:uppercase;font-size:clamp(62px,9.5vw,154px);line-height:.8;letter-spacing:-.075em;font-weight:900}.chapter-heading>p{max-width:430px;font-size:clamp(20px,2.1vw,32px);line-height:1.2;font-weight:700}.chapter figure{margin:0}.chapter figure img{width:100%;height:min(72vw,850px);object-fit:cover}.chapter figcaption{padding-top:14px;color:rgba(23,38,0,.58)}.thesis{padding:clamp(95px,10vw,160px) 0;display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end}.thesis h3{margin:0;max-width:980px;font-size:clamp(48px,6.5vw,106px);line-height:.9;letter-spacing:-.06em;font-weight:800}.thesis>p{margin:0;font-size:17px;line-height:1.65;color:rgba(23,38,0,.66)}.chapter-close{padding-top:38px;border-top:1px solid var(--g)}.chapter-close p{margin:0;text-transform:uppercase;font-size:clamp(54px,8vw,132px);line-height:.84;letter-spacing:-.07em;font-weight:900}.chapter-close span{display:block;margin-top:30px}.alternatives{background:#bc6cb7}.alternatives figcaption,.alternatives .thesis>p{color:rgba(23,38,0,.68)}.functional{background:var(--g);color:var(--c)}.functional figcaption,.functional .thesis>p{color:rgba(245,236,226,.62)}.functional .chapter-close{border-color:var(--c)}.question{min-height:115svh;padding:clamp(90px,10vw,160px) clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;background:var(--m)}.approaches{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:16px}.question>p{align-self:flex-end;margin:auto 0 30px;font-size:clamp(22px,2.6vw,42px);line-height:1.1;font-weight:700}.question h2{margin:0;text-transform:uppercase;font-size:clamp(78px,13.5vw,220px);line-height:.75;letter-spacing:-.08em;font-weight:900}.final{min-height:100svh;padding:70px clamp(24px,5vw,80px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(100px,15vw,220px)}.final p{margin:0;font-size:clamp(38px,5.8vw,94px);line-height:.95;letter-spacing:-.055em;font-weight:800}.final img{width:min(84vw,1050px)}@media(max-width:760px){.nav{height:72px;grid-template-columns:1fr auto}.nav>span{display:none}.nav img{width:120px}.hero{min-height:100svh;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;row-gap:40px;padding-top:120px}.hero h1{font-size:clamp(65px,20.5vw,100px)}.intro{padding-bottom:5vh}.lenses{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:60px}.lenses h2,.lenses>p:last-child{grid-column:1}.lenses h2{font-size:clamp(51px,14vw,74px)}.chapter-heading{min-height:76svh;grid-template-columns:44px 1fr;grid-template-rows:1fr auto;gap:16px}.chapter-heading>span{padding-top:12vh}.chapter-heading>div{align-self:center}.chapter-heading>p{grid-column:2;align-self:start;margin:0 0 12vh}.chapter-heading h2{font-size:clamp(56px,16vw,80px)}.chapter figure img{height:74svh}.thesis{grid-template-columns:1fr;gap:50px}.thesis h3{font-size:clamp(46px,13vw,68px)}.chapter-close p{font-size:clamp(49px,14vw,72px)}.question h2{font-size:clamp(72px,20vw,100px)}.approaches{flex-direction:column}.final{min-height:82svh}.final p{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
