@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@500;600;700;900&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--ink:#0a0a0b;--paper:#f2f1ef;--pink:#da0040;--hot:#f213b6;--line:#ffffff29;--muted:#9c9b9f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Outfit,PingFang SC,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav{z-index:5;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 4.4vw;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.06em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-mark{background:var(--pink);clip-path:polygon(50% 0,100% 12%,100% 84%,50% 100%,0 84%,0 12%);letter-spacing:-1px;place-items:center;width:34px;height:34px;font-family:DM Mono;font-size:10px;display:grid}.nav nav{color:#d4d3d6;align-items:center;gap:30px;font-size:14px;display:flex}.nav nav>a:not(.nav-cta):hover{color:var(--hot)}.nav-cta{border:1px solid #ffffff7a;padding:10px 16px;color:#fff!important}.nav-cta b{color:var(--hot);margin-left:7px;font-size:17px}.menu-button{display:none}.hero{background:radial-gradient(circle at 83% 36%,#5b0b2e 0%,#0000 23%),#0a0a0b;min-height:100svh;padding:150px 10vw 64px;position:relative;overflow:hidden}.hero-lines,.hero-lines:before,.hero-lines:after{content:"";background:linear-gradient(90deg,#0000 0 25%,#ffffff14 25.05% 25.15%,#0000 25.2% 50%,#ffffff14 50.05% 50.15%,#0000 50.2% 75%,#ffffff14 75.05% 75.15%,#0000 75.2%);position:absolute;inset:0}.hero-lines:before{opacity:.4;transform:rotate(90deg)}.hero-lines:after{opacity:.8;background:radial-gradient(circle,#0000 37%,#da00401a 37.1% 37.5%,#0000 37.7%);transform:translate(35%,12%)}.hero-content{z-index:1;max-width:1050px;position:relative}.eyebrow,.section-kicker{letter-spacing:.12em;color:#b8b6ba;font:12px DM Mono,monospace}.eyebrow{margin:0 0 30px}.hero h1{letter-spacing:-.09em;margin:0;font-family:Noto Serif SC,serif;font-size:clamp(56px,8.9vw,140px);font-weight:900;line-height:1.05;position:relative}.hero h1 span{display:block}.hero h1 .pink{color:var(--hot);padding-left:11vw}.hero-copy{color:#cac7cb;width:min(360px,100%);margin:45px 0;font-size:16px;line-height:1.9}.round-link{border:1px solid #777;border-radius:100%;justify-content:space-between;align-items:center;width:148px;height:148px;margin-top:56px;padding:20px;font-size:14px;transition:all .3s;display:flex}.round-link span{color:var(--hot);font-size:28px}.round-link:hover{background:var(--pink);border-color:var(--pink);transform:rotate(-10deg)}.round-link:hover span{color:#fff}.hero-orbit{border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:390px;height:390px;animation:19s linear infinite spin;display:grid;position:absolute;bottom:10%;right:-50px}.hero-orbit:after{content:"";background:var(--pink);border-radius:50%;width:63%;height:63%;box-shadow:0 0 100px #d60051}.hero-orbit span{writing-mode:vertical-rl;letter-spacing:.35em;color:#b6b2b5;font:11px DM Mono;position:absolute}.hero-index{color:#aaa;font:12px DM Mono;position:absolute;bottom:54px;right:5vw}@keyframes spin{to{transform:rotate(360deg)}}.intro{background:var(--paper);color:var(--ink);padding:130px 9vw 0}.section-kicker{text-transform:uppercase;margin:0}.section-kicker b{color:var(--pink);margin-left:12px;font-weight:400}.intro-grid{grid-template-columns:1.25fr .75fr;gap:10vw;margin-top:74px;display:grid}.intro h2,.services h2,.work h2,.motion-work h2,.contact h2{letter-spacing:-.08em;margin:0;font-family:Noto Serif SC,serif;font-size:clamp(40px,5.6vw,86px);font-weight:900;line-height:1.18}.intro h2 span{display:block}.intro-copy{margin:5px 0 20px;font-size:16px;line-height:2}.intro-copy.muted{color:#656369}.text-link{border-bottom:1px solid var(--ink);gap:25px;margin-top:12px;padding:16px 0 8px;font-weight:600;display:inline-flex}.text-link span{color:var(--pink);font-size:20px}.metrics{border-top:1px solid #c8c5c6;grid-template-columns:repeat(4,1fr);margin-top:120px;display:grid}.metrics>div{border-right:1px solid #c8c5c6;padding:28px 16px}.metrics>div:first-child{padding-left:0}.metrics strong{letter-spacing:-.1em;font:clamp(38px,4.1vw,64px)/1 DM Mono}.metrics span{color:#666;margin-top:14px;font-size:13px;display:block}.services{background:#121214;padding:128px 9vw}.service-heading{grid-template-columns:1fr 1.7fr;align-items:start;gap:4vw;display:grid}.services h2{font-size:clamp(42px,5vw,78px)}h2 em{color:var(--hot);font-style:normal}.service-list{border-top:1px solid var(--line);margin-top:82px}.service-list article{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr 50px;align-items:center;min-height:140px;transition:all .25s;display:grid}.service-list article:hover{background:var(--pink);padding:0 20px}.service-list article>span{color:var(--hot);font:12px DM Mono}.service-list article:hover>span{color:#fff}.service-list h3{letter-spacing:-.06em;margin:0;font:700 clamp(25px,3vw,45px)/1.1 Noto Serif SC}.service-list p{color:#9f9da1;margin:12px 0 0;font-size:14px}.service-list article>b{color:var(--hot);font-size:27px;font-weight:400}.service-list article:hover p,.service-list article:hover>b{color:#fff}.work{color:var(--ink);background:#dedddb;padding:130px 5vw 0}.work-heading{grid-template-columns:1fr 1.25fr .75fr;align-items:end;gap:3vw;padding:0 4vw;display:grid}.work h2{font-size:clamp(42px,5vw,76px)}.work-heading>p:last-child{color:#5d5a5e;font-size:14px;line-height:1.8}.filter-bar{gap:10px;padding:70px 4vw 30px;display:flex;overflow:auto}.filter-bar button{white-space:nowrap;background:0 0;border:1px solid #b8b5b4;border-radius:100px;padding:9px 16px;font-size:13px}.filter-bar button.active,.filter-bar button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.case-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.case-card{color:#fff;text-align:left;background:#242326;border:0;min-height:360px;padding:0;position:relative;overflow:hidden}.case-card:nth-child(5n+1){grid-column:span 7}.case-card:nth-child(5n+2){grid-column:span 5}.case-card:nth-child(5n+3){grid-column:span 4}.case-card:nth-child(5n+4){grid-column:span 8}.case-card:nth-child(5n){grid-column:span 6}.case-image,.motion-image{filter:saturate(.8);background-position:50%;background-size:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.case-card:hover .case-image,.motion-card:hover .motion-image{transform:scale(1.08)}.case-shade{background:linear-gradient(#0000 25%,#000000c7);position:absolute;inset:0}.case-info{flex-direction:column;gap:7px;display:flex;position:absolute;inset:auto 28px 26px}.case-info small,.motion-card small,.modal-copy small{letter-spacing:.08em;color:#ffd1df;font:11px DM Mono}.case-info strong,.motion-card strong{letter-spacing:-.05em;font:700 28px Noto Serif SC}.case-info i{opacity:0;font-size:13px;font-style:normal;transition:all .3s;transform:translateY(10px)}.case-card:hover i{opacity:1;transform:translateY(0)}.motion-work{background:#111113;padding:130px 0;overflow:hidden}.motion-heading{grid-template-columns:1fr 1.3fr .6fr;align-items:end;gap:4vw;padding:0 9vw;display:grid}.motion-heading h2{font-size:clamp(45px,5.5vw,82px)}.motion-heading>p:last-child{color:#9f9da1;font-size:14px;line-height:1.8}.motion-rail{scroll-snap-type:x mandatory;gap:18px;padding:75px 9vw 28px;display:flex;overflow-x:auto}.motion-card{color:#fff;text-align:left;scroll-snap-align:start;background:#28262b;border:0;flex:0 0 min(420px,76vw);height:500px;position:relative;overflow:hidden}.motion-card:after{content:"";background:linear-gradient(#0000 38%,#000000db);position:absolute;inset:0}.motion-card>span:last-child{z-index:1;gap:7px;display:grid;position:absolute;bottom:28px;left:28px}.motion-number{z-index:2;font:11px DM Mono;position:absolute;top:22px;left:24px}.play{z-index:2;border:1px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;padding-left:4px;font-size:20px;transition:all .3s;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.motion-card:hover .play{background:var(--hot);border-color:var(--hot)}.contact{background:var(--pink);grid-template-columns:1.1fr .9fr;gap:11vw;padding:130px 9vw;display:grid}.contact .section-kicker{color:#ffd3df}.contact .section-kicker b{color:#111}.contact h2{margin-top:65px;font-size:clamp(47px,5.8vw,86px)}.contact h2 em{color:#111}.contact-copy>p:not(.section-kicker){letter-spacing:.1em;margin-top:34px;font:12px DM Mono}.contact-details{gap:8px;margin-top:60px;font-size:15px;display:grid}.contact-details a{text-underline-offset:4px;text-decoration:underline}.lead-form{gap:21px;padding-top:55px;display:grid}.lead-form label{gap:9px;font-size:14px;font-weight:600;display:grid}.lead-form input,.lead-form textarea{color:#111;resize:vertical;background:0 0;border:0;border-bottom:1px solid #00000080;outline:0;padding:12px 0}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#7b082d}.lead-form textarea{min-height:80px}.lead-form button{color:#fff;text-align:left;background:#111;border:1px solid #111;margin-top:18px;padding:18px;font-weight:600;transition:all .25s}.lead-form button:hover{color:#111;background:#fff}.case-modal{z-index:10;background:#050506f2;grid-template-columns:1.45fr .55fr;align-items:center;gap:4vw;padding:8vw;display:grid;position:fixed;inset:0}.modal-close{color:#fff;background:0 0;border:0;font-size:42px;line-height:1;position:absolute;top:3vw;right:3vw}.modal-media{background:#222;min-height:55vh}.modal-media>span,.modal-media video{object-fit:cover;background-position:50%;background-size:cover;width:100%;height:100%;min-height:55vh;display:block}.modal-copy h2{letter-spacing:-.08em;margin:14px 0;font:700 clamp(32px,4vw,56px) Noto Serif SC}.modal-copy p{color:#bab8bc;line-height:1.8}footer{letter-spacing:.04em;color:#a6a4a8;background:#09090a;justify-content:space-between;align-items:center;padding:30px 4.4vw;font:11px DM Mono;display:flex}footer .brand{color:#fff;font:700 14px Outfit}footer .brand-mark{width:26px;height:26px;font-size:8px}@media (max-width:760px){.nav{height:68px;padding:0 24px}.nav nav{border-bottom:1px solid var(--line);background:#111113;flex-direction:column;align-items:stretch;padding:22px 24px;display:none;position:absolute;top:68px;left:0;right:0}.nav nav.open{display:flex}.nav-cta{text-align:center}.menu-button{background:0 0;border:0;gap:5px;padding:8px;display:grid}.menu-button i{background:#fff;width:22px;height:1px;display:block}.hero{min-height:740px;padding:120px 24px 40px}.hero h1{font-size:58px}.hero h1 .pink{padding-left:28px}.hero-orbit{width:250px;height:250px;bottom:15%;right:-85px}.hero-index{bottom:24px;right:24px}.intro,.services{padding:85px 24px}.intro-grid,.service-heading,.work-heading,.motion-heading,.contact{margin-top:46px;display:block}.intro-grid>div{margin-top:38px}.metrics{grid-template-columns:repeat(2,1fr);margin-top:70px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(n+3){border-top:1px solid #c8c5c6}.metrics>div:nth-child(3){padding-left:0}.service-heading .section-kicker,.work-heading .section-kicker,.motion-heading .section-kicker{margin-bottom:36px}.service-list{margin-top:50px}.service-list article{grid-template-columns:48px 1fr 20px;min-height:125px}.service-list h3{font-size:25px}.service-list p{line-height:1.5}.work{padding:85px 12px 0}.work-heading{padding:0 12px}.work-heading>p:last-child{margin-top:25px}.filter-bar{padding:45px 12px 22px}.case-grid{gap:8px}.case-card,.case-card:nth-child(n){grid-column:span 12;min-height:360px}.case-card:nth-child(3n+1){min-height:440px}.motion-work{padding:85px 0}.motion-heading{padding:0 24px}.motion-heading>p:last-child{margin-top:25px}.motion-rail{gap:12px;padding:48px 24px 20px}.motion-card{flex-basis:82vw;height:430px}.contact{gap:0;margin:0;padding:85px 24px}.contact h2{margin-top:43px}.lead-form{padding-top:55px}.case-modal{padding:82px 24px 24px;display:block}.modal-media,.modal-media>span,.modal-media video{min-height:42vh}.modal-copy{padding-top:25px}footer{gap:18px;padding:26px 24px;display:grid}.round-link{width:120px;height:120px;margin-top:40px}}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-card,.case-card:nth-child(n){aspect-ratio:21/9;grid-column:span 1;min-height:0}.motion-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:75px 9vw 28px;display:grid;overflow:visible}.motion-card{aspect-ratio:21/9;flex:auto;width:100%;height:auto;min-height:0}.motion-card>span:last-child{bottom:22px;left:24px}.motion-card strong{font-size:23px}.motion-card .play{width:56px;height:56px;font-size:15px}.motion-number{top:16px;left:18px}.case-modal .modal-media,.case-modal .modal-media>span,.case-modal .modal-media video{aspect-ratio:21/9;min-height:0}.slot-manager{max-width:1120px}.slot-intro{color:#fff;background:#171518;justify-content:space-between;align-items:end;gap:30px;padding:32px 36px;display:flex}.slot-intro p,.slot-section header span{letter-spacing:.12em;color:#ff8bb3;font:10px DM Mono,monospace}.slot-intro p{margin:0}.slot-intro h2{letter-spacing:-.07em;margin:8px 0 0;font:700 32px Noto Serif SC,serif}.slot-intro h2 em{color:#f213b6;font-style:normal}.slot-intro>span{color:#bebabe;font-size:12px;line-height:1.8}.slot-section{margin-top:35px}.slot-section>header{justify-content:space-between;align-items:end;margin:0 0 14px;display:flex}.slot-section header span{color:#bd003b}.slot-section header h2{letter-spacing:-.06em;margin:7px 0 0;font:700 25px Noto Serif SC,serif}.slot-section header>b{color:#6d676a;font-size:12px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.upload-slot{text-align:left;color:#171517;background:#fff;border:1px solid #d4d0ce;grid-template-columns:42% 1fr;min-height:142px;padding:0;transition:all .2s;display:grid;overflow:hidden}.upload-slot:hover{border-color:#da0040;box-shadow:5px 5px #da0040}.slot-preview{aspect-ratio:21/9;background:#29272a 50%/cover;align-self:center}.slot-preview i{letter-spacing:.1em;color:#aaa;place-items:center;height:100%;font:11px DM Mono,monospace;display:grid}.slot-meta{flex-direction:column;align-items:flex-start;padding:18px;display:flex}.slot-meta small{letter-spacing:.07em;color:#857e82;font:10px DM Mono,monospace}.slot-meta strong{letter-spacing:-.05em;margin-top:7px;font:700 20px Noto Serif SC,serif}.slot-meta em{color:#bd003b;margin-top:auto;font-size:12px;font-style:normal}.upload-slot.filled .slot-meta em{color:#4f5e55}.slot-rule{color:#77132f;background:#f9dce6;margin:10px 0 20px;padding:13px 15px;font-size:12px;line-height:1.7}.slot-rule b{font-weight:700}@media (max-width:760px){.case-grid,.motion-rail{grid-template-columns:1fr}.case-card,.case-card:nth-child(n),.motion-card{aspect-ratio:21/9;grid-column:span 1;min-height:0}.motion-rail{padding:48px 24px 20px}.case-info{inset:auto 18px 16px}.case-info strong,.motion-card strong{font-size:19px}.case-info i{display:none}.slot-intro{padding:25px;display:block}.slot-intro>span{margin-top:16px;display:block}.slot-section>header{display:block}.slot-section header>b{margin-top:8px;line-height:1.5;display:block}.slot-grid{grid-template-columns:1fr}.upload-slot{min-height:122px}.slot-meta{padding:14px}.slot-meta strong{font-size:18px}}.gallery-upload{gap:14px;margin-top:20px;display:grid}.gallery-upload>div:first-child{gap:4px;display:grid}.gallery-upload>div:first-child b{font-size:14px}.gallery-upload>div:first-child span{color:#726d70;font-size:12px}.gallery-inputs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gallery-modal{padding:9vw max(6vw,28px);display:block;overflow-y:auto}.gallery-modal-inner{max-width:1020px;margin:0 auto}.gallery-modal .modal-copy{max-width:600px;margin:0 0 42px}.project-gallery{gap:16px;display:grid}.project-gallery figure{aspect-ratio:21/9;background:#222;margin:0;position:relative;overflow:hidden}.project-gallery img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery figcaption{color:#fff;letter-spacing:.1em;background:#0009;padding:5px 7px;font:10px DM Mono,monospace;position:absolute;bottom:13px;right:15px}@media (max-width:760px){.gallery-inputs{grid-template-columns:1fr}.gallery-modal{padding:78px 18px 28px}.gallery-modal .modal-copy{margin-bottom:24px}.project-gallery{gap:9px}}.brand-mark{display:none}.brand:before{content:"";background:url(/brand-logo.png) 50%/contain no-repeat;flex:none;width:230px;height:56px;display:block}.brand>span:last-child{display:none}footer .brand:before{width:156px;height:40px}@media (max-width:760px){.nav .brand:before{width:166px;height:42px}}