:root{--orange-500:#FF8200;--orange-600:#E57500;--orange-400:#FF9B33;--orange-300:#FFB466;--orange-glow:rgba(255,130,0,.35);--bg-950:#0A0A0A;--bg-900:#141414;--bg-800:#222222;--text-100:#F5F5F2;--text-400:#9A9A9A;--radius-sm:12px;--radius-lg:24px;--radius-pill:999px;--ease-out:cubic-bezier(.16,1,.3,1);--header-h:74px;--shell:min(100% - 32px,1400px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:var(--bg-950);color:var(--text-100);font-family:"Manrope","Noto Sans SC",sans-serif;font-size:clamp(1rem,1.05vw,1.125rem);line-height:1.6}body::after{position:fixed;inset:0;z-index:9999;pointer-events:none;content:"";opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}body.menu-open,body.modal-open{overflow:hidden}::selection{background:var(--orange-500);color:var(--bg-950)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.shell{width:var(--shell);margin-inline:auto}.svg-defs{position:absolute;width:0;height:0}.skip-link{position:fixed;left:16px;top:-60px;z-index:10001;padding:10px 16px;background:var(--orange-500);color:var(--bg-950);font-weight:800}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:2px solid var(--orange-300);outline-offset:4px}.section{padding-block:clamp(90px,13vw,190px);border-top:1px solid var(--bg-800)}.section-label{display:flex;gap:10px;align-items:center;margin:0 0 36px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-label svg{width:15px;height:15px;color:var(--orange-500)}.display-title{margin:0;font-family:"Anton","Noto Sans SC",sans-serif;font-size:clamp(2.25rem,6vw,5.5rem);font-weight:400;line-height:.94;letter-spacing:0}.display-title em,.hero__title em,.footer-cta em{color:var(--orange-500);font-style:normal}.section-copy{max-width:630px;margin:36px 0 0 auto;color:var(--text-400)}

/* Preloader */
.preloader{display:none!important}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-h);display:flex;align-items:center;gap:clamp(24px,3vw,56px);padding-inline:max(16px,calc((100vw - 1400px)/2));transition:transform .45s var(--ease-out),background .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.is-solid{background:rgba(10,10,10,.94);border-color:var(--bg-800);backdrop-filter:blur(14px)}.site-header.is-hidden{transform:translateY(-105%)}.brand{display:flex;margin-right:auto}.brand img{display:block;width:auto;height:32px}.desktop-nav{display:flex;align-items:center;gap:26px}.roll-link{position:relative;display:block;height:24px;overflow:hidden;border:0;background:transparent;padding:0;cursor:pointer;font-size:.82rem;font-weight:700;text-transform:uppercase}.roll-link>span{display:block;height:24px;transition:transform .35s var(--ease-out)}.roll-link:hover>span,.roll-link:focus-visible>span{transform:translateY(-100%)}.nav-services{position:relative}.mega-menu{position:fixed;left:50%;top:calc(var(--header-h) + 10px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(calc(100% - 32px),1000px);padding:12px;background:var(--bg-900);border:1px solid var(--bg-800);border-radius:var(--radius-lg);opacity:0;visibility:hidden;transform:translate(-50%,-12px);transition:.35s var(--ease-out);box-shadow:0 24px 60px rgba(0,0,0,.45)}.nav-services.is-open .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-menu>a{position:relative;display:grid;gap:7px;min-height:150px;padding:22px;background:var(--bg-950);border-radius:var(--radius-sm);transition:background .3s}.mega-menu>a:hover{background:var(--bg-800)}.mega-menu svg{width:20px;height:20px;color:var(--orange-500)}.mega-menu strong{font-size:1rem;line-height:1.25}.mega-menu small{color:var(--text-400)}.mega-menu .mega-menu__all{grid-column:1/-1;display:flex;min-height:auto;align-items:center;justify-content:space-between;background:var(--orange-500);color:var(--bg-950);font-weight:800}.button{--x:50%;--y:50%;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:20px;overflow:hidden;padding:15px 24px;border-radius:var(--radius-pill);background:var(--orange-500);color:var(--bg-950);font-weight:800;line-height:1}.button::before{position:absolute;z-index:-1;left:var(--x);top:var(--y);width:10px;height:10px;border-radius:50%;background:var(--text-100);content:"";transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--ease-out)}.button:hover::before{transform:translate(-50%,-50%) scale(20)}.button svg{width:20px;height:20px;transition:transform .35s var(--ease-out)}.button:hover svg{transform:translateX(5px)}.button--small{padding:12px 18px;font-size:.82rem}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--bg-800);border-radius:50%;background:var(--bg-950)}.menu-toggle span{display:block;width:19px;height:2px;margin:5px auto;background:var(--text-100);transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:900;display:none;flex-direction:column;justify-content:space-between;padding:calc(var(--header-h) + 40px) 20px 28px;background:var(--bg-950);opacity:0;visibility:hidden}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav>a,.mobile-services-toggle{border:0;border-bottom:1px solid var(--bg-800);background:none;padding:9px 0;text-align:left;font-family:"Anton";font-size:clamp(2.7rem,10vw,4rem);line-height:1.1;text-transform:uppercase}.mobile-services-toggle{display:flex;justify-content:space-between}.mobile-services{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .35s}.mobile-services>div{min-height:0}.mobile-services.is-open{grid-template-rows:1fr}.mobile-services a{display:block;padding:8px 0 8px 14px;color:var(--text-400);font-size:.9rem}.mobile-menu__bottom{display:grid;gap:4px;color:var(--text-400);font-size:.8rem}

/* Hero */
.hero{padding-top:clamp(130px,16vw,230px)}.hero#home{--hero-pointer-x:50%;--hero-pointer-y:38%;--hero-shift-x:0px;--hero-shift-y:0px;position:relative;isolation:isolate;overflow:hidden}.hero#home::before,.hero#home::after{position:absolute;inset:0 0 auto;z-index:0;height:min(1050px,100vh);content:"";pointer-events:none}.hero#home::before{background:radial-gradient(620px circle at var(--hero-pointer-x) var(--hero-pointer-y),rgba(255,144,48,.15),rgba(255,130,0,.055) 34%,transparent 68%),radial-gradient(760px circle at 82% 30%,rgba(255,104,0,.075),transparent 67%),radial-gradient(520px circle at 8% 72%,rgba(255,174,92,.05),transparent 70%);transform:translate3d(var(--hero-shift-x),var(--hero-shift-y),0) scale(1.045);will-change:transform,background-position}.hero#home::after{opacity:.16;background-image:linear-gradient(rgba(255,151,61,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,151,61,.1) 1px,transparent 1px);background-position:calc(50% + var(--hero-shift-x)) calc(50% + var(--hero-shift-y));background-size:74px 74px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%)}.hero#home>*{position:relative;z-index:1}.hero__copy{position:relative}.hero__eyebrow{margin:0 0 clamp(10px,2vw,26px);font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:1.02;letter-spacing:-.05em}.hero__title{position:relative;z-index:2;margin:0;white-space:nowrap;font-family:"Anton","Noto Sans SC",sans-serif;font-size:clamp(4rem,14.1vw,14rem);font-weight:400;line-height:.83;letter-spacing:-.01em}.hero__title>span,.hero__title>em{display:inline}.split-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.split-unit{display:inline-block;will-change:transform}.hero__intro{max-width:660px;margin:clamp(32px,5vw,70px) 0 clamp(55px,8vw,110px) auto;color:var(--text-400)}.hero__spark{position:absolute;z-index:3;right:4%;top:32%;width:clamp(64px,10vw,150px);height:auto;color:var(--orange-500);filter:drop-shadow(0 0 35px var(--orange-glow));will-change:transform}.reel-scene{position:relative}.reel-card{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--orange-500),var(--bg-950) 80%);transform-origin:center}.reel-video,.reel-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-video{z-index:1}.reel-fallback{display:grid;place-content:center;background:linear-gradient(135deg,var(--orange-500),var(--orange-600) 35%,var(--bg-950) 85%);text-align:center}.reel-fallback::before{position:absolute;inset:10%;border:1px solid rgba(10,10,10,.3);border-radius:50%;content:""}.reel-fallback span{font-family:"Anton";font-size:clamp(4rem,14vw,12rem);line-height:.8;color:var(--bg-950)}.reel-fallback small{margin-top:24px;color:var(--bg-950);font-weight:800;letter-spacing:.3em}.reel-video.has-media+.reel-fallback{display:none}.reel-play{position:absolute;z-index:4;left:50%;top:50%;width:clamp(96px,11vw,150px);height:clamp(96px,11vw,150px);transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--text-100);color:var(--bg-950);cursor:pointer}.reel-play>span{position:absolute;inset:0;display:grid;place-content:center;font-size:1.4rem}.reel-play__text{position:absolute;inset:5%;width:90%;height:90%;animation:spin 14s linear infinite}.reel-play__text text{font-size:10px;font-weight:800;letter-spacing:1.8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(50px,9vw,130px);border-top:1px solid var(--bg-800)}.stats article{display:flex;align-items:center;gap:28px;padding:34px 4px;border-right:1px solid var(--bg-800)}.stats article:last-child{border:0;padding-left:30px}.stats strong{font-family:"Anton";font-size:clamp(3.5rem,6vw,6.5rem);font-weight:400;line-height:1;color:var(--orange-500)}.stats span{color:var(--text-400);font-size:.85rem;line-height:1.35}

/* Marquee */
.marquee{overflow:hidden;background:var(--orange-500);color:var(--bg-950);padding-block:14px;transform:rotate(-1.2deg) scale(1.02);margin-block:80px}.marquee__track{display:flex;width:max-content;align-items:center;white-space:nowrap;will-change:transform;animation:marquee 30s linear infinite}.marquee span{font-family:"Anton";font-size:clamp(2.8rem,6vw,6rem);line-height:1}.marquee b{display:inline-block;margin-inline:28px;font-size:clamp(1.8rem,4vw,4rem);animation:spin 8s linear infinite}

/* About and avatars */
.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(65px,9vw,120px)}.avatar-card{position:relative;overflow:hidden;padding:22px 22px 30px;border:1px solid var(--bg-800);border-radius:var(--radius-lg);background:var(--bg-900);text-align:center}.avatar-card .speech{position:absolute;z-index:5;left:50%;top:20px;width:max-content;max-width:80%;padding:8px 13px;border-radius:var(--radius-pill);background:var(--text-100);color:var(--bg-950);font-size:.75rem;font-weight:700;opacity:0;transform:translate(-50%,12px) scale(.8);transition:.35s var(--ease-out)}.avatar-card:hover .speech,.avatar-card:focus .speech{opacity:1;transform:translate(-50%,0) scale(1)}.avatar-card:hover .avatar,.avatar-card:focus .avatar{animation:happy .55s var(--ease-out)}.avatar{display:block;width:100%;height:auto}.avatar-glow{fill:var(--orange-glow);filter:blur(14px)}.avatar-float{transform-origin:center;animation:float 3.4s ease-in-out infinite}.avatar-card:nth-child(2) .avatar-float{animation-delay:-1s}.avatar-card:nth-child(3) .avatar-float{animation-delay:-2s}.eyes{transform-origin:center;animation:blink 5s infinite}.antenna-light{animation:pulse 1.7s ease-in-out infinite}.gesture{transform-origin:230px 220px;animation:gesture 3s ease-in-out infinite}.avatar-card h3{margin:0;font-size:1.45rem}.avatar-card>p{margin:7px auto 0;max-width:340px;color:var(--text-400);font-size:.87rem}.avatar-card .avatar-role{color:var(--orange-400);font-weight:700}

/* Services */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:var(--bg-800);border:1px solid var(--bg-800)}.service-card{min-width:0;padding:clamp(24px,3.5vw,48px);background:var(--bg-950)}.service-card__top{display:flex;align-items:center;justify-content:space-between;color:var(--orange-500)}.service-card__top span{font-family:"Anton";font-size:1.25rem}.service-card__top svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.5}.service-card h3{margin:60px 0 20px;font-size:clamp(1.4rem,2vw,2rem);line-height:1.12}.service-card p{color:var(--text-400);font-size:.9rem}.service-card ul{padding:20px 0 0;margin:30px 0 0;border-top:1px solid var(--bg-800);list-style:none}.service-card li{padding:8px 0;font-size:.82rem}.service-card li::before{content:"—";margin-right:10px;color:var(--orange-500)}

/* Team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.team-card{min-width:0}.team-photo{overflow:hidden;aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--bg-900)}.team-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s var(--ease-out),transform .8s var(--ease-out)}.team-card:hover .team-photo img{filter:grayscale(0);transform:scale(1.025)}.team-card h3{margin:24px 0 2px;font-size:1.4rem}.team-role{margin:0;color:var(--orange-400);font-size:.84rem;font-weight:700;text-transform:uppercase}.team-card blockquote{margin:18px 0 0;color:var(--text-400);font-size:.9rem;font-style:normal}

/* FAQ */
.faq .display-title{margin-bottom:60px}.faq-list{border-top:1px solid var(--bg-800)}.faq-item{border-bottom:1px solid var(--bg-800)}.faq-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:30px;padding:26px 0;border:0;background:none;text-align:left;cursor:pointer;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700}.faq-item i{display:grid;flex:0 0 38px;height:38px;place-content:center;border:1px solid var(--bg-800);border-radius:50%;font-size:1.4rem;font-style:normal;transition:.35s var(--ease-out)}.faq-item.is-open i{background:var(--orange-500);color:var(--bg-950);transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}.faq-answer>p{min-height:0;overflow:hidden;margin:0;max-width:740px;color:var(--text-400)}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer>p{padding-bottom:28px}

/* Footer */
.footer{padding-top:clamp(90px,12vw,180px);background:var(--text-100);color:var(--bg-950)}.footer-cta{display:grid;grid-template-columns:1.45fr .55fr;gap:60px;align-items:end;padding-bottom:90px}.footer-cta h2{margin:0;font-family:"Anton";font-size:clamp(5rem,14vw,14rem);font-weight:400;line-height:.8;white-space:nowrap}.footer-cta p{margin:0 0 28px}.footer-cta .button{background:var(--bg-950);color:var(--text-100)}.footer-cta .button::before{background:var(--orange-500)}.copy-email{display:block;margin-top:20px;border:0;border-bottom:1px solid;background:none;padding:3px 0;cursor:pointer;font-size:.84rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-block:55px;border-top:1px solid rgba(10,10,10,.22)}.footer-grid>div,.footer-grid address{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:.82rem;font-style:normal}.footer-grid h3{margin:0 0 12px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.footer-grid a:hover{text-decoration:underline}.footer-brand img{width:auto;height:34px;filter:brightness(0)}.footer-brand p{max-width:350px}.footer-social{display:flex;gap:10px}.footer-social a{display:grid;width:42px;height:42px;place-content:center;border:1px solid rgba(10,10,10,.3);border-radius:50%;font-size:.75rem;font-weight:800;transition:transform .3s,background .3s}.footer-social a:hover{background:var(--orange-500);transform:translateY(-4px)}.footer-bottom{display:flex;justify-content:space-between;margin-top:36px;padding-block:24px;border-top:1px solid rgba(10,10,10,.22);font-size:.74rem}.whatsapp{position:fixed;z-index:800;right:22px;bottom:22px;display:grid;width:58px;height:58px;place-content:center;border-radius:50%;background:var(--orange-500);color:var(--bg-950);opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s var(--ease-out);box-shadow:0 0 0 0 var(--orange-glow);animation:wa-pulse 2.5s infinite}.whatsapp.is-visible{opacity:1;visibility:visible;transform:none}.whatsapp.is-footer{opacity:0;visibility:hidden}.whatsapp svg{width:28px;height:28px}.video-modal{position:fixed;inset:0;z-index:5000;display:grid;place-content:center;background:rgba(0,0,0,.94);opacity:0;visibility:hidden;transition:.35s}.video-modal.is-open{opacity:1;visibility:visible}.video-modal video{width:min(90vw,1200px);max-height:80vh;background:var(--bg-900)}.video-modal.is-loading::after{position:absolute;z-index:2;left:50%;top:50%;width:54px;height:54px;margin:-27px;border:5px solid rgba(255,255,255,.22);border-top-color:var(--orange-500);border-radius:50%;content:"";animation:video-loading-spin .8s linear infinite;pointer-events:none}.modal-close{position:absolute;z-index:3;right:25px;top:20px;border:0;background:none;font-size:3rem;cursor:pointer}.toast{position:fixed;z-index:6000;left:50%;bottom:30px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--orange-500);color:var(--bg-950);font-weight:800;opacity:0;transform:translate(-50%,20px);transition:.35s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}

[data-reveal]{opacity:0;transform:translateY(40px)}[data-reveal=clip]{transform:none}[data-reveal=clip] .team-photo{clip-path:inset(100% 0 0 0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes video-loading-spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes gesture{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-12deg)}80%{transform:rotate(10deg)}}@keyframes happy{50%{transform:translateY(-12px) scale(1.02)}}@keyframes wa-pulse{70%{box-shadow:0 0 0 14px transparent}}

@media(max-width:1023px){:root{--header-h:68px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{display:flex}.hero__title{font-size:clamp(4rem,13.9vw,9rem)}.hero__spark{right:2%;top:38%}.service-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.footer-cta{grid-template-columns:1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid address{grid-column:1/-1}.footer-cta h2{white-space:normal}}
@media(max-width:767px){:root{--shell:min(100% - 32px,1400px)}.brand img{height:26px}.hero{padding-top:120px}.hero__eyebrow{font-size:clamp(1.75rem,8vw,3rem)}.hero__title{font-size:clamp(3.75rem,18vw,7rem);white-space:normal;line-height:.88}.hero__title>span,.hero__title>em{display:block}.hero__intro{margin-left:0}.hero__spark{right:2%;top:46%;width:70px}.reel-scene{width:100%}.reel-card{border-radius:0}.stats{grid-template-columns:1fr}.stats article,.stats article:last-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--bg-800)}.marquee{margin-block:55px}.avatar-grid{grid-template-columns:1fr}.service-grid{margin-top:40px}.team-grid{grid-template-columns:1fr}.footer-cta{padding-bottom:60px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-grid address{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}.reel-play{width:100px;height:100px}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.footer-grid>div,.footer-grid address{grid-column:auto}.footer-brand{grid-column:auto}.mobile-menu nav>a,.mobile-services-toggle{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}[data-reveal=clip] .team-photo{clip-path:none}.avatar-float,.eyes,.antenna-light,.gesture{animation:none}.reel-video{display:none}.reel-scene{height:auto!important}.reel-card{transform:none!important;border-radius:var(--radius-lg)!important}}

/* Resilient sizing for local/offline font fallback and strict overflow containment. */
html,body{overflow-x:clip}.display-title,.hero__title,.reel-fallback span,.stats strong,.marquee span,.footer-cta h2,.mobile-menu nav>a,.mobile-services-toggle{font-family:"Anton","Impact","Arial Narrow","Noto Sans SC",sans-serif}.hero__title{font-size:clamp(4rem,11.3vw,11.3rem)}.marquee{width:100%;transform:rotate(-1.2deg)}.mobile-services{display:block;max-height:0;transition:max-height .35s var(--ease-out)}.mobile-services.is-open{max-height:180px}
@media(max-width:1023px){.hero__title{font-size:clamp(4rem,11.3vw,8rem)}}
@media(max-width:767px){.hero__title{font-size:clamp(3.75rem,18vw,7rem)}}

/* Updated About story: traditional creative practice strengthened by AI. */
.about-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(48px,7vw,110px);align-items:center}.about-visual{position:relative;min-height:clamp(480px,48vw,720px)}.about-visual::before{position:absolute;inset:7% 0 0 8%;border:1px solid var(--bg-800);content:""}.about-visual__main{position:absolute;left:0;top:4%;width:79%;height:58%;object-fit:cover;border-radius:var(--radius-sm);filter:saturate(.75) contrast(1.08)}.about-visual__inset{position:absolute;right:0;bottom:6%;z-index:2;width:76%;height:56%;object-fit:cover;border:8px solid var(--bg-950);border-radius:var(--radius-sm);filter:saturate(.8) contrast(1.08)}.about-visual__tag{position:absolute;z-index:3;left:0;bottom:0;max-width:240px;padding:14px 18px;background:var(--orange-500);color:var(--bg-950);font-size:.75rem;font-weight:800;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}.about-content .section-label{margin-bottom:24px}.about-content .display-title{font-size:clamp(2.7rem,4.8vw,5rem)}.about-lead{margin:32px 0;color:var(--text-400);font-size:clamp(1rem,1.18vw,1.16rem)}.about-pillars{border-top:1px solid var(--bg-800)}.about-pillars article{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--bg-800)}.about-pillars article>span{color:var(--orange-500);font-family:"Anton","Impact",sans-serif;font-size:1.25rem}.about-pillars h3{margin:0 0 5px;font-size:1rem}.about-pillars p{margin:0;color:var(--text-400);font-size:.82rem}.marquee__track{animation-duration:55s}.marquee b{animation-duration:14s}
@media(max-width:1023px){.about-layout{grid-template-columns:1fr;gap:70px}.about-visual{min-height:620px}.about-content{order:-1;max-width:760px}.about-content .display-title{font-size:clamp(3rem,7vw,5rem)}}
@media(max-width:767px){.about-visual{min-height:430px}.about-visual__main{width:88%;height:55%}.about-visual__inset{width:83%;height:52%;border-width:5px}.about-visual__tag{max-width:190px;padding:10px 12px;font-size:.62rem}.about-content .display-title{font-size:clamp(2.7rem,13vw,4.5rem)}.about-pillars article{grid-template-columns:38px 1fr}}
@media(prefers-reduced-motion:reduce){.reel-video{display:block}.reel-video.has-media+.reel-fallback{display:none}}

