@import url('/fonts.css');
:root{--paper:#f1f2ed;--ink:#17201e;--blue:#2448eb;--orange:#e95332;--line:#ced1c8;--muted:#60665f;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{display:block;max-width:100%}::selection{background:var(--orange);color:white}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:15px}.header{height:86px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:25}.wordmark{font:700 31px/1 var(--display);letter-spacing:-2px;color:var(--blue)}.wordmark span{color:var(--orange);margin-left:3px}.header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:100%;height:2px;background:var(--blue);transition:right .2s}.header nav a:hover:after{right:0}.index-button{border:1px solid var(--ink);border-radius:50%;background:none;height:44px;width:44px;display:grid;place-content:center;font-size:22px}.header .location{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.meta{font:500 12px/1.6 var(--display);letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:2px;background:currentColor}.hero{padding:55px 4.5% 32px;min-height:calc(100svh - 86px);position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.hero-top .meta:last-child{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:7%;align-items:center;max-width:1550px;margin:auto}.hero h1{font:500 clamp(66px,8.55vw,142px)/.98 var(--display);letter-spacing:-.075em;margin:18px 0 30px}.hero h1 em{font:italic 1.02em/.97 Georgia,serif;letter-spacing:-.07em;color:var(--blue);display:block}.hero-intro{max-width:430px;font-size:18px;line-height:1.6;color:#48504a}.hero-intro strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;gap:24px;align-items:center;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--ink);padding:14px 21px;border-radius:0;background:transparent;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s}.button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.button.blue{background:var(--blue);color:white;border-color:var(--blue)}.button.blue:hover{background:#1832bb}.text-link{font-size:14px;border-bottom:1px solid;padding-bottom:3px}.portrait-composition{position:relative;padding:18px 0 15px 18px;max-width:450px;justify-self:end;width:100%}.portrait-composition:before{content:'';position:absolute;inset:0 18px 33px 0;background:var(--blue)}.portrait-frame{position:relative;aspect-ratio: .77;overflow:hidden;background:#bac8cb}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;transition:transform .7s}.portrait-frame:hover img{transform:scale(1.025)}.portrait-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(8,18,24,.8));color:white;padding:70px 22px 20px;font-size:12px;letter-spacing:.04em}.portrait-label span{display:block;font-size:18px;margin-top:4px;font-weight:500}.portrait-note{position:absolute;right:-22px;top:26px;writing-mode:vertical-rl;background:var(--orange);color:white;padding:15px 7px;font:500 12px var(--display);letter-spacing:.1em}.portrait-caption{position:relative;display:flex;justify-content:space-between;font-size:12px;padding-top:15px;color:var(--muted)}.hero-bottom{margin-top:35px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.ticker{background:var(--blue);color:var(--paper);overflow:hidden;padding:18px 0;display:flex;gap:45px;font:500 clamp(23px,3vw,38px)/1.2 var(--display);white-space:nowrap}.ticker div{display:flex;gap:38px;align-items:center;animation:ticker 35s linear infinite;flex-shrink:0}.ticker i{font:italic 1em Georgia,serif;color:#c8d3ff}.ticker span{opacity:.6}@keyframes ticker{to{transform:translateX(calc(-100% - 45px))}}.section-intro{padding:95px 4.5% 45px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.section-intro h2{font:500 clamp(43px,5.5vw,78px)/1.03 var(--display);letter-spacing:-.055em;margin:16px 0 0}.section-intro h2 em{font-family:Georgia,serif;font-weight:400}.section-intro p{max-width:400px;margin:0 0 3px auto;color:var(--muted)}.chapter-nav{display:flex;justify-content:space-between;gap:12px;margin:0 4.5%;padding:18px 0;border-top:1px solid var(--line);font-size:12px;letter-spacing:.02em}.chapter-nav a{display:flex;gap:8px}.chapter-nav a span{color:var(--muted)}.chapter-nav a:hover{color:var(--blue)}.chapter-stack{padding:0 2% 40px}.chapter{position:sticky;top:20px;min-height:660px;margin-bottom:24px;border-radius:4px;overflow:hidden;background:#e0e6df;border:1px solid rgba(23,32,30,.13);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -10px 30px rgba(20,30,30,.025)}.chapter-copy{padding:40px 6.5% 38px;display:flex;flex-direction:column}.chapter-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.chapter-number{font:400 34px/1 var(--display);letter-spacing:-.07em}.chapter-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;text-align:right}.chapter h3{font:500 clamp(42px,4.4vw,67px)/1.02 var(--display);letter-spacing:-.06em;margin:48px 0 22px;max-width:530px}.chapter .description{font-size:17px;max-width:430px;margin:0 0 26px}.chapter-role{font-size:12px;text-transform:uppercase;letter-spacing:.03em;opacity:.75;margin-bottom:14px}.metrics{display:flex;gap:35px;margin:auto 0 28px;padding-top:12px}.metric b{font:500 34px/1.1 var(--display);letter-spacing:-.05em;display:block}.metric span{display:block;font-size:12px;max-width:180px;margin-top:7px;line-height:1.5}.chapter-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter-bottom .button{gap:26px}.chapter .outlink{font-size:13px;text-decoration:underline;text-underline-offset:4px}.chapter-visual{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:45px;background:rgba(0,0,0,.04)}.chapter-visual .main-photo{width:100%;height:410px;object-fit:cover}.visual-caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.6;padding-top:15px}.hashi-logo{width:120px;height:auto;margin-bottom:25px}.chapter.blue{background:var(--blue);color:white}.chapter.dark{background:#182522;color:var(--paper)}.chapter.orange{background:var(--orange);color:#211a15}.chapter.white{background:#e9eafa}.chapter.blue .button,.chapter.dark .button{border-color:rgba(255,255,255,.55)}.chapter.blue .button:hover,.chapter.dark .button:hover{background:var(--paper);color:var(--ink)}.chapter.blue .chapter-visual{background:#1f3ed5}.chapter.dark .chapter-visual{background:#101c19}.chapter.orange .chapter-visual{background:rgba(100,20,0,.08)}.placeholder{min-height:300px;border:1px dashed currentColor;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;opacity:.9}.placeholder .big-type{font:500 clamp(42px,4.3vw,66px)/1 var(--display);letter-spacing:-.05em;margin:35px 0}.placeholder small{font-size:12px;line-height:1.6;max-width:300px;opacity:.85}.placeholder .placeholder-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.09em}.process-line{display:flex;gap:10px;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.25);font-size:12px;flex-wrap:wrap}.paper-artifact{background:#f5f4ed;color:var(--ink);padding:34px 32px;box-shadow:12px 15px 0 rgba(10,20,40,.10);transform:rotate(-2deg)}.paper-artifact .journal{font-size:10px;letter-spacing:.09em;border-bottom:1px solid #9daba4;padding-bottom:13px}.paper-artifact h4{font:500 30px/1.17 Georgia,serif;margin:25px 0}.paper-artifact .byline{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:22px}.paper-artifact .paper-metric{font:500 80px/1 var(--display);letter-spacing:-.07em;margin-top:30px}.paper-artifact p{font-size:13px;line-height:1.6}.paper-artifact .doi{font-size:10px;letter-spacing:.04em;margin-top:30px}.chapter-tag{position:absolute;right:0;top:28px;background:var(--ink);color:white;font-size:12px;padding:8px 15px;letter-spacing:.05em}.quote-section{padding:110px 12% 100px;background:#dce4d9}.quote-section .meta{color:var(--muted)}.quote-section p{font:400 clamp(32px,4.2vw,60px)/1.17 var(--display);letter-spacing:-.05em;max-width:1050px;margin:35px 0}.quote-section p em{font-family:Georgia,serif;color:var(--blue)}.quote-section .small{font:400 15px/1.6 var(--font);letter-spacing:0;max-width:490px;margin:0}.archive-preview{padding:75px 4.5%}.archive-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.archive-title h2{font:500 42px/1.1 var(--display);letter-spacing:-.05em;margin:0}.mini-project{display:grid;grid-template-columns:50px 1.4fr 1fr 30px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.mini-project:last-child{border-bottom:1px solid var(--line)}.mini-project .n{font-size:12px;color:var(--muted)}.mini-project h3{font:500 23px/1.3 var(--display);letter-spacing:-.03em;margin:0}.mini-project p{font-size:13px;color:var(--muted);margin:0}.mini-project:hover h3{color:var(--blue)}.mini-project .arrow{font-size:25px}.footer{background:var(--blue);color:var(--paper);padding:55px 4.5% 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer h2{font:500 clamp(52px,7.6vw,112px)/1 var(--display);letter-spacing:-.07em;margin:25px 0 40px}.footer h2 em{font-family:Georgia,serif;font-weight:400}.footer-social{display:flex;gap:24px;align-items:end;padding-bottom:48px;font-size:14px}.footer-social a{border-bottom:1px solid #94a6ff;padding-bottom:5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #607af2;padding-top:22px;font-size:12px}.motion-toggle{background:none;border:0;color:inherit;padding:0;text-decoration:underline;text-underline-offset:4px;font-size:12px}.motion-off .ticker div{animation:none}.motion-off *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-off .chapter{position:relative;top:0}dialog{border:0;background:var(--blue);color:white;padding:40px;width:min(760px,calc(100% - 32px));max-height:90svh}dialog::backdrop{background:rgba(9,17,30,.65);backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-close{border:1px solid #7189f3;background:none;border-radius:50%;width:42px;height:42px;font-size:24px}.dialog-link{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #6680f3;font:500 clamp(24px,4vw,37px)/1.1 var(--display);letter-spacing:-.045em}.dialog-link small{font:400 12px var(--font);letter-spacing:0}.dialog-footer{display:flex;gap:30px;font-size:14px;margin-top:25px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--orange);z-index:60;pointer-events:none}.case-hero{padding:45px 7% 65px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:18px;margin-bottom:45px}.case-head-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:end}.case-hero h1{font:500 clamp(50px,7vw,96px)/1.02 var(--display);letter-spacing:-.065em;margin:22px 0}.case-hero .lede{font-size:20px;max-width:750px;color:var(--muted)}.case-facts{border-left:1px solid var(--line);padding-left:30px;font-size:14px}.case-facts div{margin-bottom:20px}.case-facts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.case-cover{padding:0 7%;margin:50px 0}.case-cover img{width:100%;max-height:600px;object-fit:cover}.case-cover .caption{font-size:12px;margin-top:12px;color:var(--muted)}.case-content{display:grid;grid-template-columns:240px 1fr;gap:65px;padding:50px 7% 100px;max-width:1450px;margin:auto}.case-toc{position:sticky;top:35px;align-self:start;display:flex;flex-direction:column;gap:13px;font-size:14px}.case-toc .meta{margin-bottom:12px;color:var(--muted)}.case-toc a:hover{color:var(--blue)}.prose{max-width:760px}.prose section{margin-bottom:48px;scroll-margin-top:30px}.prose h2{font:500 34px/1.15 var(--display);letter-spacing:-.04em;margin:0 0 22px}.prose p{line-height:1.8;margin:0 0 18px}.prose li{margin:12px 0}.prose .callout{border-left:3px solid var(--blue);padding:20px 25px;background:#e3e8ed;margin:25px 0;font-size:16px}.evidence-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:15px}.evidence-link:hover{color:var(--blue)}.next-case{padding:60px 7%;background:#dce4d9;display:flex;justify-content:space-between;gap:30px;align-items:center}.next-case h2{font:500 43px/1.15 var(--display);letter-spacing:-.05em;margin:15px 0}.archive-page{padding:55px 7% 100px}.page-title{font:500 clamp(54px,8vw,110px)/1 var(--display);letter-spacing:-.07em;margin:24px 0}.page-lede{max-width:680px;font-size:19px;color:var(--muted)}.archive-group{margin-top:60px}.archive-group h2{font:500 30px var(--display);letter-spacing:-.04em}.archive-entry{border-top:1px solid var(--line)}.archive-entry:last-child{border-bottom:1px solid var(--line)}.archive-entry summary{list-style:none;display:grid;grid-template-columns:45px 1fr 180px 20px;gap:20px;align-items:center;padding:22px 0;cursor:pointer}.archive-entry summary::-webkit-details-marker{display:none}.archive-entry summary strong{font:500 22px/1.25 var(--display);letter-spacing:-.025em}.archive-entry summary .meta{font-size:11px}.archive-entry summary:after{content:'+';font-size:25px}.archive-entry[open] summary:after{content:'−'}.archive-entry .entry-body{padding:0 200px 28px 65px;max-width:1040px;color:var(--muted)}.entry-body p{margin-top:0}.entry-body a{color:var(--blue);border-bottom:1px solid}.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.recognition{border-top:1px solid var(--line);padding:25px 0}.recognition h3{font:500 24px/1.2 var(--display);letter-spacing:-.03em;margin:12px 0}.recognition p{font-size:15px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;padding:55px 7% 90px;align-items:start}.about-photo{position:sticky;top:35px}.about-photo img{max-height:690px;width:100%;object-fit:cover;object-position:50% 35%}.about-prose h1{font:500 clamp(48px,6vw,85px)/1.04 var(--display);letter-spacing:-.06em;margin:20px 0 30px}.about-prose p{font-size:18px;line-height:1.8}.about-prose h2{font:500 31px/1.2 var(--display);letter-spacing:-.04em;margin-top:45px}.about-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.about-endnote{font-size:13px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.backtop{white-space:nowrap}.mobile-only{display:none}
@media(min-width:1500px){.hero{padding-top:60px}.hero-grid{gap:10%}.portrait-composition{max-width:510px}.chapter{min-height:760px}.chapter-visual .main-photo{height:500px}.chapter h3{margin-top:70px}}
@media(max-width:1000px){.header .location{display:none}.hero-grid{gap:4%;grid-template-columns:1.2fr .8fr}.hero h1{font-size:9vw}.hero{min-height:auto}.hero-intro{font-size:16px}.portrait-note{right:-8px}.hero-bottom{margin-top:40px}.chapter{min-height:650px}.chapter-copy{padding:30px}.chapter h3{font-size:45px}.chapter-visual{padding:30px}.chapter-visual .main-photo{height:360px}.metrics{gap:22px}.metric b{font-size:30px}.chapter-bottom{align-items:start;flex-direction:column;gap:16px}.chapter-nav{flex-wrap:wrap;justify-content:start;gap:12px 26px}.case-content{grid-template-columns:180px 1fr;gap:35px}.case-head-grid{gap:30px}.footer-top{flex-direction:column;gap:0}.footer-social{padding-bottom:30px}.archive-entry .entry-body{padding-right:60px}}
@media(max-width:700px){body{font-size:16px}.header{height:72px;padding:0 6%}.wordmark{font-size:28px}.header nav{gap:20px}.header nav .desktop-nav{display:none}.index-button{height:38px;width:38px}.hero{padding:32px 6% 24px}.hero-top{margin-bottom:12px}.hero-top .meta{font-size:10px}.hero-top .meta:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(65px,15.8vw,110px);margin:20px 0 25px}.hero-intro{max-width:430px;font-size:17px}.hero-actions{margin:24px 0 10px}.portrait-composition{max-width:none;width:82%;justify-self:end;margin-top:15px;padding-left:14px}.portrait-frame{aspect-ratio:1.1}.portrait-frame img{object-position:50% 34%}.portrait-note{right:-13px}.portrait-caption{font-size:10px}.hero-bottom{margin-top:25px;font-size:10px;gap:25px}.hero-bottom span:nth-child(2){display:none}.ticker{padding:16px 0}.section-intro{padding:65px 6% 30px;grid-template-columns:1fr;gap:24px}.section-intro h2{font-size:50px}.section-intro p{margin:0;font-size:16px;max-width:360px}.chapter-nav{margin:0 6%;font-size:11px;gap:12px 18px}.chapter-stack{padding:0 3% 20px}.chapter{position:relative;top:0;grid-template-columns:1fr;min-height:0;margin-bottom:18px}.chapter-copy{padding:28px 7% 30px}.chapter-number{font-size:27px}.chapter-kicker{font-size:10px}.chapter h3{font-size:clamp(39px,10vw,58px);margin:32px 0 20px}.chapter-role{font-size:11px}.chapter .description{font-size:16px}.metrics{margin:0 0 25px;gap:30px}.metric b{font-size:32px}.chapter-bottom{flex-direction:row;align-items:center;gap:12px}.chapter-bottom .button{padding:12px 16px;font-size:12px;gap:18px}.chapter .outlink{font-size:12px}.chapter-visual{padding:28px 7%;min-height:350px}.chapter-visual .main-photo{height:280px}.hashi-logo{width:100px;margin-bottom:18px}.visual-caption{font-size:10px}.placeholder{min-height:260px;padding:24px}.placeholder .big-type{font-size:50px;margin:24px 0}.placeholder small{font-size:12px}.paper-artifact{max-width:440px;width:100%;margin:auto;padding:28px}.paper-artifact h4{font-size:28px}.paper-artifact .paper-metric{font-size:65px}.paper-artifact .doi{margin-top:20px}.quote-section{padding:65px 7%}.quote-section p{font-size:35px}.quote-section .small{font-size:15px}.archive-preview{padding:55px 6%}.archive-title{gap:20px;align-items:start}.archive-title h2{font-size:34px}.archive-title .text-link{font-size:12px;white-space:nowrap}.mini-project{grid-template-columns:25px 1fr 20px;gap:12px;padding:20px 0}.mini-project p{grid-column:2;grid-row:2;margin-top:-10px}.mini-project .arrow{grid-column:3;grid-row:1}.mini-project h3{font-size:20px}.footer{padding:40px 6% 25px}.footer h2{font-size:62px}.footer-social{gap:22px;flex-wrap:wrap}.footer-bottom{font-size:10px;gap:15px;flex-wrap:wrap}.footer-bottom .motion-toggle{font-size:11px}.case-hero{padding:30px 6% 45px}.breadcrumb{margin-bottom:30px;font-size:12px}.case-head-grid{grid-template-columns:1fr;gap:20px}.case-hero h1{font-size:56px}.case-hero .lede{font-size:18px}.case-facts{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px}.case-facts div{margin:0}.case-cover{margin:30px 0;padding:0 6%}.case-cover img{max-height:400px}.case-content{display:block;padding:25px 6% 45px}.case-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:10px 20px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px;font-size:13px}.case-toc .meta{width:100%;margin:0}.prose h2{font-size:30px}.prose p{font-size:16px;line-height:1.75}.next-case{padding:40px 6%;display:block}.next-case h2{font-size:37px}.next-case .button{margin-top:12px}.archive-page{padding:35px 6% 65px}.page-title{font-size:70px}.page-lede{font-size:17px}.archive-entry summary{grid-template-columns:25px 1fr 20px;gap:12px}.archive-entry summary strong{font-size:21px}.archive-entry summary .meta{grid-column:2;grid-row:2;margin-top:-9px}.archive-entry summary:after{grid-column:3;grid-row:1}.archive-entry .entry-body{padding:0 5px 25px 37px}.recognition-grid{grid-template-columns:1fr}.about-grid{display:flex;flex-direction:column-reverse;padding:35px 6% 60px;gap:40px}.about-photo{position:static;width:100%}.about-photo img{max-height:550px}.about-prose h1{font-size:62px}.about-prose p{font-size:17px}dialog{padding:25px}.dialog-link{padding:18px 0;font-size:27px}.dialog-link small{font-size:11px;max-width:90px;text-align:right}.mobile-only{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.chapter{position:relative;top:0}}
@media print{.header,.ticker,.chapter-nav,.chapter-visual,dialog,.footer,.reading-progress,.case-toc,.hero-actions,.index-button,.next-case{display:none!important}.chapter{position:static;display:block;break-inside:avoid;min-height:0;border:1px solid #aaa;margin:20px 0}.chapter-copy{padding:20px}.chapter h3{font-size:32px;margin:15px 0}.hero-grid,.case-head-grid,.case-content,.about-grid{display:block}.portrait-composition{width:220px}.hero h1{font-size:55px}.chapter,.chapter.blue,.chapter.dark,.chapter.orange{background:white;color:black}.chapter-bottom a{font-size:12px}body{background:white;color:black;font-size:12px}.case-content{padding:20px}.prose{max-width:none}}
/* Expanded leadership record and photographic archive */
.leadership-photo{object-position:50% 30%}.leadership-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.leadership-badges span{border:1px solid #8398f4;padding:7px 11px;font-size:12px}.pending-link{font-size:12px;max-width:130px;opacity:.8}.record-table{overflow-x:auto;margin:20px 0}.record-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.record-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.035em;background:#e1e5de}.record-table td,.record-table th{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.story-photo{margin:30px 0}.story-photo img{width:100%;height:auto;max-height:500px;object-fit:contain;background:#e3e6de}.story-photo figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.story-photo figcaption a{text-decoration:underline}.gallery-teaser{padding:60px 4.5%;display:grid;grid-template-columns:1fr 1.1fr .65fr;gap:30px;align-items:center;background:#e0e6df}.gallery-teaser h2{font:500 45px/1.1 var(--display);letter-spacing:-.05em;margin:20px 0 28px}.gallery-teaser img{width:100%;height:310px;object-fit:cover}.gallery-page{padding:55px 5% 85px}.gallery-page .page-lede{margin-bottom:55px}.gallery-grid{columns:3;column-gap:28px}.gallery-card{margin:0 0 32px;break-inside:avoid;scroll-margin-top:30px}.gallery-card>a{display:block;position:relative;overflow:hidden;background:#dce1d8}.gallery-card img{width:100%;height:auto;transition:transform .35s}.gallery-card>a:hover img{transform:scale(1.025)}.gallery-card .enlarge{position:absolute;right:13px;bottom:13px;background:var(--paper);color:var(--ink);width:34px;height:34px;display:grid;place-items:center;font-size:22px}.gallery-card figcaption{display:flex;flex-direction:column;gap:6px;padding-top:14px;font-size:14px;line-height:1.5}.gallery-card .meta{font-size:11px;color:var(--blue)}.gallery-credit{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}.gallery-card:target{outline:3px solid var(--orange);outline-offset:6px}#photo-viewer{width:min(1100px,calc(100% - 24px));max-height:96svh;background:#101c19;color:white;padding:20px}#photo-viewer [data-full-photo]{height:65svh;max-height:720px;width:100%;object-fit:contain}#photo-viewer p{font-size:14px;text-align:center;margin:14px 0;line-height:1.5}.viewer-toolbar,.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.viewer-toolbar{margin-bottom:12px}.viewer-toolbar button{background:none;border:1px solid #7c8983;color:white;border-radius:50%;height:38px;width:38px;font-size:24px}.viewer-controls button{background:none;border:1px solid #7c8983;color:white;padding:8px 14px;font-size:14px}html:has(dialog[open]){overflow:hidden}
@media(max-width:1000px){.gallery-grid{columns:2}.gallery-teaser{grid-template-columns:1fr 1fr}.gallery-teaser>a:last-child{display:none}.chapter-nav{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.header nav{gap:15px;font-size:12px}.gallery-page{padding:35px 6% 55px}.gallery-grid{columns:1}.gallery-card{margin-bottom:28px}.gallery-page .page-title{font-size:58px}.gallery-teaser{padding:45px 6%;grid-template-columns:1fr;gap:24px}.gallery-teaser img{height:auto;max-height:400px;object-fit:contain}.gallery-teaser h2{font-size:40px}.record-table{margin-left:-3px;margin-right:-3px}.record-table td,.record-table th{padding:10px 9px;font-size:12px}.leadership-badges{margin-top:18px}.leadership-badges span{font-size:11px}.pending-link{font-size:11px}#photo-viewer{padding:14px}#photo-viewer [data-full-photo]{height:60svh}.story-photo img{max-height:360px}}
/* SDG journey */
.sdg-hero{padding:50px 7% 65px}.sdg-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:8%;align-items:center;margin-top:25px}.sdg-hero h1{font:500 clamp(65px,8vw,118px)/1 var(--display);letter-spacing:-.07em;margin:10px 0 24px}.sdg-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.sdg-lede{font-size:21px;max-width:600px;margin-bottom:30px;color:var(--muted)}.sdg-hero figure{margin:0}.sdg-hero img{width:100%;height:390px;object-fit:cover}.sdg-hero figcaption{font-size:12px;margin-top:13px;color:var(--muted)}.sdg-nav{display:flex;flex-wrap:wrap;gap:18px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 7%;font-size:13px}.sdg-nav a:hover{color:var(--blue)}.sdg-story{padding:75px 7%;display:grid;grid-template-columns:1fr 1.25fr;gap:9%}.sdg-story h2{font:500 clamp(32px,3.5vw,50px)/1.1 var(--display);letter-spacing:-.05em;margin:24px 0}.sdg-prose p{font-size:17px;line-height:1.85;margin:0 0 22px}.sdg-metrics{padding:32px 7%;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;background:var(--blue);color:white}.sdg-metrics strong{display:block;font:500 52px/1 var(--display);letter-spacing:-.06em}.sdg-metrics span{display:block;font-size:12px;margin-top:12px;max-width:190px}.sdg-goals{padding-bottom:40px}.sdg-goals .section-intro{padding-left:7%;padding-right:7%;padding-top:75px}.sdg-goal-grid{margin:0 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sdg-goal{border:1px solid var(--line);border-top:7px solid var(--goal);padding:24px;transition:background .2s,transform .2s;background:#fafbf7}.sdg-goal:hover{transform:translateY(-4px);background:white}.sdg-goal-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.sdg-number{font:500 62px/1 var(--display);letter-spacing:-.07em}.sdg-goal h3{font:500 24px/1.15 var(--display);letter-spacing:-.035em;margin:25px 0 15px}.sdg-goal p{font-size:15px;line-height:1.7;margin:0;color:#50594f}.sdg-note{font-size:12px;color:var(--muted);margin:24px 7% 0;max-width:850px}.sdg-accountability{background:#dce4d9}.sdg-proof{display:flex;flex-direction:column;gap:14px;font-size:14px}.sdg-proof a{border-bottom:1px solid #9fa99d;padding-bottom:12px}.sdg-reflection{background:#172822;color:var(--paper);padding:70px 7%}.sdg-reflection blockquote{font:500 clamp(52px,7vw,95px)/1.06 var(--display);letter-spacing:-.06em;margin:30px 0 50px}.sdg-reflection blockquote em{font-family:Georgia,serif;font-weight:400;color:#c8d6b8}.sdg-reflection-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;align-items:start}.sdg-reflection-grid img{width:100%;max-height:440px;object-fit:cover}.sdg-reflection-grid p{font-size:18px;line-height:1.8;margin:0 0 24px}.sdg-reflection-grid .sdg-lesson{border-top:1px solid #637268;padding-top:22px;color:#d3e3c1}.sdg-learning{padding:65px 7%;background:#e5e8f4}.sdg-learning h2{font:500 clamp(40px,5vw,65px)/1.05 var(--display);letter-spacing:-.055em;margin:25px 0 45px}.sdg-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.sdg-learning-grid article{border-top:2px solid var(--blue);padding-top:20px}.sdg-learning h3{font:500 27px/1.15 var(--display);letter-spacing:-.035em}.sdg-learning p{font-size:16px;line-height:1.8}.sdg-end{padding:40px 7%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.dialog-footer{flex-wrap:wrap}
@media(max-width:1000px){.sdg-hero-grid{grid-template-columns:1.2fr .8fr;gap:5%}.sdg-goal-grid{grid-template-columns:repeat(2,1fr)}.sdg-learning-grid{gap:25px}.sdg-story{gap:5%}}
@media(max-width:700px){.sdg-hero{padding:35px 6%}.sdg-hero-grid{grid-template-columns:1fr;gap:32px}.sdg-hero h1{font-size:70px}.sdg-lede{font-size:18px}.sdg-hero img{height:330px;object-position:50% 35%}.sdg-nav{padding:18px 6%;gap:12px 20px;font-size:12px}.sdg-story{padding:45px 6%;grid-template-columns:1fr;gap:15px}.sdg-story h2{font-size:37px;margin:18px 0 10px}.sdg-prose p{font-size:16px}.sdg-metrics{padding:30px 6%;grid-template-columns:1fr 1fr;gap:30px 20px}.sdg-metrics strong{font-size:44px}.sdg-goals .section-intro{padding:45px 6% 30px}.sdg-goals .section-intro h2{font-size:43px}.sdg-goal-grid{margin:0 6%;grid-template-columns:1fr}.sdg-goal{padding:22px}.sdg-number{font-size:52px}.sdg-goal h3{margin-top:18px}.sdg-note{margin-left:6%;margin-right:6%}.sdg-reflection{padding:45px 6%}.sdg-reflection blockquote{font-size:56px;margin-bottom:30px}.sdg-reflection-grid{grid-template-columns:1fr;gap:28px}.sdg-reflection-grid img{max-height:340px;object-position:50% 35%}.sdg-reflection-grid p{font-size:16px}.sdg-learning{padding:45px 6%}.sdg-learning-grid{grid-template-columns:1fr}.sdg-learning h2{font-size:45px;margin-bottom:30px}.sdg-learning h3{margin-top:18px}.sdg-end{padding:30px 6%}.header nav{gap:12px}}