@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#151515;--muted:#6d6d6d;--line:#dededb;--paper:#fff;--soft:#f4f4f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #777;outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding:0 64px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;max-width:1320px;margin:auto}.logo{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:36px;letter-spacing:-4px}.logo span{font:12px Arial;vertical-align:top;margin-left:6px;letter-spacing:0}nav{display:flex;align-items:center;gap:34px;font-size:13px}.contact-nav{border-bottom:1px solid;padding:10px 0}.contact-nav span{margin-left:24px}.hero{padding-top:66px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#222;border-radius:50%}h1,h2,h3,p{margin:0}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(54px,7vw,96px);font-weight:500;line-height:1.08;letter-spacing:-6px;margin:24px 0 30px}em{font-family:Georgia,serif;font-weight:400}h1 em{letter-spacing:-5px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.hero-bottom p{font-size:15px;line-height:1.65;color:#5c5c5c}.pill{display:inline-flex;gap:35px;align-items:center;border-radius:40px;padding:17px 24px;font-size:12px;font-weight:500;transition:transform .2s}.pill:hover{transform:translateY(-3px)}.black{background:#161616;color:white}.featured{display:block;position:relative;width:100%;height:510px;border:0;padding:0;text-align:left;background:#333;color:white;overflow:hidden}.featured>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.featured:hover>img{transform:scale(1.035)}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 35%,rgba(0,0,0,.8))}.featured-top{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px}.featured-bottom{position:absolute;left:34px;right:34px;bottom:32px;display:flex;align-items:end;justify-content:space-between}.featured small{font-size:10px;letter-spacing:1.5px}.featured strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin-top:12px}.play{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffffb0;border-radius:50%;color:white;font-size:20px}.play.large{width:70px;height:70px;font-size:34px}.strip{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;letter-spacing:2px;padding:27px 0;border-bottom:1px solid var(--line)}.strip i{font-style:normal;font-size:23px}.projects{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:46px;letter-spacing:-2px;line-height:1.15;margin-top:15px}.section-heading p{font-size:13px;line-height:1.6;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid var(--line);background:white;border-radius:30px;padding:11px 18px;font-size:11px;transition:.2s}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}sup{font-size:8px;margin-left:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px}.project{min-width:0}.project[hidden]{display:none}.project button{position:relative;width:100%;height:230px;border:0;padding:0;background:#eaeae7;overflow:hidden;display:block}.project img{width:100%;height:100%;object-fit:cover;transition:.4s}.project.vertical img{object-fit:contain;background:#eaeae7}.project button:hover img{transform:scale(1.04)}.project .play{position:absolute;right:14px;bottom:14px;background:#151515aa}.duration{position:absolute;bottom:14px;left:14px;background:#151515bd;color:white;padding:5px 7px;border-radius:3px;font-size:9px}.card-meta{display:flex;justify-content:space-between;margin:14px 0 7px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.project h3{font-size:17px;letter-spacing:-.4px;font-weight:500;line-height:1.4}.project .role{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:7px;margin-top:35px}.about{background:var(--soft);padding:85px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:54px;margin:24px 0 35px}.outline{border:1px solid #b5b5b0}.about p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:18px}.about p.about-lead{font-size:21px;line-height:1.55;color:var(--ink);letter-spacing:-.4px}.tools-label{font-size:9px;letter-spacing:1.5px;margin:30px 0 15px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools span{border:1px solid #d0d0cc;border-radius:4px;font-size:10px;padding:8px 10px}.services{padding-top:85px;padding-bottom:90px}.services>.eyebrow{margin-bottom:30px}.service{display:grid;grid-template-columns:50px 1fr 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line);align-items:center}.service>span{font-size:10px;color:var(--muted)}.service h3{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.8px}.service p{font-size:13px;line-height:1.7;color:var(--muted)}.contact{background:#161616;color:white;padding:80px 0}.contact .eyebrow{color:#aaa}.contact h2{font-size:90px;font-weight:400;letter-spacing:-5px;margin-top:30px;position:relative}.contact h2 span{position:absolute;right:0;top:15px;font-size:100px;font-weight:300}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #444;padding-top:30px;margin-top:45px;gap:20px}.white{background:white;color:#161616}.contact-bottom>a:last-child{font-size:12px;color:#ddd}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-top:28px!important;padding-bottom:28px!important}dialog{border:0;padding:22px;max-width:1000px;width:calc(100% - 40px);max-height:92vh;overflow:auto;background:white}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.modal-top button{background:none;border:0;padding:10px}.player{aspect-ratio:16/9;background:#111}.player iframe{width:100%;height:100%;border:0}.modal-info{padding:15px 4px}.modal-info h2{font-size:28px;margin:10px 0}.modal-info p{font-size:14px;color:var(--muted);line-height:1.7}.credits{display:flex;gap:25px;align-items:center;margin-top:23px}.credits span{font-size:9px;letter-spacing:1px}.credits strong{font-size:12px;font-weight:500}.modal-info .text-link{margin-top:20px}@media(min-width:1500px){.featured{height:560px}}@media(max-width:900px){.wrap{padding-left:30px;padding-right:30px}.nav{padding:0 30px}h1{letter-spacing:-3px}h1 em{letter-spacing:-3px}.featured{height:430px}.grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.about h2{font-size:43px}.contact h2{font-size:72px}}@media(max-width:580px){.wrap{padding-left:22px;padding-right:22px}.nav{padding:0 22px;height:80px}nav{gap:18px;font-size:11px}.logo{font-size:30px}nav>a:nth-child(2){display:none}.hero{padding-top:35px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:48px;letter-spacing:-2.8px;margin-top:22px;line-height:1.1}h1 em{letter-spacing:-2.8px}.hero-bottom{display:block;margin-bottom:28px}.hero-bottom p{font-size:13px}.hero-bottom .pill{margin-top:23px}.featured{height:380px}.featured-top{left:18px;right:18px;font-size:8px}.featured-bottom{left:20px;right:20px;bottom:25px}.featured strong{font-size:30px}.play.large{width:48px;height:48px;font-size:25px}.strip{font-size:8px;letter-spacing:.7px;padding:23px 0}.strip i{font-size:16px}.projects{padding-top:65px;padding-bottom:60px}.section-heading{display:block}h2{font-size:33px;letter-spacing:-1.5px}.section-heading p{margin-top:15px;font-size:12px}.filters{gap:7px}.filters button{font-size:10px;padding:10px 12px}.grid{grid-template-columns:1fr;gap:30px}.project button{height:270px}.project.vertical button{height:340px}.project h3{font-size:19px}.about{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:35px}.about h2{font-size:45px}.about p.about-lead{font-size:20px}.service{grid-template-columns:24px 1fr;gap:15px}.service h3{font-size:23px}.service p{grid-column:2}.services{padding-top:60px;padding-bottom:60px}.contact{padding:60px 0}.contact h2{font-size:62px;letter-spacing:-3px}.contact h2 span{font-size:64px;top:20px}.contact-bottom{align-items:start;flex-direction:column;gap:25px}.contact-bottom>a:last-child{font-size:11px}footer{flex-wrap:wrap;font-size:9px}footer span:nth-child(2){display:none}.credits{align-items:start;flex-direction:column;gap:8px}dialog{padding:14px;width:calc(100% - 20px)}.modal-info h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}