:root{color-scheme:dark;--paper: #101010;--ink: #f3f1eb;--muted: #b1afa9;--line: #373735;--accent: #ff6b28;--ease-out: cubic-bezier(0.23, 1, 0.32, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 "Karla",sans-serif}::selection{background:var(--accent);color:var(--paper)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:active{transform:translateY(1px)}[hidden]{display:none !important}svg{width:22px;height:22px;flex-shrink:0}.shell{width:min(1440px,100% - 112px);margin-inline:auto}.skip-link{position:fixed;top:12px;left:16px;z-index:5;padding:12px 20px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}.portfolio-header{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-bottom:1px solid var(--line);gap:32px}.brand{display:inline-flex;flex-shrink:0}.brand img{display:block;width:150px;height:56px;object-fit:contain}.portfolio-header nav{display:flex;align-items:center;gap:36px}.portfolio-header nav a{display:inline-flex;align-items:center;gap:12px;padding-block:12px}.portfolio-header [aria-current]{color:var(--accent)}.portfolio-header nav a:last-child{margin-left:24px}.portfolio-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:68px 0 58px;gap:36px}h1,h2,p{margin:0}h1,h2{font-family:"Roboto",sans-serif}h1{font-size:clamp(64px,7.2vw,96px);font-weight:500;line-height:.98;letter-spacing:-0.04em}h1>span:first-of-type{color:var(--muted)}.title-dot{display:inline-block;width:.18em;height:.18em;background:var(--accent);margin-left:.14em}.intro-copy{min-width:270px;padding:0 2px 6px 0}.intro-copy p{color:var(--muted);font-size:20px;line-height:1.5}.intro-copy a{display:inline-flex;align-items:center;gap:28px;margin-top:30px}.intro-copy svg{color:var(--accent)}.work:focus{outline:none}.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 15px;border:1px solid rgba(0,0,0,0);border-radius:30px;background:rgba(0,0,0,0);color:var(--muted);cursor:pointer;transition:background-color 180ms ease,color 180ms ease}.filters button span{font-size:11px;font-variant-numeric:tabular-nums}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.work-count{flex-shrink:0;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.project-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:52px 28px;align-items:start}.project{min-width:0}.project:nth-child(even){padding-top:80px}.project-grid.is-filtered .project{padding-top:0}.project-link{display:block}.project-image{overflow:hidden;position:relative;background:#202020}.project-image img{width:100%;height:auto;aspect-ratio:4/3;display:block;object-fit:cover;transition:transform 650ms var(--ease-out)}.project:nth-child(3) .project-image img,.project:nth-child(4) .project-image img,.project:nth-child(7) .project-image img{aspect-ratio:4/5}.project-action{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:16px;padding:12px 18px;background:var(--ink);color:var(--paper);font-size:14px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 0}.project-caption p{font-size:14px;color:var(--muted);margin-bottom:5px}.project-caption h2{font-size:clamp(23px,2.2vw,32px);font-weight:400;line-height:1.2;letter-spacing:-0.025em}.project-arrow{display:flex;color:var(--accent)}.fallback-note{margin-top:30px;color:var(--muted)}.contact-strip{margin-top:120px;padding:54px 0 64px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.contact-strip h2{font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1.05;letter-spacing:-0.035em}.contact-strip a{display:flex;align-items:center;gap:35px;padding-bottom:9px;border-bottom:1px solid var(--accent);font-size:22px}.contact-strip svg{color:var(--accent)}.portfolio-footer{border-top:1px solid var(--line);padding:42px 0 30px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-top p{color:var(--muted);max-width:300px;font-size:14px}.footer-bottom{margin-top:36px;font-size:14px;color:var(--muted)}.footer-bottom nav,.collection-links{display:flex;flex-wrap:wrap;gap:24px}.footer-bottom nav a{display:inline-flex;align-items:center;gap:8px}.footer-bottom svg{width:14px;height:14px}.collection-links{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;color:var(--muted);font-size:13px}@media(hover: hover)and (pointer: fine){.project-link:hover img{transform:scale(1.035)}.project-link:hover h2{color:var(--accent)}.filters button:hover:not([aria-pressed=true]){background:#292928;color:var(--ink)}.portfolio-header a:hover,.intro-copy a:hover,.portfolio-footer a:hover{color:var(--accent)}.project-action{opacity:0;transform:translateY(8px);transition:opacity 200ms ease,transform 200ms var(--ease-out)}.project-link:hover .project-action,.project-link:focus-visible .project-action{opacity:1;transform:none}}@media(prefers-reduced-motion: no-preference){.portfolio-intro h1{animation:intro-arrive 700ms var(--ease-out) both}.project-grid{animation:art-arrive 800ms 70ms var(--ease-out) both}}@keyframes intro-arrive{from{transform:translateY(20px);opacity:.3}to{transform:none;opacity:1}}@keyframes art-arrive{from{transform:translateY(35px);opacity:.35}to{transform:none;opacity:1}}@media(max-width: 1050px){.shell{width:calc(100% - 64px)}.portfolio-header nav{gap:22px}.portfolio-header nav a:last-child{margin-left:0}.work-toolbar{align-items:flex-start}.work-count{padding-top:13px}.filters{gap:4px}.filters button{padding-inline:12px}.footer-top{flex-wrap:wrap}}@media(max-width: 700px){.shell{width:calc(100% - 40px)}.portfolio-header{min-height:124px;padding:16px 0;flex-wrap:wrap;gap:8px}.brand img{width:125px;height:42px}.portfolio-header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.portfolio-header nav svg{width:16px}.portfolio-intro{padding:42px 0 32px;display:block}h1{font-size:clamp(58px,13vw,82px)}.intro-copy{padding:24px 0 0;min-width:0}.intro-copy p{font-size:17px}.intro-copy p br{display:none}.intro-copy a{margin-top:18px;gap:18px;font-size:14px}.work-toolbar{display:block;padding:16px 0 22px}.filters{gap:5px}.filters button{font-size:13px;padding:7px 12px;gap:7px}.work-count{font-size:12px;padding-top:14px}.project-grid{grid-template-columns:1fr;gap:32px}.project:nth-child(even){padding-top:0}.project-caption{padding-top:14px}.project-caption p{font-size:12px}.project-action{right:12px;bottom:12px;padding:9px 13px;font-size:12px}.project-action svg{width:18px}.contact-strip{margin-top:64px;padding:34px 0 40px;display:block}.contact-strip a{width:fit-content;margin-top:30px;font-size:19px;gap:24px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:22px}.footer-top>a:last-child{font-size:15px}.footer-bottom{margin-top:30px}.collection-links{gap:16px 22px}}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important}.project-image img,.project-action{transition:opacity 150ms ease;transform:none !important}}