@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--ink:#090909;--paper:#fff;--soft:#f4f4f4;--muted:#0000008c;--line:#0000001f;--page-pad:18px;--max-width:1440px;--ease:cubic-bezier(.16, 1, .3, 1);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{background:var(--ink);color:var(--paper)}.container{width:min(100%, var(--max-width));padding-inline:var(--page-pad);margin-inline:auto}.desktop-only{display:none}.navbar{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.navbar>*,.navbar a,.navbar button{pointer-events:auto}.nav-side,.nav-left,.brand,.menu-pill,.category-pill,.work-pill{align-items:center;display:flex}.nav-left{gap:9px}.brand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #ffffff59;border-radius:999px;flex-shrink:0;gap:9px;min-height:40px;padding:0 11px 0 9px}.brand-mark{width:26px;height:24px;fill:var(--ink);overflow:visible}.brand-name{letter-spacing:.08em;font-size:10px;font-weight:600}.menu-pill{background:var(--ink);min-height:40px;color:var(--paper);cursor:pointer;border-radius:999px;gap:8px;padding:4px 12px 4px 4px;font-size:11px;font-weight:500}.round-icon{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.round-icon-light{background:var(--paper);color:var(--ink)}.round-icon-dark{background:var(--ink);color:var(--paper)}.round-icon-dark svg{fill:currentColor;width:16px;height:16px}.category-pill,.work-pill{white-space:nowrap;background:#f4f4f6;border-radius:999px;min-height:36px;font-size:11px;font-weight:500}.category-pill{gap:10px;padding:0 14px}.pill-divider{background:#00000040;border-radius:50%;width:3px;height:3px}.work-pill{gap:9px;padding:4px}.menu-overlay{z-index:100;background:var(--ink);min-height:100svh;color:var(--paper);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-overlay :focus-visible{outline-color:var(--paper)}.menu-top,.menu-bottom{justify-content:space-between;align-items:center;display:flex}.menu-top{padding-top:18px}.menu-kicker{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.menu-close{min-height:40px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:inline-flex}.overlay-nav{flex-direction:column;flex:1;justify-content:center;padding-block:46px;display:flex}.overlay-nav a{letter-spacing:-.055em;transition:opacity .18s ease, padding-left .35s var(--ease);border-bottom:1px solid #ffffff29;grid-template-columns:36px 1fr;align-items:baseline;padding:8px 0;font-size:clamp(2.2rem,11vw,6rem);font-weight:300;line-height:1.04;display:grid}.overlay-nav a:hover{opacity:.65;padding-left:8px}.menu-index{letter-spacing:0;opacity:.45;font-size:10px;font-weight:400}.menu-bottom{flex-wrap:wrap;gap:10px 24px;padding-bottom:22px;font-size:12px}.hero{background:var(--paper);isolation:isolate;flex-direction:column;justify-content:space-between;min-height:100svh;display:flex;position:relative;overflow:hidden}.video-stage{z-index:0;transform-origin:50%;background:#c9c9c9;border-radius:16px;width:92%;height:78%;position:absolute;inset:11% 4%;overflow:hidden}.hero-video,.video-wash{width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;filter:grayscale()contrast(1.04)}.video-wash{pointer-events:none;background:#ffffff12}.reel-note{color:#fff;letter-spacing:.08em;text-shadow:0 1px 10px #0006;margin:0;font-size:9px;font-weight:500;position:absolute;top:12px;right:12px}.hero-content{z-index:30;padding:145px var(--page-pad) max(24px, env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#fffc 50%,#fff 100%);flex-direction:column;gap:25px;margin-top:auto;display:flex;position:relative}.hero-copy{max-width:1060px}.eyebrow{color:var(--muted);align-items:center;gap:8px;margin:0 0 15px;font-size:13px;display:flex}.status-dot{background:var(--ink);border-radius:50%;flex:none;width:8px;height:8px}.hero h1{letter-spacing:-.03em;max-width:1080px;margin:0;font-size:clamp(2rem,8vw,4.5rem);font-weight:300;line-height:1}.hero-actions,.hero-tags,.contact-actions{flex-wrap:wrap;gap:8px;display:flex}.hero-actions{margin-top:24px}.button{border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-size:13px;font-weight:500;transition:background-color .22s,color .22s,border-color .22s;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:#2a2a2a}.button-outline{background:#ffffff2e;border:1px solid #00000059}.button-outline:hover{border-color:var(--ink);background:var(--paper)}.button-arrow{transition:transform .22s var(--ease)}.button:hover .button-arrow{transform:translate(2px,-2px)}.hero-tags span{border:1px solid var(--line);background:#fffffff0;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:500}.section{content-visibility:auto;contain-intrinsic-size:900px;padding-block:96px}.section-heading{gap:20px;margin-bottom:44px;display:grid}.section-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500}.section-heading h2,.about-content h2,.contact-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,10vw,7rem);font-weight:300;line-height:.95}.portfolio-grid{gap:48px 16px;display:grid}.portfolio-filters{padding:2px var(--page-pad) 4px;margin:-16px 0 32px;margin-inline:calc(var(--page-pad) * -1);scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filters button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--muted);cursor:pointer;transition:background-color .3s var(--ease), color .3s ease, border-color .3s ease;border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 15px;font-size:12px;font-weight:500;display:inline-flex}.portfolio-filters button span{opacity:.55;font-size:9px}.portfolio-filters button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.project-trigger{width:100%;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.project-trigger:active .project-open{transform:translate(-50%,-50%)scale(.94)}.project-media{aspect-ratio:16/10;background:#151515;border-radius:2px;position:relative;overflow:hidden}.project-media:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000001f,#00000061);transition:background .5s;position:absolute;inset:0}.project-preview,.project-preview img,.project-preview video{width:100%;height:100%}.project-preview img,.project-preview video{object-fit:cover;filter:grayscale()contrast(1.06);transition:transform .9s var(--ease), filter .5s ease;transform:scale(1.005)}.project-preview video{pointer-events:none}.project-open{z-index:2;width:64px;height:64px;color:var(--ink);opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease, transform .45s var(--ease);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000024}.project-open svg{margin-left:3px}.project-type{z-index:2;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:600;position:absolute;top:14px;left:14px}.project-sound{z-index:2;color:#ffffffe0;letter-spacing:.03em;text-shadow:0 1px 12px #00000059;align-items:center;gap:6px;font-size:9px;font-weight:500;display:inline-flex;position:absolute;bottom:14px;right:14px}.project-trigger:hover .project-preview img,.project-trigger:hover .project-preview video{filter:grayscale(.72)contrast(1.03);transform:scale(1.045)}.project-trigger:hover .project-open,.project-trigger:focus-visible .project-open{background:var(--paper);transform:translate(-50%,-50%)scale(1.08)}.project-trigger:hover .project-media:after{background:linear-gradient(#0000000a,#00000042)}.project-meta{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:8px 12px;padding:14px 0;display:grid}.project-meta h3{letter-spacing:-.03em;grid-column:1/-1;margin:0;font-size:21px;font-weight:500}.project-meta span{color:var(--muted);font-size:11px}.video-modal{z-index:120;padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e6;place-items:center;display:grid;position:fixed;inset:0}.video-modal-panel{width:min(100%,1180px);max-height:calc(100svh - 24px);color:var(--paper);overscroll-behavior:contain;background:#111;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 30px 100px #00000073}.video-modal-panel--portrait{width:min(100%,520px)}.video-modal-head{flex:none;justify-content:space-between;align-items:center;gap:20px;padding:14px 14px 13px;display:flex}.video-modal-head span{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.video-modal-head h3{letter-spacing:-.025em;margin:4px 0 0;font-size:17px;font-weight:400}.video-modal-head button{width:42px;height:42px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;flex:none;place-items:center;display:grid}.video-modal :focus-visible{outline-color:var(--paper)}.video-player{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.video-player iframe,.video-player video{border:0;width:100%;height:100%}.video-player video{object-fit:contain}.video-player--portrait{aspect-ratio:9/16;max-height:calc(100svh - 112px)}.youtube-link{color:#ffffffa6;align-self:flex-end;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:11px;transition:color .18s;display:inline-flex}.youtube-link:hover{color:var(--paper)}.clients-section{background:var(--soft)}.client-groups{gap:54px;display:grid}.client-group-head{border-bottom:1px solid var(--ink);grid-template-columns:36px 1fr;align-items:baseline;padding-bottom:16px;display:grid}.client-group-head span{color:var(--muted);font-size:10px}.client-group-head h3{letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:13px;font-weight:500}.client-names{display:grid}.client-row{border-top:1px solid var(--line);grid-template-columns:36px 1fr;align-items:center;min-height:82px;display:grid}.client-row:last-child{border-bottom:1px solid var(--line)}.client-index,.service-index{color:var(--muted);font-size:10px}.client-name{letter-spacing:-.045em;transition:opacity .22s ease, transform .35s var(--ease);font-size:clamp(1.6rem,7vw,3.5rem);font-weight:300}.client-row:hover .client-name{opacity:.55;transform:translate(5px)}.about-grid{gap:34px;display:grid}.about-content h2{margin-bottom:42px}.about-lead{letter-spacing:-.035em;max-width:980px;margin:0;font-size:clamp(1.35rem,4.4vw,2.6rem);font-weight:300;line-height:1.2}.about-note{max-width:620px;color:var(--muted);margin:28px 0 0;font-size:14px;line-height:1.65}.about-frame{width:min(100%,620px);margin:52px 0 0 auto}.about-frame img{aspect-ratio:1;object-fit:cover;object-position:center;filter:grayscale()contrast(1.02);width:100%;transition:filter .6s ease, transform .9s var(--ease)}.about-frame:hover img{filter:grayscale(.25)contrast();transform:scale(1.006)}.about-frame figcaption{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:10px;font-size:10px}.services-section{background:var(--ink);color:var(--paper)}.services-section .section-label{color:#ffffff80}.services-list{border-top:1px solid #fff3}.service-row{border-bottom:1px solid #fff3;grid-template-columns:34px 1fr auto;align-items:center;min-height:76px;display:grid}.service-row h3{letter-spacing:-.035em;transition:transform .35s var(--ease), opacity .22s ease;margin:0;font-size:clamp(1.15rem,5vw,2.1rem);font-weight:300}.service-row svg{transition:transform .4s var(--ease)}.service-row:hover h3{opacity:.65;transform:translate(6px)}.service-row:hover svg{transform:rotate(90deg)}.services-section .service-index{color:#fff6}.contact-section{padding-block:100px 76px}.contact-inner{flex-direction:column;align-items:flex-start;display:flex}.contact-section h2{margin-top:28px}.contact-copy{max-width:530px;color:var(--muted);margin:28px 0 0;font-size:14px;line-height:1.65}.contact-actions{width:100%;margin-top:34px}.contact-button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 20px;font-size:13px;font-weight:500;transition:background-color .22s,color .22s,border-color .22s;display:inline-flex}.contact-button--dark{border-color:var(--ink);background:var(--ink);color:var(--paper)}.contact-button:hover{border-color:var(--ink);background:var(--soft)}.contact-button--dark:hover{color:var(--paper);background:#2a2a2a}@media (width<=480px){.navbar{padding:12px}.nav-left{gap:6px}.brand{padding-inline:8px 9px}.brand-mark{width:23px}.brand-name{font-size:9px}.menu-pill{padding-right:10px}.hero h1{font-size:clamp(2rem,9.1vw,3.15rem)}.eyebrow{font-size:12px}.hero-actions .button{flex:auto}.project-open{width:58px;height:58px}.project-meta h3{font-size:19px}.contact-actions{flex-direction:column}.contact-button{width:100%}}.contact-details{border-top:1px solid var(--line);gap:0;width:100%;margin-top:58px;display:grid}.contact-details p{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;gap:16px;margin:0;padding:16px 0;font-size:13px;display:grid}.contact-details p span{color:var(--muted)}.contact-details a{width:fit-content}.contact-details a:hover,.footer-links a:hover,.menu-bottom a:hover{opacity:.55}.site-footer{padding-bottom:max(20px, env(safe-area-inset-bottom))}.footer-inner{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:12px;padding-top:20px;font-size:11px;display:flex}.footer-inner p{margin:0}.footer-links{color:var(--ink);flex-wrap:wrap;gap:16px;display:flex}@media (width>=768px){:root{--page-pad:32px}.desktop-only{display:inline-flex}.navbar{padding:24px 32px}.nav-left{gap:14px}.menu-pill,.category-pill,.work-pill{min-height:40px}.round-icon{width:32px;height:32px}.work-pill{padding-right:15px}.menu-top{padding-top:28px}.overlay-nav a{grid-template-columns:64px 1fr;padding:6px 0}.menu-bottom{padding-bottom:30px}.video-stage{border-radius:0;width:100%;height:100%;inset:0}.reel-note{top:82px;right:32px}.hero-content{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:34px;padding:180px 32px 32px}.hero h1{font-size:clamp(2.5rem,5.5vw,4.5rem)}.hero-actions{margin-top:28px}.hero-tags{flex:none;justify-content:flex-end;padding-bottom:1px}.section{padding-block:130px}.section-heading{grid-template-columns:minmax(160px,.28fr) 1fr;align-items:start;margin-bottom:72px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 20px}.portfolio-filters{margin-top:-28px;margin-bottom:48px;margin-inline:28%;padding-inline:0}.project-card:last-child:nth-child(odd){grid-column:1/-1}.project-card:last-child:nth-child(odd) .project-media{aspect-ratio:16/7}.project-open{width:72px;height:72px}.project-meta{grid-template-columns:1fr auto auto}.project-meta h3{grid-column:auto}.video-modal{padding:28px}.video-modal-panel{max-height:calc(100svh - 56px)}.video-modal-head{padding:17px 18px}.video-modal-head h3{font-size:20px}.client-groups{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:72px}.client-row{min-height:92px}.about-grid{grid-template-columns:minmax(160px,.28fr) 1fr;gap:0}.about-content h2{margin-bottom:64px}.about-note{margin-left:36%}.about-frame{width:min(72%,720px);margin-top:74px}.section-heading h2,.about-content h2,.contact-section h2{font-size:clamp(4rem,7.7vw,7rem)}.service-row{grid-template-columns:minmax(80px,.14fr) 1fr auto;min-height:104px}.contact-section{padding-block:150px 100px}.contact-copy{margin-left:36%}.contact-actions{width:auto;margin-left:36%}.contact-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:84px}.contact-details p{border-top:0}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.footer-inner>:nth-child(2){text-align:center}.footer-links{justify-content:flex-end}}@media (height<=700px){.hero-content{padding-top:95px}.eyebrow{margin-bottom:10px}.hero-actions{margin-top:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}