@font-face{font-family:St;src:url('assets/St100100-Rg.woff2')}@font-face{font-family:St;src:url('assets/St100100-Bd.woff2');font-weight:700}@font-face{font-family:St;src:url('assets/St100100-Blk.woff2');font-weight:900}:root{--lime:#d2ff45;--purple:#828bff;--paper:#f0f0f0;--black:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--black);font-family:St,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:var(--purple);color:black}.skip{position:fixed;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:0}header{height:90px;padding:18px 3.6%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:50;border-bottom:1px solid #0002}.brand{display:flex;align-items:center;gap:18px}.brand img{width:96px;height:48px;object-fit:contain}.brand span{border-left:1px solid;padding-left:18px;font-size:22px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.contact{border:1px solid;border-radius:40px;padding:12px 20px;font-size:14px}.contact span{margin-left:22px}.contact:hover{background:var(--lime)}.hero{padding:28px 3.6% 0}.hero-top,.hero-bottom,.section-top,.example-toolbar,.caption,.talk-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow,.edition,.section-top,.hero-bottom>a,.frame-note,.media-label,.example-toolbar,.caption,.node-label,figcaption,.talk-bottom{font-size:12px;letter-spacing:.04em}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--black);border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(78px,11.7vw,188px);line-height:.84;letter-spacing:-.06em;font-weight:900;margin:50px 0 30px;position:relative;z-index:2}.outline{-webkit-text-stroke:1.5px var(--black);color:transparent}.lastline{display:flex;justify-content:space-between;align-items:center}.round-link{background:var(--lime);border-radius:50%;width:clamp(65px,9vw,140px);height:clamp(65px,9vw,140px);font-size:.6em;display:grid;place-items:center;font-weight:400;letter-spacing:0;transition:transform .3s}.round-link:hover{transform:rotate(45deg)}.hero-bottom{margin-bottom:32px}.hero-bottom p{font-size:18px;line-height:1.4}.hero-bottom>a span{margin-left:35px}.hero-media{position:relative;height:min(68vw,730px);margin:0 -3.88%;overflow:hidden;background:#333}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 43%}.media-label{position:absolute;left:3.6%;right:3.6%;top:30px;display:flex;align-items:center;justify-content:space-between;color:white;text-shadow:0 1px 4px #000}.play-toggle{border:1px solid #fff8;background:#0004;border-radius:50%;width:44px;height:44px;color:white}.frame-note{position:absolute;bottom:26px;left:3.6%;color:white;padding:10px 17px;background:#0006;border:1px solid #fff5;border-radius:30px}.section{padding:65px 5.5% 110px}.section-top{padding-bottom:26px;border-bottom:1px solid #0004;align-items:start}.section-top>span:last-child{text-align:right}h2{font-size:clamp(48px,7.1vw,112px);font-weight:900;line-height:.96;letter-spacing:-.045em;margin:68px 0 45px}em{font-style:normal}.vision{position:relative;display:grid;grid-template-columns:1.3fr 1fr;column-gap:7%;background:var(--lime)}.vision .section-top{grid-column:1/-1}.vision h2{font-size:clamp(48px,6.7vw,108px)}.vision h2 em{color:#526515}.aside-copy{align-self:end;padding-bottom:35px;max-width:380px;justify-self:end}.aside-copy p{font-size:20px;line-height:1.5}.aside-copy p+p{font-size:17px}.small-arrow{font-size:80px;display:block;margin-bottom:30px}.creation{background:var(--black);color:var(--paper)}.creation .section-top,.workflow .section-top{border-color:#fff5}.creation h2{font-size:clamp(58px,10.2vw,164px)}.creation h2 span{color:var(--lime)}.creation-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end}.lead{font-size:clamp(26px,3vw,46px);line-height:1.17;letter-spacing:-.025em;margin:0}.small-copy{font-size:17px;line-height:1.5;max-width:370px;color:#b7b7b7}.offerings{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:90px}.offerings article{border-top:1px solid #fff5;padding-top:22px}.offerings article>span{font-size:14px;color:var(--lime)}h3{font-size:30px;line-height:1.05;letter-spacing:-.025em}.offerings h3{font-size:clamp(25px,3.3vw,53px);margin:35px 0 24px}.offerings p{color:#b7b7b7;font-size:17px;line-height:1.5;max-width:340px}.offerings b{display:block;font-size:11px;font-weight:400;letter-spacing:.08em;margin-top:38px}.example{background:var(--paper)}.split-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:60px}.split-heading h2{margin-bottom:0}.split-heading p,.workflow-heading p{max-width:400px;font-size:18px;line-height:1.5;margin-bottom:2px}.example-toolbar{margin-bottom:20px}.tabs{display:flex;border:1px solid #0003;padding:4px;border-radius:40px;gap:4px}.tabs button{border:0;background:transparent;border-radius:30px;padding:12px 22px;font-size:14px}.tabs button[aria-selected=true]{background:var(--black);color:white}.tabs span{margin-left:18px}.example-stage{background:#222;position:relative;aspect-ratio:16/9;overflow:hidden}.example-stage video,.example-stage img{width:100%;height:100%;object-fit:cover;display:block}.example-stage [role=tabpanel]{width:100%;height:100%}.example-stage [hidden]{display:none}.big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lime);border:0;border-radius:80px;padding:20px 30px;font-size:14px;white-space:nowrap}.caption{align-items:start;margin-top:18px;font-size:10px}.caption p{max-width:340px;margin:0;line-height:1.5;text-align:right;color:#555}.workflow{background:var(--black);color:var(--paper)}.workflow-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:7%;margin-bottom:65px}.workflow-heading h2{font-size:clamp(48px,6vw,94px);margin-bottom:0}.workflow-heading em{color:var(--purple)}.workflow-heading p{color:#bbb}.flow-map{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;align-items:center}.node{border:1px solid #ffffff40;border-radius:12px;overflow:hidden;background:#171717;padding:22px;align-self:stretch}.node-label{display:block;font-size:10px;color:#aaa;margin-bottom:22px}.node img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px}.node h3{font-size:25px;margin:24px 0 13px}.node p{font-size:15px;line-height:1.5;color:#aaa;margin:0}.connector{text-align:center;color:var(--purple);font-size:35px}.middle{border-color:var(--purple)}.mini-nodes{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;gap:5px}.mini-nodes span{border:1px solid #828bff88;padding:9px 14px;border-radius:4px;background:#828bff12}.mini-nodes b{color:var(--purple);font-weight:400}.output-visual{position:relative}.output-visual span{position:absolute;bottom:12px;left:12px;background:var(--lime);color:black;border-radius:20px;padding:6px 12px;font-size:10px}.workflow-details{border-top:1px solid #fff4;border-bottom:1px solid #fff4;margin-top:45px}.workflow-details summary{list-style:none;cursor:pointer;padding:22px 0;font-size:16px;display:flex;justify-content:space-between}.workflow-details summary::-webkit-details-marker{display:none}.workflow-details summary span{font-size:25px;color:var(--purple)}.workflow-details[open] summary span{transform:rotate(45deg)}figure{margin:0 0 25px}figure img{width:100%;display:block}figcaption{color:#aaa;line-height:1.5;margin-top:15px}.quality{background:var(--purple)}.quality h2{font-size:clamp(50px,7.5vw,120px)}.quality h2>span{font-size:.65em}.quality-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:70px}.quality-list>div{display:flex;gap:35px;border-top:1px solid #0005;padding:18px 0}.quality-list>div>span{font-size:12px;padding-top:5px}.quality-list p{margin:0;line-height:1.45;font-size:17px}.quality-list b{display:block;font-size:22px;line-height:1.2;margin-bottom:12px}.collaboration h2{font-size:clamp(48px,6.3vw,100px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:70px}.steps article{border-top:1px solid #0005;padding-top:22px}.steps article>span{font-size:12px}.steps h3{margin:38px 0 18px;font-size:32px}.steps p{max-width:330px;font-size:17px;line-height:1.5}.talk{background:var(--lime);padding-bottom:45px}.talk>p{margin-top:60px;font-size:26px;line-height:1.3}.talk h2{font-size:clamp(68px,13.5vw,220px);white-space:nowrap;letter-spacing:-.055em;margin:65px 0;display:flex;justify-content:space-between;align-items:center}.talk h2>span{font-weight:400;font-size:.8em}.talk-bottom{border-top:1px solid #0004;padding-top:28px;font-size:11px}footer{background:var(--black);color:#aaa;padding:36px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px}footer img{width:80px;filter:invert(1)}footer small{font-size:10px;max-width:210px}.reveal{transition:transform .75s,opacity .75s}.js .reveal:not(.visible){opacity:0;transform:translateY(28px)}@media(min-width:1800px){main,header,footer{max-width:2000px;margin:auto}}@media(max-width:850px){header{height:75px;padding:14px 5%}.brand img{width:75px;height:38px}.brand span{font-size:18px;padding-left:12px}.brand{gap:12px}nav{display:none}.contact{padding:10px 15px}.hero{padding:25px 5% 0}.edition{font-size:9px}.hero h1{font-size:13vw;margin-top:45px}.hero-bottom p{font-size:15px}.hero-bottom>a{font-size:9px}.hero-bottom>a span{margin-left:10px}.hero-media{margin:0 -5.56%;height:64vw}.section{padding:40px 6% 65px}.section-top{font-size:9px;gap:20px}.eyebrow{font-size:10px}h2{margin-top:45px}.vision{grid-template-columns:1fr}.vision h2{font-size:10vw}.aside-copy{max-width:440px;margin-top:0;padding-bottom:0}.small-arrow{display:none}.aside-copy p{font-size:19px}.creation-intro{gap:7%;grid-template-columns:1.2fr 1fr}.small-copy{font-size:14px}.offerings{gap:5%;margin-top:55px}.offerings p{font-size:15px}.offerings h3{font-size:28px}.split-heading,.workflow-heading{grid-template-columns:1fr;gap:30px}.split-heading p,.workflow-heading p{max-width:480px;font-size:17px}.flow-map{grid-template-columns:1fr 30px 1fr 30px 1fr}.node{padding:14px}.node-label{font-size:8px}.node h3{font-size:20px}.node p{font-size:13px}.connector{font-size:25px}.mini-nodes{font-size:8px;gap:3px}.mini-nodes span{padding:5px 8px}.quality-bottom{gap:7%}.quality-list b{font-size:20px}.quality-list p{font-size:15px}.quality-list>div{gap:20px}.steps h3{font-size:25px}.steps p{font-size:15px}.talk h2{font-size:13vw}.talk-bottom>span:last-child{font-size:9px}footer{flex-wrap:wrap}footer small{max-width:none}}
@media(max-width:560px){.edition{display:none}.hero h1{font-size:14vw;line-height:.9;margin-bottom:25px}.hero-bottom{align-items:end;margin-bottom:20px}.hero-bottom p{font-size:13px}.hero-bottom>a{max-width:85px;font-size:8px;line-height:1.5}.hero-bottom>a span{display:none}.hero-media{height:78vw}.hero-media video{object-position:55% center}.media-label{top:16px;font-size:9px}.frame-note{font-size:9px;bottom:16px}.section-top>span:last-child{font-size:8px}.vision h2{font-size:12vw}.aside-copy p{font-size:18px}.aside-copy p+p{font-size:16px}.creation h2{font-size:13vw}.creation-intro{grid-template-columns:1fr;gap:20px}.small-copy{font-size:15px;max-width:none}.lead{font-size:29px}.offerings{grid-template-columns:1fr;gap:40px}.offerings h3{font-size:38px;margin:25px 0 18px}.offerings b{margin-top:20px}.split-heading h2{font-size:12vw}.example-toolbar{align-items:end;gap:10px}.example-toolbar>span{max-width:65px;font-size:8px;line-height:1.5;text-align:right}.tabs button{padding:10px 13px;font-size:11px}.tabs span{margin-left:5px}.example-stage{aspect-ratio:4/3}.big-play{font-size:11px;padding:16px 20px}.caption{flex-direction:column;gap:12px}.caption p{text-align:left;max-width:none}.workflow-heading h2{font-size:10.5vw}.flow-map{grid-template-columns:1fr;max-width:400px;margin:auto}.connector{height:45px;transform:rotate(90deg);display:grid;place-items:center}.node{padding:22px}.node-label{font-size:11px}.node img{aspect-ratio:16/9}.node h3{font-size:27px}.node p{font-size:16px}.mini-nodes{aspect-ratio:16/8;font-size:12px;gap:6px}.mini-nodes span{padding:8px 14px}.quality h2{font-size:12vw}.quality h2>span{font-size:.62em}.quality-bottom{grid-template-columns:1fr;gap:45px;margin-top:45px}.quality-list b{font-size:22px}.quality-list p{font-size:16px}.collaboration h2{font-size:10.2vw}.steps{grid-template-columns:1fr;gap:30px;margin-top:45px}.steps h3{font-size:30px;margin:25px 0 15px}.steps p{font-size:16px;max-width:none}.talk>p{font-size:22px;margin-top:45px}.talk h2{margin:50px 0;font-size:12.7vw}.talk-bottom{align-items:start;flex-direction:column;gap:20px}footer{padding:30px 6%;gap:25px}footer>span{max-width:180px;font-size:11px}footer small{width:100%;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.js .reveal:not(.visible){opacity:1;transform:none}}

.about{background:#f0f0f0;border-top:1px solid #0003}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;margin-top:65px;align-items:center}.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;display:block}.about-copy h2{font-size:clamp(42px,4.8vw,76px);margin:25px 0 38px}.about-copy h2 span{display:block;font-size:.38em;font-weight:400;letter-spacing:-.02em;margin-top:15px}.about-copy .lead{font-size:clamp(24px,2.5vw,39px)}.about-trust{font-size:18px;line-height:1.4;margin-top:32px}.brand-references{list-style:none;padding:0;margin:25px 0 35px;display:flex;gap:12px 25px;flex-wrap:wrap;font-size:20px;font-weight:700;line-height:1.4}.brand-references li:last-child{font-size:15px;font-weight:400;align-self:center}.about-mail{display:flex;justify-content:space-between;border-top:1px solid #0004;padding-top:20px;font-size:17px}.about-mail:hover{text-decoration:underline}.talk h2>a{display:flex;width:100%;justify-content:space-between;align-items:center}.talk h2>a>span{font-weight:400;font-size:.8em}.talk h2>a:hover>span{transform:translate(5px,-5px);transition:transform .2s}@media(max-width:850px){.about-grid{gap:6%}.brand-references{font-size:17px;gap:10px 18px}.about-trust{font-size:16px}.about-copy h2{margin-bottom:28px}}@media(max-width:560px){.about-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.about-photo img{aspect-ratio:1/1;object-position:50% 35%}.about-copy h2{font-size:44px}.about-copy .lead{font-size:28px}.brand-references{font-size:19px}}

/* YUYA-inspired motion: large soft entrances, stagger and subtle depth. */
.motion-ready .motion-enter{opacity:0;transform:translate3d(0,160px,0);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .9s ease;transition-delay:var(--entrance-delay,0ms)}
.motion-ready .motion-heading{transform:translate3d(0,100px,0)}
.motion-ready .motion-enter.motion-in{opacity:1;transform:translate3d(0,0,0)}
.hero-line{display:block;animation:hero-rise 1.25s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--line-index)*.13s);transform-origin:left bottom}
@keyframes hero-rise{from{opacity:0;transform:translate3d(0,95px,0);clip-path:inset(100% 0 -20% 0)}to{opacity:1;transform:translate3d(0,0,0);clip-path:inset(-20% 0 -20% 0)}}
.drift-media{overflow:hidden}.drift-media>video,.drift-media>img{transform:translate3d(0,var(--media-drift,0px),0) scale(1.12);will-change:transform}
.talk{overflow:hidden}.motion-ready .talk h2.motion-in{transform:translate3d(0,var(--footer-drift,0px),0);transition:opacity .9s ease}
.node,.steps article,.offerings article{backface-visibility:hidden}
@media(max-width:600px){.motion-ready .motion-enter{transform:translate3d(0,80px,0);transition-duration:1s,.7s}.motion-ready .motion-heading{transform:translate3d(0,60px,0)}.motion-ready .motion-enter.motion-in{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.hero-line{animation:none}.motion-ready .motion-enter{opacity:1;transform:none;transition:none}.drift-media>video,.drift-media>img{transform:none;will-change:auto}.motion-ready .talk h2.motion-in{transform:none}}

.cinematic-film{background:#080808;padding:0 5.5% 65px}.cinematic-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}@media(max-width:560px){.cinematic-film{padding:0 6% 40px}}
