@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--paper:#fff;--ink:#161616;--muted:#626b73;--rule:#e4e7ea;--accent:#3e6487}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.skip-link{position:absolute;left:-9999px;top:10px;background:var(--ink);color:white;padding:10px;z-index:10}.skip-link:focus{left:10px}.site-header{height:82px;padding:0 clamp(24px,5vw,86px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.wordmark{font-size:25px;font-weight:700;letter-spacing:-.12em}.wordmark-dot{color:var(--accent)}nav{display:flex;gap:clamp(20px,3vw,48px);align-items:center;font-size:12px;font-weight:600;letter-spacing:.02em}nav a{border-bottom:1px solid transparent;padding:5px 0}nav a:hover,nav a[aria-current]{border-color:currentColor}.future-nav{color:#92958e;cursor:default}.intro{padding:27px clamp(24px,5vw,86px) 0;min-height:580px;display:flex;flex-direction:column}.intro-kicker,.intro-bottom,.section-index,.project-index,.project-mode,.project-facts,.work-end{font-size:11px;letter-spacing:.04em}.intro-kicker{display:flex;align-items:center;gap:9px;color:var(--muted)}.signal{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.intro-number{margin-left:auto}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:50px;flex:1;padding:20px 0 54px}.intro h1{font-size:clamp(94px,13vw,220px);font-weight:500;line-height:.79;letter-spacing:-.095em;margin:0 0 7px -13px}.title-period{color:var(--accent)}.intro-copy{max-width:550px;padding-bottom:11px}.role{font-size:clamp(15px,1.5vw,20px);font-weight:600;margin:0 0 29px}.positioning{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.2vw,48px);line-height:1.14;letter-spacing:-.035em;margin:0 0 33px}.intro-note{font-size:13px;line-height:1.6;color:var(--muted);max-width:380px;margin:0}.intro-bottom{height:54px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.intro-bottom a{color:var(--ink);font-weight:600}.intro-bottom a span{padding-left:14px;font-size:16px}.work{padding:105px clamp(24px,5vw,86px) 50px;border-top:1px solid var(--ink)}.section-heading{display:grid;grid-template-columns:21% 1fr auto;align-items:baseline;gap:20px;margin-bottom:75px}.section-index{color:var(--muted)}.section-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.2vw,50px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.project{display:grid;grid-template-columns:21% 1fr 32%;gap:20px;border-top:1px solid var(--rule);padding:29px 0 42px;min-height:390px}.project-index{display:flex;flex-direction:column;gap:15px;color:var(--muted)}.project-mode{font-weight:600;color:var(--ink)}.project-story{padding-right:30px;display:flex;flex-direction:column}.project h3{font-size:clamp(27px,2.6vw,42px);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:0 0 29px;max-width:620px}.project-question{font-family:'Playfair Display',Georgia,serif;font-size:clamp(19px,1.65vw,27px);line-height:1.32;letter-spacing:-.018em;max-width:560px;margin:0 0 40px}.project-question::before{content:'“';color:var(--accent);margin-left:-.3em}.project-question::after{content:'”';color:var(--accent)}.project-facts{margin-top:auto;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 14px}.project-facts span:not(:last-child){border-bottom:1px solid var(--rule);padding-bottom:3px}.project-image{margin:0;align-self:start;aspect-ratio:1.23;overflow:hidden;background:#e8e8e2}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project:hover .project-image img{transform:scale(1.025)}.work-end{border-top:1px solid var(--rule);text-align:right;padding-top:18px;color:var(--muted)}.work-end span{margin-left:8px}@media(max-width:1050px){.section-heading{grid-template-columns:1fr 2fr}.section-heading p{grid-column:2}.project{grid-template-columns:18% 1fr 35%}.project-story{padding-right:10px}.intro h1{font-size:clamp(90px,14vw,150px)}}@media(max-width:720px){.site-header{height:72px}nav{gap:15px;font-size:10px}.future-nav{display:none}.intro{min-height:unset;padding-top:20px}.intro-grid{display:block;padding:80px 0 90px}.intro h1{font-size:clamp(88px,22vw,155px);margin:0 0 70px -6px}.intro-copy{max-width:500px}.role{margin-bottom:22px}.positioning{font-size:clamp(31px,8vw,48px)}.intro-bottom{height:56px}.work{padding-top:65px}.section-heading{display:block;margin-bottom:50px}.section-heading h2{margin:19px 0 8px}.project{grid-template-columns:1fr;gap:0;padding:23px 0 44px}.project-index{flex-direction:row;justify-content:space-between;margin-bottom:32px}.project-story{padding-right:0}.project h3{font-size:34px;margin-bottom:25px}.project-question{font-size:23px;margin-bottom:28px}.project-facts{margin-bottom:31px}.project-image{aspect-ratio:1.34}.section-heading p{margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}}

