/* The AI cards and social platform tokens remain real, keyboard-accessible links. */
body.studio-home .hero{min-height:0;padding:114px 0 28px}
body.studio-home .hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:64px;width:calc(100% - 160px);max-width:1960px}
body.studio-home .hero-copy{max-width:100%;min-width:0;text-align:left;z-index:2;padding-block:24px}
.hero-service-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 28px;padding:8px 13px;border-radius:8px;background:var(--ink);color:var(--paper);font:700 14px/1.5 var(--font);letter-spacing:.025em}
.hero-service-label>span:first-child{font-size:16px;line-height:1}
body.studio-home .hero #hero-title,html:not([lang^=zh]) body.studio-home .hero #hero-title{max-width:100%;margin:0 0 28px;font:700 clamp(44px,4.8vw,70px)/1.17 var(--font);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero #hero-title{font-family:Zaolang Display,var(--font);font-weight:400;font-size:clamp(54px,5.5vw,82px);line-height:1.08;letter-spacing:0}
.hero-title-line{display:block}
html[lang^=zh] body.studio-home .hero #hero-title{display:grid;justify-items:start;gap:.12em;font-family:var(--font);font-size:clamp(64px,6.2vw,120px);font-variation-settings:"wght" 900;line-height:1.12;font-weight:900;letter-spacing:-.055em;text-wrap:nowrap}
html[lang^=zh] .hero-title-line{white-space:nowrap;font-size:1em;font-weight:900}
#hero-title .title-accent{position:relative;display:inline;max-width:100%;padding:0;margin:0;background:none}
#hero-title .title-accent::after{content:none}
body.studio-home .hero-description{display:grid;gap:6px;max-width:780px;margin:0 0 36px;font-size:clamp(20px,1.25vw,24px);font-weight:600;line-height:1.75;letter-spacing:0;color:var(--ink);text-wrap:pretty}
.hero-service-line{font-weight:650}
.hero-body-line{font:inherit;color:var(--ink)}
body.studio-home .hero-actions{justify-content:flex-start;gap:14px;flex-wrap:wrap}
body.studio-home .hero-actions .button-orange,body.studio-home .hero-actions .text-link{min-height:64px;height:auto;box-sizing:border-box;padding:17px 26px;border:2px solid var(--ink);border-radius:var(--radius-control);gap:20px;font:750 18px/1.5 var(--font);transition:transform .2s,background .2s,box-shadow .2s}
body.studio-home .hero-actions .button-orange{background:var(--paper);color:var(--ink);box-shadow:5px 6px 0 var(--ink)}
body.studio-home .hero-actions .button-orange:hover{background:var(--brand-cyan);color:var(--ink);box-shadow:6px 8px 0 var(--ink)}
body.studio-home .hero-actions :is(.button-orange,.text-link)>span:first-child{font:inherit}
body.studio-home .hero-actions :is(.button-orange,.text-link)>span[aria-hidden]{font:500 22px/1 var(--font)}
body.studio-home .hero-actions .text-link{background:transparent;box-shadow:none}
body.studio-home .hero-actions .text-link:hover{background:#ffffff35;transform:translateY(-2px)}
body.studio-home .hero-actions :is(.button-orange,.text-link):focus-visible{outline:3px solid var(--paper);outline-offset:5px}
body.studio-home .hero-actions :is(.button-orange,.text-link):active{transform:translateY(1px);box-shadow:none}
body.studio-home .studio-art-stage{width:100%;max-width:900px;margin:0;min-width:0;justify-self:end}
@media(min-width:1101px){body.studio-home .studio-art-stage{translate:clamp(-48px,-2.4vw,-24px) 0}}
body.studio-home #studio-art{width:100%;aspect-ratio:.93;margin:0;cursor:default;isolation:isolate}
#studio-art .studio-art-illustration{position:absolute;inset:28% 0 7% 4%;pointer-events:none}
#studio-art .studio-art-illustration picture{width:100%;height:100%;aspect-ratio:1;pointer-events:none}
#studio-art .studio-art-illustration img{width:100%;height:100%;object-fit:contain}
#studio-art .studio-character-trigger{position:absolute;z-index:2;left:30%;top:41%;width:44%;height:49%;padding:0;border:0;border-radius:45%;background:transparent;cursor:pointer;pointer-events:auto}
#studio-art .studio-character-trigger:focus-visible{outline:3px dashed #fff;outline-offset:6px}
.hero-ai-cards,.studio-art-platforms{position:absolute;inset:0;pointer-events:none}
#studio-art .hero-ai-card{position:absolute;left:var(--card-x);top:var(--card-y);width:14%;aspect-ratio:.7;transform:translate(-50%,-50%) rotate(var(--card-angle));z-index:var(--card-layer,4);pointer-events:auto;color:var(--ink);border-radius:11px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.hero-ai-card-gpt{--card-x:14%;--card-y:21%;--card-angle:-12deg;--card-paper:#effcf7;--card-delay:0s;--card-scale:1.03;--card-layer:4}
.hero-ai-card-claude{--card-x:37%;--card-y:10%;--card-angle:-4deg;--card-paper:#fff1e8;--card-delay:-1.4s;--card-scale:.87;--card-layer:2}
.hero-ai-card-gemini{--card-x:63%;--card-y:10%;--card-angle:4deg;--card-paper:#f9f7ff;--card-delay:-2.8s;--card-scale:.9;--card-layer:2}
.hero-ai-card-grok{--card-x:86%;--card-y:21%;--card-angle:12deg;--card-paper:#f8f8fc;--card-delay:-4.2s;--card-scale:1;--card-layer:4}
.hero-ai-card-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;border:1.5px solid var(--ink);border-radius:11px;background:var(--card-paper);box-shadow:3px 4px 0 #17112f25;animation:ai-card-float 6.5s ease-in-out var(--card-delay) infinite;transition:box-shadow .2s,scale .25s cubic-bezier(.2,.8,.2,1)}
.hero-ai-card-face::before{content:'';position:absolute;inset:6px;border:1px solid #17112f20;border-radius:7px;pointer-events:none}
#studio-art .hero-ai-card img{display:block;width:43%;height:auto;aspect-ratio:1;object-fit:contain}
.hero-card-name{font:600 clamp(10px,1vw,14px)/1.2 var(--font);letter-spacing:-.02em}
.hero-card-index,.hero-card-star,.hero-card-arrow{position:absolute;font:600 10px/1 var(--font)}
.hero-card-index{top:10px;left:10px;font-size:8px}
.hero-card-star{right:9px;top:9px;font-size:10px}
.hero-card-arrow{right:10px;bottom:9px;font-size:12px}
.hero-ai-card-face{scale:var(--card-scale,1)}
.hero-ai-card:hover .hero-ai-card-face,.hero-ai-card:focus-visible .hero-ai-card-face{scale:calc(var(--card-scale,1)*1.06);box-shadow:4px 6px 0 #17112f35}
.hero-ai-card:focus-visible{outline:3px solid #fff;outline-offset:5px}
.hero-ai-card:active .hero-ai-card-face{scale:.98}
@keyframes ai-card-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
.studio-art-platforms{z-index:auto}
#studio-art .studio-art-link{position:absolute;z-index:var(--float-layer,4);left:var(--float-x);top:var(--float-y);display:grid;place-items:center;width:8.6%;aspect-ratio:.74;min-width:44px;min-height:60px;transform:translate(-50%,-50%) rotate(var(--float-angle,0deg));border:0;border-radius:8px;background:transparent;box-shadow:none;pointer-events:auto;transition:scale .2s}
#studio-art .studio-art-link::before{content:none}
.studio-social-card-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;box-sizing:border-box;border:1.5px solid var(--ink);border-radius:8px;background:#f8f6ff;box-shadow:3px 4px 0 #17112f25;animation:social-platform-float var(--float-duration,6s) ease-in-out var(--float-delay,0s) infinite}
.studio-social-card-face::before{content:'';position:absolute;inset:4px;border:1px solid #17112f20;border-radius:5px;pointer-events:none}
.studio-social-card-face{scale:var(--float-scale,1);opacity:var(--float-opacity,1)}
.studio-social-card-index,.studio-social-card-star,.studio-social-card-arrow{position:absolute;font:650 8px/1 var(--font)}
.studio-social-card-index{left:7px;top:7px}.studio-social-card-star{right:6px;top:6px}.studio-social-card-arrow{right:7px;bottom:6px;font-size:10px}
.studio-social-card-name{max-width:100%;padding:0 4px;box-sizing:border-box;font:650 clamp(8px,.65vw,12px)/1.2 var(--font);letter-spacing:-.025em}
@keyframes social-platform-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
.studio-art-platforms:hover .studio-social-card-face,.studio-art-platforms:focus-within .studio-social-card-face,.character-motion-target:not(.is-in-view) .studio-social-card-face,.character-motion-paused .studio-social-card-face{animation-play-state:paused!important}
#studio-art .studio-art-link img{display:block;width:42%;height:auto;aspect-ratio:1;object-fit:contain}
.studio-art-link:hover,.studio-art-link:focus-visible{scale:1.08}.studio-art-link:hover .studio-social-card-face,.studio-art-link:focus-visible .studio-social-card-face{background:#fff}
#studio-art :is(.studio-art-link,.hero-ai-card):is(:hover,:focus-visible){z-index:8}
.studio-art-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.studio-art-link-label{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);padding:6px 9px;border-radius:7px;background:var(--ink);color:#fff;white-space:nowrap;font:600 11px/1.4 var(--font);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.studio-art-link:hover .studio-art-link-label,.studio-art-link:focus-visible .studio-art-link-label{opacity:1;transform:translate(-50%,0)}
body.studio-home .studio-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;width:calc(100% - 160px);max-width:1960px;margin:28px auto 0;padding-top:22px;border-top:1px solid #17112f25}
.studio-home .studio-hero-badge{min-width:0;border-radius:0;background:transparent;color:var(--ink);padding:0}
.studio-home .studio-count-badge{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.studio-home .studio-count-badge>div{display:flex;align-items:center;font-size:15px;font-weight:550;gap:10px;line-height:1.5}
.studio-home .studio-count-badge strong{display:inline;flex:none;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;font-size:32px;line-height:1;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.studio-home .studio-count-badge a{display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-height:44px;margin:0;padding:8px 0 8px 24px;border:0;border-left:1px solid #17112f30;border-radius:0;background:transparent;font-size:15px;font-weight:550;line-height:1.5;color:var(--ink);text-decoration:none;box-shadow:none;transition:opacity .2s}
.studio-home .studio-count-badge a>span:not([aria-hidden]){text-decoration:underline;text-decoration-color:#17112f40;text-decoration-thickness:1px;text-underline-offset:5px}
.studio-home .studio-count-badge a>span[aria-hidden]{font-size:19px;line-height:1;transition:transform .2s}
.studio-home .studio-count-badge a:hover{background:transparent;transform:none;box-shadow:none}
.studio-home .studio-count-badge a:hover>span:not([aria-hidden]){text-decoration-color:var(--ink)}
.studio-home .studio-count-badge a:hover>span[aria-hidden]{transform:translate(2px,-2px)}
.studio-home .studio-count-badge a:active{transform:none;box-shadow:none;opacity:.7}
.studio-home .studio-count-badge a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.studio-home .studio-assurance-badge{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;font-size:14px}
.studio-home .studio-assurance-badge li{align-items:center;gap:8px}
.studio-home .studio-assurance-badge li>span:first-child{display:grid;place-items:center;box-sizing:border-box;flex:none;width:22px;height:22px;border:var(--stroke) solid var(--ink);border-radius:50%;background:var(--soft);color:var(--ink);font-size:13px;line-height:1}
@media(min-width:1500px){body.studio-home .hero{padding-top:124px}}
@media(min-width:761px) and (max-width:1100px){
  body.studio-home .hero-inner{width:calc(100% - 64px);gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr)}
  .hero-service-label{font-size:13px;margin-bottom:22px}
  body.studio-home .hero #hero-title,html:not([lang^=zh]) body.studio-home .hero #hero-title{font-size:clamp(34px,4.4vw,48px)}
  html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero #hero-title{font-size:clamp(42px,4.9vw,54px)}
  html[lang^=zh] body.studio-home .hero #hero-title{font-size:clamp(42px,5.2vw,58px)}
  body.studio-home .hero-description{font-size:17px;margin-bottom:26px}.hero-body-line{font-size:16px}
  body.studio-home .hero-actions{gap:12px}
  body.studio-home .hero-actions .button-orange,body.studio-home .hero-actions .text-link{min-height:52px;padding:13px 16px;font-size:15px;gap:12px}
  .hero-ai-card-face{gap:6px}.hero-card-index{left:8px;top:8px;font-size:7px}.hero-card-star{right:7px;top:7px;font-size:9px}.hero-card-arrow{right:7px;bottom:7px;font-size:10px}.hero-ai-card-face::before{inset:4px}
  body.studio-home .studio-hero-meta{width:calc(100% - 64px);align-items:flex-start;gap:24px}
  .studio-home .studio-assurance-badge{gap:10px 14px;font-size:13px}
}
@media(max-width:760px){
  body.studio-home .hero{padding:110px 0 24px}
  body.studio-home .hero-inner{display:flex;flex-direction:column;gap:34px;width:calc(100% - 40px);max-width:600px;align-items:stretch}
  body.studio-home .hero-copy{padding:0;max-width:100%;text-align:left}
  .hero-service-label{margin-bottom:22px;font-size:12px}.hero-service-label>span:first-child{font-size:14px}
  body.studio-home .hero #hero-title,html:not([lang^=zh]) body.studio-home .hero #hero-title{font-size:clamp(34px,7.5vw,52px);margin-bottom:24px;max-width:100%}
  html:is([lang=en],[lang=fr],[lang=es],[lang=vi]) body.studio-home .hero #hero-title{font-size:clamp(44px,10.5vw,64px)}
  html[lang^=zh] body.studio-home .hero #hero-title{font-size:clamp(38px,10.4vw,64px);gap:.16em}
  body.studio-home .hero-description{font-size:17px;gap:8px;margin:0 0 26px;max-width:100%}.hero-body-line{font-size:16px}
  body.studio-home .hero-actions{justify-content:flex-start;gap:12px}
  body.studio-home .hero-actions .button-orange,body.studio-home .hero-actions .text-link{min-height:52px;padding:13px 16px;font-size:15px;gap:14px}
  body.studio-home .studio-art-stage{width:100%;margin:0}body.studio-home #studio-art{aspect-ratio:.88}
  .hero-card-name{font-size:clamp(9px,2.65vw,13px)}.hero-ai-card-face{gap:5px;border-radius:8px;box-shadow:2px 3px 0 #17112f25}.hero-ai-card-face::before{inset:4px;border-radius:4px}.hero-card-index{left:7px;top:7px;font-size:7px}.hero-card-star{right:6px;top:6px;font-size:8px}.hero-card-arrow{right:7px;bottom:6px;font-size:10px}
  body.studio-home .studio-hero-meta{display:flex;flex-direction:column;align-items:stretch;gap:22px;width:calc(100% - 40px);max-width:600px;margin-top:30px;padding-top:24px}
  .studio-home .studio-count-badge{justify-content:space-between;gap:16px}.studio-home .studio-count-badge>div{font-size:14px;gap:9px}.studio-home .studio-count-badge strong{min-width:0;height:auto;font-size:28px}.studio-home .studio-count-badge a{min-height:44px;padding:8px 0;border-left:0;font-size:14px;gap:10px}
  .studio-home .studio-assurance-badge{justify-content:flex-start;gap:12px 16px;font-size:13px}.studio-home .studio-assurance-badge li{gap:7px}.studio-art-link-label{font-size:10px}
}
@media(max-width:360px){body.studio-home .hero-actions{display:grid;grid-template-columns:1fr}body.studio-home .hero-actions :is(.button-orange,.text-link){justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){.hero-ai-card-face,.studio-social-card-face,.studio-art-illustration{animation:none!important}.hero-ai-card-face,.studio-art-link,.studio-art-link-label,body.studio-home .hero-actions :is(.button-orange,.text-link),.studio-home .studio-count-badge a{transition:none}}
@media(max-width:760px){.studio-social-card-face{gap:4px;border-radius:6px;box-shadow:2px 3px 0 #17112f25}.studio-social-card-face::before{inset:3px;border-radius:3px}.studio-social-card-name{display:none}.studio-social-card-index{left:5px;top:5px;font-size:6px}.studio-social-card-star{right:4px;top:4px;font-size:7px}.studio-social-card-arrow{right:5px;bottom:5px;font-size:9px}#studio-art .studio-art-link img{width:20px;height:20px}}