/* DOT: quieter structure, stronger product detail, native-scroll choreography. */
:root{--body-copy:#55555b;--secondary-copy:#737379}
.site-header{border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:#fff;width:100%;max-width:none;margin:0;top:0;padding-inline:var(--gutter)}
.header-actions,.language{flex-shrink:0}.language{white-space:nowrap;word-break:keep-all}.language span{white-space:nowrap}
.hero h1 em{color:inherit}.hero-copy>p{color:var(--body-copy)}
.hero-overline,.section-label{display:none}
.hero-bottom{border:0}.business-index a>span:first-child,.tab-number,.step-number{display:none}
.depth-shell,.depth-shell::before{box-shadow:none}.depth-shell::before{display:none}
.depth-shell{border-radius:0}.section-heading>p,.expertise-copy>p,.channel-copy>p,.story-step p,#products .game-description{color:var(--body-copy)}
.section-heading>p,.expertise-copy>p,.channel-copy>p,#products .game-description{font-size:16px}
.expertise-panel,.channel-panel,.process-board{box-shadow:none;border:0}.expertise-detail,.channel-copy li,#products .product-tags{color:#737379}
.expertise-panel,.expertise-panel:nth-child(2),.expertise-panel:nth-child(3){position:relative;top:0}.expertise-panels{gap:28px}.expertise-tabs button{opacity:1;color:#626268;font-size:15px}.expertise-detail,.channel-copy li,#products .product-tags{font-size:13px;line-height:1.65}.story-step{opacity:1}.story-step p{font-size:16px}
.story-step>div{grid-column:1/-1}.about-copy p{max-width:60ch}
.hero-visual::before{display:none}
.scene-caption .micro,.stage-label,.stage-footer,.board-top,.board-bottom,.media-pagination{letter-spacing:0;text-transform:none;font-size:12px}
.stage-label{display:none}#products .stage-footer{color:#707078}.media-pagination{color:#737379}
.product-subnav{box-shadow:none;border:0;border-radius:0;background:#fff;backdrop-filter:none;gap:clamp(20px,4vw,48px);padding:7px 0;scroll-padding-inline:12px}
.product-subnav a{font-size:13px;min-height:48px}.product-subnav a::after{height:2px;bottom:0;background:var(--ink)}
.product-subnav a:hover{color:var(--ink)}
#products .game-stage{box-shadow:none}#products .picoryn-shape{background:#e8e5ed}
.hero-action::after{display:none}.hero-action{transition:color .2s,transform .2s}.hero-action:hover{color:var(--green);transform:translateY(-2px)}.hero-action:active{transform:translateY(0)}
.footer{border-radius:0}.about h2 span{color:inherit}
html.gsap-scroll-ready .reveal{opacity:1;transform:none;transition:none}
#approach .section-heading{display:block;margin:0 0 48px;max-width:960px}
#approach .section-heading h2{max-width:900px}
#approach .section-heading>p{max-width:56ch;margin:24px 0 0;padding:0;font-size:18px;line-height:1.7;color:var(--body-copy)}
@media(max-width:800px){.site-header{height:72px;gap:15px}.product-subnav{top:72px}.section-heading>p,.expertise-copy>p,.channel-copy>p,#products .game-description{font-size:15px}.scene-caption{bottom:10px}}
@media(max-width:800px){#approach .section-heading{margin-bottom:36px}#approach .section-heading>p{font-size:16px;margin-top:20px}}
@media(max-width:1000px){.about-grid{grid-template-columns:1fr;gap:36px}.about h2{max-width:900px}.about-copy{max-width:700px}}
@media(max-width:540px){.site-header{height:64px;padding-inline:18px;gap:8px}.header-actions{gap:2px}.language{font-size:11px}.logo{gap:9px}.logo small{display:none}.logo>span{font-size:36px}.product-subnav{top:64px;gap:24px;padding:6px 0;margin-bottom:28px}.product-subnav a{font-size:12px}.header-actions .motion-dock{position:static;inset:auto;margin:0;transform:none}.motion-dock #motion-toggle{height:44px;min-width:36px;width:36px;padding:0;display:grid;place-items:center;box-shadow:none;background:transparent;border:0}.motion-dock #motion-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.motion-dock-line{display:none}.motion-icon{font-size:16px}.product-subnav{padding-right:0}}
@media(max-width:540px){.expertise-tabs button{font-size:12px}.story-step p{font-size:15px}.about h2{font-size:clamp(25px,6.8vw,32px)}html[lang="zh-CN"] .about h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-action{transition:none}.hero-action:hover{transform:none}}