/* Final shared visual system: one typeface on a neutral white frame. */
html body *:not(svg):not(svg *){font-family:'Geist','Helvetica Neue',Arial,sans-serif!important}
html body :is(h1,h2,h3,h4,h5,h6),
html body :is(.positioning,.question-pause,.concept-pause,.resonance-hinge,.small-pause,.archive-copy p){font-family:'Space Grotesk','Helvetica Neue',Arial,sans-serif!important;font-weight:500;letter-spacing:-.02em!important}
body{background:#fff;color:var(--ink)}
a{transition:color .18s ease,border-color .18s ease}
a:hover{color:var(--accent)}
a:focus-visible{outline-color:var(--accent)}
nav a:hover,nav a[aria-current]{color:var(--accent);border-color:var(--accent)}
.project-image{background:#f7f8f9}
.project-image>a{display:block;width:100%;height:100%}
.proposal,.divergence,.reframe,.share{background:#f7f8f9!important;box-shadow:0 0 0 var(--g,0) #f7f8f9!important}
.toolkit-grid figcaption{background:#f7f8f9!important}
.positioning,.project-question{font-weight:400}
@media(max-width:720px){.intro h1{font-size:clamp(72px,18vw,118px);margin-bottom:58px}.positioning{font-size:clamp(27px,7vw,39px)}}

/* Shared closing pause across every public page. */
site-footer{display:block;margin-top:clamp(72px,9vw,140px)}
.global-footer{border-top:1px solid var(--rule);padding:clamp(52px,7vw,94px) clamp(24px,5vw,86px) 28px}
.footer-main{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:clamp(40px,6vw,100px);min-height:190px}
.footer-identity{display:flex;flex-direction:column;gap:10px}
.footer-identity strong{font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.05}
.footer-identity span,.footer-contact>span{color:var(--muted);font-size:11px;letter-spacing:.055em;line-height:1.5;text-transform:uppercase}
.footer-navigation{align-items:flex-start;display:flex;flex-direction:column;gap:13px;font-size:14px;font-weight:500;letter-spacing:-.01em}
.footer-navigation a{border-bottom:1px solid transparent;padding:0 0 3px}
.footer-navigation a:hover{border-color:var(--accent)}
.footer-navigation a span{color:var(--accent);margin-left:6px}
.footer-contact{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.footer-contact a{border-bottom:1px solid var(--rule);font-size:14px;padding-bottom:4px}
.footer-bottom{border-top:1px solid var(--rule);color:var(--muted);font-size:10px;letter-spacing:.04em;padding-top:19px}
main>.detail-footer:last-child,main>.featured-end:last-child{margin-bottom:0}
@media(max-width:720px){site-footer{margin-top:76px}.global-footer{padding-top:52px}.footer-main{grid-template-columns:1fr;gap:42px;min-height:0;padding-bottom:70px}.footer-navigation{gap:15px}.footer-bottom{padding-top:17px}}

/* Shared image wordmark */
.wordmark{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;flex:0 0 auto;font-size:0;letter-spacing:0}
.site-logo{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:720px){.wordmark{width:40px;height:40px}}

/* Heading hierarchy uses deep greys instead of absolute black. */
html body h1{color:rgba(22,22,22,.9)}
html body h2{color:rgba(22,22,22,.8)}
html body :is(h3,h4,h5,h6){color:rgba(22,22,22,.7)}

/* A shared title scale, approximately 20% below the former Work title. */
html body :is(.archive h1,.about-header h1,.research-intro h1,.opening h1){font-size:clamp(42px,5.35vw,79px)!important;line-height:1.03!important}
@media(max-width:720px){html body :is(.archive h1,.about-header h1,.research-intro h1,.opening h1){font-size:clamp(40px,10vw,59px)!important}}