*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f7f6f3;--color-surface:#efede8;--color-ink:#181714;--color-muted:#6b6763;--color-border:#dddbd6;--color-accent:#b5511f;--font-display:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-sans:"Inter", "Helvetica Neue", Arial, sans-serif;--header-h:56px;--ease-out:cubic-bezier(.22, 1, .36, 1);--u:24px}.skip-link{background:var(--color-ink);color:var(--color-bg);z-index:999;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-link:focus{top:8px}html,body{background:var(--color-bg);height:100%;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{opacity:.7}.site-wrap{max-width:1200px;margin:0 auto;position:relative}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.site-header__inner{max-width:1200px;height:var(--header-h);padding:0 var(--u);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-header--solid{background:var(--color-bg)}.site-name{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);font-size:12px;font-weight:500;text-decoration:none}.site-nav{gap:28px;display:flex}.site-nav a{color:var(--color-ink);letter-spacing:.04em;opacity:.7;font-size:12px;text-decoration:none;transition:opacity .15s}.site-nav a:hover{opacity:1}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.menu-btn span{background:var(--color-ink);width:22px;height:1px;transition:transform .2s var(--ease-out), opacity .2s;transform-origin:50%;display:block}.menu-btn--open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-btn--open span:nth-child(2){opacity:0}.menu-btn--open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=639px){.site-nav{display:none}.menu-btn{display:flex}}.mobile-menu{top:var(--header-h);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:99;flex-direction:column;gap:0;padding:16px 24px 24px;display:flex;position:sticky}.mobile-menu.hidden{display:none}.mobile-menu a{color:var(--color-ink);letter-spacing:.04em;border-bottom:1px solid var(--color-border);padding:14px 0;font-size:13px;text-decoration:none;transition:opacity .15s}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{opacity:.5}#main{min-height:calc(100vh - var(--header-h))}.grid{gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) var(--u) calc(var(--u) * 4);grid-template-columns:1fr;grid-auto-flow:dense;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-bg);cursor:pointer}.card__media{aspect-ratio:16/9;background:var(--color-surface);width:100%;position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);display:block}.card:hover .card__media img{transform:scale(1.04)}.card__video-wrap{z-index:1;pointer-events:none;position:absolute;inset:0}.card__video-wrap iframe{object-fit:cover;width:100%;height:100%}.card__hover{z-index:2;opacity:0;transition:opacity .3s var(--ease-out);background:#181714d1;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.card:hover .card__hover{opacity:1}.card__client{color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;display:block}.card__title{font-family:var(--font-sans);letter-spacing:.01em;color:#fff;font-size:16px;font-weight:400;line-height:1.25;display:block}.card__descriptor{color:#ffffff80;margin-top:4px;font-size:11px;line-height:1.4;display:block}.card__caption{display:none}.overlay{z-index:200;opacity:1;background:#18171499;justify-content:center;align-items:flex-start;padding:0;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.overlay{padding:48px 24px 80px}}.overlay.hidden{display:none}.overlay.fade-in{opacity:0}.overlay-inner{background:var(--color-bg);width:100%;max-width:1060px;transition:transform .3s;position:relative;transform:translateY(0)}.overlay.fade-in .overlay-inner{transform:translateY(16px)}.overlay-close{background:var(--color-bg);border:none;border-bottom:1px solid var(--color-border);width:100%;font-size:13px;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--color-muted);z-index:1;justify-content:flex-end;align-items:center;padding:12px 16px;font-weight:500;transition:color .15s;display:flex;position:sticky;top:0;right:0}.overlay-close:hover{color:var(--color-ink)}.close-label{margin-right:6px}@media (width>=640px){.overlay-close{letter-spacing:0;text-transform:none;background:0 0;border-bottom:none;width:auto;padding:0;font-size:16px;position:absolute;top:18px;right:18px}.close-label{display:none}}.overlay-hero{aspect-ratio:16/9;background:var(--color-surface);width:100%;position:relative;overflow:hidden}.overlay-hero img,.overlay-hero iframe{object-fit:cover;width:100%;height:100%;display:block}.gallery{background:#1a1a1a;width:100%;height:100%;position:relative}.gallery .gallery-slide{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1.5s;position:absolute;inset:0}.gallery .gallery-slide--active{opacity:1}.gallery-prev,.gallery-next{color:#ffffffb3;cursor:pointer;z-index:2;opacity:0;background:#0000004d;border:none;border-radius:2px;padding:6px 10px;font-size:1.25rem;line-height:1;transition:opacity .3s,background .2s;position:absolute;top:50%;transform:translateY(-50%)}.gallery:hover .gallery-prev,.gallery:hover .gallery-next{opacity:1}.gallery-prev:hover,.gallery-next:hover{color:#fff;background:#0009}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-dots{display:none}.overlay-body{padding:24px 20px 40px}@media (width>=640px){.overlay-body{padding:36px 48px 56px}}.overlay-meta{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:6px 24px;margin-bottom:20px;font-size:10px;display:flex}.overlay-body h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);margin-bottom:20px;font-size:clamp(22px,5vw,36px);font-weight:300;line-height:1.1}.overlay-body>p{color:var(--color-muted);font-size:15px;line-height:1.75}.case-section{margin-top:32px}.case-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:10px;font-size:10px;font-weight:500}.case-section p{color:var(--color-ink);font-size:15px;line-height:1.8}.project-link{color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--color-accent);align-items:center;gap:6px;margin-top:28px;padding-bottom:2px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.project-link:hover{opacity:.7}.tags{flex-wrap:wrap;gap:6px;margin-top:28px;display:flex}.tag{border:1px solid var(--color-border);color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;background:var(--color-surface);padding:4px 10px;font-size:10px;font-weight:500}.about{max-width:1060px;margin:0 auto;padding:80px 48px 120px}.about h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin-bottom:40px;font-size:48px;font-weight:300;line-height:1.1}.about p{color:var(--color-muted);margin-bottom:22px;font-size:15px;line-height:1.85}.about p em{color:var(--color-ink);font-style:normal}.about-carousel{aspect-ratio:16/9;background:#1a1a1a;border-radius:4px;width:calc(100% + 120px);margin-top:32px;margin-bottom:32px;margin-left:-60px;position:relative;overflow:hidden}@media (width<=768px){.about-carousel{width:100%;margin-left:0}}.about-carousel-track{width:100%;height:100%;position:relative}.about-carousel-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}.about-carousel-slide--active{opacity:1}.about-carousel-slide--letterbox{object-fit:contain}.about-links{gap:24px;margin-top:40px;display:flex}.about-links a{color:var(--color-ink);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--color-ink);padding-bottom:2px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .15s}.about-links a:hover{opacity:.5}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);letter-spacing:.04em;font-size:11px}.site-footer__inner{max-width:1200px;padding:var(--u);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-footer__links{gap:24px;display:flex}.site-footer__links a{color:var(--color-muted);text-decoration:none;transition:opacity .15s}.site-footer__links a:hover{opacity:.6}.filter-bar{padding:32px var(--u) 24px;background:var(--color-bg);gap:4px;display:flex}.filter-btn{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 14px;font-size:11px;font-weight:500;transition:all .15s}.filter-btn:hover{color:var(--color-ink);border-color:var(--color-border)}.filter-btn.active{color:var(--color-ink);border-color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.overlay-close:focus-visible{outline-color:var(--color-ink);outline-offset:4px}.filter-btn:focus-visible{outline-offset:-2px}.card:focus-visible{outline-offset:0}.card:focus:not(:focus-visible){outline:none}a:focus-visible{outline-offset:2px}