:root{--bg:#111110;--surface:#1a1a18;--text:#e9e7e1;--muted:#85847e;--line:#33332f;--accent:#c4d39b;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6.1%;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(17,17,16,.94);backdrop-filter:blur(15px);z-index:5}.wordmark{font:600 26px var(--sans);letter-spacing:-2px}.wordmark span{color:var(--accent)}.main-nav{display:flex;gap:38px;margin-left:35px}.main-nav a{font-size:12px;color:#9d9c95;transition:color .2s}.main-nav a:hover,.main-nav .active{color:var(--text)}.availability{font-size:11px;color:#aaa9a3;display:flex;align-items:center;gap:9px}.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #c4d39b7a}.menu-toggle{display:none;background:none;border:0}.intro{padding:104px 10.4% 28px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#a8a79f;display:flex;align-items:center;gap:10px}.eyebrow-line{width:25px;height:1px;background:var(--accent)}.intro-copy{display:flex;justify-content:space-between;align-items:flex-end;margin:39px 0 74px}.intro h1,.about-content h2{font-size:clamp(58px,8.3vw,112px);font-weight:400;letter-spacing:-.075em;line-height:.89;margin:0}.intro h1 em,.about-content h2 em,.footer-cta em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;color:var(--accent)}.intro-aside{width:235px;padding:0 0 8px 10px}.intro-aside p,.about-copy p{color:#9a9992;line-height:1.8;font-size:12px;margin:0 0 24px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid #55554f}.text-link span{font-size:15px;color:var(--accent)}.intro-meta{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:13px;border-top:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#797871}.intro-meta span:nth-child(2){text-align:center}.scroll-cue{text-align:right}.scroll-cue b{font-size:14px;color:var(--accent);margin-left:12px}.work-section{padding:100px 10.4% 130px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading h2{font-size:32px;font-weight:400;letter-spacing:-.06em;margin:13px 0 0}.section-heading h2 span{font-size:11px;color:var(--muted);vertical-align:top;letter-spacing:0;margin-left:5px}.filters{display:flex;gap:23px}.filter{padding:0 0 7px;border:0;border-bottom:1px solid transparent;background:none;color:#85847e;font-size:10px;cursor:pointer}.filter sup{font-size:8px;margin-left:4px}.filter.active{color:var(--text);border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 22px;align-items:start}.project{min-width:0}.project-large{grid-column:1;grid-row:span 1}.project-tall{margin-top:92px}.project-wide{grid-column:span 2}.project-open{position:relative;width:100%;padding:0;border:0;background:#21211f;display:block;overflow:hidden;text-align:left;cursor:pointer}.project-image{height:clamp(240px,34vw,510px);width:100%;background-position:center;background-size:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.78) brightness(.85)}.project-tall .project-image{height:clamp(350px,46vw,620px)}.project-wide .project-image{height:clamp(240px,35vw,465px)}.project-open:hover .project-image{transform:scale(1.025);filter:saturate(.95) brightness(.95)}.project-index{position:absolute;left:17px;top:17px;font-size:9px;letter-spacing:.1em;text-shadow:0 1px 8px #000}.project-arrow{position:absolute;right:16px;bottom:15px;font-size:17px;opacity:0;transform:translate(-4px,4px);transition:.3s}.project-open:hover .project-arrow{opacity:1;transform:none}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;border:1px solid #ffffffaa;border-radius:50%;display:grid;place-items:center;font-size:11px;padding-left:2px;background:#11111135;backdrop-filter:blur(5px)}.project-caption{display:flex;justify-content:space-between;align-items:flex-start;padding-top:13px}.project-caption h3{font-size:13px;font-weight:500;margin:0 0 5px}.project-caption p,.project-caption>span{font-size:10px;color:#818079;margin:0}.project-caption>span{padding-top:2px}.project.hidden{display:none}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 10.4% 20px}.about-content{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8%;margin:56px 0 100px}.about-content h2{font-size:clamp(52px,7vw,90px)}.about-copy{max-width:330px;padding-bottom:5px}.about-copy p{margin-bottom:16px}.about-copy .text-link{margin-top:10px}.about-bottom{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;color:#77766f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}footer{padding:83px 10.4% 0}.footer-top{padding-bottom:90px}.footer-cta{position:relative;display:inline-block;font-size:clamp(57px,8.2vw,105px);line-height:.9;letter-spacing:-.075em;margin-top:30px}.footer-cta span{font-size:22px;color:var(--accent);letter-spacing:0;vertical-align:top;margin-left:18px}.footer-bottom{border-top:1px solid var(--line);height:77px;display:flex;align-items:center;justify-content:space-between;color:#77766f;font-size:9px}.footer-bottom .wordmark{color:var(--text);font-size:23px}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a:hover{color:var(--text)}.project-modal{width:min(860px,90vw);max-height:90vh;background:#181816;color:var(--text);border:1px solid #393936;padding:0;overflow:auto}.project-modal::backdrop{background:#000c;backdrop-filter:blur(6px)}.modal-close{position:sticky;float:right;z-index:1;top:12px;margin:12px 12px -44px 0;border:0;border-radius:50%;width:32px;height:32px;background:#111a;color:white;font-size:22px;cursor:pointer}.modal-image{height:min(62vh,580px);background-size:cover;background-position:center}.modal-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 25px}.modal-caption h2{font-weight:400;font-size:22px;margin:0 0 5px;letter-spacing:-.04em}.modal-caption p,.modal-caption>span{color:var(--muted);font-size:11px;margin:0}.modal-caption>span{padding-right:40px}
@media(max-width:700px){.topbar{height:64px;padding:0 6%}.availability{display:none}.main-nav{gap:20px;margin:0}.main-nav a{font-size:11px}.intro{padding:75px 7% 22px}.intro-copy{display:block;margin:35px 0 53px}.intro h1{font-size:clamp(57px,14vw,90px)}.intro-aside{width:100%;max-width:310px;padding:30px 0 0}.intro-aside p{margin-bottom:17px}.intro-meta{grid-template-columns:1fr 1fr}.scroll-cue{display:none}.work-section{padding:75px 7% 90px}.section-heading{align-items:flex-start;display:block}.filters{margin-top:25px;gap:19px}.project-grid{gap:38px 12px}.project-tall{margin-top:48px}.project-image{height:clamp(210px,62vw,360px)}.project-tall .project-image{height:clamp(290px,80vw,450px)}.project-wide .project-image{height:clamp(220px,57vw,350px)}.project-caption h3{font-size:12px}.project-caption p,.project-caption>span{font-size:9px}.project-index{top:10px;left:10px;font-size:8px}.play-icon{width:34px;height:34px;font-size:9px}.about-section{padding:68px 7% 15px}.about-content{display:block;margin:42px 0 65px}.about-content h2{font-size:clamp(54px,12vw,80px);margin-bottom:35px}.about-copy{max-width:380px}.about-bottom{font-size:8px}.footer-top{padding-bottom:67px}footer{padding:67px 7% 0}.footer-cta{font-size:clamp(58px,13vw,86px)}.footer-bottom{height:auto;min-height:70px;gap:14px;flex-wrap:wrap;padding:15px 0}.footer-bottom>div{gap:12px}.back-top{display:none}}@media(max-width:420px){.wordmark{font-size:22px}.main-nav{gap:12px}.main-nav a{font-size:10px}.project-grid{grid-template-columns:1fr;gap:34px}.project-tall,.project-large,.project-wide{grid-column:1;margin-top:0}.project-image,.project-tall .project-image,.project-wide .project-image{height:78vw;max-height:380px}.project:nth-child(even){margin-top:0}.project-caption{padding-top:11px}.intro-meta{font-size:8px}.footer-bottom{font-size:8px}}