@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090909;--ink:#f3f0e9;--muted:#a5a39d;--line:#2d2d2b;--orange:#f16a21;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}svg{width:24px;height:24px;flex-shrink:0}p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1400px,calc(100% - 64px));margin-inline:auto}.eyebrow{text-transform:uppercase;font-size:10px;line-height:1.4;letter-spacing:.13em;font-weight:700;color:var(--orange)}h1,h2,h3{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase}em{font-style:normal;color:var(--orange)}.work-intro{padding-block:145px 58px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:50px}.work-intro h1{font-size:clamp(68px,8.2vw,126px);line-height:.91;letter-spacing:-.035em;margin-top:24px}.intro-note{justify-self:end;width:260px;padding-bottom:6px}.intro-mark{display:block;width:60px;margin-bottom:25px}.intro-note p{font-size:14px;line-height:1.8;color:var(--muted)}.line-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0 12px;margin-top:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.line-link svg{width:18px;height:18px;color:var(--orange)}.partners-banner{padding:26px 0 34px;border-block:1px solid var(--line);overflow:hidden}.banner-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.banner-label .eyebrow{color:var(--muted);font-size:9px}.banner-label>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#777}.logo-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logo-track{display:flex;gap:14px;width:max-content;animation:logo-run 48s linear infinite}.logo-group{display:flex;gap:14px;flex-shrink:0}.logo-tile{display:grid;place-items:center;flex:0 0 auto;width:clamp(100px,10vw,144px);height:clamp(100px,10vw,144px);padding:16px;background:#fff;border-radius:20px;overflow:hidden}.logo-tile img{width:100%;height:100%;object-fit:contain}.partners-banner .logo-tile{width:120px;height:88px;border-radius:12px;padding:14px 18px}.logo-row--reverse .logo-track{animation-direction:reverse;animation-duration:54s}.logo-row:hover .logo-track,.logo-row:focus-within .logo-track,.logos-paused .logo-track{animation-play-state:paused}@keyframes logo-run{to{transform:translateX(calc(-50% - 7px))}}.work-nav{display:flex;gap:50px;padding-block:28px;border-bottom:1px solid var(--line)}.work-nav a{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.work-nav small{color:var(--orange);font-size:9px}.work-nav a:hover{color:var(--orange)}.client-work{padding-block:70px 90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.section-head h2{font-size:clamp(42px,5.1vw,78px);line-height:.94;letter-spacing:-.025em;margin-top:18px}.section-head>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:3px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:36px}.filter-bar>div{display:flex;gap:28px;flex-wrap:wrap}.filter-bar button{border:0;background:none;color:var(--muted);padding:16px 0;border-bottom:2px solid transparent;font-size:11px;font-weight:700}.filter-bar button.active{color:var(--ink);border-color:var(--orange)}.filter-bar button:hover{color:var(--orange)}.filter-bar sup{color:var(--orange);font-size:8px;padding-left:5px}.project-count{font-size:10px;color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 30px}.project{min-width:0}.project-visual{position:relative;display:block;height:clamp(340px,34vw,510px);background:var(--stage);overflow:hidden;border-radius:3px}.project-index{position:absolute;left:24px;top:22px;z-index:2;color:#191918;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.artwork-pair{position:absolute;inset:60px 30px 65px;display:flex;align-items:center;justify-content:center;gap:18px;isolation:isolate}.artwork-pair img{display:block;width:calc(50% - 9px);height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #0003);transition:transform .5s}.artwork-main{transform:translateY(-8px)}.artwork-secondary{transform:translateY(12px)}.project-visual:hover .artwork-main{transform:translateY(-12px) scale(1.025)}.project-visual:hover .artwork-secondary{transform:translateY(7px) scale(1.025)}.project-view{position:absolute;bottom:20px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;color:#191918;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #0003;padding-top:13px}.project-view svg{width:18px;height:18px}.project-caption{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.78fr);gap:22px;padding-top:24px}.project-caption .eyebrow{font-size:8px;letter-spacing:.09em;line-height:1.6;margin-bottom:9px}.project-caption h3{font-size:clamp(25px,2.5vw,39px);line-height:1.08;letter-spacing:-.01em}.project-caption>p{font-size:12px;line-height:1.7;color:var(--muted);padding-top:2px}.project-caption h3 a:hover{color:var(--orange)}.creator-banner{background:#0d0c0e;padding:38px 0 48px;overflow:hidden;border-block:1px solid var(--line)}.creator-banner-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:var(--orange);color:#090909;border-radius:22px;padding:50px 44px;margin-bottom:30px}.creator-banner-head .eyebrow{color:#090909}.creator-banner-head h2{font-size:clamp(48px,5.7vw,90px);line-height:.91;letter-spacing:-.025em;margin-top:16px}.creator-banner-head h2 em{color:#fff}.creator-seal{position:relative;display:grid;place-content:center;width:126px;height:126px;text-align:center;border-radius:50%;background:#090909;transform:rotate(7deg);color:#fff}.creator-seal:before{content:'';position:absolute;inset:7px;border:1px dashed #ffffff55;border-radius:50%}.creator-seal span{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.creator-seal strong{font-family:Anton,Impact,sans-serif;font-size:26px;color:var(--orange);font-weight:400;margin:4px 0}.creator-rows{display:grid;gap:14px}.creator-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px}.creator-footer p{font-size:11px;color:var(--muted)}.motion-toggle{border:0;border-bottom:1px solid #555;background:none;color:#ddd;font-size:10px;padding:7px 0;white-space:nowrap}.production{padding-block:90px}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 30px}.film{min-width:0}.film-preview{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:1px solid var(--line);background:#111;overflow:hidden;text-align:left;color:#fff}.film-preview video{height:100%;width:100%;object-fit:contain;background:#080808}.film-preview:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.play-control{position:absolute;z-index:1;bottom:22px;left:22px;display:flex;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.play-control>svg{width:43px;height:43px;padding:11px;border:1px solid #ffffff88;border-radius:50%;background:#0005}.film-index{position:absolute;left:22px;top:20px;font-size:10px;color:#fff;background:#0006;padding:5px 7px}.film-preview:hover .play-control>svg{background:var(--orange);border-color:var(--orange);color:#090909}.film-caption{display:flex;align-items:start;justify-content:space-between;gap:18px;padding-top:18px}.film-caption h3{font-size:clamp(23px,2.5vw,36px);line-height:1.1}.film-caption p{color:var(--muted);font-size:10px;line-height:1.6;max-width:145px;text-align:right;padding-top:3px}.all-films{display:flex;align-items:center;justify-content:space-between;margin-top:42px;border-block:1px solid var(--line);padding:26px 0;font-size:13px;font-weight:700;letter-spacing:.07em}.all-films svg{color:var(--orange)}.all-films:hover{color:var(--orange)}.work-contact{border-top:1px solid var(--line);padding-block:55px 80px}.work-contact>div{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:22px}.work-contact h2{font-size:clamp(55px,8vw,120px);line-height:.92;letter-spacing:-.025em}.work-contact>div>a{display:grid;place-items:center;width:100px;height:100px;border:1px solid var(--line);border-radius:50%;color:var(--orange)}.work-contact>div>a svg{width:46px;height:46px}.contact-email{display:inline-block;margin-top:30px;font-size:14px;border-bottom:1px solid #666;padding-bottom:8px}.film-dialog{width:min(1200px,calc(100% - 30px));max-height:92dvh;background:#090909;color:#fff;border:1px solid #444;padding:20px;border-radius:4px}.film-dialog::backdrop{background:#000e}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.dialog-top h2{font-size:24px}.close-film{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;font-size:12px;padding:5px}.close-film svg{width:19px;height:19px}.film-dialog>video{width:100%;height:min(72dvh,675px);object-fit:contain;background:#000}body:has(dialog[open]){overflow:hidden}body[data-theme=light]{--bg:#eeeae2;--ink:#141414;--muted:#615e57;--line:#c9c4b9;--orange:#f16a21;color-scheme:light}body[data-theme=light] .creator-banner{--orange:#f16a21;--muted:#aaa}body[data-theme=light] .creator-banner-head{background:#f16a21}
@media(max-width:1000px){.work-intro{gap:25px}.intro-note{width:235px}.project-caption{grid-template-columns:1fr;gap:12px}.project-caption>p{max-width:360px;font-size:12px}.artwork-pair{inset:58px 22px 65px;gap:12px}.artwork-pair img{width:calc(50% - 6px)}.project-visual{height:340px}.project-grid{gap:45px 22px}.film-grid{gap:30px 22px}.work-nav{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}html{scroll-padding-top:95px}.work-intro{padding-block:120px 36px;grid-template-columns:1fr;gap:25px}.work-intro h1{font-size:clamp(57px,12vw,82px);line-height:.94}.work-intro .eyebrow{font-size:8px}.intro-note{width:100%;justify-self:start;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.intro-mark{display:none}.intro-note p{font-size:11px}.intro-note .line-link{font-size:8px;gap:15px;padding:10px 0;margin:0}.intro-note .line-link svg{width:16px}.partners-banner{padding:20px 0}.banner-label .eyebrow,.banner-label>span{font-size:7px}.partners-banner .logo-tile{width:95px;height:74px;padding:12px;border-radius:10px}.logo-track,.logo-group{gap:10px}.work-nav{gap:0;justify-content:space-between;padding-block:22px}.work-nav a{gap:6px;font-size:8px;letter-spacing:0}.work-nav small{font-size:7px}.client-work{padding-block:45px 55px}.section-head{display:block;margin-bottom:22px}.section-head .eyebrow{font-size:8px}.section-head h2{font-size:clamp(38px,8.8vw,58px);margin-top:14px}.section-head>p{font-size:11px;margin-top:20px}.filter-bar{display:block;margin-bottom:26px;padding-bottom:14px}.filter-bar>div{gap:20px;row-gap:0}.filter-bar button{font-size:9px;padding-block:12px}.project-count{display:block;font-size:8px;margin-top:12px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:auto;aspect-ratio:1.25}.project-index{left:18px;top:17px;font-size:8px}.artwork-pair{inset:45px 24px 60px;gap:16px}.artwork-pair img{width:calc(50% - 8px)}.project-view{left:18px;right:18px;bottom:16px;font-size:8px;padding-top:11px}.project-caption{grid-template-columns:1fr;gap:10px;padding-top:18px}.project-caption h3{font-size:30px}.project-caption .eyebrow{font-size:8px}.project-caption>p{font-size:12px;max-width:100%}.creator-banner{padding-block:24px 30px}.creator-banner-head{padding:30px 22px;gap:15px;border-radius:18px;position:relative;min-height:240px;align-items:start}.creator-banner-head h2{font-size:clamp(34px,9vw,55px);max-width:280px}.creator-banner-head .eyebrow{font-size:8px}.creator-seal{position:absolute;width:66px;height:66px;right:20px;bottom:18px}.creator-seal strong{font-size:15px;margin:2px 0}.creator-seal span{font-size:5px}.creator-seal:before{inset:4px}.creator-rows{gap:10px}.logo-tile{width:100px;height:100px;padding:10px;border-radius:18px}.creator-footer{align-items:end;gap:12px}.creator-footer p{font-size:9px;line-height:1.7;max-width:230px}.motion-toggle{font-size:8px}.production{padding-block:50px}.film-grid{grid-template-columns:1fr;gap:30px}.film-preview{aspect-ratio:16/10}.film-caption h3{font-size:28px}.film-caption p{font-size:9px;max-width:130px}.play-control{left:16px;bottom:16px;font-size:8px;gap:9px}.play-control>svg{width:35px;height:35px;padding:8px}.film-index{top:15px;left:15px;font-size:8px}.all-films{margin-top:28px;font-size:10px;padding-block:21px}.work-contact{padding-block:35px 50px}.work-contact .eyebrow{font-size:8px}.work-contact h2{font-size:clamp(40px,10vw,65px)}.work-contact>div>a{width:60px;height:60px;flex-shrink:0}.work-contact>div>a svg{width:26px;height:26px}.contact-email{font-size:12px;margin-top:22px}.film-dialog{padding:12px}.dialog-top h2{font-size:20px}.close-film{font-size:10px;gap:5px}.film-dialog>video{height:65dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.logo-row{overflow:auto}.logo-track>.logo-group[aria-hidden]{display:none}.motion-toggle{display:none}}
/* 23 October — client-led workboards and optical logo sizing. */
.project-grid{gap:54px 28px}
.project{border-bottom:1px solid var(--line);padding-bottom:24px}
.project-visual{height:clamp(410px,39vw,560px);border-radius:6px;isolation:isolate;background:var(--stage)}
.project-visual::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#ffffff30,transparent 60%,#0000000c)}
.project-topline{position:absolute;top:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:2}
.project-brand{display:flex;justify-content:center;align-items:center;width:116px;height:60px;background:#fff;border-radius:3px;padding:7px 10px}
.project-logo{width:calc(var(--logo-w) * .61);height:calc(var(--logo-h) * .61);max-width:96px;max-height:46px;flex-shrink:1}
.project-wordmark{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:18px;line-height:1.1;color:#1c1c1b;text-align:center}
.project-number{font-size:29px;line-height:1;font-weight:500;letter-spacing:-.07em;text-align:right;color:#1b1b1a}
.project-number>span{display:block;font-size:8px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;font-weight:700;margin-top:8px}
.artwork-pair{inset:101px 29px 68px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:20px}
.artwork-pair img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 16px 12px #00000029);transition:transform .35s ease}
.artwork-main{transform:translateY(-7px);z-index:1}
.artwork-secondary{transform:translateY(18px);max-height:85%}
.project-visual:hover .artwork-main{transform:translateY(-11px)}
.project-visual:hover .artwork-secondary{transform:translateY(12px)}
.project-bottomline{position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #00000026;padding-top:14px;color:#1a1a18}
.project-bottomline>span:first-child{font-size:12px;font-weight:600;letter-spacing:-.01em}
.project-open{width:27px;height:27px;display:grid;place-items:center}.project-arrow{width:21px;height:21px}
.project-caption{display:block;padding-top:22px}
.project-title{display:flex;justify-content:space-between;align-items:start;gap:20px}
.project-title h3{font-size:clamp(29px,3.1vw,46px);line-height:1.05;letter-spacing:-.015em;max-width:72%}
.project-service{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.7;color:var(--orange);text-align:right;max-width:160px;padding-top:4px}
.project-caption>p{font-size:13px;line-height:1.7;margin-top:14px;color:var(--muted);max-width:510px}
.project--cinema .artwork-pair{grid-template-columns:1fr 1fr;gap:16px;inset:100px 26px 70px}
.project--cinema .artwork-pair img{max-height:100%;transform:none;filter:drop-shadow(0 12px 10px #0002)}
.project--portrait .artwork-pair{grid-template-columns:1.6fr 1fr}
.project--portrait .artwork-main{filter:none;object-position:bottom}
.project--portrait .artwork-secondary{max-height:48%;filter:none}
.logo-tile,.partners-banner .logo-tile{width:158px;height:112px;display:flex;justify-content:center;align-items:center;padding:12px;border-radius:14px;background:#fff}
.logo-tile .logo-art{width:var(--logo-w);height:var(--logo-h);max-width:100%;max-height:100%;flex-shrink:0;overflow:hidden}
.creator-rows .logo-tile{width:164px;height:140px;padding:19px;border-radius:20px}
.creator-rows .logo-art{width:calc(var(--logo-w) * 1.03);height:calc(var(--logo-h) * 1.03)}
.partners-banner .logo-track{animation-duration:55s}
.creator-rows .logo-track{animation-duration:64s}
.creator-rows .logo-row--reverse .logo-track{animation-duration:70s}
.film-preview{aspect-ratio:16/10;min-height:0}.film-preview video{object-fit:contain}
@media(max-width:1000px){.project-visual{height:410px}.project-topline{left:20px;right:20px;top:18px}.project-brand{width:102px;height:54px}.artwork-pair{inset:90px 21px 65px;gap:14px}.project-bottomline{left:20px;right:20px}.project-title{display:block}.project-title h3{max-width:100%;font-size:34px}.project-service{display:block;text-align:left;max-width:none;font-size:9px;margin-top:8px}.project-caption>p{font-size:13px}.project--cinema .artwork-pair{inset:90px 20px 65px;gap:12px}}
@media(max-width:700px){.project-grid{gap:34px}.project{padding-bottom:22px}.project-visual{height:auto;aspect-ratio:1.02;min-height:330px}.project-topline{left:18px;right:18px;top:17px}.project-brand{width:95px;height:50px}.project-logo{width:calc(var(--logo-w) * .55);height:calc(var(--logo-h) * .55);max-height:38px}.project-wordmark{font-size:15px}.project-number{font-size:25px}.project-number>span{font-size:7px;letter-spacing:.07em;max-width:145px}.artwork-pair{inset:86px 20px 60px;gap:14px}.project-bottomline{left:18px;right:18px;bottom:15px;padding-top:11px}.project-bottomline>span:first-child{font-size:11px}.project-title h3{font-size:34px;max-width:100%}.project-service{font-size:9px}.project-caption>p{font-size:12px;margin-top:10px}.project-caption{padding-top:18px}.project--cinema .artwork-pair{inset:86px 18px 60px}.logo-tile,.partners-banner .logo-tile{width:132px;height:98px;padding:12px;border-radius:12px}.logo-tile .logo-art{width:calc(var(--logo-w) * .83);height:calc(var(--logo-h) * .83)}.creator-rows .logo-tile{width:136px;height:116px;padding:13px;border-radius:17px}.creator-rows .logo-art{width:calc(var(--logo-w) * .88);height:calc(var(--logo-h) * .88)}}