@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap');

:root{color-scheme:dark;--bg:#151918;--surface:#1d2420;--text:#f6f3ed;--muted:#b8bfb9;--accent:#e4a382;--line:#f6f3ed29;--sans:'DM Sans',sans-serif;--serif:'Newsreader',Georgia,serif;--ease:cubic-bezier(.22,.75,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--sans)}a{color:inherit}button{font:inherit}img{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}::selection{background:var(--accent);color:var(--bg)}
.skip{position:absolute;z-index:5;top:12px;left:24px;padding:12px 18px;background:var(--accent);color:var(--bg);transform:translateY(-170%)}.skip:focus{transform:none}.site-header{max-width:1600px;margin:auto;min-height:98px;padding:24px clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:32px}.identity{display:inline-flex;align-items:center;gap:14px;font-size:17px;font-weight:600;letter-spacing:-.6px;text-decoration:none}.identity img{width:35px;height:35px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:36px;font-size:14px}.site-nav a{padding:8px 0;text-decoration:none;text-underline-offset:7px;text-decoration-thickness:1px}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current]{color:var(--accent)}.site-nav .contact-link{text-decoration:underline}.site-nav .nav-note{display:none}.menu-button{display:none}.shell{width:calc(100% - 8vw);max-width:1440px;margin-inline:auto}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:22px;padding:10px 0;font-size:14px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.text-link span{transition:transform .3s var(--ease)}.text-link:hover span{transform:translate(3px,-3px)}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;background:var(--accent);color:#172019;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .3s var(--ease),transform .3s var(--ease)}.action>span{font-size:21px;line-height:1;transition:transform .3s var(--ease)}.action:hover{background:#efb795}.action:hover>span{transform:translate(3px,-3px)}.action:active{transform:translateY(1px)}
.hero{position:relative;isolation:isolate;max-width:1552px;margin:0 auto;min-height:600px;height:clamp(600px,72svh,860px);overflow:hidden}.hero>picture{position:absolute;inset:0;z-index:-2}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.hero:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,19,13,.95),rgba(10,19,13,.35) 40%,rgba(10,19,13,.03) 78%)}.hero-copy{position:absolute;bottom:0;left:0;right:0;padding:clamp(28px,4vw,64px)}.hero h1{font:400 clamp(64px,7.6vw,116px)/.94 var(--serif);letter-spacing:-.045em;max-width:13ch;margin:20px 0 35px;text-wrap:balance}.hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.hero-project{font-size:18px;text-decoration:none}.hero-project small{display:block;font-size:12px;line-height:1.6;color:#dedfd8;margin-top:6px}.hero-project:hover{text-decoration:underline;text-underline-offset:6px}.hero .eyebrow{color:#fff4e4}.hero-project small{pointer-events:none}
.selected{padding-top:70px;padding-bottom:85px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin:0}.section-heading>p{margin:0;color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.project-card{display:block;min-width:0;text-decoration:none}.project-image{overflow:hidden;background:var(--surface);margin:0}.project-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .65s var(--ease),filter .65s var(--ease)}.project-card:hover img{transform:scale(1.025);filter:brightness(1.06)}.project-copy{padding-top:20px}.project-copy h2,.project-copy h3{font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.7px;margin:0 0 10px;text-wrap:balance}.project-type{display:block;font-size:12px;color:var(--muted);line-height:1.6}.project-action{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;padding-top:17px}.project-action>span:first-child{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.project-action .arrow{font-size:20px;color:var(--accent);transition:transform .3s var(--ease)}.project-card:hover .arrow{transform:translate(3px,-3px)}.selected-bottom{margin-top:42px;text-align:right}
.practice{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:85px;border-top:1px solid var(--line)}.practice-copy{align-self:start}.practice h2{font:400 clamp(42px,4.8vw,66px)/1.03 var(--serif);letter-spacing:-.035em;margin:18px 0 23px;max-width:14ch}.practice-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:35ch;line-height:1.7}.practice-links{display:flex;flex-direction:column}.practice-links a{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:20px;letter-spacing:-.5px}.practice-links a:first-child{border-top:1px solid var(--line)}.practice-links a>span:last-child{color:var(--accent);transition:transform .3s var(--ease)}.practice-links a:hover>span:last-child{transform:translate(3px,-3px)}.practice-links a:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}.closing{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:74px 0 85px;border-top:1px solid var(--line)}.closing h2{font:400 clamp(42px,5vw,72px)/1 var(--serif);letter-spacing:-.035em;margin:0;max-width:16ch}.closing .action{flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding:26px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:var(--muted);font-size:12px}.site-footer p{margin:0}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{text-decoration:underline;text-underline-offset:4px}
.work-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:65px 0 45px}.work-intro h1{font:400 clamp(64px,7.5vw,108px)/.95 var(--serif);letter-spacing:-.045em;margin:20px 0 0}.work-intro>p{max-width:31ch;font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 6px}.archive-nav{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--line)}.archive-nav a{font-size:13px;text-decoration:underline;text-underline-offset:6px;padding-block:5px}.work-featured{display:grid;grid-template-columns:1fr 1fr;gap:60px 32px;padding-bottom:75px}.work-featured .project-image img{aspect-ratio:16/9}.work-featured .project-copy h2{font:400 clamp(32px,3.4vw,48px)/1.03 var(--serif);letter-spacing:-.03em}.project-topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:0 0 13px;letter-spacing:.05em}.project-topline span:first-child{color:var(--accent)}.more-work{padding:50px 0 80px;border-top:1px solid var(--line)}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.compact-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line);align-items:center}.compact-card .project-image img{aspect-ratio:4/3}.compact-card .project-copy{padding:0}.compact-card .project-copy h2{font-size:23px}.compact-card .project-action{padding-top:12px}.type-image{display:grid;place-items:center;aspect-ratio:4/3;font:400 48px var(--serif);letter-spacing:-.05em;background:var(--surface);color:var(--accent)}.project-description{font-size:13px;color:var(--muted);line-height:1.5;margin:10px 0 0}.work-page .practice{padding-top:65px}.archive-count{color:var(--muted);font-size:12px}
.project-image img{height:auto}.work-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr)}.work-intro>*{min-width:0}.site-nav a{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1600px){.hero{width:calc(100% - 48px)}}
@media(max-width:1000px){.hero{margin-inline:20px}.hero h1{font-size:84px}.shell{width:calc(100% - 48px)}.site-header{padding-inline:24px}.project-grid{gap:22px}.project-copy h3{font-size:21px}.compact-card{grid-template-columns:112px minmax(0,1fr);gap:20px}.more-grid{gap:0 32px}.compact-card .project-copy h2{font-size:21px}.practice{gap:8%}}
@media(max-width:700px){.site-header{min-height:84px;padding:20px;gap:20px}.identity{font-size:16px;gap:10px}.identity img{width:29px;height:29px}.site-nav{gap:22px;font-size:13px}.shell{width:calc(100% - 40px)}.hero{margin-inline:10px;min-height:620px;height:78svh;max-height:800px}.hero img{object-position:53% 40%}.hero:after{background:linear-gradient(0deg,rgba(10,19,13,.97),rgba(10,19,13,.6) 42%,rgba(10,19,13,.02) 82%)}.hero-copy{padding:28px 22px}.hero h1{font-size:clamp(60px,11vw,82px);letter-spacing:-.045em;margin:17px 0 28px}.hero-bottom{align-items:start;flex-direction:column;gap:24px}.hero .eyebrow{font-size:10px;letter-spacing:.07em}.hero-project{font-size:17px}.hero-project small{font-size:12px}.action{padding:15px 21px}.selected{padding:45px 0 55px}.section-heading{gap:15px;align-items:start;flex-wrap:wrap;margin-bottom:25px}.section-heading h2{font-size:21px}.section-heading>p{font-size:12px}.project-grid{grid-template-columns:1fr;gap:32px}.project-grid .project-card{display:grid;grid-template-columns:43% minmax(0,1fr);gap:20px;align-items:center}.project-grid .project-image img{aspect-ratio:4/3}.project-grid .project-copy{padding:0}.project-copy h3{font-size:22px}.project-type{font-size:11px}.project-action{font-size:12px;padding-top:13px}.selected-bottom{margin-top:25px}.practice{grid-template-columns:1fr;gap:30px;padding-block:55px}.practice h2{font-size:48px;max-width:16ch}.practice-copy>p:not(.eyebrow){font-size:16px;max-width:40ch}.practice-links a{font-size:20px;padding:20px 0}.closing{padding:55px 0 60px;align-items:start;flex-direction:column;gap:28px}.closing h2{font-size:48px}.site-footer{align-items:start;flex-direction:column;gap:20px;padding-bottom:30px}.footer-links{gap:20px}.work-intro{padding:45px 0 35px;flex-direction:column;align-items:start;gap:25px}.work-intro h1{font-size:72px}.work-intro>p{font-size:16px;max-width:36ch}.archive-nav{gap:12px 22px;padding-bottom:25px}.archive-nav a{font-size:12px}.work-featured{gap:40px;grid-template-columns:1fr;padding-bottom:55px}.work-featured .project-copy h2{font-size:37px}.work-featured .project-copy{padding-top:17px}.more-work{padding:35px 0 55px}.more-grid{grid-template-columns:1fr}.compact-card{grid-template-columns:118px minmax(0,1fr);gap:22px;padding:24px 0}.compact-card .project-copy h2{font-size:24px}.project-description{font-size:12px}.archive-count{font-size:11px}}
@media(max-width:420px){.identity{font-size:15px}.site-nav{gap:18px}.site-nav .contact-link{font-size:12px}.identity img{display:none}.hero{min-height:630px}.hero h1{font-size:61px}.project-grid .project-card{grid-template-columns:40% minmax(0,1fr);gap:18px}.project-copy h3{font-size:20px}.compact-card{grid-template-columns:95px minmax(0,1fr);gap:18px}.compact-card .project-copy h2{font-size:22px}.work-intro h1{font-size:66px}}
@media(max-width:1000px){.work-intro{display:flex;flex-direction:column;align-items:start;gap:25px}.work-intro>p{max-width:48ch}}
@media(max-width:420px){.hero h1{font-size:clamp(44px,12.5vw,52px)}}
@media(max-width:700px){.work-intro h1{font-size:clamp(44px,12.5vw,72px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
