@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,500&display=swap";:root{--paper:#efeee8;--paper-light:#f6f5f0;--ink:#11110f;--muted:#6b6962;--line:#cac8c0;--display:"Newsreader", Georgia, "Times New Roman", serif;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:clamp(20px, 3vw, 58px)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}html.menu-open,html.menu-open body{overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0}body,a,button{color:inherit}a{text-decoration:none}img{width:100%;display:block}button{font:inherit}.site-header{z-index:30;min-height:66px;padding:18px var(--gutter) 14px;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.brand{flex-direction:column;gap:3px;line-height:1;display:inline-flex}.brand-name{letter-spacing:.04em;font-size:12px;font-weight:600}.brand-role{color:var(--muted);letter-spacing:.11em;font-size:9px}.desktop-nav{letter-spacing:.1em;gap:clamp(16px,1.8vw,30px);padding-top:1px;font-size:10px;display:flex}.desktop-nav a,.text-link,.project-open{position:relative}.desktop-nav a:after,.text-link:after,.project-open:after{content:"";background:currentColor;height:1px;transition:right .22s;position:absolute;bottom:-4px;left:0;right:100%}.desktop-nav a:hover:after,.text-link:hover:after,.project-open:hover:after{right:0}.menu-button{letter-spacing:.1em;background:0 0;border:0;padding:0;font-size:10px;display:none}.mobile-menu{z-index:100;background:var(--ink);color:var(--paper);opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:auto 1fr auto;padding:22px 20px;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0}.mobile-menu[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-top,.mobile-menu-foot{letter-spacing:.09em;justify-content:space-between;gap:16px;font-size:9px;display:flex}.mobile-menu-top button{color:inherit;letter-spacing:.09em;background:0 0;border:0;padding:0;font-size:9px}.mobile-menu nav{flex-direction:column;align-self:center;gap:14px;display:flex}.mobile-menu nav a{width:fit-content;font-family:var(--display);letter-spacing:-.03em;font-size:clamp(38px,12vw,64px);font-weight:300;line-height:.95}.hero{padding:clamp(24px,3vw,52px) 0 clamp(86px,9vw,150px)}.hero-intro{padding:0 var(--gutter) clamp(24px, 3vw, 42px);grid-template-columns:7fr 5fr;align-items:end;gap:32px;display:grid}.hero h1{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(54px,6.3vw,96px);font-weight:300;line-height:.9}.hero-role{color:var(--muted);letter-spacing:.12em;margin:12px 0 0;font-size:10px}.hero-meta{text-align:right;color:var(--muted);letter-spacing:.11em;flex-direction:column;justify-self:end;gap:6px;font-size:9px;display:flex}.hero-media{aspect-ratio:2;background:#deddd7;width:100%;margin:0;overflow:hidden}.hero-media img{object-fit:cover;object-position:center 55%;height:100%}.hero-statement{padding:20px var(--gutter) 0;justify-content:flex-end;display:flex}.hero-statement p{width:min(660px,58%);font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(24px,2.8vw,42px);font-weight:300;line-height:1}.selected-work{padding-bottom:clamp(100px,10vw,180px)}.section-label{padding:0 var(--gutter) clamp(36px, 4vw, 62px);grid-template-columns:56px 1fr;align-items:baseline;gap:16px;display:grid}.section-label span,.section-label h2{letter-spacing:.11em;margin:0;font-size:10px;font-weight:400}.projects{flex-direction:column;gap:clamp(76px,9vw,150px);display:flex}.project{padding-inline:var(--gutter)}.project-image-link{display:block}.project-figure{background:#deddd7;margin:0;overflow:hidden}.project-figure img{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.project-image-link:hover img{transform:scale(1.008)}.project-caption{grid-template-columns:42px 1fr auto;align-items:start;gap:16px;margin-top:14px;display:grid}.project-index{color:var(--muted);letter-spacing:.1em;padding-top:5px;font-size:9px}.project-caption h3{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(27px,3vw,46px);font-weight:300;line-height:.98}.project-caption p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:7px 0 0;font-size:9px}.project-open{letter-spacing:.1em;margin-top:5px;font-size:9px}.project--wide .project-figure{aspect-ratio:1.75;width:92%}.project--wide .project-caption{width:92%}.project--portrait-right{grid-template-columns:4fr 8fr;display:grid}.project--portrait-right .project-image-link,.project--portrait-right .project-caption,.project--portrait-right .project-video{grid-column:2}.project--portrait-right .project-figure{aspect-ratio:.78;width:58%;margin-left:auto}.project--portrait-right .project-caption{width:58%;margin-left:auto}.project--full{padding-inline:0}.project--full .project-figure{aspect-ratio:1.88;width:100%}.project--full .project-caption{padding-inline:var(--gutter)}.project--two-up .project-figure{aspect-ratio:1.38;width:68%}.project--two-up .project-caption{width:68%}.project--offset-left .project-figure{aspect-ratio:1.6;width:78%;margin-left:7%}.project--offset-left .project-caption{width:78%;margin-left:7%}.project--closing .project-figure{aspect-ratio:1.8;width:94%;margin-left:6%}.project--closing .project-caption{width:94%;margin-left:6%}.project-video{width:84%;margin:clamp(44px,5vw,76px) 0 0 auto}.project--with-video{padding-bottom:clamp(20px,2.5vw,42px)}.project-boundary{border-top:1px solid var(--line);margin-top:clamp(58px,6.5vw,108px)}.project--full .project-boundary{margin-inline:var(--gutter)}.video-poster{width:100%}.video-poster-button{aspect-ratio:16/9;cursor:pointer;background:#1a1a18;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-poster-button img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.video-poster-button:hover img{transform:scale(1.008)}.video-poster-shade{background:#0000001f;transition:background .25s;position:absolute;inset:0}.video-poster-button:hover .video-poster-shade{background:#0003}.video-play-mark{color:#f4f1e9;place-items:center;display:grid;position:absolute;inset:0}.video-play-mark svg{fill:none;stroke:currentColor;stroke-width:1px;width:48px;height:48px}.video-play-mark path{fill:currentColor;stroke:none}.video-caption{color:var(--muted);letter-spacing:.1em;justify-content:space-between;gap:20px;margin-top:10px;font-size:9px;display:flex}.video-frame{aspect-ratio:16/9;background:#111;border:0;width:100%;display:block}.view-all-wrap{padding:0 var(--gutter);justify-content:flex-end;margin-top:clamp(58px,7vw,110px);display:flex}.text-link{letter-spacing:.11em;font-size:10px}.about-preview{background:var(--ink);color:var(--paper);padding:clamp(70px,7vw,110px) 0 clamp(90px,9vw,145px)}.section-label--dark{padding-bottom:clamp(48px,5vw,76px)}.about-copy{padding:0 var(--gutter);grid-template-columns:3fr 7fr 2fr;gap:20px;display:grid}.about-copy>p{max-width:920px;font-family:var(--display);letter-spacing:-.035em;grid-column:2;margin:0;font-size:clamp(32px,4.2vw,66px);font-weight:300;line-height:1}.about-meta{color:#a9a79e;letter-spacing:.1em;grid-column:2;gap:28px;margin-top:28px;font-size:9px;display:flex}.commercial-anchor{height:1px;margin-top:-1px}.contact{min-height:62vh;padding:clamp(70px, 7vw, 110px) var(--gutter) 30px;background:var(--ink);color:var(--paper);border-top:1px solid #2a2a27;grid-template-rows:auto 1fr auto;display:grid}.contact-label{letter-spacing:.11em;font-size:9px}.contact-line{width:min(1060px,90%);font-family:var(--display);letter-spacing:-.045em;align-self:center;margin:clamp(54px,6vw,88px) 0;font-size:clamp(48px,6.5vw,104px);font-weight:300;line-height:.9}.contact-bottom{color:#a9a79e;letter-spacing:.1em;justify-content:space-between;gap:20px;font-size:9px;display:flex}.footer{min-height:92px;padding:24px var(--gutter);border-top:1px solid var(--line);letter-spacing:.08em;grid-template-columns:6fr 2fr 4fr;align-items:end;gap:20px;font-size:9px;display:grid}.footer div{flex-direction:column;gap:4px;display:flex}.footer strong{font-weight:600}.footer>:last-child{justify-self:end}[data-reveal]{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(8px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.not-found{min-height:100vh;padding:28px var(--gutter);flex-direction:column;justify-content:space-between;display:flex}.not-found>a{letter-spacing:.1em;font-size:12px}.not-found>div{padding-bottom:8vh}.not-found span{color:var(--muted);font-size:11px}.not-found h1{font-family:var(--display);letter-spacing:-.05em;margin:12px 0 30px;font-size:clamp(58px,10vw,170px);font-weight:300}.not-found div a{letter-spacing:.1em;font-size:11px}@media (width<=840px){:root{--gutter:18px}.site-header{min-height:62px;padding-top:18px}.desktop-nav{display:none}.menu-button{display:block}.hero{padding-top:28px;padding-bottom:76px}.hero-intro{grid-template-columns:1fr;gap:22px;padding-bottom:22px}.hero h1{font-size:clamp(44px,13.5vw,68px);line-height:.92}.hero-role{margin-top:9px;font-size:9px}.hero-meta{text-align:left;justify-self:start;gap:5px}.hero-media{aspect-ratio:4/5}.hero-media img{object-position:54% center}.hero-statement{justify-content:flex-start;padding-top:16px}.hero-statement p{width:84%;font-size:clamp(24px,7vw,34px)}.section-label{grid-template-columns:34px 1fr;padding-bottom:34px}.projects{gap:72px}.project,.project--full{padding-inline:0;display:block}.project .project-figure,.project--wide .project-figure,.project--full .project-figure,.project--offset-left .project-figure,.project--closing .project-figure{aspect-ratio:1.28;width:100%;margin:0}.project--portrait-right .project-figure{aspect-ratio:.78;width:84%;margin-left:16%}.project--two-up .project-figure{aspect-ratio:1.05;width:92%;margin:0}.project-caption,.project--wide .project-caption,.project--portrait-right .project-caption,.project--full .project-caption,.project--two-up .project-caption,.project--offset-left .project-caption,.project--closing .project-caption{grid-template-columns:26px 1fr auto;gap:10px;width:auto;margin-left:0;padding:0 18px}.project-caption h3{font-size:clamp(27px,8.4vw,39px)}.project-open{display:none}.project-video{width:100%;margin-top:34px}.project--with-video{padding-bottom:14px}.project-boundary{margin:52px 18px 0}.video-caption{padding-inline:18px}.video-play-mark svg{width:42px;height:42px}.view-all-wrap{justify-content:flex-start;padding-inline:18px}.about-copy{grid-template-columns:1fr}.about-copy>p,.about-meta{grid-column:1}.about-copy>p{font-size:clamp(31px,9vw,46px)}.about-meta{flex-direction:column;gap:7px}.contact{min-height:64vh}.contact-line{width:100%;font-size:clamp(48px,14vw,72px);line-height:.91}.contact-bottom{flex-direction:column;gap:7px}.footer{grid-template-columns:1fr;gap:14px}.footer>:last-child{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.about-read-more{color:var(--paper);margin-left:auto;position:relative}.about-read-more:after{content:"";background:currentColor;height:1px;transition:right .22s;position:absolute;bottom:-4px;left:0;right:100%}.about-read-more:hover:after{right:0}.about-page{border-top:1px solid var(--line);min-height:100vh}.about-page-kicker,.about-page-label{letter-spacing:.11em;font-size:9px}.about-page-hero{padding:clamp(48px, 6vw, 98px) var(--gutter) clamp(68px, 8vw, 122px);grid-template-columns:2fr 5fr 5fr;align-items:start;gap:24px;display:grid}.about-page-kicker{padding-top:4px}.about-page-head{flex-direction:column;gap:clamp(34px,4vw,62px);display:flex}.about-page-hero h1{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(58px,6.6vw,116px);font-weight:300;line-height:.84}.about-page-intro p{max-width:620px;font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.6vw,40px);font-weight:300;line-height:1.03}.about-page-portrait{margin:0}.about-page-portrait-media{aspect-ratio:4/5;background:#dddcd5;width:100%;overflow:hidden}.about-page-portrait-media img{object-fit:cover;object-position:center center;width:100%;height:100%}.about-page-body{padding:clamp(70px, 8vw, 125px) var(--gutter);border-top:1px solid var(--line);grid-template-columns:2fr 7fr 3fr;gap:24px;display:grid}.about-page-copy{grid-column:2;max-width:760px}.about-page-copy p{font-family:var(--display);letter-spacing:-.018em;margin:0 0 1.5em;font-size:clamp(22px,2vw,31px);font-weight:300;line-height:1.22}.about-page-copy p:last-child{margin-bottom:0}.about-page-copy em{font-style:italic}.about-page-facts{color:var(--muted);letter-spacing:.09em;flex-direction:column;grid-column:3;gap:28px;font-size:9px;display:flex}.about-page-facts div{flex-direction:column;gap:7px;display:flex}.about-fact-label{color:var(--ink)}.about-page-links{padding:clamp(48px, 5vw, 78px) var(--gutter);border-top:1px solid var(--line);grid-template-columns:2fr 5fr 2fr 3fr;align-items:baseline;gap:24px;display:grid}.about-page-links a{letter-spacing:.1em;width:fit-content;font-size:10px;position:relative}.about-page-links a:after{content:"";background:currentColor;height:1px;transition:right .22s;position:absolute;bottom:-5px;left:0;right:100%}.about-page-links a:hover:after{right:0}@media (width<=840px){.about-read-more{margin-top:8px;margin-left:0}.about-page-hero{grid-template-columns:1fr;gap:24px;padding-top:44px}.about-page-head{gap:26px}.about-page-hero h1{font-size:clamp(52px,17vw,82px);line-height:.86}.about-page-intro p{font-size:clamp(28px,8vw,38px)}.about-page-portrait{margin-top:8px}.about-page-body{grid-template-columns:1fr;gap:42px}.about-page-label,.about-page-copy,.about-page-facts{grid-column:1}.about-page-copy p{font-size:clamp(21px,6.3vw,28px)}.about-page-facts{gap:22px}.about-page-links{grid-template-columns:1fr;gap:26px}}.work-index{padding:clamp(54px, 6vw, 96px) var(--gutter) clamp(100px, 11vw, 180px);border-top:1px solid var(--line)}.work-index-head{grid-template-columns:2fr 7fr 3fr;align-items:start;gap:24px;margin-bottom:clamp(68px,8vw,126px);display:grid}.work-index-head>span{color:var(--muted);letter-spacing:.11em;padding-top:8px;font-size:9px}.work-index-head h1{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(64px,8vw,130px);font-weight:300;line-height:.84}.work-index-head p{max-width:360px;color:var(--muted);letter-spacing:.025em;margin:8px 0 0;font-size:11px;line-height:1.5}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(62px,7vw,112px) clamp(24px,3vw,52px);display:grid}.work-card-image{aspect-ratio:16/9;background:#deddd7;display:block;overflow:hidden}.work-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-card-image:hover img{transform:scale(1.008)}.work-card-caption{justify-content:space-between;align-items:start;gap:20px;margin-top:13px;display:flex}.work-card-caption h2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.2vw,38px);font-weight:300;line-height:.98}.work-card-caption p,.work-card-video-state{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:6px 0 0;font-size:8px}.work-card-video-state{flex:none;margin-top:7px}.video-poster-placeholder{cursor:default}.video-poster--placeholder .video-poster-shade{background:#00000038}.video-poster--placeholder .video-play-mark{opacity:.92}.video-pending{color:#f4f1e9;letter-spacing:.13em;font-size:8px;position:absolute;bottom:16px;left:18px}.project-page{border-top:1px solid var(--line)}.project-page-head{padding:clamp(50px, 6vw, 92px) var(--gutter) clamp(54px, 6vw, 96px);grid-template-columns:2fr 7fr 3fr;align-items:start;gap:24px;display:grid}.project-page-back{color:var(--muted);letter-spacing:.11em;padding-top:8px;font-size:9px}.project-page-head h1{max-width:1050px;font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(54px,7vw,116px);font-weight:300;line-height:.88}.project-page-head>p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:8px 0 0;font-size:9px}.project-page-media{padding:0 var(--gutter)}.project-page-media .video-poster,.project-page-media figure{width:min(1500px,100%);margin:0 auto}.project-page-media figure{aspect-ratio:16/9;overflow:hidden}.project-page-media figure img{object-fit:cover;width:100%;height:100%}.project-page-info{padding:clamp(54px, 6vw, 90px) var(--gutter);border-top:1px solid var(--line);grid-template-columns:2fr 7fr 3fr;gap:24px;margin-top:clamp(62px,7vw,112px);display:grid}.project-page-info-label{letter-spacing:.11em;font-size:9px}.project-page-info dl{grid-column:2;margin:0}.project-page-info dl>div{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:24px;padding:13px 0;display:grid}.project-page-info dl>div:first-child{border-top:0;padding-top:0}.project-page-info dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.project-page-info dd{font-family:var(--display);margin:0;font-size:clamp(21px,1.8vw,29px);line-height:1.1}.project-page-note{color:var(--muted);grid-column:3;margin:0;font-size:10px;line-height:1.5}.project-page-next{padding:clamp(52px, 6vw, 90px) var(--gutter) clamp(70px, 8vw, 120px);border-top:1px solid var(--line);justify-content:flex-end;display:flex}.project-page-next a{letter-spacing:.11em;font-size:10px}@media (width<=840px){.work-index-head,.project-page-head,.project-page-info{grid-template-columns:1fr}.work-index-head{gap:24px;margin-bottom:58px}.work-index-head h1{font-size:clamp(54px,17vw,82px)}.work-index-head p{margin-top:0}.work-grid{grid-template-columns:1fr;row-gap:56px}.work-card-caption h2{font-size:clamp(29px,8vw,38px)}.work-card-video-state{display:none}.project-page-head{gap:24px}.project-page-head h1{font-size:clamp(50px,15vw,78px)}.project-page-media{padding-inline:0}.project-page-media .video-caption{padding-inline:18px}.project-page-info dl,.project-page-note{grid-column:1}.project-page-info dl>div{grid-template-columns:110px 1fr;gap:18px}.project-page-note{margin-top:18px}}.contact-line a,.contact-bottom a{color:inherit}