/* Three-film carousel inside About */
.portfolio-carousel{position:relative;min-width:0}.portfolio-slides{position:relative;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--bg-800);border-radius:var(--radius-lg);background:var(--bg-900)}.portfolio-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out)}.portfolio-slide.is-active{opacity:1;visibility:visible}.portfolio-slide video{display:block;width:100%;height:100%;object-fit:cover}.portfolio-play{position:absolute;left:50%;top:50%;display:grid;width:86px;height:86px;place-content:center;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--text-100);color:var(--bg-950);cursor:pointer;box-shadow:0 8px 35px rgba(0,0,0,.32);transition:transform .35s var(--ease-out),background .3s}.portfolio-play:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--orange-500)}.portfolio-play span{font-size:1.35rem;transform:translateX(2px)}.portfolio-controls{display:grid;grid-template-columns:52px 1fr 52px;gap:16px;align-items:center;margin-top:15px}.portfolio-controls>div{display:flex;justify-content:center;gap:18px;align-items:center}.portfolio-index{color:var(--orange-500);font-family:"Anton","Impact",sans-serif;font-size:1.1rem}.portfolio-title{font-size:.9rem}.portfolio-arrow{display:grid;width:52px;height:52px;place-content:center;border:1px solid var(--bg-800);border-radius:50%;background:var(--bg-950);cursor:pointer;font-size:1.25rem;transition:.3s}.portfolio-arrow:hover{border-color:var(--orange-500);background:var(--orange-500);color:var(--bg-950)}

/* Identity-preserving AI cartoon triptych generated from the supplied team photo. */
.team-photo{background-image:url("../assets/team/team-cartoon.png?v=20261026e");background-repeat:no-repeat;background-size:300% 100%;transition:filter .6s var(--ease-out),transform .8s var(--ease-out)}.team-photo--jason{background-position:0 50%}.team-photo--yuki{background-position:50% 50%}.team-photo--leon{background-position:100% 50%}.team-card:hover .team-photo{filter:saturate(1.12);transform:scale(1.015)}

/* Equal visual rhythm across service cards. */
@media(min-width:1024px){.service-card{display:flex;flex-direction:column}.service-card h3{display:flex;min-height:2.4em;align-items:flex-start}.service-card>p{min-height:7.2em}.service-card ul{width:100%;margin-top:auto}}

.footer-social a svg{width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.6}.footer-social a svg rect,.footer-social a svg circle:not(.fill-icon){fill:none}.footer-social a:hover svg{color:var(--bg-950)}
@media(max-width:767px){.portfolio-play{width:68px;height:68px}.portfolio-controls>div{display:grid;gap:0;text-align:center}.portfolio-title{font-size:.75rem}}

/* Fixed kinetic-type stage: phrase length never changes the layout or animation distance. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero-machine{position:relative;display:flex;align-items:center;min-height:clamp(94px,10vw,158px);padding-right:clamp(96px,11vw,170px)}.hero__title{width:100%;overflow:hidden;font-size:clamp(3.2rem,7.8vw,9.8rem)!important;line-height:.86!important}.hero__title>.hero-type-stage{position:relative;display:block;width:100%;height:.9em;overflow:hidden;perspective:700px}.hero-type-layer{position:absolute;inset:0;display:grid;grid-template-columns:max-content max-content;gap:.11em;align-items:start;white-space:nowrap;transform-style:preserve-3d}.hero-type-word{display:flex;height:.9em;line-height:.88}.hero-type-word em{font-style:normal}.hero-type-layer>em{color:var(--orange-500);font-style:normal}.kinetic-char{display:inline-block;will-change:transform,opacity,filter;backface-visibility:hidden}.hero-shuffle{position:absolute;z-index:5;right:0;top:50%;display:grid;width:clamp(80px,8.5vw,125px);height:clamp(100px,10vw,150px);place-items:center;transform:translateY(-50%);border:0;background:none;color:var(--orange-500);cursor:pointer}.hero-shuffle svg{display:block;width:clamp(60px,7vw,102px);height:clamp(60px,7vw,102px);filter:drop-shadow(0 0 24px var(--orange-glow));transition:transform .55s var(--ease-out),filter .35s}.hero-shuffle>span{position:absolute;bottom:0;color:var(--text-400);font-size:.58rem;font-weight:800;letter-spacing:.16em}.hero-shuffle:hover svg{transform:rotate(45deg) scale(1.1);filter:drop-shadow(0 0 38px var(--orange-glow))}.hero-shuffle.is-active svg{animation:kinetic-star .8s cubic-bezier(.16,1,.3,1)}.hero-shuffle:disabled{cursor:wait}.team .display-title em{display:inline-block;font-size:.88em}
@keyframes kinetic-star{0%{transform:rotate(0) scale(1)}45%{transform:rotate(135deg) scale(.72)}100%{transform:rotate(225deg) scale(1)}}
@media(max-width:767px){.hero-machine{min-height:150px;padding-right:66px}.hero__title{font-size:clamp(2.65rem,11.8vw,4rem)!important}.hero__title>.hero-type-stage{height:1.8em}.hero-type-layer{grid-template-columns:1fr;gap:0}.hero-shuffle{right:-8px;width:68px;height:105px}.hero-shuffle>span{font-size:.46rem}.team .display-title em{font-size:.72em}}

/* Featured work: two editorial columns drifting in opposite directions. */
.featured-work{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-950),#0d0b09 48%,var(--bg-950))}.featured-work::before{position:absolute;left:50%;top:7%;width:min(72vw,1000px);height:min(72vw,1000px);border-radius:50%;background:radial-gradient(circle,rgba(255,130,0,.1),transparent 66%);content:"";transform:translateX(-50%);pointer-events:none}.featured-work__intro{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,500px);gap:48px;align-items:end;margin-bottom:clamp(70px,10vw,150px)}.featured-work__intro .section-label{grid-column:1/-1;margin-bottom:0}.featured-work__intro>p:last-child{margin:0 0 4px;color:var(--text-400);font-size:.95rem}.work-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,62px);align-items:start;padding-block:70px}.work-column{display:grid;gap:clamp(90px,11vw,170px);will-change:transform}.work-column--down{padding-top:clamp(80px,12vw,190px)}.work-card{min-width:0}.work-card__visual{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:var(--bg-900);box-shadow:0 28px 90px rgba(0,0,0,.26)}.work-card__meta{display:grid;grid-template-columns:1fr auto;gap:2px 20px;padding:22px 4px 0}.work-card__meta>span{grid-column:1/-1;color:var(--orange-400);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.work-card__meta h3{margin:3px 0 0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.1}.work-card__meta h3 a{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .35s var(--ease-out)}.work-card__meta h3 a:hover{background-size:100% 1px}.work-card__meta p{align-self:end;margin:0;color:var(--text-400);font-size:.74rem;text-align:right}.work-card__visual img,.work-card__visual video{display:block}.work-card:hover .work-card__visual{border-color:rgba(255,130,0,.4)}

