/* Mobile text and controls share the illustrated canvas; desktop layout is unchanged. */
@media(max-width:700px){
 .digital-site .scene{display:block;min-height:0}
 .digital-site .scene .motion-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-1}
 .digital-site .motion-backdrop img{object-fit:cover;object-position:center}
 .digital-site .scene .scene-layout{display:block;position:relative;order:initial;min-height:0;width:calc(100% - 36px);margin:0 auto;padding:92px 0 320px}
 .digital-site .scene .scene-copy{max-width:none;min-width:0;padding:16px;border-radius:18px;background:linear-gradient(115deg,#fff8eeda,#fff8ee9c);border:1px solid #ffffff66;box-shadow:0 8px 30px #162d4010}
 .digital-site .scene .scene-title,html:lang(zh-Hant) .digital-site .scene .scene-title{font-size:36px;line-height:1.35;margin-bottom:16px}
 .digital-site .scene .scene-kicker{margin-bottom:14px;line-height:1.55}
 .digital-site .scene .scene-description{font-size:16px;line-height:1.85;margin-bottom:20px}
 .digital-site .scene-topbar{position:absolute;min-height:78px;inset:0 0 auto}
 .digital-site .scene-controls{top:14px;right:18px;gap:6px}
 .digital-site .scene-brand{top:18px;left:18px;gap:6px;font-size:24px}
 .digital-site .scene-brand img{width:34px;height:34px}
 .digital-site .scene-controls .language button{min-width:30px;font-size:12px}
 .digital-site .motion-toggle{font-size:11px;padding:6px 9px}
 .digital-site .scene-curiosity .scene-copy{padding:14px;background:linear-gradient(110deg,#fff9eee6,#fff9ee88);max-width:100%}
 .digital-site .scene-curiosity .scene-layout{padding-top:82px;padding-bottom:310px}
 .digital-site .entry-welcome{gap:10px;margin-bottom:10px}
 .digital-site .entry-welcome .entry-mark{width:38px;height:38px}
 .digital-site .entry-welcome span{font-size:19px}
 .digital-site .scene-wordmark{font-size:100px;line-height:.95;margin:10px 0 18px}
 .digital-site .scene-slogan,html:lang(zh-Hant) .digital-site .scene-slogan{font-size:25px;line-height:1.5;margin-bottom:22px}
 .digital-site .scene-button{min-height:46px;padding:11px 18px;font-size:16px;gap:16px}
 .digital-site .breathing-cat{width:58%;left:37%;bottom:5%}
 .digital-site .touch-ball{width:20%;left:34%;top:auto;bottom:36%}
 .digital-site .scene-curiosity .arch-clouds{left:49%;top:6%;height:58%}
 .digital-site .scene-imagination .scene-copy{background:linear-gradient(115deg,#0b1c2ee8,#0b1c2ea8);border-color:#afc9de33;box-shadow:0 8px 30px #04102122}
 .digital-site .scene-imagination .scene-kicker,html:lang(zh-Hant) .digital-site .scene-imagination .scene-kicker{font-size:23px;line-height:1.55}
 .digital-site .scene-imagination .scene-layout{padding-bottom:330px}
 .digital-site .floating-cat{width:65%;left:30%;top:auto;bottom:6%}
 .digital-site .scene-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:22px;max-width:none}
 .digital-site .scene-nav-link{padding:10px 8px;min-height:62px;font-size:13px;gap:8px;min-width:0;flex-wrap:wrap}
 .digital-site .scene-nav-link .arrow-icon{width:16px;height:16px;flex-shrink:0}
 .digital-site .scene-scroll{position:absolute;bottom:0;left:0;background:#0b1c2e66;margin:0;padding:10px 18px;min-height:42px}
 .digital-site .scene-collaboration .scene-layout{padding:28px 0 305px}
 .digital-site .scene-collaboration .scene-copy{padding:18px;background:linear-gradient(115deg,#fff9eeed,#fff9eec4)}
 .digital-site .scene-collaboration .scene-title{max-width:none}
 .digital-site .scene-collaboration .scene-kicker{font-size:15px}
 .digital-site .scene-collaboration .scene-text-link{font-size:14px;padding:8px 12px;min-height:44px}
 .digital-site .suited-cat{width:43%;left:53%;bottom:4%}
 .digital-site .device-desktop{left:4%;top:auto;bottom:18%;width:48%;height:22%}
 .digital-site .device-phone{left:5%;top:auto;bottom:7%;width:17%;height:22%}
 .digital-site .device-tablet{left:24%;top:auto;bottom:8%;width:32%;height:17%}
 .digital-site .illustrated-section{display:block;padding-bottom:28px!important;background-size:cover;background-position:center}
 .digital-site .illustrated-services{background-image:linear-gradient(#fff4df38,#f4eadca6),url('/assets/scenes/motion/services-clean.webp')}
 .digital-site .section-stage{position:absolute;top:0;left:-72%;width:200%;height:auto;aspect-ratio:2;z-index:-1;mask-image:linear-gradient(#000 0 86%,transparent 100%)}
 .digital-site .illustrated-services .section-stage{left:-75%}
 .digital-site .section-stage .section-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
 .digital-site .studio-cat{width:26%;left:60%;top:25%}
 .digital-site .illustrated-section .section-heading{position:relative;max-width:none;width:auto;min-height:0;padding:22px 16px;margin:18px 0 0;background:#fff8eee0;border:1px solid #fff8ed88;border-radius:16px;text-shadow:none}
 .digital-site .illustrated-section .section-heading .eyebrow{font-size:18px;line-height:1.5;margin:0 0 10px;color:#31495c}
 .digital-site .illustrated-section .section-heading h2,html:lang(zh-Hant) .digital-site .illustrated-section .section-heading h2{font-size:30px;line-height:1.45;margin:0;text-wrap:pretty;overflow-wrap:break-word}
 .digital-site .illustrated-section .service-grid{margin-top:235px;gap:18px;border:0}
 .digital-site .illustrated-section .service-card,.digital-site .illustrated-section .case-card{background:#fffaf0e8;backdrop-filter:blur(5px);border-color:#e5d6bd}
 .digital-site .illustrated-section .service-card{padding:22px 20px}
 .digital-site .illustrated-section .service-card h3,.digital-site .illustrated-section .case-card h3{font-size:24px;line-height:1.5}
 .digital-site .illustrated-section .service-card p,.digital-site .illustrated-section .case-card p{font-size:16px;line-height:1.9}
 .digital-site .scene-content{padding-bottom:0}
 .digital-site :is(.scene-copy,.section-heading,.service-card,.case-card){overflow-wrap:break-word}
}
@media(max-width:360px){
 .digital-site .scene .scene-title,html:lang(zh-Hant) .digital-site .scene .scene-title{font-size:32px}
 .digital-site .scene-imagination .scene-kicker,html:lang(zh-Hant) .digital-site .scene-imagination .scene-kicker{font-size:21px}
 .digital-site .scene .scene-copy{padding:12px}
 .digital-site .illustrated-section .section-heading h2,html:lang(zh-Hant) .digital-site .illustrated-section .section-heading h2{font-size:27px}
 .digital-site .scene-nav-link{font-size:12px;padding-inline:6px}
}
@media(max-width:700px){
 .digital-site .scene-curiosity .scene-layout{padding-bottom:clamp(350px,80vw,560px)}
 .digital-site .touch-ball{bottom:33%}
 .digital-site .scene-imagination .scene-layout{padding-bottom:clamp(330px,80vw,560px)}
 .digital-site .scene-collaboration .scene-layout{padding-bottom:clamp(305px,80vw,560px)}
 .digital-site .section-stage{top:85px}
 .digital-site .illustrated-section .service-grid{margin-top:clamp(235px,70vw,490px)}
}