/* Progressive motion: readable before JavaScript, controllable while running. */
.home-page .site-header{max-width:none;background:#151714;color:#f5f5ef;border-color:#383c32;position:relative;z-index:5}
.home-page .brand-symbol{background:var(--lime);color:#151714}.home-page .brand-period{color:var(--lime)}
.home-page .site-header .button{background:var(--lime);color:#151714;border-color:var(--lime)}
.home-page .site-header .button:hover{background:#f5f5ef;border-color:#f5f5ef}
.home-page .site-header nav>a:not(.button):hover{color:var(--lime)}
.home-page .language{border-color:#454a3d}
.home-page .menu-toggle{color:var(--paper)}
.hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;padding-left:max(56px,calc((100% - 1440px)/2));padding-right:max(56px,calc((100% - 1440px)/2));background:#151714;color:var(--paper)}
.hero::before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#151714ed,#151714b8),url('/assets/texture.png') center/cover;opacity:.6}
.hero-top,.hero h1,.hero-bottom{position:relative;z-index:1}
.hero h1{font-size:clamp(4.5rem,8.6vw,9rem);max-width:1320px;letter-spacing:-.07em;margin-top:45px;margin-bottom:45px}
.hero-line{display:block}.hero h1 em{color:#171917;background:transparent;isolation:isolate}
.hero h1 em::before{content:'';background:var(--lime);position:absolute;inset:0;z-index:-1;transform-origin:left center}
.hero .asterisk{display:inline-block;color:var(--lime)}.hero .eyebrow{color:#d7dace}
.hero .location{color:#b2b7a9}.hero-bottom>p{color:#bdc3b4}.hero-index{color:#939c86}
.hero .button{background:var(--lime);border-color:var(--lime);color:var(--ink)}.hero .button:hover{background:#f5f5ef;border-color:#f5f5ef}
.hero .text-link:hover{color:var(--lime)}
.hero-tools{display:flex;align-items:center;gap:26px}
.motion-toggle{display:inline-flex;gap:9px;align-items:center;min-height:40px;padding:7px 12px;border:1px solid #5e6950;border-radius:30px;background:#151714a8;color:#dfe7d0;font-size:12px;line-height:1.3;cursor:pointer}
.motion-toggle:hover,.motion-toggle:focus-visible{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.motion-toggle[aria-pressed="true"]{border-color:var(--lime)}.motion-toggle-icon{font-size:14px;min-width:14px;text-align:center}
.hero-orbit{position:absolute;z-index:-1;right:-75px;top:40px;width:510px;height:510px;pointer-events:none;opacity:.65;transform:rotate(-18deg)}
.orbit-ring{position:absolute;inset:0;border:1px solid #cbff6260;border-radius:50%;box-shadow:inset 0 0 55px #d6ff5f05}
.orbit-ring:nth-child(1){inset:15% -6%;transform:rotate(40deg);border-color:#c8ff6960}
.orbit-ring:nth-child(2){inset:-3% 20%;transform:rotate(-25deg);border-color:#d6ff5f80}
.orbit-ring:nth-child(3){inset:11%;border-color:#d6ff5f30}
.orbit-ring:nth-child(1)::after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--lime);top:12%;left:12%;box-shadow:0 0 32px #d6ff5f60}
.orbit-center{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle,#d6ff5f15,transparent 68%);border:1px solid #d6ff5f15}
.ticker{background:var(--lime);color:var(--ink);padding:24px 0;border-top:1px solid #d6ff5f;position:relative}
.ticker b{color:var(--ink)}.ticker-track{display:flex;flex:none;width:max-content;max-width:none}
.ticker-group{display:flex;flex:none;align-items:center;justify-content:space-around;gap:50px;padding-right:50px;min-width:100vw}
.ticker.is-enhanced{justify-content:flex-start;gap:0}
.motion-active .ticker-track{animation:studio-marquee 32s linear infinite}
.motion-active .hero-orbit{animation:studio-orbit 28s linear infinite}
.motion-active .hero .asterisk{animation:studio-spin 14s linear infinite}
.motion-active .hero h1 em::before{animation:studio-highlight 1s cubic-bezier(.2,.8,.2,1) both}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.is-outside .ticker-track{animation-play-state:paused}
html[data-motion="paused"] .ticker-track,html[data-motion="paused"] .hero-orbit,html[data-motion="paused"] .asterisk,html[data-motion="paused"] .hero h1 em::before{animation-play-state:paused}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.project-visual{transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s}
.mini-app,.preview-center,.flow span,.project-link b,.plus,.big-asterisk,.circle-cta span{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.service-row{position:relative;isolation:isolate}.service-row::before{content:'';position:absolute;inset:0 -18px;z-index:-1;background:#d6ff5f38;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.service-row h3{transition:transform .45s,color .3s}.service-row:focus-visible::before{transform:scaleY(1)}
.button{position:relative;transition:background .25s,color .25s,transform .3s,box-shadow .3s}.button:active{transform:scale(.98)}
.text-link{position:relative;border-bottom-color:transparent}.text-link::after{content:'';height:1px;background:currentColor;position:absolute;bottom:0;left:0;width:100%;transform-origin:left;transition:transform .35s}
.text-link:hover::after{transform:scaleX(.65)}.circle-cta{transition:background .3s,color .3s,transform .5s}
.faq details[open]>p{animation:studio-answer .35s ease-out}.faq summary span{transition:transform .25s}
.process-grid article{position:relative}.process-grid article::before{content:'';position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--lime);transition:width .65s}.process-grid article:hover::before{width:100%}
@media(hover:hover) and (pointer:fine){
 .work-card:hover .project-visual,.work-card:focus-visible .project-visual{transform:translateY(-7px);box-shadow:0 20px 40px #1719171b}
 .work-card:hover .mini-app,.work-card:focus-visible .mini-app{transform:rotate(0) scale(1.035)}
 .work-card:hover .preview-center{transform:translateX(10px)}
 .work-card:hover .flow span:nth-of-type(1){transform:translateY(-5px)}.work-card:hover .flow span:nth-of-type(2){transform:translateY(-9px);transition-delay:55ms}.work-card:hover .flow span:nth-of-type(3){transform:translateY(-13px);transition-delay:110ms}
 .work-card:hover .project-link b{transform:rotate(90deg)}.service-row:hover::before{transform:scaleY(1)}.service-row:hover h3{transform:translateX(7px);color:#273c09}.service-row:hover .plus{transform:rotate(90deg)}
 .button:hover{transform:translateY(-3px);box-shadow:0 9px 22px #14191118}.circle-cta:hover{transform:rotate(-7deg)}.circle-cta:hover span{transform:rotate(90deg)}.studio:hover .big-asterisk{transform:rotate(90deg)}
}
@keyframes studio-marquee{to{transform:translateX(-50%)}}
@keyframes studio-orbit{to{transform:rotate(342deg)}}
@keyframes studio-spin{to{transform:rotate(360deg)}}
@keyframes studio-highlight{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
@keyframes studio-answer{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero{padding-left:32px;padding-right:32px}.hero-orbit{width:430px;height:430px;right:-125px;top:85px}.hero-tools{gap:14px}.hero .location{max-width:125px;text-align:right}.hero h1{font-size:clamp(4.5rem,8.6vw,8rem)}}
@media(max-width:760px){
 .home-page .site-header nav{background:#151714;color:#f5f5ef;border-color:#383c32}.hero{padding:28px 20px 45px}.hero h1{font-size:clamp(3.2rem,11.6vw,5.4rem);margin:35px 0}.hero-top{gap:12px}.hero-tools{flex-direction:column;align-items:flex-end;gap:10px}.hero .location{font-size:9px;max-width:130px}.hero .eyebrow{max-width:160px;font-size:10px}.motion-toggle{font-size:11px;min-height:36px;padding:7px 9px}.hero-orbit{width:320px;height:320px;right:-175px;top:95px;opacity:.5}.ticker{padding:19px 0;font-size:13px}.ticker-group{gap:28px;padding-right:28px}.ticker b{font-size:22px}.hero-bottom>p{font-size:16px}.hero-index{display:none}.service-row::before{inset:0 -8px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.hero-orbit,.hero .asterisk,.ticker-track,.hero h1 em::before{animation:none!important}.hero h1 em::before{transform:none}.motion-toggle{display:none}.ticker-track{transform:none!important}.ticker-group{flex-wrap:wrap;justify-content:center;min-width:0;width:100vw;gap:16px;padding:0 16px}.ticker-copy{display:none}.hero-orbit{opacity:.35}*,*::before,*::after{transition:none!important;animation:none!important}
}
html[data-motion="paused"] .work-card .project-visual,html[data-motion="paused"] .mini-app,html[data-motion="paused"] .preview-center,html[data-motion="paused"] .flow span,html[data-motion="paused"] .service-row h3,html[data-motion="paused"] .button,html[data-motion="paused"] .circle-cta{transform:none!important}
html[data-motion="paused"] *,html[data-motion="paused"] *::before,html[data-motion="paused"] *::after{transition:none!important}
html[data-motion="paused"] .hero h1 em::before{animation:none!important;transform:none}
html[data-motion="paused"] .faq details[open]>p{animation:none}
.page-hidden *,.page-hidden *::before,.page-hidden *::after{animation-play-state:paused!important}