:root{--paper:#fff;--ink:#111;--muted:#6e6e6e;--line:#d7d7d7;--accent:#222222;--mono:'Courier New',monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:white}.skip{position:fixed;top:10px;left:10px;z-index:99;padding:13px;background:#111;color:#fff;transform:translateY(-160%)}.skip:focus{transform:none}.site-header,.home-main,.inner-main,.site-footer{width:min(1500px,calc(100% - 88px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #111;flex-shrink:0}.wordmark{font-weight:800;font-size:22px;letter-spacing:-1px;text-transform:uppercase}.wordmark-sign,.wordmark-dot{display:none}.site-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.site-header nav>a:hover{color:var(--accent)}.header-contact{display:flex;align-items:center;gap:35px;font-weight:700}.header-contact span{font-size:25px}.site-footer{height:65px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#707070;flex-shrink:0}.site-footer>a{color:#111}.site-footer>a:hover{color:var(--accent)}.home{height:100svh;min-height:760px;display:flex;flex-direction:column}.home-main{flex:1;display:flex;flex-direction:column;min-height:0}.home-intro{padding:28px 0 31px;display:flex;align-items:end;justify-content:space-between;gap:40px}.home-intro h1{font-size:clamp(42px,4.7vw,74px);font-weight:800;letter-spacing:-3.6px;line-height:.96;margin:0;text-transform:uppercase}.home-intro h1 span{color:#111}.home-intro>div{display:block;max-width:220px}.home-intro p{font-size:13px;line-height:1.6;margin:0}.home-intro>div>span{display:block;font:9px/1.6 var(--mono);margin-top:18px;color:#777}.home-grid{display:grid;grid-template-columns:1.5fr 1.15fr .86fr;grid-template-rows:1.05fr .95fr;grid-template-areas:'web editing partner' 'logo motion partner';gap:0;flex:1;min-height:0;border:1px solid #111;padding:0}.home-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:22px 26px 18px;background:#fff;color:#111;transition:background .25s,color .25s;border-right:1px solid #111}.home-tile h2{font-size:clamp(26px,2.6vw,42px);font-weight:700;letter-spacing:-1.6px;line-height:1.03;z-index:2;margin:auto 0 11px}.home-tile>p{font-size:11px;line-height:1.5;margin:0 0 21px;z-index:2}.tile-number{font:9px var(--mono);letter-spacing:1px;position:relative;z-index:3}.tile-link{border-top:1px solid #1115;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:11px;position:relative;z-index:3}.tile-link>span{font-size:26px;line-height:1;transition:transform .3s}.home-tile:hover .tile-link>span{transform:translate(4px,-4px)}.tile-web{grid-area:web;background:#222222;color:white;border-bottom:1px solid #111}.tile-web .tile-link{border-color:#ffffff65}.tile-editing{grid-area:editing;border-bottom:1px solid #111;background:#f0f0f0}.tile-logo{grid-area:logo}.tile-motion{grid-area:motion;background:#111;color:#fff}.tile-motion .tile-link{border-color:#fff5}.home-partner{grid-area:partner;border:0;background:#fff}.home-tile:hover{background:#e9e9e9}.tile-web:hover{background:#3b3b3b}.tile-motion:hover{background:#242424}.home-partner:hover{background:#f1f1f1}.cut-art{position:absolute;top:15%;right:15px;width:58%;transform:rotate(-6deg);opacity:.16}.cut-art>span{font:900 clamp(60px,7vw,115px)/.9 Arial;letter-spacing:-8px}.cut-art>div{position:relative;display:flex;gap:4px;height:13px;margin-top:14px}.cut-art i{flex:1;background:#111}.cut-art i:nth-child(2){flex:.65}.cut-art i:nth-child(3){flex:1.3}.cut-art b{position:absolute;left:40%;top:-5px;width:3px;height:23px;background:#222222}.tile-editing:hover .cut-art b{animation:scrub 1.2s ease-in-out infinite alternate}.letter-art{position:absolute;right:8%;top:7%;font:800 clamp(115px,11vw,180px)/.9 Arial;letter-spacing:-18px;display:flex;align-items:end;opacity:.1;transition:transform .4s}.letter-art i{font-style:normal;color:#222222;transition:transform .4s}.tile-logo:hover .letter-art{transform:rotate(-7deg)}.tile-logo:hover .letter-art i{transform:translateY(-17px)}.web-art{position:absolute;top:10%;right:6%;width:42%;height:48%;border:1px solid #ffffff75;color:white;transform:rotate(-5deg);transition:transform .4s;background:#222222}.web-art>span{display:block;height:18px;padding:5px 7px;border-bottom:1px solid #ffffff75;font-size:5px;letter-spacing:2px}.web-art>div{padding:14px;display:flex;gap:10px}.web-art i{width:5px;background:white;flex-shrink:0}.web-art b{font:800 clamp(20px,2.4vw,38px)/.85 Arial;letter-spacing:-1.4px;text-transform:uppercase}.tile-web:hover .web-art{transform:rotate(2deg) translateY(-4px)}.move-art{position:absolute;right:5%;top:10%;font:900 clamp(65px,7vw,110px)/.56 Arial;transform:rotate(-14deg);color:#fff;opacity:.18}.move-art span{display:block;transition:transform .4s}.move-art span:nth-child(2){transform:translateX(-24px)}.move-art span:nth-child(3){transform:translateX(-48px)}.tile-motion:hover .move-art span:first-child{transform:translateX(-24px)}.tile-motion:hover .move-art span:nth-child(2){transform:translateX(15px)}.tile-motion:hover .move-art span:nth-child(3){transform:translateX(-10px)}.home-partner .tile-number{font-size:8px}.partner-badge{font:8px var(--mono);border:1px solid #111;padding:5px 7px;align-self:start;margin-top:25px}.home-partner h2{font-size:clamp(45px,4.7vw,76px);font-weight:800;letter-spacing:-4px;line-height:.82;margin:25px 0 20px;max-width:none;position:relative}.home-partner h2>span{font:25px Arial;vertical-align:top;margin-left:7px;color:#222222}.home-partner>p{font-size:12px;line-height:1.6;color:#676767}.partner-lines{display:grid;gap:11px;margin-top:auto;margin-bottom:25px;font-size:11px}.partner-lines>span{display:flex;gap:9px;align-items:center}.partner-lines i{width:18px;height:8px;background:#111}.partner-lines>span:nth-child(2) i{width:27px}.partner-lines>span:nth-child(3) i{width:22px}.partner-lines>span:nth-child(4) i{width:32px}.home-partner .tile-link{font-size:10px}.inner-main{max-width:1240px;padding-bottom:55px}.back-link{display:inline-block;font-size:11px;color:#747474;margin-top:30px}.back-link:hover{color:var(--accent)}.kicker{font:10px/1.6 var(--mono);letter-spacing:.8px;margin:0 0 17px;color:#777}.service-intro{padding:44px 0 35px}.service-intro h1,.partner-hero h1,.contact-panel h1{font-size:clamp(46px,7vw,100px);font-weight:800;letter-spacing:-4px;line-height:1;margin:0 0 26px}.service-description{font-size:16px;line-height:1.8;color:#676767;max-width:680px}.page-nav{display:flex;gap:27px;margin-top:30px;font-size:12px}.page-nav a{border-bottom:1px solid #111;padding-bottom:8px}.page-nav a:hover{color:var(--accent)}.content-section{border-top:1px solid #111;padding-block:42px;margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.section-head h2,.process-section h2{font-size:38px;line-height:1.1;letter-spacing:-1.5px;font-weight:700;margin:0}.section-head>span{font:9px var(--mono);color:#777;letter-spacing:.5px}.section-description{font-size:13px;line-height:1.7;color:#777;max-width:600px;margin:0 0 25px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{padding:26px;border:1px solid #111;background:#fff;display:flex;flex-direction:column}.price-card .kicker{font-size:9px}.price-card h3{font-size:28px;letter-spacing:-.9px;font-weight:700;margin:6px 0 15px}.price-card>p{font-size:13px;line-height:1.75;color:#676767;margin:0 0 25px;flex:1}.price-value{font-size:30px;letter-spacing:-1px;font-weight:700;display:block;padding-bottom:22px}.price-card>a{display:flex;justify-content:space-between;border-top:1px solid #aaa;padding-top:15px;font-size:11px}.price-card>a:hover{color:var(--accent)}.price-note,.work-footnote{font-size:11px;line-height:1.7;color:#777;margin-top:22px}.process-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process-section>div>p:not(.kicker){font-size:14px;line-height:1.8;color:#777;max-width:460px}.solid-link{display:inline-flex;align-items:center;background:#111;color:#fff;font-size:12px;padding:16px 22px;margin-top:18px}.solid-link:hover{background:var(--accent)}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #ccc}.process-list li:first-child{padding-top:0}.process-list li>span{font:11px var(--mono);margin-top:4px;color:#777}.process-list h3{font-size:19px;font-weight:700;margin:0 0 10px}.process-list p{font-size:12px;line-height:1.6;color:#777;margin:0}.other-services{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #111;padding-top:28px;font-size:12px}.other-services a{display:flex;justify-content:space-between;gap:15px;flex:1}.other-services a:hover{color:var(--accent)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-button{display:block;background:none;border:0;padding:0;text-align:left;width:100%}.project-art{position:relative;aspect-ratio:1.65;isolation:isolate;overflow:hidden;background:#eee;color:#111}.project-info{padding-top:18px;display:flex;justify-content:space-between;align-items:center}.project-info h3{font-size:24px;letter-spacing:-.8px;font-weight:700;margin:0 0 7px}.project-info p{font-size:11px;color:#777;margin:0}.project-arrow{font-size:25px;transition:transform .3s}.project-button:hover .project-arrow{transform:translate(3px,-3px)}.art-label{position:absolute;top:17px;left:18px;font:8px var(--mono);z-index:4}.demo-label{position:absolute;bottom:16px;right:16px;font:7px var(--mono);padding:5px 7px;border:1px solid currentColor;z-index:4;opacity:.6}.poster{display:block;width:100%;height:100%;object-fit:cover}.art-flowshot{background:#222222;color:#fff}.flow-center{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transform:rotate(-8deg)}.flow-word{font-size:clamp(35px,5vw,75px);font-weight:800;letter-spacing:-3px}.flow-ring{position:absolute;inset:-55% 14%;border:1px solid #ffffff30;border-radius:50%;transform:rotate(50deg)}.flow-ring.two{inset:14% -55%;transform:rotate(-25deg)}.flow-caption{position:absolute;bottom:22px;left:22px;font:8px var(--mono)}.art-film{background:#eee}.film-border{position:absolute;inset:25px;border:1px solid #aaa;border-radius:50% 50% 0 0}.film-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 39px/1.1 Georgia,serif;letter-spacing:-1px}.film-title em{color:#222222}.film-caption{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px var(--mono)}.art-identity{background:#e3e3e3}.identity-disc{position:absolute;width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#111}.identity-disc:before{content:'';position:absolute;inset:30px;border:18px solid white;border-radius:50%}.identity-disc:after{content:'';position:absolute;height:180px;width:28px;background:#222222;left:61px;top:-15px;transform:rotate(35deg)}.identity-caption{position:absolute;bottom:22px;left:22px;font:8px var(--mono)}.art-digital{background:#222222;color:white}.browser-mock{position:absolute;inset:15% 10%;background:white;color:#111;border:1px solid #111;transform:rotate(-5deg);overflow:hidden}.browser-top{height:18px;border-bottom:1px solid #111;display:flex;align-items:center;gap:4px;padding-left:8px}.browser-top i{width:3px;height:3px;background:#111;border-radius:50%}.mock-nav{display:flex;justify-content:space-between;font-size:7px;padding:12px 15px 0}.mock-body{padding:15px;position:relative}.mock-body strong{display:block;font-size:35px;line-height:.95;letter-spacing:-1.6px;position:relative;z-index:2}.mock-body small{display:block;font-size:6px;margin-top:9px}.mock-pill{font-size:6px;display:inline-block;border-bottom:1px solid #111;padding:6px 0;margin-top:6px}.mock-ball{width:75px;height:75px;background:#222222;position:absolute;right:18px;top:16px;border-radius:50%}.art-experiments{background:#111;color:white}.motion-lines{position:absolute;inset:0;background:repeating-linear-gradient(-20deg,transparent 0 28px,#fff1 29px 30px)}.motion-word{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transform:rotate(-8deg);font-size:clamp(45px,6vw,90px);font-weight:800;letter-spacing:-4px;line-height:.87}.motion-word span{color:#aaa}.partner-hero{padding:50px 0 25px}.partner-hero h1{font-size:clamp(70px,11vw,155px)}.partner-hero>p:not(.kicker){max-width:720px;font-size:18px;line-height:1.7;color:#777}.partner-capabilities{padding:40px 0}#partner-features{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px}.partner-feature{border-top:1px solid #bbb;padding-top:20px}.partner-feature>span{font:10px var(--mono);color:#777}.partner-feature h3{font-size:29px;letter-spacing:-1px;margin:18px 0 12px}.partner-feature p{font-size:14px;line-height:1.8;color:#777;max-width:440px}.partner-note{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:30px 0}.partner-note p{max-width:650px;font-size:15px;line-height:1.8}.contact-panel{padding-top:70px;min-height:65vh}.contact-panel>p:not(.kicker){max-width:640px;font-size:18px;line-height:1.7;color:#777}#contact-links{display:grid;gap:20px;margin-top:40px;justify-items:start}#contact-links>a{font-size:24px;font-weight:700;border-bottom:1px solid #111;padding-bottom:7px}#contact-links>a:hover{color:var(--accent)}.contact-pending{font-size:13px;color:#777}.modal-open{overflow:hidden}dialog{border:1px solid #111;padding:0;width:min(960px,calc(100vw - 40px));max-height:90vh;overflow:auto;background:white;color:#111}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:16px;z-index:10;border:1px solid #111;background:#fff;width:35px;height:35px;font-size:16px}.dialog-close:hover{background:#111;color:white}.dialog-copy{padding:35px}.dialog-copy h2{font-size:39px;font-weight:700;letter-spacing:-1px;margin:0 0 17px}.dialog-copy>p:not(.kicker){font-size:14px;line-height:1.8;color:#777}.media-pending{font-size:12px;color:#777;border-top:1px solid #ccc;margin-top:25px;padding-top:20px}.media-video,.media-embed{display:block;width:100%;aspect-ratio:16/9;border:0;margin-top:24px;background:#111}.website-link{display:inline-block;border-bottom:1px solid #111;padding-bottom:7px;margin-top:17px;font-size:14px}.empty{font-size:14px;color:#777}@keyframes scrub{from{left:10%}to{left:87%}}
@media(max-width:1100px){.site-header,.home-main,.inner-main,.site-footer{width:calc(100% - 56px)}.home-intro h1{font-size:54px}.home-intro>div{max-width:180px}.home-tile{padding:20px}.home-tile h2{font-size:31px;letter-spacing:-1px}.home-partner h2{font-size:56px;letter-spacing:-3px}.home-partner>p{font-size:11px}.home-partner .tile-number{font-size:7px}.partner-lines{font-size:10px}.home-partner .tile-link{font-size:9px}.film-title{font-size:30px}.mock-body strong{font-size:29px}}
@media(max-width:760px){.site-header,.home-main,.inner-main,.site-footer{width:calc(100% - 40px)}.site-header{height:72px}.wordmark{font-size:19px}.site-header nav{gap:22px;font-size:10px}.header-contact{gap:17px}.home{min-height:920px}.home-intro{padding:24px 0 25px}.home-intro h1{font-size:43px;letter-spacing:-2px}.home-intro>div{display:none}.home-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:'web editing' 'logo partner' 'motion partner'}.home-tile{padding:19px;border-bottom:1px solid #111}.tile-editing{border-right:0}.tile-motion{border-bottom:0}.home-partner{border-bottom:0;border-right:0}.home-tile h2{font-size:31px}.home-tile>p{font-size:10px;margin-bottom:15px}.tile-number{font-size:8px}.tile-link{font-size:10px;padding-top:10px}.web-art{top:11%;right:5%;width:43%;height:42%}.web-art>div{padding:10px}.web-art b{font-size:29px}.letter-art{font-size:132px;letter-spacing:-14px;top:8%;right:8%}.cut-art{top:17%;width:63%;right:9px}.cut-art>span{font-size:70px}.move-art{font-size:84px;top:13%}.home-partner h2{font-size:69px;margin-top:25px;margin-bottom:25px}.partner-badge{margin-top:25px}.home-partner>p{font-size:12px;line-height:1.6}.partner-lines{font-size:11px;gap:13px;margin-bottom:26px}.home-partner .tile-number{font-size:8px}.home-partner .tile-link{font-size:10px}.site-footer{height:54px;font-size:9px}.site-footer>span:nth-child(2){display:none}.service-intro{padding-top:35px}.service-intro h1,.contact-panel h1{font-size:48px;letter-spacing:-2px}.service-description{font-size:14px}.content-section{padding-block:30px}.section-head h2,.process-section h2{font-size:30px}.section-head>span{display:none}.projects{gap:24px}.project-info h3{font-size:21px}.film-title{font-size:27px}.flow-word{font-size:38px}.identity-disc{width:125px;height:125px}.identity-disc:before{inset:25px;border-width:14px}.identity-disc:after{left:50px;width:25px;height:150px;top:-12px}.motion-word{font-size:64px}.mock-body strong{font-size:25px}.mock-nav{font-size:6px;padding:9px 11px 0}.mock-body{padding:12px}.mock-ball{width:56px;height:56px;right:10px}.pricing-grid{grid-template-columns:1fr}.price-card h3{font-size:28px}.process-section{grid-template-columns:1fr;gap:33px}.other-services{display:grid;gap:20px}.partner-hero{padding-top:38px}.partner-hero h1{font-size:90px;letter-spacing:-4px}.partner-hero>p:not(.kicker){font-size:15px}#partner-features{gap:30px}.partner-feature h3{font-size:24px}.partner-note{display:block}.partner-note p{font-size:13px}.contact-panel{padding-top:40px}.contact-panel>p:not(.kicker){font-size:15px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:30px}}
@media(max-width:480px){.home{min-height:850px}.site-header{height:62px}.site-header nav>a:first-child{display:none}.site-header nav{gap:17px}.header-contact{gap:15px}.home-intro{padding:22px 0 24px}.home-intro h1{font-size:34px;letter-spacing:-1.8px}.home-tile{padding:14px 13px}.home-tile h2{font-size:26px;letter-spacing:-1px;margin-bottom:8px}.home-tile>p{font-size:9px;margin-bottom:13px}.tile-number{font-size:6px;letter-spacing:.4px}.tile-link{font-size:8px;flex-shrink:0}.tile-link>span{font-size:22px}.web-art{top:13%;right:7%;height:33%;width:49%;opacity:.65}.web-art>span{height:11px;padding:3px;font-size:3px}.web-art>div{padding:7px;gap:5px}.web-art b{font-size:22px}.web-art i{width:3px}.cut-art{top:15%;width:65%}.cut-art>span{font-size:54px;letter-spacing:-4px}.cut-art>div{height:8px;margin-top:10px}.cut-art b{height:17px}.letter-art{font-size:108px;letter-spacing:-12px;top:9%}.move-art{font-size:66px;top:14%;right:2%}.home-partner .tile-number{font-size:6px;letter-spacing:.1px}.partner-badge{margin-top:24px;font-size:6px}.home-partner h2{font-size:clamp(42px,14vw,57px);letter-spacing:-3px;margin:24px 0 20px}.home-partner h2>span{position:absolute;right:0;bottom:-1px;font-size:20px;margin:0}.home-partner>p{font-size:10px;margin-bottom:18px;line-height:1.65}.partner-lines{font-size:9px;gap:12px;margin-bottom:20px}.partner-lines i{height:6px;width:15px}.home-partner .tile-link{font-size:8px;margin-top:auto}.site-footer{height:48px;font-size:8px}.projects{grid-template-columns:1fr}.project-art{aspect-ratio:1.55}.project-info h3{font-size:23px}.film-title{font-size:32px}.flow-word{font-size:51px}.motion-word{font-size:76px}.art-label{font-size:7px}.demo-label{font-size:6px}.mock-body strong{font-size:31px}.mock-ball{width:71px;height:71px}.page-nav{font-size:11px;gap:19px}.partner-hero h1{font-size:79px}#partner-features{grid-template-columns:1fr}.service-intro h1,.contact-panel h1{font-size:42px}.section-head h2{font-size:29px}.inner-main{padding-bottom:35px}.kicker{font-size:9px}}
@media(max-width:350px){.home-intro h1{font-size:30px}.home-tile h2{font-size:22px;letter-spacing:-.6px}.home-tile>p{font-size:8px}.home-partner h2{font-size:42px}.home-partner>p{font-size:9px}.home-partner .tile-number{font-size:5px}.tile-link{font-size:7px}.home-partner .tile-link{font-size:7px}.site-header nav{font-size:9px;gap:13px}.wordmark{font-size:17px}}
@media(max-width:480px){.home{min-height:820px}.partner-hero h1{font-size:clamp(55px,16vw,76px);letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