.website-browser{display:grid;place-items:center;background:linear-gradient(145deg,#f2ede4 0 55%,#dbcfbd 100%);padding:9%}.website-browser::before{position:absolute;inset:auto -18% -16% 38%;z-index:-1;aspect-ratio:1;border-radius:50%;background:var(--orange-500);content:"";opacity:.9}.website-browser__bar{position:absolute;z-index:4;left:9%;right:9%;top:9%;display:flex;height:38px;align-items:center;gap:7px;padding:0 13px;border-radius:13px 13px 0 0;background:#141414;color:#aaa;font-size:.58rem;letter-spacing:.07em}.website-browser__bar i{width:6px;height:6px;border-radius:50%;background:var(--orange-500)}.website-browser__bar i:nth-child(2){opacity:.65}.website-browser__bar i:nth-child(3){opacity:.35}.website-browser__bar span{margin-left:auto}.website-browser>img{width:100%;aspect-ratio:1.49;object-fit:cover;border:10px solid #141414;border-radius:16px;box-shadow:0 30px 55px rgba(0,0,0,.28);transform:rotate(-4deg) translateY(2%);transition:transform .8s var(--ease-out)}.work-card:hover .website-browser>img{transform:rotate(-1deg) translateY(-1%) scale(1.025)}.website-browser__stamp{position:absolute;right:8%;bottom:8%;padding:10px 13px;background:var(--orange-500);color:var(--bg-950);font-family:"Anton","Impact",sans-serif;font-size:clamp(1rem,1.6vw,1.45rem);letter-spacing:.04em;transform:rotate(3deg)}

.film-stage{display:grid;place-items:center;background:radial-gradient(circle at 68% 28%,#ffad52 0,var(--orange-500) 25%,#301300 60%,#080808 80%)}.film-stage::after{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.12) 45%,transparent 58%);content:"";mix-blend-mode:screen;transform:translateX(-120%) skewX(-14deg);transition:transform 1.1s var(--ease-out)}.work-card:hover .film-stage::after{transform:translateX(120%) skewX(-14deg)}.film-stage__orbit{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(-24deg)}.phone-frame{position:relative;z-index:2;width:51%;aspect-ratio:9/18.5;padding:9px;border:2px solid rgba(255,255,255,.55);border-radius:clamp(26px,3vw,42px);background:#050505;box-shadow:0 26px 70px rgba(0,0,0,.55);transform:rotate(5deg);transition:transform .8s var(--ease-out)}.work-card:hover .phone-frame{transform:rotate(2deg) translateY(-10px)}.phone-frame__speaker{position:absolute;z-index:3;left:50%;top:14px;width:30%;height:7px;border-radius:99px;background:#080808;transform:translateX(-50%)}.phone-frame video{width:100%;height:100%;object-fit:cover;border-radius:clamp(19px,2.4vw,34px);background:#111}.film-stage>strong{position:absolute;z-index:3;left:7%;bottom:7%;font-family:"Anton","Impact",sans-serif;font-size:clamp(1.8rem,4vw,4.4rem);font-weight:400;line-height:.88;text-shadow:0 3px 24px rgba(0,0,0,.5)}

.brand-collage{background:linear-gradient(145deg,#171717,#070707)}.brand-collage::before{position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(255,130,0,.18));content:""}.brand-collage figure{position:absolute;overflow:hidden;width:42%;height:50%;margin:0;border:5px solid #171717;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);transition:transform .75s var(--ease-out)}.brand-collage figure:nth-child(1){left:8%;top:8%;transform:rotate(-7deg)}.brand-collage figure:nth-child(2){right:7%;top:5%;transform:rotate(6deg)}.brand-collage figure:nth-child(3){left:7%;bottom:4%;transform:rotate(5deg)}.brand-collage figure:nth-child(4){right:8%;bottom:7%;transform:rotate(-7deg)}.brand-collage figure img{width:100%;height:100%;object-fit:cover}.work-card:hover .brand-collage figure:nth-child(1){transform:rotate(-3deg) translate(-5px,-8px)}.work-card:hover .brand-collage figure:nth-child(2){transform:rotate(3deg) translate(5px,-8px)}.work-card:hover .brand-collage figure:nth-child(3){transform:rotate(2deg) translate(-5px,8px)}.work-card:hover .brand-collage figure:nth-child(4){transform:rotate(-3deg) translate(5px,8px)}.brand-collage>span{position:absolute;z-index:4;left:50%;top:50%;padding:10px 16px;background:var(--orange-500);color:var(--bg-950);font-size:.7rem;font-weight:900;letter-spacing:.14em;white-space:nowrap;transform:translate(-50%,-50%) rotate(-3deg)}

.campaign-frame{padding:9%;background:linear-gradient(150deg,#f0eee9,#c8c1b4)}.campaign-frame__chrome{position:absolute;z-index:3;left:9%;right:9%;top:9%;display:flex;height:42px;align-items:center;justify-content:space-between;padding:0 14px;background:#101010;color:var(--text-100);font-size:.58rem;letter-spacing:.14em}.campaign-frame__chrome i{width:8px;height:8px;border-radius:50%;background:var(--orange-500);box-shadow:0 0 0 5px rgba(255,130,0,.16)}.campaign-frame>img{width:100%;height:100%;object-fit:cover;object-position:center;border:10px solid #101010;box-shadow:0 28px 60px rgba(0,0,0,.27);transition:transform .8s var(--ease-out)}.work-card:hover .campaign-frame>img{transform:scale(1.025)}.campaign-frame__metric{position:absolute;z-index:4;right:5%;bottom:5%;display:flex;align-items:center;gap:11px;padding:12px 15px;background:var(--orange-500);color:var(--bg-950)}.campaign-frame__metric strong{font-family:"Anton","Impact",sans-serif;font-size:2.3rem;font-weight:400;line-height:.85}.campaign-frame__metric span{font-size:.58rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.1em}

@media(max-width:1023px){.featured-work__intro{grid-template-columns:1fr}.featured-work__intro .section-label{grid-column:auto}.featured-work__intro>p:last-child{max-width:620px}.work-grid{gap:24px}.work-column{gap:90px}.work-column--down{padding-top:90px}.work-card__meta{grid-template-columns:1fr}.work-card__meta p{text-align:left}.phone-frame{width:58%}}
@media(max-width:767px){.featured-work{overflow:visible}.featured-work__intro{margin-bottom:55px}.work-grid{display:flex;flex-direction:column;padding-block:0}.work-column{display:contents}.work-card{margin-bottom:64px}.work-card--website{order:1}.work-card--film{order:2}.work-card--creative{order:3}.work-card--campaign{order:4}.work-card__visual{border-radius:18px}.work-card__meta{padding-top:17px}.work-card__meta h3{font-size:1.55rem}.work-column--down{padding-top:0}.phone-frame{width:50%}.film-stage>strong{font-size:clamp(2rem,10vw,3.4rem)}.brand-collage figure{border-width:3px}.brand-collage>span{font-size:.55rem}.campaign-frame>img{border-width:7px}}
@media(prefers-reduced-motion:reduce){.work-column{transform:none!important}.phone-frame,.website-browser>img,.brand-collage figure,.campaign-frame>img{transition:none!important}}

/* Featured work layout v2: compact editorial rail with staggered cards. */
.featured-work__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,330px) minmax(0,900px);gap:clamp(42px,5vw,80px);align-items:start;justify-content:center}.featured-work__intro{position:sticky;top:120px;display:block;margin:0;padding-top:54px}.featured-work__intro .section-label{margin:0 0 24px}.featured-work__intro .display-title{font-size:clamp(3.5rem,5.8vw,5.5rem);line-height:.94}.featured-work__intro .display-title em{display:block;margin-top:.04em;font-size:1em;line-height:.94}.featured-work__intro>p:last-child{max-width:300px;margin:28px 0 0;color:var(--text-400);font-size:.78rem;line-height:1.65}.work-grid{width:auto;margin:0;padding:0 0 80px;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,42px)}.work-column{gap:clamp(88px,8vw,130px)}.work-column--up{padding-top:82px}.work-column--down{padding-top:0}.work-card__meta{padding-top:16px}.work-card__meta>span{font-size:.63rem}.work-card__meta h3{font-size:clamp(1.25rem,1.7vw,1.7rem)}.work-card__meta p{font-size:.66rem}

/* Unified 4:5 project artwork. Supplied transparent PNGs receive a restrained Innovax backdrop. */
.project-cover{display:grid;place-items:center;padding:2.5%;background:#101010}.project-cover::before{position:absolute;inset:-12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,130,0,.32),transparent 64%);content:"";filter:blur(14px)}.project-cover::after{position:absolute;inset:0;z-index:3;border:1px solid rgba(255,255,255,.08);border-radius:inherit;content:"";pointer-events:none}.project-cover__glow{position:absolute;z-index:0;width:74%;aspect-ratio:1;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 90px rgba(255,130,0,.16)}.project-cover>img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;transition:transform .85s var(--ease-out),filter .5s var(--ease-out);filter:drop-shadow(0 24px 28px rgba(0,0,0,.28))}.work-card:hover .project-cover>img{transform:scale(1.018)}.project-cover--web{background:linear-gradient(145deg,#f5f1ea 0%,#d8cdbf 54%,#b95e00 145%)}.project-cover--web::before{background:radial-gradient(circle at 82% 75%,rgba(255,130,0,.75),transparent 56%)}.project-cover--film{background:radial-gradient(circle at 68% 23%,rgba(255,130,0,.5),transparent 34%),linear-gradient(145deg,#15110d,#050505 68%)}.project-cover--brand{background:radial-gradient(circle at 80% 74%,rgba(255,130,0,.28),transparent 38%),linear-gradient(145deg,#181818,#060606)}.project-cover--campaign{background:radial-gradient(circle at 25% 18%,rgba(43,112,176,.28),transparent 38%),linear-gradient(145deg,#15191f,#050505 72%)}
@media(max-width:1100px){.featured-work__layout{grid-template-columns:1fr;gap:45px}.featured-work__intro{position:relative;top:auto;padding-top:0}.featured-work__intro .display-title{font-size:clamp(3rem,7vw,5.25rem)}.featured-work__intro .display-title em{display:inline;font-size:1}.featured-work__intro>p:last-child{max-width:560px;font-size:.9rem}.work-grid{width:100%;max-width:900px;margin-inline:auto}.work-column--up{padding-top:70px}}
@media(max-width:767px){.featured-work__layout{display:block}.featured-work__intro{margin-bottom:52px}.featured-work__intro .display-title{font-size:clamp(3.35rem,15.2vw,5rem);line-height:.92}.featured-work__intro .display-title em{display:block;font-size:1em;line-height:.92}.work-grid{display:flex;width:100%;padding:0;max-width:none}.work-column--up,.work-column--down{padding-top:0}.work-card__visual{width:100%;aspect-ratio:4/5}.project-cover{padding:2%}.work-card__meta>span{font-size:.62rem}.work-card__meta p{font-size:.68rem}}

/* 3D film orbit: all three films stay visible, with one focused in front. */
.portfolio-carousel{padding-block:clamp(18px,3vw,40px)}.portfolio-slides{overflow:visible;aspect-ratio:16/11;border:0;border-radius:0;background:transparent;perspective:1400px;transform-style:preserve-3d}.portfolio-slide{inset:auto;left:50%;top:50%;width:76%;height:84%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);background:var(--bg-900);box-shadow:0 24px 65px rgba(0,0,0,.48);opacity:0;visibility:visible;transform-style:preserve-3d;transition:transform .85s var(--ease-out),opacity .65s var(--ease-out),filter .65s var(--ease-out),box-shadow .65s var(--ease-out);cursor:pointer}.portfolio-slide video{width:100%;height:100%;object-fit:cover}.portfolio-slide.is-active{z-index:3;opacity:1;transform:translate(-50%,-50%) translateZ(110px) scale(1);filter:none;cursor:default;box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,130,0,.2)}.portfolio-slide.is-prev{z-index:1;opacity:.28;transform:translate(-84%,-50%) translateZ(-170px) rotateY(25deg) scale(.82);filter:saturate(.55) brightness(.66)}.portfolio-slide.is-next{z-index:2;opacity:.34;transform:translate(-16%,-50%) translateZ(-170px) rotateY(-25deg) scale(.82);filter:saturate(.58) brightness(.7)}.portfolio-slide.is-prev:hover,.portfolio-slide.is-next:hover{opacity:.52;filter:saturate(.75) brightness(.82)}.portfolio-slide:not(.is-active) .portfolio-play{opacity:0;pointer-events:none}.portfolio-play{transition:transform .35s var(--ease-out),background .3s,opacity .35s}.portfolio-controls{position:relative;z-index:5;margin-top:6px}.portfolio-controls>div{min-width:0}.portfolio-title{display:block;line-height:1.25}
@media(max-width:767px){.portfolio-carousel{padding-block:12px 24px}.portfolio-slides{aspect-ratio:5/4;perspective:900px}.portfolio-slide{width:78%;height:80%;border-radius:18px}.portfolio-slide.is-active{transform:translate(-50%,-50%) translateZ(72px)}.portfolio-slide.is-prev{opacity:.24;transform:translate(-82%,-50%) translateZ(-110px) rotateY(22deg) scale(.8)}.portfolio-slide.is-next{opacity:.3;transform:translate(-18%,-50%) translateZ(-110px) rotateY(-22deg) scale(.8)}.portfolio-controls{grid-template-columns:46px minmax(0,1fr) 46px;gap:10px}.portfolio-arrow{width:46px;height:46px}.portfolio-title{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.portfolio-slide{transition:none}.portfolio-slide.is-active{transform:translate(-50%,-50%)}.portfolio-slide.is-prev{transform:translate(-82%,-50%) scale(.82)}.portfolio-slide.is-next{transform:translate(-18%,-50%) scale(.82)}}

/* Performance pass: native scrolling, composited sections and a lightweight logo journey. */
.site-header.is-solid{background:rgba(10,10,10,.98);backdrop-filter:none}.marquee__track{animation-duration:55s!important;animation-direction:normal!important}.about,.services,.featured-work,.faq,.footer{content-visibility:auto;contain-intrinsic-size:900px}.reel-card{contain:layout paint}

/* Rotating, glossy Innovax plaque that travels from the hero to the reel. */
.hero-logo-journey{position:absolute;z-index:8;right:0;top:50%;width:clamp(150px,15vw,245px);aspect-ratio:2.45;transform:translateY(-50%);transform-origin:center;will-change:transform;pointer-events:none}.hero-logo-3d{position:absolute;inset:0;transform-style:preserve-3d;animation:innovax-logo-spin 9s linear infinite}.hero-logo-face,.hero-logo-edge{position:absolute;inset:0;border:1px solid rgba(255,155,51,.5);border-radius:18px;background:linear-gradient(145deg,rgba(34,34,34,.98),rgba(5,5,5,.98));box-shadow:inset 0 0 22px rgba(255,130,0,.16),0 0 32px rgba(255,130,0,.23);backface-visibility:hidden}.hero-logo-face{display:grid;place-items:center;padding:13%}.hero-logo-face::after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.34) 48%,transparent 66%);content:"";transform:translateX(-115%);animation:innovax-logo-shine 3.6s ease-in-out infinite}.hero-logo-face img{position:relative;z-index:2;width:100%;height:auto;filter:drop-shadow(0 0 9px rgba(255,130,0,.35))}.hero-logo-face--front{transform:translateZ(10px)}.hero-logo-face--back{transform:rotateY(180deg) translateZ(10px)}.hero-logo-edge{background:#7d3b00;transform:translateZ(0);box-shadow:0 12px 42px rgba(0,0,0,.55),0 0 36px rgba(255,130,0,.22)}
@keyframes innovax-logo-spin{0%{transform:rotateX(-7deg) rotateY(0)}50%{transform:rotateX(7deg) rotateY(180deg)}100%{transform:rotateX(-7deg) rotateY(360deg)}}@keyframes innovax-logo-shine{0%,35%{transform:translateX(-115%)}65%,100%{transform:translateX(115%)}}
.reel-identity{position:absolute;z-index:5;left:50%;top:22px;display:flex;gap:.18em;transform:translate(-50%,18px);color:var(--text-100);font-family:"Anton","Impact",sans-serif;font-size:clamp(1.5rem,3.6vw,4rem);line-height:1;letter-spacing:.025em;white-space:nowrap;opacity:0;text-shadow:0 4px 28px rgba(0,0,0,.75)}.reel-identity strong{color:var(--orange-500);font-weight:400}.reel-play{top:58%}

/* Service cards: related line icons and tactile hover feedback. */
.service-card{position:relative;z-index:1;overflow:hidden;transition:transform .5s var(--ease-out),background .4s var(--ease-out),color .4s var(--ease-out),box-shadow .5s var(--ease-out)}.service-card::after{position:absolute;inset:auto -30% -55% auto;width:78%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.2);content:"";opacity:0;transform:scale(.45);transition:transform .65s var(--ease-out),opacity .4s;pointer-events:none}.service-card:hover,.service-card:focus-within{z-index:3;background:var(--orange-500);color:var(--bg-950);transform:translateY(-9px) scale(1.025);box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,180,90,.35)}.service-card:hover::after,.service-card:focus-within::after{opacity:1;transform:scale(1)}.service-card:hover .service-card__top,.service-card:focus-within .service-card__top{color:var(--bg-950)}.service-card:hover p,.service-card:hover li,.service-card:focus-within p,.service-card:focus-within li{color:rgba(10,10,10,.82)}.service-card:hover ul,.service-card:focus-within ul{border-color:rgba(10,10,10,.24)}.service-card__top svg{stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1023px){.hero-logo-journey{right:0;width:clamp(126px,20vw,190px)}}
@media(max-width:767px){.hero-machine{padding-right:88px}.hero-logo-journey{right:-5px;width:100px}.reel-identity{top:15px;font-size:clamp(1.15rem,6.5vw,2rem)}.reel-play{top:60%}.service-card:hover,.service-card:focus-within{transform:translateY(-5px) scale(1.012)}}
@media(prefers-reduced-motion:reduce){.hero-logo-3d,.hero-logo-face::after{animation:none}.hero-logo-journey{transform:translateY(-50%)!important}.reel-identity{opacity:1;transform:translate(-50%,0)}}

/* Latest supplied Innovax mark, clearer reel lockup and softer service hover. */
.hero-logo-journey{right:2.5%;width:clamp(112px,10vw,158px);aspect-ratio:1;will-change:transform,opacity,filter}.hero-logo-face,.hero-logo-edge{border-color:rgba(255,155,51,.52);border-radius:28%;box-shadow:inset 0 0 24px rgba(255,130,0,.18),0 0 34px rgba(255,130,0,.26)}.hero-logo-face{padding:15%}.hero-logo-face img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,130,0,.4))}
.reel-identity{z-index:12;top:24px;padding:12px 24px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:rgba(5,5,5,.66);font-size:clamp(2rem,5.15vw,5.65rem);transform:translate(-50%,22px);text-shadow:0 4px 28px rgba(0,0,0,.9);box-shadow:0 14px 44px rgba(0,0,0,.42)}.reel-identity strong{color:var(--orange-400)}.reel-play{top:60%}
.service-card:hover,.service-card:focus-within{background:linear-gradient(145deg,#FFD6AD,#FFB466);box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,215,175,.5)}
@media(max-width:1023px){.hero-logo-journey{right:1%;width:clamp(104px,15vw,145px)}}
@media(max-width:767px){.hero-logo-journey{right:-2px;width:82px}.reel-identity{top:14px;max-width:94%;padding:9px 15px;font-size:clamp(1.2rem,6.1vw,2rem)}.reel-play{top:62%}}

/* Frameless 13-slice extrusion: the supplied Innovax mark is the 3D object. */
.hero-logo-journey{width:clamp(145px,13.5vw,220px);perspective:880px;perspective-origin:52% 40%}.hero-logo-3d{transform-style:preserve-3d;animation:innovax-mark-spin 19s linear infinite;filter:drop-shadow(0 24px 28px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(255,130,0,.2))}.hero-logo-face,.hero-logo-edge{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;-webkit-mask:url("../assets/innovax-3d-mark.svg") center/contain no-repeat;mask:url("../assets/innovax-3d-mark.svg") center/contain no-repeat;transform-style:preserve-3d}.hero-logo-face{z-index:3;padding:0;background:#ff8200;backface-visibility:hidden;filter:drop-shadow(0 0 15px rgba(255,130,0,.42))}.hero-logo-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none}.hero-logo-face--front{transform:translateZ(26px)}.hero-logo-face--back{z-index:1;background:#913d00;transform:rotateY(180deg) translateZ(26px);filter:brightness(.72) saturate(.95) drop-shadow(0 0 12px rgba(255,130,0,.22))}.hero-logo-edge{z-index:2;background:linear-gradient(90deg,#3d1900,var(--edge) 48%,#ff8612);transform:translateZ(var(--depth));backface-visibility:visible}.hero-logo-face::before{position:absolute;z-index:4;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.3),transparent 28%,rgba(255,170,74,.08) 55%,rgba(45,14,0,.35) 84%,rgba(0,0,0,.42));content:"";pointer-events:none}.hero-logo-face::after{position:absolute;z-index:5;inset:-12% -75%;border-radius:0;background:linear-gradient(105deg,transparent 37%,rgba(255,245,224,0) 42%,rgba(255,252,242,1) 49%,rgba(255,218,159,.7) 53%,rgba(255,245,224,0) 60%,transparent 65%);content:"";-webkit-mask:url("../assets/innovax-3d-mark.svg") center/40% 80% no-repeat;mask:url("../assets/innovax-3d-mark.svg") center/40% 80% no-repeat;mix-blend-mode:screen;animation:innovax-mark-shine 4.6s cubic-bezier(.42,0,.2,1) infinite;pointer-events:none}.hero-logo-face--back::after{animation-delay:-2.3s}
@keyframes innovax-mark-spin{0%{transform:rotateX(-14deg) rotateZ(-5deg) rotateY(18deg)}25%{transform:rotateX(-9deg) rotateZ(-3deg) rotateY(108deg)}50%{transform:rotateX(-14deg) rotateZ(-5deg) rotateY(198deg)}75%{transform:rotateX(-9deg) rotateZ(-3deg) rotateY(288deg)}100%{transform:rotateX(-14deg) rotateZ(-5deg) rotateY(378deg)}}@keyframes innovax-mark-shine{0%,27%{transform:translateX(-105%)}55%,100%{transform:translateX(105%)}}
@media(max-width:1023px){.hero-logo-journey{width:clamp(112px,16vw,165px)}}
@media(max-width:767px){.hero-logo-journey{width:92px}}
@media(prefers-reduced-motion:reduce){.hero-logo-3d,.hero-logo-face::after{animation:none}.hero-logo-3d{transform:rotateX(-7deg) rotateY(-18deg)}}

/* Clean hand-off at the reel: the logo vanishes and the campaign line takes over. */
.reel-identity{top:28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:clamp(2.15rem,5.5vw,6rem);letter-spacing:.018em;text-shadow:0 3px 8px rgba(0,0,0,.9),0 12px 38px rgba(0,0,0,.72)}
@media(max-width:767px){.reel-identity{top:18px;max-width:96%;padding:0;font-size:clamp(1.35rem,6.5vw,2.15rem)}}

/* The experimental hero 3D mark was removed; the reel title is now immediate. */
.reel-identity{opacity:1;transform:translate(-50%,0)}
@media(max-width:767px){.hero-machine{padding-right:0}}

/* Four-destination services navigation shared by the homepage and service pages. */
.mega-menu{grid-template-columns:repeat(4,minmax(0,1fr));width:min(calc(100% - 32px),1280px)}.mega-menu>a[aria-current=page]{background:var(--bg-800);box-shadow:inset 0 0 0 1px var(--orange-500)}.service-more{display:inline-flex;margin-top:24px;color:var(--orange-500);font-weight:800}.service-card:hover .service-more,.service-card:focus-within .service-more{color:var(--bg-950)}
@media(max-width:1023px){.mega-menu{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 100px);overflow:auto}.mega-menu>a{min-height:120px}}

/* Showreel statement is revealed progressively by scroll. */
.reel-identity{opacity:0;visibility:hidden;transform:translate(-50%,38px) scale(.94);will-change:transform,opacity}.reel-identity.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
@media(max-width:767px){.hero-machine{padding-right:0}}
@media(prefers-reduced-motion:reduce){.reel-identity{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}}

/* Interactive Innovax I/O identity in the homepage hero. */
.hero__copy{min-height:clamp(560px,50vw,760px)}.hero-machine{padding-right:clamp(330px,34vw,560px)}.hero__intro{max-width:640px;margin-left:0}.hero-brand-orbit{position:absolute;z-index:4;right:-1%;top:clamp(-30px,1vw,18px);width:clamp(340px,32vw,540px);aspect-ratio:1;isolation:isolate}.hero-brand-orbit::before{position:absolute;z-index:0;left:55%;top:4%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,237,167,.98) 0 12%,#ffb21b 31%,rgba(255,130,0,.58) 54%,transparent 72%);filter:blur(1px) drop-shadow(0 0 28px #ff8200) drop-shadow(0 0 68px rgba(255,130,0,.75));content:"";animation:hero-orb-pulse 2.8s ease-in-out infinite}.hero-brand-mark{position:absolute;z-index:1;inset:8% 15% 6% 4%;filter:drop-shadow(0 34px 40px rgba(0,0,0,.64)) drop-shadow(0 0 28px rgba(255,130,0,.35))}.hero-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(1.12) contrast(1.05)}.hero-brand-mark::after{position:absolute;inset:6%;border:1px solid rgba(255,130,0,.16);border-radius:50%;box-shadow:0 0 42px rgba(255,130,0,.12);content:""}.hero-brand-shine{position:absolute;z-index:2;inset:0;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,0) 42%,rgba(255,250,225,.98) 49%,rgba(255,183,92,.72) 54%,transparent 63%);-webkit-mask:url("../assets/innovax-3d-mark.svg") center/contain no-repeat;mask:url("../assets/innovax-3d-mark.svg") center/contain no-repeat;mix-blend-mode:screen;transform:translateX(-105%);animation:hero-logo-sweep 4.2s cubic-bezier(.4,0,.2,1) infinite}.hero-brand-point{position:absolute;z-index:5;right:0;display:flex;align-items:center;gap:13px;min-height:54px;border:0;background:transparent;color:var(--text-100);cursor:pointer}.hero-brand-point--i{top:12%}.hero-brand-point--o{bottom:16%}.hero-brand-point>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,150,45,.38);border-radius:50%;background:rgba(10,10,10,.8);color:var(--orange-400);font-family:"Anton","Impact",sans-serif;font-size:1.75rem;box-shadow:0 0 20px rgba(255,130,0,.18);transition:transform .35s,box-shadow .35s,background .35s}.hero-brand-point>strong{padding:11px 17px;border:1px solid rgba(255,156,54,.45);border-radius:12px;background:rgba(8,8,8,.9);box-shadow:0 0 24px rgba(255,130,0,.2);font-size:.82rem;white-space:nowrap;opacity:0;transform:translateX(-12px);transition:opacity .3s,transform .3s,box-shadow .3s}.hero-brand-point:hover>span,.hero-brand-point:focus-visible>span{transform:scale(1.12);background:var(--orange-500);color:#090909;box-shadow:0 0 22px #ff8200,0 0 54px rgba(255,130,0,.65)}.hero-brand-point:hover>strong,.hero-brand-point:focus-visible>strong{opacity:1;transform:translateX(0);box-shadow:0 0 30px rgba(255,130,0,.38)}@keyframes hero-logo-sweep{0%,27%{transform:translateX(-105%)}60%,100%{transform:translateX(105%)}}@keyframes hero-orb-pulse{0%,100%{transform:scale(.92);opacity:.78}50%{transform:scale(1.08);opacity:1}}
@media(max-width:1023px){.hero__copy{min-height:620px}.hero-machine{padding-right:250px}.hero-brand-orbit{right:-5%;top:80px;width:360px}.hero__intro{max-width:54%}}
@media(max-width:767px){.hero__copy{min-height:auto}.hero-machine{padding-right:0}.hero-brand-orbit{position:relative;right:auto;top:auto;width:min(100%,390px);margin:24px auto 8px}.hero__intro{max-width:none;margin-top:24px}.hero-brand-point>strong{opacity:1;transform:none;font-size:.7rem}.hero-brand-point--i{top:8%}.hero-brand-point--o{bottom:12%}}
@media(prefers-reduced-motion:reduce){.hero-brand-shine,.hero-brand-orbit::before{animation:none}.hero-brand-point>strong{opacity:1;transform:none}}

@media(min-width:1024px){.hero-machine{padding-right:clamp(300px,30vw,460px)}.hero__title{font-size:clamp(3.2rem,5vw,7rem)!important}.service-card .service-more{margin-top:24px}}

/* Refined I/O interaction: the hotspots are invisible and the glow sits behind the logo dot. */
.hero-brand-orbit::before{left:47%;top:9%;width:18%;background:radial-gradient(circle,rgba(255,252,220,1) 0 8%,#ffd166 18%,#ff9a0b 36%,rgba(255,130,0,.52) 57%,transparent 75%);filter:blur(1px) drop-shadow(0 0 22px #ff8200) drop-shadow(0 0 58px rgba(255,130,0,.82));animation:hero-dot-glow 1.8s ease-in-out infinite}
.hero-brand-orbit::after{position:absolute;z-index:0;left:50.5%;top:12.5%;width:11%;aspect-ratio:1;border:1px solid rgba(255,184,78,.55);border-radius:50%;box-shadow:0 0 18px rgba(255,130,0,.75),inset 0 0 16px rgba(255,175,55,.22);content:"";animation:hero-dot-ring 1.8s ease-out infinite;pointer-events:none}
.hero-brand-point{right:auto;display:block;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;outline-offset:5px}
.hero-brand-point--i{left:48%;top:8%;width:17%;height:20%}
.hero-brand-point--o{left:55%;top:64%;bottom:auto;width:18%;height:19%}
.hero-brand-point>strong{position:absolute;left:calc(100% + 12px);top:50%;padding:11px 17px;border:1px solid rgba(255,156,54,.45);border-radius:12px;background:rgba(8,8,8,.92);box-shadow:0 0 24px rgba(255,130,0,.22);color:var(--text-100);font-size:.82rem;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-10px,-50%);transition:opacity .28s,transform .28s,box-shadow .28s}
.hero-brand-point:hover>strong,.hero-brand-point:focus-visible>strong{opacity:1;transform:translate(0,-50%);box-shadow:0 0 30px rgba(255,130,0,.42)}
@keyframes hero-dot-glow{0%,100%{transform:scale(.86);opacity:.58}45%{transform:scale(1.12);opacity:1}70%{transform:scale(.96);opacity:.76}}
@keyframes hero-dot-ring{0%{transform:scale(.72);opacity:.8}72%,100%{transform:scale(1.7);opacity:0}}
@media(max-width:767px){.hero-brand-point>strong{font-size:.7rem;opacity:0;transform:translate(-8px,-50%)}.hero-brand-point:hover>strong,.hero-brand-point:focus-visible>strong{opacity:1;transform:translate(0,-50%)}.hero-brand-point--i{left:48%;top:8%}.hero-brand-point--o{left:55%;top:64%;bottom:auto}}
@media(prefers-reduced-motion:reduce){.hero-brand-orbit::before,.hero-brand-orbit::after{animation:none}.hero-brand-point>strong{opacity:0;transform:translate(-8px,-50%)}.hero-brand-point:hover>strong,.hero-brand-point:focus-visible>strong{opacity:1;transform:translate(0,-50%)}}

/* Centre the light source directly behind the upper dot of the Innovax mark. */
.hero-brand-orbit::before{top:15.5%}
.hero-brand-orbit::after{top:19%}

/* A luminous point continuously travels around the circular Innovax mark. */
.hero-brand-orbit-light{position:absolute;z-index:4;left:50%;top:50%;width:100%;aspect-ratio:1;border:1px solid rgba(255,143,24,.28);border-radius:50%;filter:drop-shadow(0 0 7px rgba(255,130,0,.55));animation:hero-brand-orbit-spin 7s linear infinite;pointer-events:none}
.hero-brand-orbit-light::before{position:absolute;left:50%;top:-7px;width:14px;height:14px;border:2px solid rgba(255,244,218,.95);border-radius:50%;background:#ff970f;box-shadow:0 0 9px #fff2cd,0 0 20px #ff970f,0 0 42px rgba(255,130,0,.95);content:"";transform:translateX(-50%);animation:hero-brand-orbit-spark 1.4s ease-in-out infinite}
@keyframes hero-brand-orbit-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hero-brand-orbit-spark{0%,100%{opacity:.65;scale:.78}50%{opacity:1;scale:1.2}}
@media(prefers-reduced-motion:reduce){.hero-brand-orbit-light{animation:none;transform:translate(-50%,-50%)}.hero-brand-orbit-light::before{animation:none}}

/* Layered homepage artwork: four independently moving panels with a hover message. */
.hero-collage{position:absolute;z-index:5;right:-2%;top:clamp(-18px,1vw,16px);width:clamp(430px,36vw,620px);aspect-ratio:1317/1194;outline:0;filter:drop-shadow(0 28px 44px rgba(0,0,0,.5))}
.hero-collage__layer{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;will-change:transform}.hero-collage__layer>img{display:block;width:100%;height:100%;object-fit:contain}
.hero-collage__layer--ideas{clip-path:inset(15% 42% 54% 2% round 24px)}
.hero-collage__layer--person{clip-path:inset(4% 0 27% 38% round 28px)}
.hero-collage__layer--camera{clip-path:inset(40% 38% 7% 2% round 28px)}
.hero-collage__layer--results{clip-path:inset(62% 0 0 50% round 28px)}
.hero-collage__bubble{position:absolute;z-index:7;left:55%;top:2%;display:flex;align-items:center;gap:10px;padding:10px 15px 10px 10px;border:1px solid rgba(255,255,255,.8);border-radius:18px 18px 5px 18px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(0,0,0,.35),0 0 28px rgba(255,130,0,.25);color:#111;font-size:.78rem;line-height:1.15;letter-spacing:-.01em;opacity:0;transform:translate(-18px,16px) scale(.72);transition:opacity .25s,transform .45s cubic-bezier(.18,.9,.25,1.25);animation:hero-bubble-auto 11s cubic-bezier(.18,.9,.25,1.08) 2s infinite;pointer-events:none}
.hero-collage__bubble::after{position:absolute;right:14px;bottom:-7px;width:13px;height:13px;border-right:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8);background:inherit;content:"";transform:rotate(45deg)}
.hero-collage__bubble-logo{width:30px;height:34px;flex:0 0 auto;fill:currentColor;color:#ff8200}.hero-collage__bubble strong{color:#e96800;font-weight:900}
.hero-tool-icon{position:absolute;z-index:6;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:17px;box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 24px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.35);pointer-events:none;will-change:transform}
.hero-tool-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-tool-icon--canva{left:7%;top:4%;width:82px;height:50px;background:linear-gradient(125deg,#7a5cff 0%,#18bcd0 58%,#28dbc2 100%);animation:hero-tool-float-a 6.4s ease-in-out infinite;color:#fff}
.hero-tool-icon--canva span{font-family:"Manrope",sans-serif;font-size:1rem;font-weight:900;font-style:italic;letter-spacing:-.06em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.22)}
.hero-tool-icon--video{right:27%;top:-5%;background:linear-gradient(145deg,#ff7100,#ffac00);color:#fff;animation:hero-tool-float-b 7.2s ease-in-out .7s infinite;box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 28px rgba(255,130,0,.34),inset 0 1px 0 rgba(255,255,255,.42)}
.hero-tool-icon--facebook{left:36%;bottom:-1%;background:linear-gradient(145deg,#3188ff,#1260df);color:#fff;animation:hero-tool-float-a 6.8s ease-in-out 1.4s infinite;box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 28px rgba(37,119,242,.3),inset 0 1px 0 rgba(255,255,255,.38)}
.hero-tool-icon--facebook svg{fill:currentColor;stroke:none}
.hero-tool-icon--instagram{left:3%;bottom:10%;background:linear-gradient(145deg,#ff9b35 0%,#ef3f75 48%,#8b42d7 100%);color:#fff;animation:hero-tool-float-b 6s ease-in-out 2s infinite;box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 28px rgba(226,48,123,.3),inset 0 1px 0 rgba(255,255,255,.42)}
.hero-tool-icon--instagram svg{stroke:currentColor}
.hero-tool-icon--instagram .hero-tool-icon__dot{fill:#ff9b3d;stroke:none}
.hero-collage:hover .hero-tool-icon,.hero-collage:focus-visible .hero-tool-icon{border-color:#fff;filter:brightness(1.08) saturate(1.08)}
@keyframes hero-bubble-auto{0%,8%,36%,100%{opacity:0;transform:translate(-18px,16px) scale(.72)}14%,29%{opacity:1;transform:translate(0,0) scale(1)}21%{opacity:1;transform:translate(0,-4px) scale(1.03)}}
@keyframes hero-tool-float-a{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-9px,0) rotate(2deg)}}
@keyframes hero-tool-float-b{0%,100%{transform:translate3d(0,0,0) rotate(2deg)}50%{transform:translate3d(0,8px,0) rotate(-2deg)}}
@keyframes hero-panel-float-a{0%,100%{transform:translate3d(0,0,0) rotate(-.25deg)}50%{transform:translate3d(-5px,-7px,0) rotate(.45deg)}}
@keyframes hero-panel-float-b{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-5px,0)}}
@keyframes hero-panel-float-c{0%,100%{transform:translate3d(0,0,0) rotate(.2deg)}50%{transform:translate3d(-4px,7px,0) rotate(-.45deg)}}
@keyframes hero-panel-float-d{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,5px,0)}}

/* Service-card hover: retain the dark surface and reveal an illuminated inner frame. */
.service-card{isolation:isolate}
.service-card::before{position:absolute;z-index:-1;inset:14px;border:1px solid rgba(255,130,0,0);border-radius:14px;background:radial-gradient(circle at 20% 18%,rgba(255,130,0,.15),transparent 44%);box-shadow:inset 0 0 42px rgba(255,130,0,0);content:"";opacity:0;transition:opacity .35s,border-color .35s,box-shadow .45s;pointer-events:none}
.service-card:hover,.service-card:focus-within{background:linear-gradient(145deg,#17110c 0%,#0a0a0a 52%,#100d0a 100%);color:var(--text-100);transform:translateY(-7px);box-shadow:0 26px 64px rgba(0,0,0,.48),0 0 0 1px rgba(255,130,0,.46),inset 0 0 58px rgba(255,130,0,.08)}
.service-card:hover::before,.service-card:focus-within::before{border-color:rgba(255,130,0,.62);box-shadow:inset 0 0 46px rgba(255,130,0,.08);opacity:1}
.service-card:hover::after,.service-card:focus-within::after{opacity:.22;transform:scale(.78);background:rgba(255,130,0,.24)}
.service-card:hover .service-card__top,.service-card:focus-within .service-card__top,.service-card:hover .service-more,.service-card:focus-within .service-more{color:var(--orange-400)}
.service-card:hover p,.service-card:hover li,.service-card:focus-within p,.service-card:focus-within li{color:var(--text-400)}
.service-card:hover ul,.service-card:focus-within ul{border-color:var(--bg-800)}

@media(max-width:1023px){.hero__copy{min-height:660px}.hero-machine{padding-right:250px}.hero-collage{right:-7%;top:68px;width:430px}.hero__intro{max-width:52%}}
@media(max-width:767px){.hero#home .hero-collage{position:relative;order:3;right:auto;top:auto;width:min(104%,430px);margin:18px auto 0}.hero#home .hero__intro{order:4}.hero-collage__bubble{left:52%;top:0;font-size:.7rem}.hero-tool-icon{width:43px;height:43px;border-radius:13px}.hero-tool-icon svg{width:22px;height:22px}.hero-tool-icon--canva{left:7%;top:5%;width:64px;height:40px}.hero-tool-icon--canva span{font-size:.78rem}.hero-tool-icon--video{right:27%;top:-2%}.hero-tool-icon--facebook{left:38%;bottom:1%}.hero-tool-icon--instagram{left:4%;bottom:12%}.service-card::before{inset:10px}}
@media(prefers-reduced-motion:reduce){.hero-collage__layer,.hero-tool-icon{animation:none}.hero-collage__bubble{animation:none;transition:none}}
@media(max-width:767px){.hero#home::before{opacity:.72;background:radial-gradient(420px circle at 70% 22%,rgba(255,144,48,.11),rgba(255,130,0,.035) 42%,transparent 72%)}.hero#home::after{opacity:.08;background-size:56px 56px}}
@media(prefers-reduced-motion:reduce){.hero#home{--hero-pointer-x:50%!important;--hero-pointer-y:34%!important;--hero-shift-x:0px!important;--hero-shift-y:0px!important}.hero#home::before{transform:none}}

/* Innovax desktop cursor: a soft orange focus point with a tiny orbiting brand spark. */
.innovax-cursor{position:fixed;z-index:11000;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;transition:opacity .18s;will-change:transform}
.innovax-cursor.is-visible{opacity:1}
.innovax-cursor__ring,.innovax-cursor__dot{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);transition:width .28s var(--ease-out),height .28s var(--ease-out),border-color .28s,background .28s,box-shadow .28s,scale .18s}
.innovax-cursor__ring{width:32px;height:32px;border:1px solid rgba(255,157,69,.72);background:rgba(255,130,0,.035);box-shadow:0 0 20px rgba(255,130,0,.08),inset 0 0 12px rgba(255,130,0,.04);backdrop-filter:blur(1px)}
.innovax-cursor__dot{width:6px;height:6px;background:#ff8a00;box-shadow:0 0 8px #ff8a00,0 0 18px rgba(255,130,0,.72)}
.innovax-cursor__spark{position:absolute;left:50%;top:-3px;width:6px;height:6px;border:1px solid rgba(255,244,224,.9);border-radius:50%;background:#ff9a1f;box-shadow:0 0 8px rgba(255,151,30,.95);transform:translateX(-50%)}
.innovax-cursor.is-interactive .innovax-cursor__ring{width:48px;height:48px;border-color:rgba(255,160,66,.95);background:rgba(255,130,0,.12);box-shadow:0 0 28px rgba(255,130,0,.2),inset 0 0 16px rgba(255,130,0,.1)}
.innovax-cursor.is-interactive .innovax-cursor__spark{animation:innovax-cursor-orbit 1.8s linear infinite;transform-origin:3px 27px}
.innovax-cursor.is-pressed .innovax-cursor__ring{scale:.72}.innovax-cursor.is-pressed .innovax-cursor__dot{scale:1.65}
.innovax-cursor.is-text{opacity:0}
@keyframes innovax-cursor-orbit{to{transform:translateX(-50%) rotate(360deg)}}
@media(hover:hover) and (pointer:fine){body.innovax-cursor-ready,body.innovax-cursor-ready *{cursor:none!important}body.innovax-cursor-ready input,body.innovax-cursor-ready textarea,body.innovax-cursor-ready [contenteditable="true"]{cursor:text!important}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.innovax-cursor{display:none!important}}

/* Remove the fixed back-glow; retain only the moving orbital sparkle. */
.hero-brand-orbit::before,.hero-brand-orbit::after{display:none}

/* Remove the white-gold sweep across the mark. */
.hero-brand-shine{display:none}

/* Keep the Services dropdown focused on the four primary service cards. */
.mega-menu__all{display:none!important}

/* Mobile hero: keep the Innovax identity visible and remove the empty dead zone. */
@media(max-width:767px){
  .hero#home{padding-top:108px}
  .hero#home .hero__copy{display:flex;min-height:0;flex-direction:column}
  .hero#home .hero-machine{order:2;min-height:138px;padding-right:0;overflow:visible}
  .hero#home .hero__title{overflow:visible!important;font-size:clamp(2.3rem,10.5vw,3rem)!important;line-height:.87!important}
  .hero#home .hero__title>.hero-type-stage{height:1.86em!important;overflow:visible!important}
  .hero#home .hero-type-layer{width:100%;grid-template-columns:1fr!important;gap:.05em;white-space:normal}
  .hero#home .hero-type-word{display:flex;width:100%;height:.86em;white-space:nowrap;line-height:.86}
  .hero#home .hero-brand-orbit{order:3;display:block;width:min(86vw,344px);height:min(86vw,344px);margin:20px auto 4px;opacity:1;visibility:visible}
  .hero#home .hero-brand-mark{inset:3% 10% 3% 2%;display:block;opacity:1;visibility:visible}
  .hero#home .hero-brand-mark img{display:block;width:100%;height:100%;opacity:1;visibility:visible;object-fit:contain}
  .hero#home .hero__intro{order:4;margin:16px 0 42px}
}

/* SEO and conversion refinement. */
.hero-h1-detail{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.hero#home .hero__intro{margin-bottom:24px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;max-width:680px}
.hero__reassurance{max-width:680px;margin:16px 0 70px;color:var(--text-500);font-size:.78rem;letter-spacing:.02em}
.service-links{display:flex;flex-wrap:wrap;gap:20px}
.team-bio{margin:16px 0 0;color:var(--text-400);font-size:.9rem}
.team-link{display:inline-flex;margin-top:12px;color:var(--orange-400);font-size:.82rem;font-weight:800}
.work-result{margin-top:12px!important;color:var(--orange-400)!important;font-size:.76rem!important;font-weight:700}
.project-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;margin-block:0 clamp(70px,8vw,120px);padding:clamp(30px,4vw,58px);border:1px solid var(--bg-800);border-radius:var(--radius-lg);background:radial-gradient(circle at 12% 0,rgba(255,130,0,.16),transparent 42%),var(--bg-900)}
.project-cta h2{margin:12px 0 10px;font-family:"Anton","Noto Sans SC",sans-serif;font-size:clamp(2.7rem,5vw,5.5rem);font-weight:400;line-height:.92;text-transform:uppercase}
.project-cta>div>p:last-child{max-width:700px;margin:0;color:var(--text-400)}
.faq-item h3{margin:0}
.footer-grid .footer-heading{margin:0 0 12px;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:767px){.hero#home .hero__actions{order:5;display:grid}.hero#home .hero__actions .button{justify-content:center}.hero#home .hero__reassurance{order:6;margin:14px 0 44px}.project-cta{grid-template-columns:1fr;gap:24px;margin-inline:16px}.project-cta .button{justify-content:center}.service-links{gap:12px}}

/* Animated mascot live-chat entry. The form hands the enquiry to WhatsApp. */
.livechat-ready .whatsapp{display:none!important}
.livechat{position:fixed;z-index:1200;right:18px;bottom:12px;font-family:"Manrope",sans-serif}
.livechat-launcher{position:relative;z-index:6;display:grid;width:112px;height:126px;place-items:end center;border:0;background:transparent;padding:0;cursor:grab;filter:drop-shadow(0 16px 18px rgba(0,0,0,.38));isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}
.livechat-mascot-sprite{display:block;width:104px;height:126px;background-image:url("../assets/innovax-mascot-idle-front.png?v=20261024-mascot-restored10");background-repeat:no-repeat;background-position:center;background-size:contain;transform-origin:52% 92%;animation:livechat-mascot-float 3.4s ease-in-out infinite;pointer-events:none}
.livechat.is-auto-walking .livechat-mascot-sprite{width:96px;height:154px;background-image:url("../assets/innovax-mascot-walk-sprite.png?v=20261024-mascot-restored10");background-position:0 0;background-size:800% 200%;animation:livechat-mascot-walk .82s steps(7) infinite,livechat-mascot-float 3.4s ease-in-out infinite}
.livechat.is-auto-walking.is-facing-left .livechat-mascot-sprite{background-position-y:100%}
.livechat.is-dragging .livechat-launcher{cursor:grabbing;filter:drop-shadow(0 18px 23px rgba(255,130,0,.35))}
.livechat.is-dragging .livechat-mascot-sprite{width:104px;height:126px;background-image:url("../assets/innovax-mascot-angry.png?v=20261024-mascot-restored10");background-position:center;background-size:contain;animation:livechat-mascot-angry .34s ease-in-out infinite alternate}
.livechat.is-falling .livechat-mascot-sprite{width:104px;height:126px;background-image:url("../assets/innovax-mascot-angry.png?v=20261024-mascot-restored10");background-position:center;background-size:contain;animation:livechat-mascot-fall var(--mascot-fall-duration,700ms) cubic-bezier(.55,.06,.68,.19) both}
.livechat.is-landing .livechat-mascot-sprite{width:118px;height:100px;background-image:url("../assets/innovax-mascot-ouch.png?v=20261024-mascot-restored10");background-position:center;background-size:contain;animation:livechat-mascot-land .46s cubic-bezier(.2,.9,.25,1) both}
.livechat-ouch-bubble{position:absolute;z-index:3;left:50%;bottom:96%;padding:8px 13px;border:1px solid rgba(255,130,0,.55);border-radius:16px 16px 16px 4px;background:#fff;color:#ff7200;font-size:.78rem;font-weight:900;letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translate(-50%,10px) scale(.72);box-shadow:0 10px 30px rgba(0,0,0,.26);pointer-events:none}
.livechat-ouch-bubble::after{position:absolute;left:16px;bottom:-5px;width:10px;height:10px;background:#fff;content:"";transform:rotate(45deg)}
.livechat.is-landing .livechat-ouch-bubble{animation:livechat-ouch-pop 1.8s ease both}
.livechat.is-landing .livechat-launcher__bubble{opacity:0;animation:none}
.livechat-launcher__bubble{position:absolute;z-index:2;right:74%;top:6px;padding:8px 12px;border:1px solid rgba(255,130,0,.45);border-radius:14px 14px 4px;background:#fff;color:#111;font-size:.68rem;font-weight:800;white-space:nowrap;opacity:0;transform:translate(12px,10px) scale(.8);animation:livechat-greeting 10s ease-in-out 2s infinite;box-shadow:0 8px 28px rgba(0,0,0,.2)}
.livechat-launcher__bubble::after{position:absolute;right:-5px;bottom:4px;width:10px;height:10px;background:#fff;content:"";transform:rotate(45deg)}
.livechat-launcher:hover .livechat-mascot-sprite,.livechat-launcher:focus-visible .livechat-mascot-sprite{filter:drop-shadow(0 0 12px rgba(255,130,0,.28))}
.livechat-launcher:focus-visible{outline:2px solid var(--orange-400);outline-offset:5px;border-radius:28px}
.livechat-panel{position:absolute;z-index:4;right:6px;bottom:118px;width:min(390px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 145px));overflow:hidden;overscroll-behavior:contain;border:1px solid #2a312b;border-radius:22px;background:#101311;color:#f7f7f2;box-shadow:0 26px 90px rgba(0,0,0,.62);opacity:0;visibility:hidden;transform:translateY(22px) scale(.96);transform-origin:bottom right;transition:opacity .25s,visibility .25s,transform .36s cubic-bezier(.18,.9,.25,1.08)}
.livechat.is-open .livechat-panel{opacity:1;visibility:visible;transform:none}
.livechat.is-open .livechat-launcher{opacity:0;visibility:hidden;pointer-events:none}
.livechat-panel__header{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:42px 1fr 34px;gap:11px;align-items:center;padding:13px 15px;border-bottom:1px solid #29302a;background:rgba(16,19,17,.98);backdrop-filter:blur(16px)}
.livechat-panel__header>img{width:42px;height:42px;object-fit:contain;border:1px solid rgba(255,130,0,.42);border-radius:12px;background:#182019}
.livechat-panel__header strong{display:block;font-size:.92rem}.livechat-panel__header small{display:flex;align-items:center;gap:6px;margin-top:3px;color:#a6ada7;font-size:.66rem}.livechat-panel__header small i{width:8px;height:8px;border-radius:50%;background:#5ce85c;box-shadow:0 0 10px rgba(92,232,92,.65)}
.livechat-close{display:grid;width:34px;height:34px;place-content:center;border:0;background:transparent;color:#bfc5c0;font-size:1.55rem;cursor:pointer}.livechat-close:hover{color:#fff}
.livechat-panel__body{max-height:calc(min(720px,100dvh - 145px) - 69px);overflow:auto;padding:24px 20px 20px;scrollbar-color:#777 #171a18;scrollbar-width:thin}
.livechat-chatmark{display:grid;width:48px;height:48px;place-content:center;border-radius:14px;background:#19351f;color:#62f277;font-size:1.4rem}
.livechat-panel h2{max-width:300px;margin:18px 0 22px;font-size:1.35rem;line-height:1.25}.livechat-question{margin:0 0 9px;color:#cdd2cd;font-size:.78rem;font-weight:800}
.livechat-topics{display:flex;flex-wrap:wrap;gap:7px}.livechat-topics button{border:1px solid #326c36;border-radius:999px;background:#111b12;padding:7px 10px;color:#e7ebe7;font-size:.66rem;font-weight:700;cursor:pointer;transition:.2s}.livechat-topics button:hover,.livechat-topics button[aria-pressed="true"]{border-color:#69d36c;background:#234e27;color:#fff;transform:translateY(-1px)}
.livechat-note{margin:11px 0 20px;color:#838b84;font-size:.64rem}.livechat-form{display:grid;gap:14px}.livechat-form label{display:grid;gap:7px;color:#cdd2cd;font-size:.72rem;font-weight:800}.livechat-form label small{font-weight:500}.livechat-form input,.livechat-form select{width:100%;min-width:0;height:46px;border:1px solid #353c36;border-radius:11px;background:#171a18;padding:0 13px;color:#fff;font:inherit;outline:none}.livechat-form input:focus,.livechat-form select:focus{border-color:#62c969;box-shadow:0 0 0 3px rgba(98,201,105,.12)}
.livechat-phone{display:grid;grid-template-columns:.92fr 1.08fr;gap:10px}.livechat-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-size:.63rem!important;font-weight:500!important;line-height:1.35}.livechat-consent input{flex:0 0 18px;width:18px;height:18px;border-radius:2px;accent-color:#55b557}.livechat-submit{height:48px;border:0;border-radius:11px;background:#54ad50;color:#071008;font-weight:900;cursor:pointer;transition:.2s}.livechat-submit:hover{background:#69c764;transform:translateY(-1px)}.livechat-privacy{margin:0;color:#757d76;font-size:.59rem;line-height:1.4;text-align:center}
.company-registration{margin-left:.45em;white-space:nowrap}
@keyframes livechat-mascot-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes livechat-mascot-walk{to{background-position-x:100%}}
@keyframes livechat-mascot-angry{from{transform:rotate(-4deg) scale(.98)}to{transform:rotate(4deg) scale(1.03)}}
@keyframes livechat-mascot-fall{0%{transform:rotate(0) scale(1)}70%{transform:rotate(250deg) scale(.96)}100%{transform:rotate(360deg) scale(.92)}}
@keyframes livechat-mascot-land{0%{transform:translateY(0) scale(1)}35%{transform:translateY(8px) scale(1.12,.82)}68%{transform:translateY(-12px) scale(.94,1.08)}100%{transform:translateY(0) scale(1)}}
@keyframes livechat-ouch-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.65)}12%,76%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px) scale(.9)}}
@keyframes livechat-mascot-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg) translateY(-3px)}75%{transform:rotate(6deg)}}
@keyframes livechat-greeting{0%,8%,38%,100%{opacity:0;transform:translate(12px,10px) scale(.8)}15%,31%{opacity:1;transform:none}}
@media(max-width:767px){.livechat{right:8px;bottom:7px}.livechat-launcher{width:88px;height:100px}.livechat-mascot-sprite{width:82px;height:100px}.livechat.is-auto-walking .livechat-mascot-sprite{width:76px;height:122px}.livechat.is-dragging .livechat-mascot-sprite,.livechat.is-falling .livechat-mascot-sprite{width:82px;height:100px}.livechat.is-landing .livechat-mascot-sprite{width:96px;height:76px}.livechat-launcher__bubble{right:70%;top:2px}.livechat-panel{position:fixed;right:8px;bottom:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.livechat-panel__body{max-height:calc(100dvh - 85px)}.livechat-phone{grid-template-columns:1fr 1fr}.company-registration{display:block;margin:4px 0 0;white-space:normal}}
@media(prefers-reduced-motion:reduce){.livechat-mascot-sprite,.livechat-launcher__bubble{animation:none}.livechat-launcher__bubble{opacity:1;transform:none}.livechat.is-landing .livechat-ouch-bubble{animation:none;opacity:1;transform:translate(-50%,0)}.livechat-panel{transition:none}}

/* Brand-orange live-chat accents. */
.livechat-panel__header small i{background:#ff8a00;box-shadow:0 0 10px rgba(255,138,0,.72)}
.livechat-chatmark{background:#3a2411;color:#ff9418}
.livechat-topics button{border-color:#7a4416;background:#1e160f;color:#f4ede7}
.livechat-topics button:hover,.livechat-topics button[aria-pressed="true"]{border-color:#ff9a24;background:#4a2a10;color:#fff}
.livechat-form input:focus,.livechat-form select:focus{border-color:#ff9418;box-shadow:0 0 0 3px rgba(255,148,24,.14)}
.livechat-consent input{accent-color:#ff8700}
.livechat-submit{background:linear-gradient(135deg,#ff9d21,#ff7900);color:#120a03;box-shadow:0 10px 28px rgba(255,126,0,.22)}
.livechat-submit:hover{background:linear-gradient(135deg,#ffae42,#ff8b10);box-shadow:0 13px 32px rgba(255,126,0,.34)}

/* Keep the chat clear of the fixed header and retain the mascot as the toggle. */
.livechat.is-open .livechat-launcher{opacity:1;visibility:visible;pointer-events:auto}
.livechat.is-open .livechat-launcher__bubble{opacity:0;animation:none}
.livechat-panel{position:fixed;top:104px;right:24px;bottom:146px;max-height:none}
.livechat-panel__body{height:calc(100% - 69px);max-height:none}
.livechat.is-open .livechat-mascot-sprite{filter:drop-shadow(0 0 15px rgba(255,130,0,.45))}
@media(max-width:767px){
  .livechat-panel{top:84px;right:8px;bottom:112px;width:calc(100vw - 16px);max-height:none}
  .livechat-panel__body{height:calc(100% - 69px);max-height:none}
}

/* Live availability and branded conversation mark. */
.livechat-panel__header small i{background:#45e65c;box-shadow:0 0 0 3px rgba(69,230,92,.12),0 0 12px rgba(69,230,92,.78);animation:livechat-online-pulse 1.8s ease-out infinite}
.livechat-chatmark{display:grid;width:52px;height:52px;place-items:center;padding:8px;border:1px solid rgba(255,130,0,.38);border-radius:15px;background:linear-gradient(145deg,#22231f,#121411);box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 0 22px rgba(255,130,0,.05)}
.livechat-chatmark svg{display:block;width:31px;height:38px;fill:currentColor;color:#ff8200}
@keyframes livechat-online-pulse{0%{box-shadow:0 0 0 0 rgba(69,230,92,.48),0 0 11px rgba(69,230,92,.82)}70%,100%{box-shadow:0 0 0 6px rgba(69,230,92,0),0 0 13px rgba(69,230,92,.62)}}
@media(prefers-reduced-motion:reduce){.livechat-panel__header small i{animation:none}}

/* Platform-neutral interface icons and page-copy protection. */
.ui-icon{display:block;width:24px;height:24px;fill:currentColor;stroke:none}
.ui-icon--stroke{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.reel-play>span .ui-icon,.portfolio-play .ui-icon,.cinematic-showcase-card__visual i .ui-icon{width:25px;height:25px}
.page-card__icon .ui-icon{width:25px;height:25px}
.content-protected body,.content-protected body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.content-protected input,.content-protected textarea,.content-protected select,.content-protected option,.content-protected [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}

/* Compact, eagerly painted team portraits. */
.team-grid{width:min(100%,1120px);margin-inline:auto;gap:28px}
.team-photo{aspect-ratio:14/15;background-color:#151515;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 18px 46px rgba(0,0,0,.24)}
@media(max-width:767px){.team-grid{gap:46px}.team-card{width:min(100%,300px);margin-inline:auto}.team-photo{aspect-ratio:14/15;border-radius:22px}.team-card h3{margin-top:18px}}

/* Layered glass navigation with a clear active state. */
@media(min-width:768px){
  .site-header{top:12px;left:clamp(12px,2vw,30px);right:clamp(12px,2vw,30px);width:auto;height:70px;padding-inline:clamp(18px,3vw,42px);border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(120deg,rgba(22,22,22,.93),rgba(9,9,9,.82));box-shadow:0 18px 60px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px)}
  .site-header::after{position:absolute;left:5%;right:5%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,130,0,.58),transparent);content:"";opacity:.75;pointer-events:none}
  .site-header.is-solid{background:linear-gradient(120deg,rgba(20,20,20,.97),rgba(8,8,8,.94));border-color:rgba(255,130,0,.18);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 34px rgba(255,130,0,.045),inset 0 1px rgba(255,255,255,.055)}
  .desktop-nav{gap:4px;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.035)}
  .roll-link{height:34px;padding:5px 12px;border-radius:999px;color:var(--text-400);transition:color .3s,background .3s,box-shadow .3s}
  .roll-link:hover,.roll-link:focus-visible,.roll-link.is-current{background:linear-gradient(135deg,rgba(255,144,32,.2),rgba(255,106,0,.08));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,139,22,.25),0 0 20px rgba(255,121,0,.08)}
  .roll-link.is-current::after{position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--orange-500);box-shadow:0 0 10px var(--orange-500);content:"";transform:translateX(-50%)}
  .site-header>.button{box-shadow:0 10px 28px rgba(255,126,0,.2),inset 0 1px rgba(255,255,255,.38)}
}
@media(max-width:767px){.site-header{top:8px;left:8px;right:8px;width:auto;height:68px;padding-inline:14px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(125deg,rgba(21,21,21,.96),rgba(8,8,8,.9));box-shadow:0 16px 44px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(16px)}.site-header.is-solid{border-color:rgba(255,130,0,.17)}}

/* Fluorescent Back to top control shared by every page. */
.back-to-top{position:fixed;z-index:1305;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 17px;border:1px solid rgba(255,170,62,.7);border-radius:999px;background:linear-gradient(135deg,rgba(255,154,34,.96),rgba(255,105,0,.94));color:#120a02;font:800 .72rem/1 "Manrope",sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 0 0 1px rgba(255,135,0,.18),0 0 18px rgba(255,126,0,.54),0 12px 34px rgba(0,0,0,.34);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px) scale(.92);transition:opacity .3s,visibility .3s,transform .35s var(--ease-out),box-shadow .3s;isolation:isolate}
.back-to-top::before{position:absolute;inset:-7px;z-index:-1;border:1px solid rgba(255,132,0,.22);border-radius:inherit;content:"";animation:back-top-pulse 2.4s ease-out infinite}
.back-to-top svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{box-shadow:0 0 0 1px rgba(255,185,86,.28),0 0 30px rgba(255,126,0,.78),0 14px 38px rgba(0,0,0,.38);transform:translateY(-3px)}
@keyframes back-top-pulse{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.85;transform:scale(1.04)}}
@media(max-width:767px){.back-to-top{left:12px;bottom:12px;min-height:44px;padding:0 14px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.back-to-top::before{animation:none}.back-to-top{transition:none}}

/* One consistent dark frame for every Featured Work card. */
.work-card__visual.project-cover{padding:12px;border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,#181818,#070707 72%);box-shadow:0 26px 74px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)}
.work-card__visual.project-cover::before{background:radial-gradient(circle at 72% 24%,rgba(255,130,0,.32),transparent 58%)}
.work-card__visual.project-cover::after{border-color:rgba(255,255,255,.1)}
.work-card__visual.project-cover>img{border-radius:calc(var(--radius-lg) - 12px);object-fit:cover;filter:drop-shadow(0 20px 25px rgba(0,0,0,.24))}
@media(max-width:767px){.work-card__visual.project-cover{padding:8px}.work-card__visual.project-cover>img{border-radius:12px}}

.service-price{margin:18px 0 10px!important;color:var(--text-500)!important;font-size:.76rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}


/* Service-page styles */
/* Shared service-page layer — extends, never replaces, the homepage system. */
.service-page{background:var(--bg-950)}
.breadcrumb{padding-top:calc(var(--header-h) + 30px);font-size:.78rem;color:var(--text-400)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumb li+li::before{margin-right:8px;color:var(--orange-500);content:"/"}.breadcrumb a:hover{color:var(--orange-400)}
.page-hero{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(80px,10vw,150px)}.page-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(38px,7vw,110px);align-items:center}.page-hero .section-label{margin-bottom:20px}.page-hero__title{margin:0;font-family:"Anton","Impact",sans-serif;font-size:clamp(4rem,9vw,9rem);font-weight:400;line-height:.88;text-transform:uppercase}.page-hero__title em{color:var(--orange-500);font-style:normal}.page-hero__intro{max-width:720px;margin:30px 0;color:var(--text-400);font-size:clamp(1.05rem,1.4vw,1.3rem)}.page-actions{display:flex;flex-wrap:wrap;gap:12px}.button--ghost{border:1px solid var(--bg-800);background:transparent;color:var(--text-100)}.button--ghost::before{background:var(--orange-500)}.page-hero__visual{position:relative;overflow:hidden;min-height:460px;border:1px solid var(--bg-800);border-radius:var(--radius-lg);background:var(--bg-900)}.page-hero__visual img{display:block;width:100%;height:100%;min-height:460px;object-fit:cover}.page-hero__visual::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.6));content:"";pointer-events:none}
.page-section{padding-block:clamp(80px,10vw,150px);border-top:1px solid var(--bg-800)}.page-section--raised{background:var(--bg-900)}.page-section .shell>h2{max-width:1000px;margin:0 0 28px;font-family:"Anton","Impact",sans-serif;font-size:clamp(2.5rem,5.5vw,5rem);font-weight:400;line-height:.95}.page-section .lede{max-width:800px;margin:0 0 46px;color:var(--text-400);font-size:1.08rem}.prose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,72px)}.prose-grid p{margin-top:0;color:var(--text-400)}
.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.page-card{position:relative;padding:28px;border:1px solid var(--bg-800);border-radius:var(--radius-sm);background:var(--bg-950);transition:transform .35s var(--ease-out),border-color .35s,background .35s}.page-card:hover{transform:translateY(-6px);border-color:var(--orange-500);background:#18130f}.page-card__icon{display:grid;width:48px;height:48px;margin-bottom:42px;place-content:center;border-radius:50%;background:var(--orange-500);color:var(--bg-950);font-weight:800}.page-card h3{margin:0 0 12px;font-size:1.15rem}.page-card p{margin:0;color:var(--text-400);font-size:.94rem}.page-card a{display:inline-flex;margin-top:20px;color:var(--orange-400);font-weight:800}
.comparison-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--bg-800);border-radius:var(--radius-sm)}.comparison{width:100%;min-width:640px;border-collapse:collapse}.comparison th,.comparison td{padding:17px 20px;border-bottom:1px solid var(--bg-800);text-align:left}.comparison th{background:var(--bg-900);color:var(--orange-400)}.comparison tr:last-child td{border-bottom:0}.comparison td:first-child{font-weight:800;color:var(--text-100)}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--bg-800);border:1px solid var(--bg-800)}.feature-list article{padding:30px;background:var(--bg-950)}.feature-list span{color:var(--orange-500);font-family:"Anton";font-size:2rem}.feature-list h3{margin:10px 0}.feature-list p{margin:0;color:var(--text-400)}
.kol-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kol-card{min-width:0;overflow:hidden;border:1px solid var(--bg-800);border-radius:var(--radius-sm);background:var(--bg-950);transition:.4s var(--ease-out)}.kol-card:hover{transform:translateY(-8px);border-color:var(--orange-500)}.kol-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:linear-gradient(145deg,#2a180a,#111)}.kol-card__body{padding:16px}.kol-card h3{margin:0;font-size:1.1rem}.kol-card__body p{font-size:.82rem;line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.tag{padding:4px 7px;border:1px solid var(--bg-800);border-radius:var(--radius-pill);color:var(--text-400);font-size:.64rem}.preview-button{margin-top:12px;border:0;background:none;padding:0;color:var(--orange-400);font-size:.78rem;font-weight:800;cursor:pointer}.kol-card--custom{position:relative;display:flex;min-height:0;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(145deg,#ffad52 0%,var(--orange-500) 58%,#d45c00 100%);color:var(--bg-950)}.kol-card--custom p{color:rgba(10,10,10,.72)}.kol-card--custom a{font-weight:800;font-size:.82rem}.kol-card__custom-mark{position:absolute;top:18px;right:20px;font-family:"Anton","Impact",sans-serif;font-size:5rem;line-height:1;color:rgba(10,10,10,.18)}.kol-card__eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:800}.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.problem-card{position:relative;min-height:260px;padding:30px;border:1px solid var(--bg-800);border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--bg-950),#15100c);transition:.35s var(--ease-out)}.problem-card:hover{transform:translateY(-6px);border-color:rgba(255,130,0,.7);background:linear-gradient(145deg,#1b120b,var(--bg-950))}.problem-card__icon{display:grid;width:64px;height:64px;margin-bottom:42px;place-items:center;border-radius:50%;background:rgba(255,130,0,.12);color:var(--orange-400)}.problem-card__icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.problem-card h3{margin:0 0 10px;font-size:1.35rem}.problem-card p{margin:0;color:var(--text-400)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:step}.steps article{position:relative;padding:28px 22px;border-top:2px solid var(--orange-500);counter-increment:step}.steps article::before{display:block;margin-bottom:28px;color:var(--orange-500);font-family:"Anton";font-size:2.2rem;content:"0" counter(step)}.steps h3{margin:0 0 10px}.steps p{margin:0;color:var(--text-400);font-size:.9rem}
.showreel-wide{position:relative;overflow:hidden;aspect-ratio:21/9;border-radius:var(--radius-lg);background:#000}.showreel-wide img{display:block;width:100%;height:100%;object-fit:cover}.letterbox{position:absolute;left:0;width:100%;height:16%;background:#000;transition:transform 1s var(--ease-out)}.letterbox--top{top:0}.letterbox--bottom{bottom:0}.showreel-wide.is-open .letterbox--top{transform:translateY(-105%)}.showreel-wide.is-open .letterbox--bottom{transform:translateY(105%)}
.media-list{display:grid;gap:12px}.media-row{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:14px;border:1px solid var(--bg-800);border-radius:var(--radius-sm)}.media-row img{width:180px;aspect-ratio:16/10;border-radius:8px;object-fit:cover}.media-row h3,.media-row p{margin:0}.media-row p{color:var(--text-400)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{overflow:hidden;border:1px solid var(--bg-800);border-radius:var(--radius-sm);background:var(--bg-950)}.project-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.project-card div{padding:24px}.project-card h3{margin:0 0 8px}.project-card p{margin:5px 0;color:var(--text-400)}
.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.checklist li{padding:17px 20px;border:1px solid var(--bg-800);border-radius:var(--radius-sm)}.checklist li::before{margin-right:10px;color:var(--orange-500);content:"✓"}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border:1px solid var(--bg-800)}.stats-strip div{padding:30px;border-right:1px solid var(--bg-800)}.stats-strip div:last-child{border:0}.stats-strip strong{display:block;color:var(--orange-500);font-family:"Anton";font-size:clamp(2.5rem,5vw,5rem)}.stats-strip span{color:var(--text-400)}
.application-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(32px,7vw,100px);align-items:start}.application-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label{font-size:.84rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--bg-800);border-radius:10px;background:var(--bg-950);padding:14px;color:var(--text-100);font:inherit}.field textarea{min-height:130px;resize:vertical}.field [aria-invalid=true]{border-color:#ff6a5e}.field-error{min-height:1.2em;color:#ff8f86;font-size:.78rem}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--text-400);font-size:.84rem}.consent input{margin-top:3px}.form-status{grid-column:1/-1;color:var(--orange-400)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card{display:flex;min-height:230px;flex-direction:column;justify-content:space-between;padding:28px;border:1px solid var(--bg-800);border-radius:var(--radius-sm);background:var(--bg-950);transition:.35s}.related-card:hover{border-color:var(--orange-500);transform:translateY(-5px)}.related-card span{display:flex;align-items:center;gap:7px;color:var(--orange-500);font-size:1.4rem}.related-card h3{font-size:1.35rem}.inline-arrow-icon{display:inline-block;flex:0 0 auto;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}.compare-arrow-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.website-project-card__copy i,.kol-social-cta a{display:inline-flex;align-items:center;gap:6px}
.sample-modal{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.88);opacity:0;visibility:hidden;transition:.3s}.sample-modal.is-open{opacity:1;visibility:visible}.sample-modal__panel{position:relative;width:min(720px,100%);padding:24px;border:1px solid var(--bg-800);border-radius:var(--radius-lg);background:var(--bg-900)}.sample-modal video{display:block;width:100%;aspect-ratio:16/9;background:#000}.sample-modal__close{position:absolute;right:10px;top:10px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:var(--orange-500);color:var(--bg-950);font-size:1.5rem;cursor:pointer}
.page-note{padding:22px;border-left:3px solid var(--orange-500);background:var(--bg-900);color:var(--text-400)}
.page-note--black{border:1px solid #171717;border-left:3px solid var(--orange-500);background:#020202;color:var(--text-300);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 44px rgba(0,0,0,.2)}
@media(max-width:1279px){.kol-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kol-card__body{padding:20px}.kol-card h3{font-size:1.25rem}.kol-card__body p{font-size:.95rem}.kol-card--custom{min-height:420px;padding:28px}}
@media(max-width:1023px){.page-hero__grid{grid-template-columns:1fr}.page-hero__visual{min-height:360px}.page-hero__visual img{min-height:360px}.page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kol-grid,.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.application-grid{grid-template-columns:1fr}}
@media(max-width:767px){.breadcrumb{padding-top:calc(var(--header-h) + 22px)}.page-hero{padding-top:48px}.page-hero__title{font-size:clamp(3.4rem,17vw,6rem)}.page-actions{display:grid}.page-actions .button{width:100%}.page-hero__visual,.page-hero__visual img{min-height:300px}.page-card-grid,.prose-grid,.feature-list,.kol-grid,.case-grid,.problem-grid,.steps,.checklist,.application-form{grid-template-columns:1fr}.field--full{grid-column:auto}.media-row{grid-template-columns:1fr}.media-row img{width:100%}.stats-strip{grid-template-columns:1fr}.stats-strip div{border-right:0;border-bottom:1px solid var(--bg-800)}.comparison th,.comparison td{padding:13px}.kol-card--custom{min-height:320px}.problem-card{min-height:220px}.problem-card__icon{margin-bottom:28px}}

.page-hero__visual--full{min-height:0;aspect-ratio:3/2;background:#0d0d0d}.page-hero__visual--full img{width:100%;height:100%;min-height:0;object-fit:contain}.page-hero__visual--full::after{display:none}@media(max-width:1023px){.page-hero__visual--full,.page-hero__visual--full img{min-height:0}}@media(max-width:767px){.page-hero__visual--full,.page-hero__visual--full img{min-height:0}}

/* Keep the six-person selector compact instead of using the full portrait height. */
.kol-card img{height:clamp(210px,14vw,270px);aspect-ratio:auto;object-position:center 32%}.kol-card--custom{min-height:0}
@media(max-width:1279px){.kol-card img{height:280px}.kol-card--custom{min-height:0}}
@media(max-width:767px){.kol-card img{height:300px}.kol-card--custom{min-height:280px}}

/* Interactive AI KOL workflow visual: quiet by default, luminous on hover. */
.kol-hero-network{overflow:visible;border:0;background:transparent}.kol-hero-network::after{display:none}.kol-hero-photo{position:absolute;z-index:1;left:50%;top:50%;width:76%;aspect-ratio:3/2;overflow:hidden;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0c0c0c;box-shadow:0 26px 70px rgba(0,0,0,.52)}.kol-hero-photo img{width:100%;height:100%;min-height:0;object-fit:cover}.kol-prompt{position:absolute;z-index:3;display:grid;width:45%;padding:13px 16px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(10,10,10,.8);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 12px 32px rgba(0,0,0,.32);color:var(--text-100);opacity:.3;filter:saturate(.3) brightness(.72);transform:scale(.96);transition:opacity .35s,filter .35s,transform .35s,border-color .35s,box-shadow .35s;cursor:default;outline:0}.kol-prompt span{color:var(--orange-400);font-size:.62rem;font-weight:800}.kol-prompt span b{margin-right:7px;color:var(--text-100)}.kol-prompt strong{margin-top:4px;font-size:.78rem;line-height:1.2}.kol-prompt small{margin-top:4px;color:var(--text-400);font-size:.56rem}.kol-prompt::after{position:absolute;width:42px;height:1px;background:rgba(255,255,255,.3);content:"";transition:background .35s,box-shadow .35s}.kol-prompt:hover,.kol-prompt:focus-visible{opacity:1;filter:none;transform:scale(1);border-color:rgba(255,255,255,.75);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 28px rgba(255,255,255,.2),0 18px 42px rgba(0,0,0,.48)}.kol-prompt:hover::after,.kol-prompt:focus-visible::after{background:#fff;box-shadow:0 0 10px #fff}.kol-prompt--one{left:0;top:2%}.kol-prompt--one::after,.kol-prompt--three::after{right:-42px;top:50%}.kol-prompt--two{right:0;top:2%}.kol-prompt--two::after,.kol-prompt--four::after{left:-42px;top:50%}.kol-prompt--three{left:0;bottom:2%}.kol-prompt--four{right:0;bottom:2%}

/* Keep every KOL action on the same baseline. */
.kol-card{display:flex;flex-direction:column}.kol-card>img{flex:0 0 auto}.kol-card__body{display:flex;flex:1;flex-direction:column}.kol-card__body .preview-button{align-self:flex-start;margin-top:auto;padding-top:14px}
@media(max-width:1023px){.kol-hero-network{min-height:520px;aspect-ratio:auto}.kol-hero-photo{width:72%}.kol-prompt{width:42%}}
@media(max-width:767px){.kol-hero-network{min-height:520px}.kol-hero-photo{top:50%;width:88%}.kol-prompt{width:48%;padding:10px}.kol-prompt strong{font-size:.67rem}.kol-prompt small{display:none}.kol-prompt::after{display:none}.kol-prompt--one,.kol-prompt--two{top:0}.kol-prompt--three,.kol-prompt--four{bottom:0}}
@media(prefers-reduced-motion:reduce){.kol-prompt{transition:none}}

/* AI KOL hero balance: a quieter headline and a larger, clearer workflow visual. */
@media(min-width:1024px){
  .ai-kol-page .page-hero__grid{grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:clamp(48px,5vw,86px)}
  .ai-kol-page .page-hero__title{font-size:clamp(4.5rem,7vw,7.5rem);line-height:.9}
  .ai-kol-page .page-hero__intro{max-width:680px;font-size:clamp(1rem,1.16vw,1.2rem)}
  .ai-kol-page .kol-hero-network{min-height:clamp(570px,43vw,720px);aspect-ratio:auto}
  .ai-kol-page .kol-hero-photo{width:82%;border-radius:26px}
  .ai-kol-page .kol-prompt{width:34%;opacity:.48;filter:saturate(.5) brightness(.82)}
  .ai-kol-page .kol-prompt--one{left:-5%;top:-2%}
  .ai-kol-page .kol-prompt--two{right:-5%;top:-2%}
  .ai-kol-page .kol-prompt--three{left:-5%;bottom:-2%}
  .ai-kol-page .kol-prompt--four{right:-5%;bottom:-2%}
}

/* Shared service pricing */
.pricing-section{position:relative;overflow:hidden}
.pricing-section::before{content:"";position:absolute;top:-220px;right:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,128,0,.12),transparent 68%);pointer-events:none}
.pricing-section .shell{position:relative;z-index:1}
.pricing-section h2{max-width:980px;margin:12px 0 14px;font-family:Anton,sans-serif;font-size:clamp(3.3rem,7.2vw,7rem);font-weight:400;line-height:.9;letter-spacing:-.025em;text-transform:uppercase}
.pricing-section h2 em{color:var(--orange-500);font-style:normal}
.pricing-intro{max-width:800px;margin:0 0 42px;color:var(--text-400);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.7}
.pricing-grid{display:grid;gap:18px;align-items:stretch}
.pricing-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricing-card{position:relative;display:flex;min-width:0;min-height:440px;flex-direction:column;padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,128,0,.055),rgba(255,255,255,.025) 42%,rgba(5,5,5,.96));box-shadow:0 24px 70px rgba(0,0,0,.28);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.pricing-card:hover{transform:translateY(-7px);border-color:rgba(255,128,0,.72);box-shadow:0 28px 85px rgba(0,0,0,.38),0 0 34px rgba(255,128,0,.09)}
.pricing-card--popular{border-color:rgba(255,128,0,.45)}
.pricing-badge{position:absolute;top:20px;right:20px;padding:7px 10px;border-radius:999px;background:var(--orange-500);color:#080808;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pricing-plan{align-self:flex-start;max-width:calc(100% - 96px);padding:8px 12px;border:1px solid rgba(255,128,0,.36);border-radius:999px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pricing-from{display:block;margin-top:28px;color:var(--text-500);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pricing-price{margin:10px 0 16px;color:#fff;font-family:Anton,sans-serif;font-size:clamp(3.1rem,4.5vw,5rem);font-weight:400;line-height:.95;white-space:nowrap}
.pricing-price small{color:var(--orange-500);font-family:Manrope,sans-serif;font-size:.27em;font-weight:800;vertical-align:top}
.pricing-price span{color:var(--text-500);font-family:Manrope,sans-serif;font-size:.18em;font-weight:700;letter-spacing:.03em}
.pricing-price--custom{max-width:260px;font-size:clamp(2.25rem,3.5vw,3.6rem);line-height:1.02;white-space:normal}
.pricing-old{margin:24px 0 -4px;color:var(--text-500);font-size:.8rem;text-decoration:line-through}
.pricing-description{min-height:3em;margin:0 0 18px;color:var(--text-300);font-weight:700;line-height:1.5}
.pricing-highlights{display:grid;gap:12px;margin:0 0 26px;padding:0;list-style:none;color:var(--text-400);font-size:.88rem;line-height:1.45}
.pricing-highlights li{position:relative;padding-left:22px}
.pricing-highlights li::before{content:"✓";position:absolute;left:0;color:var(--orange-500);font-weight:900}
.pricing-cta{width:100%;margin-top:auto;justify-content:center;text-align:center}
.pricing-note{margin:22px 0 0;color:var(--text-500);font-size:.78rem;line-height:1.6}
.pricing-grid--compact .pricing-card{min-height:300px}
.pricing-card--wide{display:grid;min-height:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:42px}
.pricing-card--wide .pricing-plan{max-width:none}
.pricing-card__main{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.pricing-card__main .pricing-cta{width:auto;min-width:190px}
.pricing-card__features{margin:0;padding:28px;border-left:1px solid rgba(255,255,255,.12);font-size:1rem}
.pricing-detail-line{max-width:900px;margin:-24px 0 38px;padding:13px 16px;border-left:3px solid var(--orange-500);border-radius:0 12px 12px 0;background:linear-gradient(90deg,rgba(255,130,0,.12),transparent);color:var(--text-300);font-size:.9rem;line-height:1.65}
.pricing-old--placeholder{visibility:hidden;text-decoration:none}
.pricing-section--ai .pricing-card>.pricing-old{min-height:1.2em;margin:24px 0 -4px}
.pricing-section--ai .pricing-card>.pricing-price{margin-top:10px}
.pricing-section--ai .pricing-card>.pricing-description{min-height:3em}
.pricing-section--cinematic .pricing-card{min-height:360px}
.pricing-section--cinematic .pricing-description{min-height:4.5em;color:var(--text-400);font-weight:500}
.pricing-card__support{display:grid;gap:18px;padding:28px;border-left:1px solid rgba(255,255,255,.12)}
.pricing-card__support>p{max-width:680px;margin:0;color:var(--text-300);font-size:.92rem;line-height:1.7}
.pricing-card__support .pricing-card__features{padding:0;border:0}
.pricing-note strong{color:var(--orange-400)}

@media (max-width:1050px){
  .pricing-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .pricing-section h2{font-size:clamp(3rem,14vw,4.35rem)}
  .pricing-intro{margin-bottom:28px}
  .pricing-grid,.pricing-grid--3,.pricing-grid--4{grid-template-columns:minmax(0,1fr);width:100%;overflow:visible}
  .pricing-card{min-height:0;padding:24px;border-radius:16px}
  .pricing-card:hover{transform:none}
  .pricing-price{font-size:clamp(3.1rem,16vw,4.4rem)}
  .pricing-card--wide{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}
  .pricing-card__features{padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12);border-left:0}
  .pricing-card__main .pricing-cta{width:100%}
  .pricing-detail-line{margin:-12px 0 28px}
  .pricing-section--cinematic .pricing-card{min-height:0}
  .pricing-section--cinematic .pricing-description{min-height:0}
  .pricing-card__support{padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12);border-left:0}
  .pricing-card__support .pricing-card__features{padding:0;border:0}
}
.ai-kol-page .kol-prompt::before{position:absolute;top:50%;width:10px;height:10px;border:2px solid rgba(255,238,207,.95);border-radius:50%;background:#ff9100;box-shadow:0 0 7px #fff0c7,0 0 16px #ff9200,0 0 34px rgba(255,130,0,.9);content:"";transform:translateY(-50%);animation:kol-node-glow 1.65s ease-in-out infinite;pointer-events:none}
.ai-kol-page .kol-prompt--one::before,.ai-kol-page .kol-prompt--three::before{right:-48px}
.ai-kol-page .kol-prompt--two::before,.ai-kol-page .kol-prompt--four::before{left:-48px}
.ai-kol-page .kol-prompt:nth-of-type(3)::before{animation-delay:-.35s}
.ai-kol-page .kol-prompt:nth-of-type(4)::before{animation-delay:-.7s}
.ai-kol-page .kol-prompt:nth-of-type(5)::before{animation-delay:-1.05s}
.ai-kol-page .kol-prompt:hover::before,.ai-kol-page .kol-prompt:focus-visible::before{background:#fff4d8;box-shadow:0 0 10px #fff,0 0 22px #ff9200,0 0 46px #ff6a00}
@keyframes kol-node-glow{0%,100%{opacity:.62;transform:translateY(-50%) scale(.72)}50%{opacity:1;transform:translateY(-50%) scale(1.25)}}
@media(max-width:1023px){.ai-kol-page .page-hero__title{font-size:clamp(4rem,12vw,7rem)}.ai-kol-page .kol-hero-photo{width:78%}.ai-kol-page .kol-prompt{opacity:.5}.ai-kol-page .kol-prompt--one,.ai-kol-page .kol-prompt--three{left:-2%}.ai-kol-page .kol-prompt--two,.ai-kol-page .kol-prompt--four{right:-2%}}
@media(max-width:767px){.ai-kol-page .kol-prompt::before{display:none}.ai-kol-page .kol-prompt--one,.ai-kol-page .kol-prompt--three{left:0}.ai-kol-page .kol-prompt--two,.ai-kol-page .kol-prompt--four{right:0}}
@media(prefers-reduced-motion:reduce){.ai-kol-page .kol-prompt::before{animation:none}}

/* Make the workflow cards reveal clearly and connect all four nodes to the hero image. */
.ai-kol-page .kol-prompt{--wire-x:58%;--wire-offset:-58%;--wire-y:clamp(84px,7vw,132px);cursor:pointer}
.ai-kol-page .kol-prompt:hover,.ai-kol-page .kol-prompt:focus-visible{z-index:7;opacity:1;filter:none;transform:scale(1.035);border-color:rgba(255,174,86,.9);background:rgba(10,10,10,.96);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 32px rgba(255,130,0,.34),0 20px 46px rgba(0,0,0,.55)}
.ai-kol-page .kol-prompt::after{width:var(--wire-x);height:var(--wire-y);background:none;box-shadow:none;border-color:rgba(255,166,72,.5);border-style:solid;content:"";transition:border-color .3s,filter .3s}
.ai-kol-page .kol-prompt:hover::after,.ai-kol-page .kol-prompt:focus-visible::after{background:none;border-color:#ff9b33;box-shadow:none;filter:drop-shadow(0 0 6px rgba(255,130,0,.82))}
.ai-kol-page .kol-prompt--one::after{right:var(--wire-offset);top:50%;border-width:1px 1px 0 0;border-radius:0 12px 0 0}
.ai-kol-page .kol-prompt--two::after{left:var(--wire-offset);top:50%;border-width:1px 0 0 1px;border-radius:12px 0 0 0}
.ai-kol-page .kol-prompt--three::after{right:var(--wire-offset);bottom:50%;border-width:0 1px 1px 0;border-radius:0 0 12px 0}
.ai-kol-page .kol-prompt--four::after{left:var(--wire-offset);bottom:50%;border-width:0 0 1px 1px;border-radius:0 0 0 12px}
.ai-kol-page .kol-prompt--one::before{right:var(--wire-offset);top:calc(50% + var(--wire-y))}
.ai-kol-page .kol-prompt--two::before{left:var(--wire-offset);top:calc(50% + var(--wire-y))}
.ai-kol-page .kol-prompt--three::before{right:var(--wire-offset);top:auto;bottom:calc(50% + var(--wire-y))}
.ai-kol-page .kol-prompt--four::before{left:var(--wire-offset);top:auto;bottom:calc(50% + var(--wire-y))}
@media(max-width:1199px) and (min-width:768px){.ai-kol-page .kol-prompt{--wire-x:42%;--wire-offset:-42%;--wire-y:88px}}
@media(max-width:767px){.ai-kol-page .kol-prompt::after,.ai-kol-page .kol-prompt::before{display:none}}

/* Stable SVG connector layer: every prompt is visibly wired into the team image. */
.ai-kol-page .kol-prompt::after,.ai-kol-page .kol-prompt::before{display:none}
.kol-network-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.kol-network-wire path{fill:none;stroke:rgba(255,145,28,.6);stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(255,130,0,.45));transition:stroke .3s,filter .3s}
.kol-network-wire circle{fill:#ff9a1f;stroke:#fff0d1;stroke-width:1.5;vector-effect:non-scaling-stroke;filter:url(#kol-node-glow);transform-box:fill-box;transform-origin:center;animation:kol-svg-node-pulse 1.65s ease-in-out infinite}
.kol-network-wire--two circle{animation-delay:-.4s}.kol-network-wire--three circle{animation-delay:-.8s}.kol-network-wire--four circle{animation-delay:-1.2s}
.kol-hero-network:has(.kol-prompt--one:hover) .kol-network-wire--one path,.kol-hero-network:has(.kol-prompt--one:focus-visible) .kol-network-wire--one path,.kol-hero-network:has(.kol-prompt--two:hover) .kol-network-wire--two path,.kol-hero-network:has(.kol-prompt--two:focus-visible) .kol-network-wire--two path,.kol-hero-network:has(.kol-prompt--three:hover) .kol-network-wire--three path,.kol-hero-network:has(.kol-prompt--three:focus-visible) .kol-network-wire--three path,.kol-hero-network:has(.kol-prompt--four:hover) .kol-network-wire--four path,.kol-hero-network:has(.kol-prompt--four:focus-visible) .kol-network-wire--four path{stroke:#ffb35e;filter:drop-shadow(0 0 8px #ff8200)}
@keyframes kol-svg-node-pulse{0%,100%{opacity:.55;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}
@media(max-width:767px){.kol-network-lines{display:none}}
@media(prefers-reduced-motion:reduce){.kol-network-wire circle{animation:none}}

/* Friendly hover chat bubbles over the AI KOL team image. */
.kol-hero-photo{outline:0}.kol-hover-chat{position:absolute;z-index:4;inset:0;pointer-events:none}.kol-chat-bubble{position:absolute;display:grid;min-width:52px;min-height:44px;padding:9px 13px;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:18px 18px 18px 5px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 22px rgba(255,130,0,.3);color:#17110b;font-size:1.35rem;font-weight:800;line-height:1;opacity:0;transform:translateY(18px) scale(.72)}.kol-chat-bubble::after{position:absolute;left:10px;bottom:-7px;width:13px;height:13px;background:inherit;border-right:1px solid rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.78);content:"";transform:rotate(45deg)}.kol-chat-bubble--smile{left:10%;top:12%}.kol-chat-bubble--hi{left:43%;top:8%;border-radius:18px 18px 5px 18px;color:#d75c00}.kol-chat-bubble--hi::after{left:auto;right:10px}.kol-chat-bubble--love{right:9%;top:17%;border-radius:18px 18px 5px 18px}.kol-chat-bubble--love::after{left:auto;right:10px}.kol-hero-photo:hover .kol-chat-bubble,.kol-hero-photo:focus-visible .kol-chat-bubble{animation:kol-chat-pop 2.8s cubic-bezier(.2,.8,.2,1) infinite}.kol-hero-photo:hover .kol-chat-bubble--hi,.kol-hero-photo:focus-visible .kol-chat-bubble--hi{animation-delay:.18s}.kol-hero-photo:hover .kol-chat-bubble--love,.kol-hero-photo:focus-visible .kol-chat-bubble--love{animation-delay:.36s}@keyframes kol-chat-pop{0%,8%,100%{opacity:0;transform:translateY(18px) scale(.72)}20%,72%{opacity:1;transform:translateY(0) scale(1)}45%{opacity:1;transform:translateY(-7px) scale(1.04)}84%{opacity:0;transform:translateY(-14px) scale(.9)}}
@media(max-width:767px){.kol-chat-bubble{min-width:44px;min-height:38px;padding:7px 10px;font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.kol-hero-photo:hover .kol-chat-bubble,.kol-hero-photo:focus-visible .kol-chat-bubble{animation:none;opacity:1;transform:none}}

.kol-social-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px 24px;border:1px solid var(--bg-800);border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(255,130,0,.1),rgba(10,10,10,.94) 48%)}
.kol-social-cta>div{display:grid;gap:4px}.kol-social-cta small{color:var(--orange-400);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kol-social-cta strong{font-size:1.05rem}.kol-social-cta nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.kol-social-cta a{padding:9px 13px;border:1px solid rgba(255,130,0,.38);border-radius:999px;color:var(--text-100);font-size:.76rem;font-weight:800;transition:border-color .25s,background .25s,color .25s}.kol-social-cta a:hover,.kol-social-cta a:focus-visible{border-color:var(--orange-500);background:var(--orange-500);color:var(--bg-950)}
@media(max-width:767px){.kol-social-cta{align-items:flex-start;flex-direction:column}.kol-social-cta nav{justify-content:flex-start}}

/* Mobile workflow: preserve all four visual connections instead of hiding them. */
@media(max-width:767px){
  .ai-kol-page .kol-hero-network{min-height:500px;margin-top:10px}
  .ai-kol-page .kol-hero-photo{top:50%;width:86%;border-radius:18px}
  .ai-kol-page .kol-prompt{--mobile-wire:clamp(74px,22vw,90px);width:47%;min-height:76px;padding:10px 11px;opacity:.58}
  .ai-kol-page .kol-prompt--one,.ai-kol-page .kol-prompt--two{top:0}
  .ai-kol-page .kol-prompt--three,.ai-kol-page .kol-prompt--four{bottom:0}
  .ai-kol-page .kol-network-lines{display:none!important}
  .ai-kol-page .kol-prompt::after{display:block;width:2px;height:var(--mobile-wire);border:0!important;border-radius:999px;background:linear-gradient(#ff8200,rgba(255,151,41,.55));box-shadow:0 0 8px rgba(255,130,0,.52);filter:none}
  .ai-kol-page .kol-prompt::before{display:block;left:calc(50% - 6px);right:auto;width:12px;height:12px;border:2px solid #ffe8c2;background:#ff920d;box-shadow:0 0 8px #fff0d1,0 0 18px rgba(255,130,0,.92)}
  .ai-kol-page .kol-prompt--one::after,.ai-kol-page .kol-prompt--two::after{left:50%;right:auto;top:100%;bottom:auto}
  .ai-kol-page .kol-prompt--three::after,.ai-kol-page .kol-prompt--four::after{left:50%;right:auto;top:auto;bottom:100%}
  .ai-kol-page .kol-prompt--three::after,.ai-kol-page .kol-prompt--four::after{background:linear-gradient(to top,#ff8200,rgba(255,151,41,.55))}
  .ai-kol-page .kol-prompt--one::before,.ai-kol-page .kol-prompt--two::before{top:calc(100% + var(--mobile-wire) - 6px);bottom:auto}
  .ai-kol-page .kol-prompt--three::before,.ai-kol-page .kol-prompt--four::before{top:auto;bottom:calc(100% + var(--mobile-wire) - 6px)}
}

/* Cinematic Series: draggable production reveal and lightweight film showcase. */
.cinematic-compare{--compare:50%;isolation:isolate;min-height:0;aspect-ratio:4/3;background:#17120e;touch-action:pan-y}.cinematic-compare::after{display:none}.cinematic-compare>img,.cinematic-compare__before,.cinematic-compare__before img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}.cinematic-compare__after{z-index:0}.cinematic-compare__before{z-index:1;overflow:hidden;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}.cinematic-compare__before img{max-width:none}.cinematic-compare__handle{position:absolute;z-index:3;left:var(--compare);top:0;width:2px;height:100%;background:#fff;box-shadow:0 0 16px rgba(255,130,0,.9);transform:translateX(-50%);pointer-events:none}.cinematic-compare__handle span{position:absolute;left:50%;top:50%;display:grid;width:56px;height:56px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--orange-500);color:#090909;font-size:1.2rem;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 28px rgba(255,130,0,.55);transform:translate(-50%,-50%)}.cinematic-compare input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.cinematic-compare__label{position:absolute;z-index:4;top:18px;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,5,5,.72);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.cinematic-compare__label--before{left:18px}.cinematic-compare__label--after{right:18px}.cinematic-story-frame{margin-top:40px;aspect-ratio:1.9/1}.cinematic-story-frame img{object-position:center}.cinematic-work__heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.cinematic-work__heading h2{margin:0;font-family:"Anton","Impact",sans-serif;font-size:clamp(2.5rem,5.5vw,5rem);font-weight:400;line-height:.95}.cinematic-work__heading .lede{margin:16px 0 0}.cinematic-work__heading>span{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,130,0,.42);border-radius:999px;color:var(--orange-400);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cinematic-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cinematic-showcase-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--bg-800);border-radius:16px;background:var(--bg-950);padding:0;color:var(--text-100);text-align:left;cursor:pointer;transition:transform .35s var(--ease-out),border-color .35s,box-shadow .35s}.cinematic-showcase-card:hover,.cinematic-showcase-card:focus-visible{transform:translateY(-6px);border-color:rgba(255,130,0,.75);box-shadow:0 18px 48px rgba(0,0,0,.32)}.cinematic-showcase-card__visual{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;background:#17110c}.cinematic-showcase-card__visual::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.78));content:""}.cinematic-showcase-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-out),filter .4s}.cinematic-showcase-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.cinematic-showcase-card__visual i{position:absolute;z-index:2;left:50%;top:50%;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#0a0a0a;font-style:normal;transform:translate(-50%,-50%);transition:transform .3s,background .3s}.cinematic-showcase-card:hover i{background:var(--orange-500);transform:translate(-50%,-50%) scale(1.08)}.cinematic-showcase-card__visual b{position:absolute;z-index:2;left:14px;bottom:12px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.cinematic-showcase-card__copy{display:grid;gap:7px;padding:18px}.cinematic-showcase-card__copy small{color:var(--orange-400);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cinematic-showcase-card__copy strong{font-size:1.03rem;line-height:1.25}.cinematic-showcase-card__copy em{color:var(--text-400);font-size:.78rem;font-style:normal;line-height:1.5}
@media(max-width:1023px){.cinematic-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinematic-work__heading{align-items:start;flex-direction:column}.cinematic-compare{max-width:760px;width:100%;margin-inline:auto}}
@media(max-width:767px){.cinematic-compare{min-height:0!important;aspect-ratio:4/3}.cinematic-compare__handle span{width:46px;height:46px}.cinematic-compare__label{top:12px}.cinematic-compare__label--before{left:12px}.cinematic-compare__label--after{right:12px}.cinematic-story-frame{margin-top:28px;aspect-ratio:4/3}.cinematic-showcase-grid{gap:10px}.cinematic-showcase-card__copy{padding:14px 12px}.cinematic-showcase-card__copy em{font-size:.7rem}.cinematic-showcase-card__visual i{width:44px;height:44px}}

/* Website Design: live responsive preview and compact real-project showcase. */
.website-device-demo{display:grid;min-height:560px;grid-template-columns:56px minmax(0,1fr);gap:16px;overflow:visible;padding:18px;background:radial-gradient(circle at 58% 42%,rgba(255,130,0,.14),transparent 44%),#101010}.website-device-demo::after{display:none}.website-device-switcher{position:relative;z-index:4;display:flex;align-self:center;overflow:hidden;flex-direction:column;border:1px solid var(--bg-700);border-radius:14px;background:#f6f4ef;box-shadow:0 18px 45px rgba(0,0,0,.3)}.website-device-switcher button{display:grid;width:54px;height:58px;place-items:center;border:0;border-bottom:1px solid #d7d4ce;background:transparent;color:#151515;cursor:pointer;transition:background .25s,color .25s}.website-device-switcher button:last-child{border-bottom:0}.website-device-switcher button:hover,.website-device-switcher button[aria-selected="true"]{background:var(--orange-500);color:#070707}.website-device-switcher svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.website-device-stage{position:relative;display:flex;min-width:0;align-items:center;justify-content:center}.website-device-shell{--frame-width:100%;--frame-height:420px;--site-width:1280px;--site-height:900px;--site-scale:.43;position:relative;width:var(--frame-width);height:var(--frame-height);overflow:hidden;border:8px solid #e8e5df;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.5);transition:width .55s var(--ease-out),height .55s var(--ease-out),border-radius .55s}.website-device-chrome{position:relative;z-index:2;display:flex;height:34px;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #ddd;background:#efede8;color:#555}.website-device-chrome span{width:7px;height:7px;border-radius:50%;background:#ff7d35}.website-device-chrome span:nth-child(2){background:#e2b255}.website-device-chrome span:nth-child(3){background:#777}.website-device-chrome strong{overflow:hidden;margin-left:7px;font-size:.58rem;font-weight:700;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.website-device-screen{position:absolute;inset:34px 0 0;overflow:hidden;background:#f3efe9}.website-device-screen>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;opacity:.35}.website-device-screen iframe{position:absolute;z-index:1;left:50%;top:0;width:var(--site-width);height:var(--site-height);border:0;background:#fff;transform:translateX(-50%) scale(var(--site-scale));transform-origin:top center}.website-device-link{position:absolute;right:8px;bottom:5px;z-index:3;padding:8px 11px;border:1px solid rgba(255,130,0,.45);border-radius:999px;background:rgba(5,5,5,.84);color:var(--orange-400);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.website-device-demo[data-device="tablet"] .website-device-shell{--frame-width:68%;--frame-height:492px;--site-width:820px;--site-height:1040px;--site-scale:.46;border-width:9px;border-radius:22px}.website-device-demo[data-device="tablet"] .website-device-chrome{height:25px}.website-device-demo[data-device="tablet"] .website-device-screen{inset:25px 0 0}.website-device-demo[data-device="mobile"] .website-device-shell{--frame-width:42%;--frame-height:500px;--site-width:390px;--site-height:844px;--site-scale:.57;border-width:9px;border-radius:28px}.website-device-demo[data-device="mobile"] .website-device-chrome{height:22px;justify-content:center}.website-device-demo[data-device="mobile"] .website-device-chrome span{display:none}.website-device-demo[data-device="mobile"] .website-device-chrome strong{margin:0;font-size:.5rem}.website-device-demo[data-device="mobile"] .website-device-screen{inset:22px 0 0}.website-showcase__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.website-showcase__heading h2{margin-bottom:12px}.website-showcase__heading>span{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,130,0,.45);border-radius:999px;color:var(--orange-400);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.website-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.website-project-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--bg-800);border-radius:16px;background:var(--bg-950);color:var(--text-100);transition:transform .35s var(--ease-out),border-color .35s,box-shadow .35s}.website-project-card:hover,.website-project-card:focus-visible{transform:translateY(-7px);border-color:rgba(255,130,0,.7);box-shadow:0 20px 50px rgba(0,0,0,.28)}.website-project-card__visual{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#16110c}.website-project-card__visual::after{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));content:""}.website-project-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-out)}.website-project-card:hover img{transform:scale(1.035)}.website-project-card__visual b{position:absolute;z-index:2;right:14px;top:14px;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.55);font-size:.68rem}.website-project-card__copy{display:grid;gap:7px;padding:20px}.website-project-card__copy small{color:var(--orange-400);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.website-project-card__copy strong{font-size:1.14rem}.website-project-card__copy em{min-height:3em;color:var(--text-400);font-size:.8rem;font-style:normal;line-height:1.5}.website-project-card__copy i{margin-top:8px;color:var(--orange-400);font-size:.76rem;font-style:normal;font-weight:800}
@media(max-width:1279px){.website-device-demo{min-height:520px}.website-device-shell{--frame-height:385px;--site-scale:.38}.website-device-demo[data-device="tablet"] .website-device-shell{--frame-height:450px;--site-scale:.42}.website-device-demo[data-device="mobile"] .website-device-shell{--frame-height:460px;--site-scale:.52}.website-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-project-card:last-child{grid-column:1/-1}.website-project-card:last-child .website-project-card__visual{aspect-ratio:21/8}}
@media(max-width:767px){.website-device-demo{min-height:500px;grid-template-columns:1fr;padding:12px}.website-device-switcher{position:absolute;left:50%;top:12px;flex-direction:row;transform:translateX(-50%)}.website-device-switcher button{width:48px;height:44px;border-right:1px solid #d7d4ce;border-bottom:0}.website-device-switcher button:last-child{border-right:0}.website-device-stage{padding-top:52px}.website-device-shell{--frame-height:300px;--site-scale:.28;border-width:5px}.website-device-demo[data-device="tablet"] .website-device-shell{--frame-width:64%;--frame-height:376px;--site-scale:.34}.website-device-demo[data-device="mobile"] .website-device-shell{--frame-width:48%;--frame-height:390px;--site-scale:.43}.website-device-link{right:12px;bottom:10px}.website-showcase__heading{align-items:start;flex-direction:column}.website-showcase-grid{grid-template-columns:1fr}.website-project-card:last-child{grid-column:auto}.website-project-card:last-child .website-project-card__visual{aspect-ratio:16/10}}

/* Keep the complete live page aligned inside every device frame. */
.website-device-screen iframe{left:0;transform:scale(var(--site-scale));transform-origin:top left}

/* Original responsive concept shown inside the Website Design device demo. */
.website-concept-site{position:absolute;inset:0;display:flex;overflow:hidden;flex-direction:column;background:#f4efe8;color:#111;font-family:Arial,sans-serif}.concept-nav{display:flex;min-height:46px;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(17,17,17,.12);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.concept-nav>span{display:flex;align-items:center;gap:7px;font-weight:900}.concept-nav>span i{width:11px;height:11px;border-radius:50%;background:#ff6f00;box-shadow:8px 0 0 #111}.concept-nav nav{display:flex;gap:17px}.concept-nav nav b{font-weight:700}.concept-nav>em{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:.5rem;font-style:normal}.concept-hero{display:grid;min-height:0;flex:1;grid-template-columns:1.05fr .95fr;gap:18px;padding:24px 22px 16px}.concept-copy{display:flex;min-width:0;justify-content:center;flex-direction:column}.concept-copy>small{margin-bottom:14px;color:#a24a00;font-size:.46rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.concept-copy h3{margin:0;color:#0b0b0d;font-size:2.15rem;line-height:.84;letter-spacing:-.065em}.concept-copy h3 em{color:#ff6f00;font-style:normal}.concept-copy p{max-width:250px;margin:14px 0 16px;color:#5b5751;font-size:.64rem;line-height:1.45}.concept-copy>div{display:flex;flex-wrap:wrap;gap:7px}.concept-copy>div span{padding:8px 11px;border:1px solid #111;border-radius:999px;font-size:.48rem;font-weight:900}.concept-copy>div span:first-child{background:#111;color:#fff}.concept-art{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#161116,#09090b);box-shadow:0 20px 45px rgba(0,0,0,.18)}.concept-art::before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%);content:""}.concept-orb{position:absolute;left:16%;top:17%;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffd0a8 0 6%,#ff7a00 27%,#e34200 57%,#581000 78%,#11070a 100%);box-shadow:0 0 54px rgba(255,93,0,.45)}.concept-ring{position:absolute;left:8%;top:9%;width:84%;aspect-ratio:1;border:1px solid rgba(255,163,84,.55);border-radius:50%;transform:rotate(-18deg)}.concept-ring::after{position:absolute;right:6%;top:19%;width:8px;height:8px;border-radius:50%;background:#ff7a00;box-shadow:0 0 12px #ff7a00;content:""}.concept-art>b{position:absolute;left:14px;bottom:14px;color:#fff;font-size:.72rem;line-height:.95;letter-spacing:.02em}.concept-art>small{position:absolute;right:11px;top:13px;color:rgba(255,255,255,.62);font-size:.38rem;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl}.concept-metrics{display:grid;min-height:59px;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(17,17,17,.12)}.concept-metrics span{display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid rgba(17,17,17,.12)}.concept-metrics span:last-child{border-right:0}.concept-metrics b{font-size:.92rem}.concept-metrics small{color:#6d675f;font-size:.42rem;text-transform:uppercase}
.website-device-demo[data-device="tablet"] .concept-nav nav{display:none}.website-device-demo[data-device="tablet"] .concept-hero{grid-template-columns:1fr;padding:18px}.website-device-demo[data-device="tablet"] .concept-copy{position:relative;z-index:2;justify-content:flex-end;padding:14px;color:#fff}.website-device-demo[data-device="tablet"] .concept-copy h3{color:#fff;font-size:1.9rem}.website-device-demo[data-device="tablet"] .concept-copy p{color:rgba(255,255,255,.75)}.website-device-demo[data-device="tablet"] .concept-copy>small{color:#ffad66}.website-device-demo[data-device="tablet"] .concept-copy>div span{border-color:#fff}.website-device-demo[data-device="tablet"] .concept-copy>div span:first-child{background:#fff;color:#111}.website-device-demo[data-device="tablet"] .concept-art{position:absolute;inset:46px 0 59px;border-radius:0}.website-device-demo[data-device="tablet"] .concept-art>b{display:none}
.website-device-demo[data-device="mobile"] .concept-nav{padding:0 12px}.website-device-demo[data-device="mobile"] .concept-nav nav{display:none}.website-device-demo[data-device="mobile"] .concept-hero{position:relative;display:block;padding:0}.website-device-demo[data-device="mobile"] .concept-copy{position:absolute;z-index:2;inset:0;justify-content:flex-end;padding:18px 13px}.website-device-demo[data-device="mobile"] .concept-copy>small{margin-bottom:9px;color:#ffad66;font-size:.36rem}.website-device-demo[data-device="mobile"] .concept-copy h3{color:#fff;font-size:1.35rem}.website-device-demo[data-device="mobile"] .concept-copy p{margin:10px 0 12px;color:rgba(255,255,255,.75);font-size:.48rem}.website-device-demo[data-device="mobile"] .concept-copy>div span{padding:6px 8px;border-color:#fff;color:#fff;font-size:.38rem}.website-device-demo[data-device="mobile"] .concept-copy>div span:first-child{background:#fff;color:#111}.website-device-demo[data-device="mobile"] .concept-art{position:absolute;inset:0;border-radius:0}.website-device-demo[data-device="mobile"] .concept-art>b,.website-device-demo[data-device="mobile"] .concept-art>small{display:none}.website-device-demo[data-device="mobile"] .concept-metrics{min-height:48px}.website-device-demo[data-device="mobile"] .concept-metrics span{gap:3px;flex-direction:column}.website-device-demo[data-device="mobile"] .concept-metrics b{font-size:.72rem}.website-device-demo[data-device="mobile"] .concept-metrics small{font-size:.32rem}

/* Collaborative Build: shared-resource model, concept showcase and proposal form. */
.collaborative-build-page .page-hero__title{font-size:clamp(4.5rem,9.5vw,9.4rem)}
.collab-network{isolation:isolate;min-height:520px;background:radial-gradient(circle at 50% 50%,rgba(255,130,0,.16),transparent 34%),#0d0d0d}.collab-network::after{display:none}.collab-network__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.collab-network__lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,130,0,.65);stroke-width:2}.collab-network__lines circle{stroke:rgba(255,130,0,.18);stroke-dasharray:7 10}.collab-network__lines path{filter:drop-shadow(0 0 8px rgba(255,130,0,.45))}.collab-core{position:absolute;z-index:2;left:50%;top:50%;display:grid;width:170px;aspect-ratio:1;place-content:center;border:1px solid rgba(255,170,72,.5);border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffb45b,#ff8200 50%,#c45100);box-shadow:0 0 0 18px rgba(255,130,0,.04),0 0 64px rgba(255,130,0,.38);color:#0a0a0a;text-align:center;transform:translate(-50%,-50%)}.collab-core small{font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.collab-core strong{font-family:"Anton","Impact",sans-serif;font-size:2.35rem;font-weight:400;line-height:1}.collab-core i{font-size:.62rem;font-style:normal;font-weight:900}.collab-node{position:absolute;z-index:3;display:grid;min-width:122px;padding:13px 15px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(12,12,12,.86);box-shadow:0 14px 34px rgba(0,0,0,.32);backdrop-filter:blur(10px)}.collab-node b{font-size:.84rem}.collab-node small{margin-top:2px;color:var(--orange-400);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.collab-node--one{left:7%;top:14%}.collab-node--two{right:7%;top:14%}.collab-node--three{left:7%;bottom:14%}.collab-node--four{right:7%;bottom:14%}
.collab-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.collab-steps article{min-height:245px;padding:25px;border:1px solid var(--bg-800);border-radius:14px;background:linear-gradient(145deg,#111,#0a0a0a)}.collab-steps span{color:var(--orange-500);font-family:"Anton","Impact",sans-serif;font-size:2rem}.collab-steps h3{margin:52px 0 10px;font-size:1.2rem}.collab-steps p{margin:0;color:var(--text-400);font-size:.9rem}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--bg-800);background:var(--bg-800)}.resource-grid article{position:relative;min-height:210px;padding:30px;background:#0b0b0b}.resource-grid b{position:absolute;right:24px;top:20px;color:rgba(255,130,0,.32);font-family:"Anton";font-size:3rem}.resource-grid h3{max-width:70%;margin:54px 0 9px;font-size:1.25rem}.resource-grid p{max-width:520px;margin:0;color:var(--text-400)}.resource-callout{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;padding:20px;border:1px solid var(--bg-800);border-radius:14px;background:#080808}.resource-callout strong{margin-right:10px;padding:7px 0;color:var(--orange-400)}.resource-callout span{padding:7px 11px;border:1px solid var(--bg-800);border-radius:999px;color:var(--text-400);font-size:.78rem}
.collab-showcase__heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.collab-showcase__heading h2{margin-bottom:14px}.collab-showcase__heading .lede{margin:0}.collab-showcase__heading>span{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,130,0,.42);border-radius:999px;color:var(--orange-400);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.brand-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brand-concept{overflow:hidden;border:1px solid var(--bg-800);border-radius:16px;background:#080808;transition:transform .35s var(--ease-out),border-color .35s}.brand-concept:hover{transform:translateY(-6px);border-color:rgba(255,130,0,.68)}.brand-concept__art{position:relative;overflow:hidden;aspect-ratio:4/5}.brand-concept__art>b{position:absolute;z-index:2;left:22px;top:22px;font-family:"Anton";font-size:clamp(3rem,5vw,5.4rem);font-weight:400;line-height:.88}.brand-concept__art>em{position:absolute;z-index:2;left:25px;bottom:24px;font-size:.62rem;font-style:normal;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.brand-concept__art>i{position:absolute;z-index:2;right:18px;bottom:20px;font-family:"Anton";font-size:1.7rem;font-style:normal}.brand-concept__copy{padding:22px}.brand-concept__copy small{color:var(--orange-400);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.brand-concept__copy h3{margin:9px 0 7px}.brand-concept__copy p{margin:0;color:var(--text-400);font-size:.84rem}.brand-concept--koyo .brand-concept__art{background:#e9d9bd;color:#15110c}.koyo-sun{position:absolute;right:-15%;top:17%;width:82%;aspect-ratio:1;border-radius:50%;background:#f06f17;box-shadow:-85px 120px 0 -55px #172d27}.brand-concept--lumen .brand-concept__art{background:#d9f2e7;color:#11362f}.lumen-mark{position:absolute;left:21%;top:29%;width:58%;aspect-ratio:1;border:2px solid #1d6556;border-radius:50% 50% 12% 50%;transform:rotate(45deg)}.lumen-mark::after{position:absolute;inset:21%;border:2px solid #e76d3d;border-radius:50%;content:""}.brand-concept--neon .brand-concept__art{background:linear-gradient(145deg,#210d3b,#4a1365 48%,#ff5b23);color:#ffe750}.neon-orbit{position:absolute;right:-8%;top:20%;width:80%;aspect-ratio:1;border:4px solid #ffdf3e;border-radius:50%;box-shadow:0 0 35px rgba(255,223,62,.4)}.neon-orbit::before,.neon-orbit::after{position:absolute;border:2px solid rgba(255,255,255,.75);border-radius:50%;content:""}.neon-orbit::before{inset:18% -28%}.neon-orbit::after{inset:-24% 20%}.fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.fit-grid article{padding:25px;border-top:2px solid var(--orange-500);background:#0a0a0a}.fit-grid strong{font-size:1.1rem}.fit-grid p{margin:10px 0 0;color:var(--text-400);font-size:.88rem}
@media(max-width:1023px){.collab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-concept:last-child{grid-column:1/-1}.brand-concept:last-child .brand-concept__art{aspect-ratio:16/7}.fit-grid{grid-template-columns:1fr}}
@media(max-width:767px){.collaborative-build-page .page-hero__title{font-size:clamp(3.7rem,19vw,6.4rem)}.collab-network{min-height:420px}.collab-network__lines{transform:scale(.92)}.collab-core{width:128px}.collab-core strong{font-size:1.85rem}.collab-node{min-width:100px;padding:10px 11px}.collab-node--one,.collab-node--three{left:4%}.collab-node--two,.collab-node--four{right:4%}.collab-node b{font-size:.72rem}.collab-steps,.resource-grid,.brand-concept-grid{grid-template-columns:1fr}.collab-steps article{min-height:200px}.collab-steps h3{margin-top:30px}.resource-grid article{min-height:185px}.brand-concept:last-child{grid-column:auto}.brand-concept:last-child .brand-concept__art,.brand-concept__art{aspect-ratio:4/5}.collab-showcase__heading{align-items:start;flex-direction:column}.resource-callout{align-items:flex-start;flex-direction:column}.resource-callout strong{margin:0}.application-form .consent{grid-column:1/-1}.application-form .field-error.field--full{grid-column:1/-1}}

/* Collaborative Build project images and footer fit. */
.brand-concept__art::after{position:absolute;inset:70% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.48));content:"";pointer-events:none}.brand-concept__art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-out),filter .4s}.brand-concept:hover .brand-concept__art img{transform:scale(1.025);filter:saturate(1.04)}.brand-concept__art>i{padding:4px 9px;border-radius:999px;background:rgba(8,8,8,.72);color:#fff;font-size:1rem;line-height:1}.collaborative-build-page .footer-cta{grid-template-columns:minmax(0,1fr) minmax(250px,.3fr);gap:clamp(36px,5vw,72px)}.collaborative-build-page .footer-cta h2{font-size:clamp(5rem,10.5vw,10.5rem);white-space:nowrap}.collaborative-build-page .footer-cta>div{min-width:0}.collaborative-build-page .copy-email{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1023px){.collaborative-build-page .footer-cta{grid-template-columns:1fr}.collaborative-build-page .footer-cta h2{white-space:normal}}

/* Make a ready product an explicit starting point for collaboration. */
.product-pathway{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,6vw,90px);margin:0 0 24px;padding:clamp(28px,4vw,54px);border:1px solid rgba(255,130,0,.38);border-radius:18px;background:radial-gradient(circle at 12% 18%,rgba(255,130,0,.17),transparent 34%),linear-gradient(145deg,#17100a,#080808 62%)}.product-pathway>div>span{display:inline-flex;margin-bottom:30px;padding:7px 11px;border-radius:999px;background:var(--orange-500);color:#090909;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.product-pathway h3{max-width:690px;margin:0;font-family:"Anton","Impact",sans-serif;font-size:clamp(2.25rem,4.5vw,4.8rem);font-weight:400;line-height:.94;text-transform:uppercase}.product-pathway>p{align-self:end;max-width:600px;margin:0;color:var(--text-300);font-size:clamp(.95rem,1.2vw,1.12rem)}.product-pathway ol{display:grid;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));margin:4px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14);list-style:none;counter-reset:path}.product-pathway li{position:relative;padding:24px 20px 0 0;color:var(--text-300);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;counter-increment:path}.product-pathway li::before{display:block;margin-bottom:7px;color:var(--orange-500);font-family:"Anton";font-size:1.5rem;content:"0" counter(path)}.product-pathway li:not(:last-child)::after{position:absolute;right:16px;top:35px;color:rgba(255,130,0,.6);content:"→"}
@media(max-width:767px){.product-pathway{grid-template-columns:1fr}.product-pathway>p{align-self:auto}.product-pathway ol{grid-template-columns:1fr}.product-pathway li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid rgba(255,255,255,.08)}.product-pathway li::before{margin:0}.product-pathway li:not(:last-child)::after{right:4px;top:17px;transform:rotate(90deg)}}

/* Final mobile pass: keep every visual inside the viewport and give each service a deliberate phone layout. */
@media(max-width:767px){
  .page-shell,.page-section,.page-hero,.page-hero__grid,.page-hero__visual{min-width:0;max-width:100%}

  /* AI KOL social destination */
  .kol-social-cta{width:100%;box-sizing:border-box;align-items:stretch;margin-top:18px;padding:20px 16px;gap:16px;border-color:rgba(255,130,0,.34);border-radius:16px;background:linear-gradient(145deg,rgba(255,130,0,.16),#0a0a0a 56%);box-shadow:inset 0 0 30px rgba(255,130,0,.035)}
  .kol-social-cta>div{gap:6px}
  .kol-social-cta small{font-size:.65rem;line-height:1.4}
  .kol-social-cta strong{font-size:1.1rem;line-height:1.35}
  .kol-social-cta nav{display:grid;width:100%;grid-template-columns:1fr;gap:8px}
  .kol-social-cta a{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.035);font-size:.8rem}
  .kol-social-cta a::after{content:none}

  /* Cinematic comparison and playable films */
  .cinematic-compare{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important;overflow:hidden!important;border-radius:16px}
  .cinematic-compare>img,.cinematic-compare__before,.cinematic-compare__before img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
  .cinematic-compare__before{clip-path:inset(0 calc(100% - var(--compare)) 0 0)!important}
  .cinematic-compare input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .cinematic-compare__label{top:auto!important;bottom:12px;font-size:.58rem}
  .cinematic-story-frame{width:100%;min-height:0!important;aspect-ratio:16/10!important}
  .cinematic-story-frame img{width:100%;height:100%;min-height:0!important;object-fit:cover}
  .cinematic-work__heading{margin-bottom:24px;gap:18px}
  .cinematic-work__heading h2{font-size:clamp(2.4rem,12vw,3.8rem)}
  .cinematic-showcase-grid{width:100%;grid-template-columns:1fr!important;gap:16px}
  .cinematic-showcase-card{width:100%;max-width:100%;border-radius:15px}
  .cinematic-showcase-card__visual{width:100%;aspect-ratio:16/9!important}
  .cinematic-showcase-card__visual img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
  .cinematic-showcase-card__copy{gap:6px;padding:16px}
  .cinematic-showcase-card__copy strong{font-size:1.06rem}
  .cinematic-showcase-card__copy em{font-size:.78rem}

  /* Website preview becomes a clean, contained mini-site instead of a squeezed desktop canvas. */
  .website-device-demo{position:relative;width:100%;min-height:455px!important;height:auto!important;box-sizing:border-box;overflow:hidden!important;padding:12px!important;border-radius:16px}
  .website-device-stage{width:100%;height:410px;min-width:0;padding-top:56px!important;box-sizing:border-box}
  .website-device-shell{--frame-width:100%!important;--frame-height:340px!important;width:100%!important;max-width:100%!important;height:340px!important;border-width:5px!important;border-radius:16px!important}
  .website-device-demo[data-device="tablet"] .website-device-shell{--frame-width:76%!important;width:76%!important;height:340px!important;border-radius:20px!important}
  .website-device-demo[data-device="mobile"] .website-device-shell{--frame-width:58%!important;width:58%!important;height:340px!important;border-radius:25px!important}
  .website-device-screen{min-height:0!important}
  .website-concept-site{min-height:0!important}
  .website-device-demo .concept-nav{min-height:38px;padding:0 10px;font-size:.44rem}
  .website-device-demo .concept-nav nav{display:none!important}
  .website-device-demo .concept-hero{position:relative!important;display:block!important;min-height:0!important;padding:0!important}
  .website-device-demo .concept-art{position:absolute!important;inset:0!important;border-radius:0!important}
  .website-device-demo .concept-copy{position:absolute!important;z-index:2;inset:0!important;display:flex!important;justify-content:flex-end!important;padding:18px 14px!important;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.86) 100%);color:#fff}
  .website-device-demo .concept-copy>small{margin-bottom:8px!important;color:#ffad66!important;font-size:.34rem!important}
  .website-device-demo .concept-copy h3{color:#fff!important;font-size:clamp(1.25rem,6vw,1.7rem)!important;line-height:.9!important}
  .website-device-demo .concept-copy p{max-width:230px;margin:9px 0 11px!important;color:rgba(255,255,255,.76)!important;font-size:.46rem!important}
  .website-device-demo .concept-copy>div span{padding:6px 8px!important;border-color:#fff!important;color:#fff!important;font-size:.36rem!important}
  .website-device-demo .concept-copy>div span:first-child{background:#fff!important;color:#111!important}
  .website-device-demo .concept-art>b,.website-device-demo .concept-art>small{display:none!important}
  .website-device-demo .concept-metrics{min-height:44px!important}
  .website-device-demo .concept-metrics span{gap:2px;flex-direction:column}
  .website-device-demo .concept-metrics b{font-size:.68rem}
  .website-device-demo .concept-metrics small{font-size:.29rem}
  .website-device-link{right:18px;bottom:16px}
  .website-showcase-grid{width:100%;min-width:0}
  .website-project-card{width:100%;min-width:0;max-width:100%}
  .website-project-card__visual,.website-project-card:last-child .website-project-card__visual{width:100%;min-width:0;aspect-ratio:3/2!important}
  .website-project-card__visual img{display:block;width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;object-fit:contain!important;background:#111}

  /* Collaborative Build: restore the hero, network and portfolio as designed mobile components. */
  .collaborative-build-page .page-hero{display:block!important;padding-top:42px}
  .collaborative-build-page .page-hero__grid{display:grid!important;width:100%;grid-template-columns:1fr!important;gap:30px}
  .collaborative-build-page .page-hero__copy{min-width:0}
  .collaborative-build-page .page-hero__title{max-width:100%;font-size:clamp(3.35rem,17vw,4.8rem)!important;line-height:.86}
  .collaborative-build-page .page-hero__visual{position:relative!important;display:block!important;width:100%!important;height:390px!important;min-height:390px!important;overflow:hidden!important;border-radius:18px}
  .collaborative-build-page .collab-network__grid,.collaborative-build-page .collab-network__lines{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important}
  .collaborative-build-page .collab-network__lines{transform:none!important}
  .collaborative-build-page .collab-core{position:absolute!important;left:50%!important;top:50%!important;width:112px!important;transform:translate(-50%,-50%)!important}
  .collaborative-build-page .collab-core strong{font-size:1.65rem}
  .collaborative-build-page .collab-node{position:absolute!important;display:grid!important;min-width:0!important;width:108px!important;padding:9px 10px!important;border-radius:10px}
  .collaborative-build-page .collab-node--one{left:4%!important;top:7%!important}
  .collaborative-build-page .collab-node--two{right:4%!important;top:7%!important}
  .collaborative-build-page .collab-node--three{left:4%!important;top:auto!important;bottom:7%!important}
  .collaborative-build-page .collab-node--four{right:4%!important;top:auto!important;bottom:7%!important}
  .collaborative-build-page .collab-node b{font-size:.68rem;line-height:1.2}
  .collaborative-build-page .collab-node small{font-size:.48rem}
  .collab-steps{gap:12px}
  .collab-steps article{min-height:0;padding:22px;border-color:rgba(255,130,0,.22);border-top:2px solid var(--orange-500);border-radius:14px;background:linear-gradient(145deg,rgba(255,130,0,.07),#090909 48%)}
  .collab-steps h3{margin-top:22px}
  .resource-grid{gap:12px;border:0;background:transparent}
  .resource-grid article{min-height:0;padding:22px;border:1px solid var(--bg-800);border-radius:14px}
  .resource-grid h3{margin-top:34px}
  .brand-concept-grid{width:100%;min-width:0;gap:18px}
  .brand-concept{width:100%;min-width:0;max-width:100%;border-radius:15px}
  .brand-concept__art,.brand-concept:last-child .brand-concept__art{width:100%;min-width:0;aspect-ratio:4/5!important}
  .brand-concept__art img{display:block;width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;object-fit:contain!important;background:#111}
  .brand-concept__copy{padding:18px}
  .collab-showcase__heading{margin-bottom:24px;gap:16px}
}