: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{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;background:var(--bg-950);text-align:center}.preloader__wash{position:absolute;inset:0;z-index:-1;background:var(--orange-500);transform:scale(0)}.preloader__mark{width:86px;height:86px;color:var(--orange-500)}.preloader__count{margin-top:16px;font-family:"Anton";font-size:1.25rem;letter-spacing:.08em}.preloader.is-skipped{display:none}

/* 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__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)}.modal-close{position:absolute;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 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{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");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}}
