:root{--ink:#373f52;--deep:#32404f;--muted:#5e636b;--line:#dce0e3;--paper:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Instrument Sans",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #58738b;outline-offset:5px}
.skip{position:fixed;z-index:100;left:24px;top:-60px;background:#fff;padding:12px 16px}.skip:focus{top:12px}
.frame{width:min(calc(100% - 128px),1800px);margin-inline:auto}.header-frame{width:min(calc(100% - 48px),1800px);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;height:64px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;background:#fff;transform:translateY(0);transition:transform .24s ease;will-change:transform}
.site-header.is-hidden{transform:translateY(-100%)}
.header-frame{display:flex;align-items:center;justify-content:space-between}.identity{font-size:15px;font-weight:600;color:var(--deep)}
nav{display:flex;gap:32px;font-size:14px;color:var(--deep)}nav a{transition:opacity .2s ease}nav a:hover{opacity:.55}
.intro{min-height:442px;padding-top:124px;display:grid;grid-template-columns:minmax(0,740px) minmax(300px,479px);justify-content:space-between;gap:48px;align-items:start}
.intro h1{font-family:"Instrument Serif",serif;font-size:72px;line-height:1.082;letter-spacing:-1.872px;font-weight:400;margin:0}.intro h1 em{font-style:italic;font-weight:400}
.current{font-size:24px;line-height:31px;margin:0}.current strong{font-weight:600}
.work{padding:24px 0 112px;border-radius:28px 28px 0 0}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading h2,.section-heading span{font-size:24px;line-height:1.2;margin:0;font-weight:500}.section-heading span{font-weight:400;color:var(--muted)}
.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:84px 48px}.project-featured{grid-column:1/-1}.project{display:flex;flex-direction:column;gap:24px;min-width:0}
.cover{display:block;width:100%;border:0;padding:0;overflow:hidden;cursor:pointer;transition:transform .3s ease;background:#f0f1f4}.cover:hover{transform:translateY(-3px)}.project-link{display:flex;flex-direction:column;gap:24px}.project-link:hover .cover{transform:translateY(-3px)}
.project-featured .cover{aspect-ratio:1312/613}.project:not(.project-featured) .cover{aspect-ratio:1/1}.cover img,.cover video{width:100%;height:100%;display:block;object-fit:cover}
.squiggly-cover{background:#fff}.squiggly-video-square{display:none!important}.forecast-cover{background:#f7f7f9}.career-cover{background:#72bee8}
.placeholder-label{display:grid;place-items:center;width:100%;height:100%;font-size:13px;color:#8b9197}.career-cover .placeholder-label{color:#fff}
.project-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px}.project-info h3,.project-title{font-family:"Instrument Serif",serif;font-size:36px;line-height:1.05;font-weight:400;margin:0;max-width:70%;min-width:0}.project-meta{font-size:16px;line-height:1.3;letter-spacing:.38px;text-transform:uppercase;text-align:right;color:var(--muted);margin:7px 0 0;white-space:nowrap;justify-self:end}.project-info p{font-size:16px;line-height:1.3;letter-spacing:.38px;text-transform:uppercase;text-align:right;color:var(--muted);margin:7px 0 0;white-space:nowrap}.project-info p span,.project-meta span{padding-inline:12px;font-size:13px}
.about{border-top:1px solid var(--line);padding:80px 0 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about h2{grid-column:1/-1;font-size:24px;font-weight:400;margin:0 0 52px}.about-statement{font-family:"Instrument Serif",serif;font-size:64.8px;line-height:1.03;letter-spacing:-1.944px;margin:0;max-width:684px}
.about-copy{align-self:end;max-width:600px}.about-copy>p{font-size:24px;line-height:1.3;color:var(--muted);margin:0 0 24px}.about-copy>a{display:inline;font-size:24px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.site-footer{padding:20px 0;border-top:1px solid #eef0f1}.footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:48px;font-size:13px}
.footer-inner>div:first-child{display:flex;gap:9px}.footer-inner strong{font-weight:500}.footer-inner>div:first-child span,.footer-inner>span{color:#7b838b}.footer-links{display:flex;gap:28px}.footer-inner>span{font-size:12px}
dialog{border:0;padding:42px;width:min(650px,calc(100% - 40px));color:var(--ink)}dialog::backdrop{background:#27374791;backdrop-filter:blur(8px)}
dialog .close{display:block;margin:0 0 42px auto;border:0;background:none;cursor:pointer}dialog h2{font-family:"Instrument Serif",serif;font-size:50px;line-height:1.02;font-weight:400;margin:18px 0 24px}
dialog>p:not(.metadata){font-size:18px;line-height:1.55}.metadata,.note{font-size:13px!important;color:var(--muted)}
@media(max-width:1660px){
  .project-info{grid-template-columns:1fr;gap:12px}.project-info h3,.project-title{max-width:none}.project-info p,.project-meta{justify-self:start;text-align:left;margin-top:0}
}
@media(max-width:1100px){
  .frame{width:calc(100% - 64px)}.intro{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);min-height:400px;padding-top:96px}
  .intro h1{font-size:clamp(52px,6vw,68px)}.current{font-size:20px;line-height:1.35}
  .project-info{grid-template-columns:1fr;gap:12px}.project-info h3,.project-title{max-width:none}.project-info p,.project-meta{justify-self:start;text-align:left;margin-top:0}.about-statement{font-size:54px}.about-copy>p{font-size:20px}
}
@media(max-width:760px){
  .frame{width:calc(100% - 40px)}.header-frame{width:calc(100% - 32px)}.site-header{height:60px}nav{gap:18px;font-size:13px}
  .intro{min-height:0;padding:72px 0 88px;grid-template-columns:1fr;gap:40px}.intro h1{font-size:clamp(46px,12vw,62px);line-height:1.02;letter-spacing:-1.2px}.current{font-size:18px;line-height:1.4}
  .work{padding:24px 0 80px}.section-heading h2,.section-heading span{font-size:18px}.projects{grid-template-columns:1fr;gap:60px}.project-featured{grid-column:auto}
  .project-featured .cover,.project:not(.project-featured) .cover{aspect-ratio:1/1}.squiggly-video-rectangle{display:none!important}.squiggly-video-square{display:block!important}.project{gap:18px}.project-link{gap:18px}.project-info{grid-template-columns:1fr;gap:12px}.project-info h3,.project-title{font-size:31px;max-width:none}.project-info p,.project-meta{font-size:13px;white-space:normal;text-align:left;justify-self:start;margin-top:0}
  .about{padding:64px 0 80px;grid-template-columns:1fr;gap:36px}.about h2{grid-column:auto;font-size:18px;margin-bottom:10px}.about-statement{font-size:46px;letter-spacing:-1.2px}.about-copy>p{font-size:18px}.about-copy>a{font-size:18px}
  .footer-inner{grid-template-columns:1fr auto;row-gap:18px}.footer-inner>span{grid-column:1/-1}
}
@media(max-width:480px){
  nav a:first-child{display:none}.identity{font-size:14px}.intro{padding-top:58px}.intro h1{font-size:44px}.project-info h3,.project-title{font-size:28px}.project-info{grid-template-columns:1fr;gap:12px}.project-meta{font-size:12px}
  .footer-inner{grid-template-columns:1fr;gap:14px}.footer-inner>div:first-child{flex-direction:column;gap:4px}.footer-links{grid-row:auto;justify-self:start}.footer-inner>span{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover,.site-header{transition:none}}
