*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}img,svg{display:block;max-width:100%;height:auto}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}:root{--bg:#fff;--fg:#111;--muted:#8a8a86;--muted-bg:#f4f3f0;--rule:#ececea;--accent:#111;--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif;--font-serif:"Times New Roman",Georgia,serif;--page-pad:clamp(20px,4vw,48px);--ease:cubic-bezier(0.22,0.61,0.36,1)}html{color-scheme:light}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.nav{display:flex;justify-content:space-between;align-items:baseline;padding-inline:var(--page-pad);padding-block:24px;max-width:1600px;margin-inline:auto}.nav__logo{font-weight:500;letter-spacing:-.01em}.nav__links{display:flex;gap:24px}.nav a:hover{opacity:.6}.page{padding-inline:var(--page-pad);padding-block:16px 96px;max-width:1600px;margin-inline:auto}.masthead{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:baseline;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--rule)}.masthead__blurb{max-width:44ch;margin:0;font-size:15px;line-height:1.5;color:var(--muted)}.masthead__blurb strong{color:var(--fg);font-weight:500}.masthead__currently{margin:0;font-size:13px;color:var(--muted)}.masthead__currently a{color:var(--fg);border-bottom:1px solid var(--rule)}.masthead__currently a:hover{border-color:var(--fg)}@media (max-width:640px){.masthead{grid-template-columns:1fr}}.mosaic{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}@media (max-width:1100px){.mosaic{grid-template-columns:repeat(5,1fr)}}@media (max-width:720px){.mosaic{grid-template-columns:repeat(4,1fr)}}@media (max-width:420px){.mosaic{grid-template-columns:repeat(3,1fr)}}.tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--muted-bg)}.tile__image,.tile__swatch{position:absolute;inset:0;width:100%;height:100%;filter:grayscale(1) contrast(.95);transition:filter .32s var(--ease),opacity .32s var(--ease)}.tile__image{object-fit:cover}.mosaic[data-active]:not([data-active=""]) .tile__image,.mosaic[data-active]:not([data-active=""]) .tile__swatch{opacity:.35}.mosaic[data-active]:not([data-active=""]) .tile--active .tile__image,.mosaic[data-active]:not([data-active=""]) .tile--active .tile__swatch{filter:none;opacity:1}.tile:focus-visible{outline:2px solid var(--fg);outline-offset:2px;z-index:1}@media (prefers-reduced-motion:reduce){.tile__swatch{transition:none}}.index-controls{display:flex;align-items:baseline;gap:16px;margin:-8px 0 20px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.index-controls__options{display:flex;gap:4px}.index-controls__option:first-child{padding-left:0}.index-controls__option{padding:4px 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease)}.index-controls__option:hover{color:var(--fg)}.index-controls__option.is-active{color:var(--fg);border-bottom-color:var(--fg)}.index-group+.index-group{margin-top:40px}.index-group__label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:500}.index-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}.index-row{border-bottom:1px solid var(--rule)}.index-row__link{display:grid;grid-template-columns:48px 1fr 140px 80px 100px;grid-gap:16px;gap:16px;align-items:baseline;padding:18px 4px;transition:background-color .2s var(--ease)}.index-row__link:hover{background:var(--muted-bg)}.index-row__rank{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.index-row__title{font-size:18px;font-weight:500;letter-spacing:-.005em}.index-row__tag{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.index-row__year{font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.index-row__status{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:right}@media (max-width:720px){.index-row__link{grid-template-columns:32px 1fr auto;row-gap:4px}.index-row__status,.index-row__year{display:none}}.section-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--rule)}.project{max-width:1180px;margin-inline:auto}.project-header{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;align-items:end;margin-bottom:72px}@media (max-width:720px){.project-header{grid-template-columns:1fr;gap:16px}}.project-title{font-size:clamp(28px,4vw,44px);font-weight:500;margin:0;letter-spacing:-.02em}.project-meta{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.project-meta dt{display:inline;font-weight:500;margin-right:8px}.project-meta dd{display:inline;margin:0}.project-meta dl{margin:0}.flow{display:flex;flex-direction:column;gap:clamp(48px,6vw,96px)}.flow__row{margin:0}.flow__row--text{max-width:60ch;margin-inline:auto}.flow__row--text p{font-size:17px;line-height:1.65;margin:0 0 1em}.flow__row--text p:last-child{margin-bottom:0}.flow__image{display:block;margin:0 auto}.flow__image .placeholder-media,.flow__image img{display:block;width:100%;height:auto}.flow__image .placeholder-media{aspect-ratio:4/3}.flow__image--landscape{max-width:100%}.flow__image--square{max-width:720px}.flow__image--portrait{max-width:480px}.flow__image--portrait .placeholder-media{aspect-ratio:3/4}.flow__image--wide{max-width:100%}.flow__image--medium{max-width:720px}.flow__image--small{max-width:520px}.flow__image--x-small{max-width:360px}.flow__image--align-left{margin-inline:0 auto}.flow__image--align-right{margin-inline:auto 0}@media (max-width:720px){.flow__image--align-left,.flow__image--align-right{margin-inline:auto}}.flow__image figcaption{margin-top:12px;font-size:12px;color:var(--muted);letter-spacing:.02em}.flow__row--pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);align-items:center}.flow__row--pair .flow__image{max-width:100%;margin:0}.flow__row--pair .flow__image .placeholder-media,.flow__row--pair .flow__image img{width:100%}.flow__text{max-width:44ch}.flow__text p{font-size:16px;line-height:1.65;margin:0 0 1em}.flow__text p:last-child{margin-bottom:0}.flow__row--pair-reverse .flow__text{order:1}.flow__row--pair-reverse .flow__image{order:2}.flow__row--duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(24px,3vw,48px);gap:clamp(24px,3vw,48px);align-items:center}.flow__row--duo+.flow__row--duo{margin-top:calc(clamp(24px, 3vw, 48px) - clamp(48px, 6vw, 96px))}.flow__row--duo .flow__image{max-width:100%;margin:0}.flow__row--duo .flow__image .placeholder-media,.flow__row--duo .flow__image img{width:100%}.flow__row--duo-match .flow__image .placeholder-media,.flow__row--duo-match .flow__image img{aspect-ratio:3/2;object-fit:cover;height:100%}@media (max-width:720px){.flow__row--pair{grid-template-columns:1fr;gap:24px}.flow__row--pair .flow__image{max-width:420px;margin-inline:auto}.flow__row--pair-reverse .flow__image,.flow__row--pair-reverse .flow__text{order:0}.flow__row--duo{grid-template-columns:1fr;gap:24px}}.back-link{display:inline-block;margin-top:96px;font-size:13px;color:var(--muted)}.back-link:hover{color:var(--fg)}.about{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;max-width:960px}@media (max-width:720px){.about{grid-template-columns:1fr;gap:32px}}.about h1{font-size:clamp(28px,4vw,44px);font-weight:500;margin:0 0 24px;letter-spacing:-.02em}.about p{font-size:16px;line-height:1.7;margin:0 0 1em}.about__contact{font-size:14px}.about__contact li{list-style:none;margin:0 0 8px;padding:0}.about__contact ul{padding:0;margin:0}.about__contact a{border-bottom:1px solid var(--rule)}.about__contact a:hover{border-color:var(--fg)}.placeholder-media{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(45deg,var(--muted-bg),var(--muted-bg) 12px,#ecebe7 12px,#ecebe7 24px)}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}