@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500&family=Newsreader:opsz,wght@6..72,300;6..72,400&display=swap";:root{--graphite:#0b0d10;--graphite-raise:#12151a;--mineral:#eef1f4;--titanium:#98a2ad;--titanium-dim:#6b7681;--hairline:#ffffff17;--hairline-soft:#ffffff0d;--arc:#7ea6ff;--sans:"Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--serif:Newsreader, "Iowan Old Style", Georgia, serif;--gutter:clamp(20px, 5vw, 64px);--shelf:clamp(56px, 9vw, 104px);font-family:var(--sans);font-synthesis:none;color:var(--mineral);background:var(--graphite);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--graphite);min-width:320px;margin:0}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{font:inherit;color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--arc);outline-offset:4px;border-radius:2px}::selection{background:var(--arc);color:var(--graphite)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site{max-width:1100px;padding:0 var(--gutter);margin:0 auto}.out{color:inherit;background-image:linear-gradient(var(--arc), var(--arc));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .32s cubic-bezier(.22,1,.36,1),color .2s;display:inline;position:relative}.out:hover{color:var(--mineral);background-size:100% 1px}.out i{vertical-align:.18em;color:var(--titanium-dim);margin-left:.35em;font-size:.72em;font-style:normal;transition:transform .32s cubic-bezier(.22,1,.36,1),color .2s;display:inline-block}.out:hover i{color:var(--arc);transform:translate(2px,-2px)}.masthead{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:16px;padding:clamp(20px,3vw,30px) 0;display:flex}.wordmark{letter-spacing:-.012em;color:var(--mineral);font-size:.95rem;font-weight:500}.masthead nav{letter-spacing:.02em;color:var(--titanium);gap:clamp(18px,3vw,30px);font-size:.82rem;font-weight:400;display:flex}.intro{padding:clamp(56px, 11vw, 120px) 0 var(--shelf)}.intro-place{letter-spacing:.16em;text-transform:uppercase;color:var(--titanium-dim);font-size:.7rem;font-weight:500}.intro h1{letter-spacing:-.042em;color:var(--mineral);margin:clamp(20px,3.5vw,32px) 0 clamp(24px,4vw,38px);font-size:clamp(2.75rem,10.5vw,7.25rem);font-weight:300;line-height:.92}.intro-rule{background:var(--hairline);height:1px;position:relative}.intro-rule:before{content:"";background:var(--arc);width:52px;position:absolute;inset:0 auto 0 0}.intro-deck{gap:clamp(28px,4.5vw,44px);padding-top:clamp(28px,4.5vw,44px);display:grid}.intro .lede{max-width:30ch;font-family:var(--serif);letter-spacing:-.008em;color:var(--mineral);font-size:clamp(1.45rem,3.6vw,2.35rem);font-weight:300;line-height:1.26}.intro-aside p{max-width:46ch;color:var(--titanium);font-size:.98rem;font-weight:300;line-height:1.72}.intro-aside p+p{margin-top:1.15em}.band{padding:var(--shelf) 0;border-top:1px solid var(--hairline);opacity:0;gap:clamp(20px,3vw,28px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(14px)}.band[data-shown]{opacity:1;transform:none}.band-label{letter-spacing:.16em;text-transform:uppercase;color:var(--titanium-dim);font-size:.7rem;font-weight:500}.band-intro{max-width:54ch;color:var(--titanium);font-size:.98rem;font-weight:300;line-height:1.72}.band-body>*+*{margin-top:clamp(22px,3vw,30px)}.band-note,.band-body>p:not(.band-intro){max-width:54ch;color:var(--titanium);font-size:.98rem;font-weight:300;line-height:1.72}.band-note{color:var(--titanium-dim);font-size:.86rem}.work li{border-top:1px solid var(--hairline-soft);padding:clamp(20px,3vw,26px) 0}.work li:first-child{border-top:0;padding-top:0}.work-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--titanium-dim);gap:10px;font-size:.68rem;font-weight:500;display:flex}.work-meta span+span:before{content:"/";color:var(--hairline);margin-right:10px}.work h3{letter-spacing:-.018em;color:var(--mineral);margin-top:10px;font-size:clamp(1.15rem,2.4vw,1.42rem);font-weight:400;line-height:1.24}.work-why{max-width:52ch;color:var(--titanium);margin-top:8px;font-size:.92rem;font-weight:300;line-height:1.6}.ideas{gap:clamp(26px,4vw,34px);display:grid}.ideas li{border-top:1px solid var(--hairline-soft);padding-top:clamp(20px,3vw,24px)}.ideas h3{font-family:var(--serif);color:var(--mineral);font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:400;line-height:1.28}.ideas p{max-width:42ch;color:var(--titanium);margin-top:10px;font-size:.92rem;font-weight:300;line-height:1.66}.background li{border-top:1px solid var(--hairline-soft);gap:4px;padding:clamp(16px,2.4vw,20px) 0;display:grid}.background li:first-child{border-top:0;padding-top:0}.background h3{letter-spacing:-.008em;color:var(--mineral);font-size:.98rem;font-weight:500}.background p{max-width:50ch;color:var(--titanium);font-size:.92rem;font-weight:300;line-height:1.62}.footer{border-top:1px solid var(--hairline);color:var(--titanium-dim);flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding:clamp(30px,5vw,44px) 0 clamp(40px,7vw,64px);font-size:.8rem;font-weight:300;display:flex}@media (width>=720px){.band{grid-template-columns:minmax(120px,1fr) minmax(0,3.2fr);gap:clamp(28px,5vw,56px)}.band-label{align-self:start;position:sticky;top:32px}.work li{grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(24px,4vw,48px);display:grid}.work-meta{text-align:right;grid-area:1/2/span 2;justify-content:flex-end;padding-top:5px}.work h3{grid-area:1/1;margin-top:0}.work-why{grid-area:2/1}.background li{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:baseline;gap:clamp(20px,3vw,32px)}}@media (width>=900px){.intro-deck{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.intro .lede{max-width:none;padding-right:clamp(32px,4.5vw,56px)}.intro-aside{border-left:1px solid var(--hairline-soft);padding-left:clamp(32px,4.5vw,56px)}.ideas{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px)}}@media (width<=380px){.intro h1{font-size:2.6rem}.intro .lede{font-size:1.35rem}.intro-rule:before{width:40px}.masthead nav{gap:16px}}@media (prefers-reduced-motion:reduce){.band{opacity:1;transform:none}}