:root{--paper:#e5e5e2;--ink:#383836;--muted:#60605b;--line:#c4c4bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.top{display:flex;align-items:center;justify-content:space-between;padding:23px 32px;border-bottom:1px solid var(--line);background:#f8f8f6;position:sticky;top:0;z-index:10}.home{font-size:27px;font-weight:800;letter-spacing:-2px}.top nav{display:flex;gap:30px;font-size:14px}.top nav a:hover{text-decoration:underline;text-underline-offset:5px}.languages{display:flex;gap:9px}.languages button{border:0;background:none;padding:4px 1px;font-size:14px;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.intro{padding:37px 32px 0}.intro-meta{display:flex;justify-content:space-between;align-items:flex-start;font-size:14px;line-height:1.4}.intro-meta p{margin:0}h1{font-size:clamp(40px,5.4vw,78px);font-weight:600;line-height:1.05;letter-spacing:-.055em;margin:34px 0 48px;white-space:nowrap;padding-right:.08em}.intro-bottom{display:flex;justify-content:space-between;padding:0 0 18px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.works{padding:0 32px 100px}.project{display:block;width:100%;background:none;border:0;padding:0;text-align:left}.image-wrap{position:relative;overflow:hidden;background:#999996;aspect-ratio:16/9}.image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .4s}.project:hover img{transform:scale(1.025);filter:brightness(.82)}.play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .25s}.play svg{display:block;width:26px;height:26px;fill:#e7e7e4;filter:drop-shadow(0 1px 3px #0008)}.project:hover .play,.project:focus-visible .play{opacity:1}.caption{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:14px 0 0}.title{font-size:14px;font-weight:normal;line-height:1.35}.meta{font-size:12px;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:82px;align-items:start}.grid .project{grid-column:span 6;min-width:0}.grid .project:nth-child(3){grid-column:2/span 6}.grid .project:nth-child(4){grid-column:9/span 4;margin-top:70px}.grid .project:nth-child(5){grid-column:1/span 5}.grid .project:nth-child(6){grid-column:7/span 6;margin-top:90px}.grid .project:nth-child(7){grid-column:3/span 8;margin-top:8px;margin-bottom:12px}.grid .project:nth-child(8){grid-column:1/span 6}.grid .project:nth-child(9){grid-column:8/span 5;margin-top:90px}.about{position:relative;isolation:isolate;overflow:hidden;background:#cdcdca;color:var(--ink);padding:30px 32px 90px}.about::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("assets/1060443638.jpg");background-size:cover;background-position:center 42%;filter:grayscale(1);opacity:.13;mix-blend-mode:multiply}.section-label{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:20px}.about-content{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;margin-top:70px}.about h2{font-size:clamp(30px,3.4vw,52px);font-weight:normal;line-height:1.1;letter-spacing:-.05em;margin:0}.about-side{max-width:390px;justify-self:end}.about-side p{font-size:18px;line-height:1.5;margin:0 0 38px}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:14px}.contact a:hover{text-decoration:underline;text-underline-offset:5px}footer{padding:27px 32px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{width:min(1100px,94vw);padding:20px;border:0;background:#4b4b48;color:#ededeb;max-height:94vh}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;font-size:14px}.dialog-bar button{background:none;border:0;font-size:32px;padding:0 6px}.video-wrap{aspect-ratio:16/9;background:#000}.video-wrap iframe{height:100%;width:100%;border:0}#vimeo-link{display:inline-block;margin-top:17px;font-size:14px;text-decoration:underline;text-underline-offset:4px}@media(min-width:1800px){main,.top,footer{max-width:2100px;margin:auto}}@media(min-width:701px) and (max-width:1000px){.grid{gap:55px 18px}.grid .project:nth-child(4){margin-top:35px}.grid .project:nth-child(6),.grid .project:nth-child(9){margin-top:45px}}@media(max-width:700px){.top{padding:18px 18px;flex-wrap:wrap;gap:17px}.home{font-size:24px}.top nav{gap:16px;font-size:14px;order:3;width:100%;justify-content:space-between}.intro{padding:27px 18px 0}.intro-meta{font-size:12px}h1{font-size:clamp(34px,8vw,46px);margin:28px 0 36px}.intro-bottom{font-size:12px}.works{padding:0 18px 60px}.grid{grid-template-columns:1fr;gap:34px}.grid .project:nth-child(n){grid-column:auto;margin-top:0;margin-bottom:0}.play{opacity:1}.play svg{width:24px;height:24px}.caption{padding-top:10px}.title{font-size:14px}.about{padding:24px 18px 55px}.about-content{grid-template-columns:1fr;gap:35px;margin-top:40px}.about-side{justify-self:start;max-width:100%}.about h2{font-size:38px}.about-side p{font-size:16px}footer{padding:23px 18px;flex-wrap:wrap;gap:16px}footer>span:last-child{display:none}dialog{padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-wrap img,.play{transition:none}}@media(min-width:701px){.top nav{font-size:14px}}