@charset "UTF-8";
:root{--paper:#f5f5f2;--ink:#101113;--muted:#66686e;--blue:#2448ff;--white:#fff;--line:#dedfe3;--dark:#0a0d10;--source-blue:#5267fa;--page-pad:clamp(24px,5vw,72px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:24px}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:clip}body:has(.film-dialog[open]){overflow:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}button{cursor:pointer}button[aria-disabled=true]{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:7px}::selection{background:#d7ddff;color:var(--ink)}[hidden]{display:none!important}.container{width:100%;max-width:1440px;padding-inline:var(--page-pad);margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;padding:16px 24px;background:var(--white);border-radius:99px;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.wordmark{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.75rem;line-height:1.2;font-weight:550;letter-spacing:-.045em}.brand-symbol{width:40px;height:40px;flex:0 0 40px;object-fit:contain}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border-radius:999px;padding:16px 24px;font-size:1rem;line-height:1.4;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:transform 250ms var(--ease),background 250ms}.button span,.text-link span{display:inline-block;transition:transform 250ms var(--ease)}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.button:active{transform:scale(.98)}.button-blue{color:var(--white);background:var(--blue)}.button-white{color:var(--blue);background:var(--white)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;min-height:48px}.accent{color:var(--blue)}.line-mask{display:block;overflow:clip;padding:.055em .02em .1em;margin:-.055em -.02em -.1em}.line-mask>span{display:block;transform-origin:50% 100%}h1,h2{font-weight:510;letter-spacing:-.048em}h2{font-size:clamp(2.625rem,4.45vw,4rem);line-height:1.035}
.hero{position:relative;isolation:isolate;min-height:max(820px,51.25rem);height:min(960px,100svh);overflow:clip}.navigation{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:32px}.navigation .wordmark{flex:1}.navigation nav{display:flex;gap:36px;font-size:.875rem;line-height:1.4;font-weight:500;flex:1;justify-content:center}.navigation nav a{padding-block:14px;transition:opacity 200ms}.navigation nav a:hover{opacity:.5}.nav-cta{margin-left:auto}.hero-copy{position:relative;z-index:3;display:flex;align-items:center;flex-direction:column;text-align:center;width:min(720px,90%);margin:clamp(180px,21.05vh,202px) auto 0}.hero h1{font-size:clamp(4rem,7.22vw,6.5rem);line-height:.962;letter-spacing:-.048em}.hero-description{font-size:1.25rem;line-height:1.4;letter-spacing:-.015em;color:var(--muted);margin-top:24px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.hero-art{position:absolute;inset:0;z-index:1;pointer-events:none}.tile-position{position:absolute;aspect-ratio:16/9}.hero-tile{height:100%;width:100%;border-radius:16px;overflow:hidden;background:var(--dark);backface-visibility:hidden}.hero-tile img{height:100%;width:100%;object-fit:cover}.tile-position-identity{left:3.8%;top:18.7%;width:16.3%}.tile-position-creators{left:81.25%;top:16.5%;width:19.85%}.tile-position-reach{left:-7.6%;top:54.2%;width:21.9%}.tile-position-workflow{left:86.8%;top:52.1%;width:19.6%}.tile-position-mosaic{left:71.2%;top:80.4%;width:19.6%}.tile-position-people{left:9.2%;top:82.8%;width:16.7%}.tile-identity{transform:rotate(8deg)}.tile-creators{transform:rotate(-7deg)}.tile-reach{transform:rotate(-8deg)}.tile-workflow{transform:rotate(9deg)}.tile-mosaic{transform:rotate(7deg)}.tile-people{transform:rotate(-6deg)}
.work{position:relative;background:var(--dark);color:var(--white);padding-block:80px 48px;scroll-margin-top:0}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:46px}.work-intro{font-size:1.25rem;line-height:1.4;letter-spacing:-.015em;min-width:310px}.work-intro span{color:#c4c6cb}.film-stage{position:relative;aspect-ratio:16/9;isolation:isolate}.film-preview{position:relative;display:block;width:100%;height:100%;background:#050909;padding:0;color:var(--ink);border-radius:16px;overflow:hidden;text-align:center}.film-poster,.preview-video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.preview-video{opacity:0;transition:opacity 450ms}.preview-video.is-playing{opacity:1}.film-preview::after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity 250ms}.film-preview:hover::after{opacity:.13}.play-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:16px 24px;background:var(--white);border-radius:999px;font-size:1rem;font-weight:600;white-space:nowrap;z-index:2;box-shadow:0 2px 20px #0002;transition:transform 300ms var(--ease)}.film-preview:hover .play-pill{transform:translate(-50%,-50%) scale(1.06)}.play-glyph{font-size:.75rem}.preview-toggle{position:absolute;right:20px;bottom:20px;z-index:3;width:44px;height:44px;color:var(--white);background:#0008;border:1px solid #ffffff30;border-radius:50%;font-size:1rem}.film-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.875rem;line-height:1.5;letter-spacing:.007em;margin-top:24px}.caption-slash{display:inline-block;margin-inline:20px;color:#979ba7}.sound-link{color:inherit;background:transparent;padding:8px 0;font-size:.875rem}.sound-link>span{margin-inline:10px}.sound-link>span:last-child{margin-right:0}.film-handoff{position:absolute;left:0;top:0;z-index:8;pointer-events:none;border-radius:16px;overflow:hidden;transform-origin:50% 50%;background:var(--dark)}.film-handoff img{width:100%;height:100%;object-fit:cover}
.process{padding-block:96px 80px}.process-heading{text-align:center}.process-heading>p{margin-top:24px;color:var(--muted);font-size:1.25rem;line-height:1.4;letter-spacing:-.015em}.transformation{position:relative;display:grid;grid-template-columns:minmax(0,.91fr) 100px minmax(0,1fr);align-items:start;gap:28px;margin-top:76px}.input-tray{background:var(--white);border-radius:24px;padding:26px 32px 32px;aspect-ratio:542/350}.asset-url{font-size:1.25rem;line-height:1.4;color:var(--muted)}.asset-url span{margin-right:8px}.source-assets{display:grid;grid-template-columns:1.33fr 1fr 1fr;gap:24px;margin-top:22px;align-items:stretch}.source-logo{background:var(--dark);border-radius:12px;display:grid;place-items:center;aspect-ratio:160/148}.source-logo img{width:58%;height:auto}.source-portrait{width:100%;height:100%;aspect-ratio:120/148;object-fit:cover;border-radius:16px}.asset-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:30px}.palette{display:flex;gap:12px;flex-shrink:0}.palette span{display:block;width:clamp(24px,3.06vw,44px);aspect-ratio:1;border-radius:50%;background:var(--dark);border:1px solid var(--line)}.palette span:nth-child(2){background:var(--source-blue)}.palette span:nth-child(3){background:var(--white)}.asset-bottom p{font-size:.875rem;color:var(--muted);line-height:1.4}.transformation-arrow{align-self:center;color:var(--blue);font-size:4rem;line-height:1;transform:translateY(-20px);text-align:center;font-weight:400}.output-frame{aspect-ratio:598/350;border-radius:16px;background:var(--dark);overflow:hidden}.output-image{width:100%;height:100%;object-fit:cover}.transformation figcaption{text-transform:uppercase;font-size:.875rem;letter-spacing:.03em;line-height:1.4;color:var(--muted);margin-top:22px}.asset-traveler{position:absolute;border-radius:16px;object-fit:cover;pointer-events:none;z-index:5;visibility:hidden}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:72px 0 0}.steps h3{font-size:clamp(1.25rem,1.95vw,1.75rem);line-height:1.2;font-weight:510;letter-spacing:-.025em}.steps h3 span{margin-right:12px}.steps p{font-size:1.25rem;line-height:1.4;color:var(--muted);letter-spacing:-.015em;margin-top:12px}
.closing{position:relative;isolation:isolate;background:var(--blue);color:var(--white);overflow:clip}.closing-bg{position:absolute;inset:0;background:var(--blue);z-index:-1}.closing-inner{padding-top:102px}.closing-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:.875rem;line-height:1.4;letter-spacing:.025em;text-transform:uppercase;margin-bottom:30px}.closing h2{font-size:clamp(3.5rem,7.22vw,6.5rem);line-height:.962;letter-spacing:-.048em}.closing-description{font-size:1.25rem;line-height:1.4;letter-spacing:-.015em;margin-top:26px}.closing-copy .button{margin-top:26px}.faq{max-width:960px;margin:116px auto 0}.faq h3{font-size:1.75rem;font-weight:510;letter-spacing:-.025em;line-height:1.25;margin-bottom:22px}.faq details{border-bottom:1px solid #ffffff38}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding-block:22px;font-size:1.25rem;line-height:1.4;letter-spacing:-.015em;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq-icon{font-size:1.375rem;transition:transform 220ms var(--ease);width:24px;flex-shrink:0;text-align:center}.faq details[open] .faq-icon{transform:rotate(45deg)}.faq-answer{max-width:750px}.faq-answer p{font-size:1.0625rem;line-height:1.6;color:#e0e5ff;padding-bottom:24px}.faq-answer a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:76px 44px}.footer>span,.footer>a{font-size:.875rem;letter-spacing:.007em}.footer>a{color:inherit;text-decoration:none}.footer>a:hover{text-decoration:underline}.film-dialog{padding:0;border:0;width:min(1320px,94vw);max-width:none;max-height:94svh;overflow:auto;background:var(--dark);color:var(--white);border-radius:16px}.film-dialog::backdrop{background:#030509ed;backdrop-filter:blur(12px)}.dialog-inner{padding:20px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.dialog-top h2{font-size:1.25rem;line-height:1.4;letter-spacing:-.015em}.dialog-top h2 span{font-weight:400;color:#aaadb5;margin-left:12px}.close-film{display:flex;align-items:center;gap:16px;color:var(--white);background:transparent;font-size:.875rem;min-height:44px;padding:4px 10px}.close-film span{font-size:2rem;font-weight:300}.full-film{width:100%;max-height:calc(94svh - 94px);aspect-ratio:16/9;border-radius:8px;background:#000}.video-error{padding:16px;font-size:1rem}.video-error a{text-decoration:underline}
@supports(interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.faq details::details-content{height:0;overflow:clip;transition:height 220ms ease,content-visibility 220ms;transition-behavior:allow-discrete}.faq details[open]::details-content{height:auto}}
@media(min-width:1600px){.hero{height:960px;max-width:1800px;margin:auto}.hero-copy{margin-top:202px}}
@media(max-width:1050px){.hero{min-height:790px}.hero-copy{margin-top:180px}.work-intro{min-width:250px;font-size:1.0625rem}.transformation{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:20px}.input-tray{padding:22px;aspect-ratio:auto;min-height:275px}.source-assets{gap:12px}.asset-bottom{gap:16px;margin-top:24px}.palette{gap:6px}.asset-bottom p{font-size:.875rem}.output-frame{aspect-ratio:auto;height:275px}.transformation-arrow{font-size:3rem}.steps{gap:24px}.steps p{font-size:1.0625rem}.closing h2{font-size:clamp(3.5rem,7.6vw,6.5rem)}}
@media(max-width:700px){:root{--page-pad:24px;scroll-padding-top:16px}.navigation{padding-top:24px;gap:16px}.wordmark{font-size:1.375rem;gap:8px}.brand-symbol{width:32px;height:32px;flex-basis:32px}.navigation nav{display:none}.navigation .nav-cta{font-size:.8125rem;min-height:44px;padding:12px 17px;gap:8px}.hero{height:max(840px,52.5rem);min-height:780px;max-height:none}.hero-copy{width:calc(100% - 32px);margin-top:230px}.hero h1{font-size:clamp(3.25rem,13.85vw,4.75rem);letter-spacing:-.047em}.hero-description{font-size:1.0625rem;line-height:1.5;margin-top:24px}.hero-actions{gap:18px;flex-direction:column;margin-top:24px}.hero-actions .text-link{font-size:.9375rem;min-height:36px}.button{font-size:.9375rem;min-height:52px;padding:14px 22px}.hero-tile{border-radius:10px}.tile-position-identity{width:36%;left:-8%;top:17%}.tile-position-creators{width:42%;left:77%;top:17%}.tile-position-reach,.tile-position-workflow{display:none}.tile-position-people{width:35%;left:-3%;top:79%}.tile-position-mosaic{width:40%;left:68%;top:82%}h2{font-size:clamp(2.25rem,8.7vw,3rem);line-height:1.055;letter-spacing:-.043em}.work{padding:60px 0 32px}.work-heading{display:block;margin-bottom:32px}.work-intro{font-size:1rem;margin-top:24px}.film-preview{border-radius:10px}.play-pill{min-height:46px;font-size:.875rem;padding:12px 18px;gap:8px}.preview-toggle{width:36px;height:36px;right:12px;bottom:12px;font-size:.8125rem}.film-caption{align-items:flex-start;font-size:.8125rem;gap:16px;margin-top:18px}.film-caption>p{max-width:60%;line-height:1.7}.caption-slash{margin-inline:6px}.sound-link{font-size:.8125rem;padding-top:0;line-height:1.7;white-space:nowrap}.sound-link>span{margin-inline:4px}.process{padding:64px 0}.process-heading>p{font-size:1.0625rem;line-height:1.5;margin-top:24px}.transformation{grid-template-columns:1fr;gap:24px;margin-top:44px}.input-tray{padding:24px;min-height:0;aspect-ratio:auto}.asset-url{font-size:1rem}.source-assets{gap:16px;margin-top:18px}.source-portrait{border-radius:10px}.asset-bottom{margin-top:24px;gap:24px}.palette{gap:10px}.palette span{width:32px}.transformation figcaption{font-size:.8125rem;margin-top:16px}.transformation-arrow{font-size:2.5rem;transform:rotate(90deg);margin:0 auto;line-height:1.2}.output-frame{height:auto;aspect-ratio:16/9}.steps{grid-template-columns:1fr;gap:28px;margin-top:44px}.steps h3{font-size:1.375rem}.steps p{font-size:1.0625rem;margin-top:10px;padding-left:38px}.closing-inner{padding-top:72px}.eyebrow{font-size:.75rem;max-width:270px;line-height:1.6;margin-bottom:28px}.closing h2{font-size:clamp(2.9rem,11.4vw,4.5rem);line-height:1.025;letter-spacing:-.05em}.closing-description{font-size:1.0625rem;max-width:310px;line-height:1.5;margin-top:24px}.faq{margin-top:76px}.faq h3{font-size:1.375rem;margin-bottom:12px}.faq summary{font-size:1.0625rem;padding-block:20px}.faq-answer p{font-size:1rem}.footer{padding-block:58px 32px}.footer>span,.footer>a{font-size:.8125rem}.dialog-inner{padding:12px}.dialog-top{gap:12px;margin-bottom:10px}.dialog-top h2{font-size:1rem}.dialog-top h2 span{display:block;font-size:.875rem;margin:0}.close-film{gap:8px}.film-dialog{width:96vw;border-radius:12px}.film-handoff{display:none!important}}
@media(max-width:360px){.navigation .wordmark{font-size:1.1875rem}.navigation .nav-cta{padding-inline:12px;gap:6px}.hero-copy{margin-top:215px}.hero h1{font-size:3rem}.hero-description{font-size:1rem}.hero{height:800px}.asset-bottom{gap:14px}.palette span{width:26px}.source-assets{gap:10px}.closing h2{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.preview-video,.film-handoff{display:none!important}}

.work-project+.work-project{margin-top:72px}.project-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.project-heading h3{font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:-.02em}.project-number{color:#979ba7;margin-right:16px}.spec-label{flex-shrink:0;font-size:.875rem;line-height:1.4;color:#c4c6cb;padding:6px 12px;border:1px solid #ffffff30;border-radius:99px}@media(max-width:700px){.work-project+.work-project{margin-top:48px}.project-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.project-heading h3{font-size:1rem}.project-number{margin-right:10px}.spec-label{padding:4px 10px}}