@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
:root{--bg:#f4f3ef;--ink:#171717;--line:#cfcfc8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.45}.site-nav{position:fixed;z-index:10;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;mix-blend-mode:multiply}.logo,.site-nav a{color:inherit;text-decoration:none}.logo{font-size:12px;font-weight:600;letter-spacing:.06em}.site-nav nav{display:flex;gap:24px;font-size:12px}.intro{min-height:78vh;padding:31vh 7vw 10vh}.eyebrow,.number,.details{font-size:11px;color:#686861;letter-spacing:.02em}.intro h1{font-size:clamp(48px,11vw,170px);font-weight:500;letter-spacing:-.08em;line-height:.85;margin:28px 0}.intro p{max-width:310px}.work{padding:0 7vw}.project{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:7vw;padding:8vh 0;border-top:1px solid var(--line);align-items:start}.media{width:100%;background:#e8e7e1;overflow:hidden}.media img,.media video{display:block;width:100%;height:auto;max-height:85vh;object-fit:cover}.meta{padding-top:4px}.meta h2,.section-heading h2,.about h2{font-size:clamp(26px,3vw,48px);font-weight:400;letter-spacing:-.05em;margin:14px 0 20px}.meta p{max-width:300px}.details{margin-top:38px}.phototheque{padding:14vh 7vw 10vh}.section-heading{border-top:1px solid var(--line);padding-top:18px;margin-bottom:36px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery img{width:100%;aspect-ratio:1/1.15;object-fit:cover;background:#e8e7e1}.about,.contact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:13vh 7vw;border-top:1px solid var(--line)}.about h2,.contact h2{margin:0}.about p{max-width:420px;margin-top:0}.contact{min-height:55vh;align-items:start}.contact a{display:block;color:inherit;text-decoration:none;margin-bottom:10px}.footer{display:flex;justify-content:space-between;padding:24px 7vw;font-size:11px;color:#686861}@media(max-width:700px){.site-nav{padding:18px}.site-nav nav{gap:12px}.intro{padding:25vh 6vw 12vh}.work,.phototheque{padding-left:6vw;padding-right:6vw}.project,.about,.contact{grid-template-columns:1fr;gap:28px;padding-top:12vh}.project .meta{order:2}.gallery{grid-template-columns:repeat(2,1fr)}.about,.contact{padding-left:6vw;padding-right:6vw}.footer{padding:20px 6vw}}