/* Editorial layouts built around the company's real products and work. */
.studio-site { --ink:#152841; --muted:#6c737d; --rule:#dce0e4; color:#1b222b; }
.studio-site .section-space { padding-block:112px; }
.studio-site .wrap { width:min(1240px,calc(100% - 100px)); }
.studio-site .nav-shell { max-width:1240px; }
.edition-line { display:flex; justify-content:space-between; gap:24px; padding-bottom:19px; border-bottom:1px solid var(--rule); font-size:10px; letter-spacing:.1em; color:var(--muted); line-height:1.7; }
.studio-section-title { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin:52px 0 60px; }
.studio-section-title h2,.studio-about h2,.company-manifesto h2,.workspace-text h2 { font-size:clamp(34px,4.5vw,66px); line-height:1.22; letter-spacing:-.055em; }
.studio-section-title h2 span,.studio-about h2 span,.company-manifesto h2 span,.workspace-text h2 span { color:#9299a1; }
.studio-section-title>p { flex-shrink:0; font-size:14px; line-height:1.9; color:var(--muted); padding-bottom:5px; }
.edition-link { display:inline-flex; align-items:center; gap:35px; padding:14px 0; border-bottom:1px solid currentColor; font-size:13px; line-height:1.5; transition:gap .25s; }
.edition-link:hover { gap:46px; }
.edition-link>span { font-size:19px; }
.edition-tags { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0; }
.edition-tags li { font-size:11px; border:1px solid #182e4c26; padding:7px 12px; border-radius:30px; line-height:1.5; }
.edition-note { font-size:11px; line-height:1.9; color:#7b7f86; margin-top:28px; max-width:850px; }
.product-feature { display:grid; grid-template-columns:1.2fr 1fr; gap:7%; align-items:center; }
.product-feature-copy h3 { font-size:clamp(35px,3.5vw,54px); line-height:1.3; letter-spacing:-.055em; margin-bottom:25px; }
.product-feature-copy>p,.case-copy>p { color:var(--muted); font-size:15px; line-height:1.95; max-width:430px; }
.product-feature-copy .eyebrow { color:#696282; font-size:11px; }
.yueliao-stage { aspect-ratio:1/1.06; width:100%; max-height:690px; min-width:0; position:relative; overflow:hidden; background:radial-gradient(ellipse at 56% 40%,#fcfaff 0,#e7e3ed 54%,#d1d2df 100%); border-radius:3px; isolation:isolate; transform:perspective(1200px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)); transition:transform .25s ease-out; }
.stage-word { position:absolute; top:6%; left:50%; transform:translateX(-50%); color:#fff9; font-size:clamp(56px,7vw,110px); font-weight:700; letter-spacing:-.085em; line-height:1; }
.stage-orbit { position:absolute; width:100%; height:43%; border:1px solid #fff9; border-radius:50%; left:0; top:43%; transform:rotate(-28deg); }
.stage-phones { position:absolute; inset:16% 10% 9%; }
.stage-phones .phone { position:absolute; width:48%; padding:5px; border-radius:28px; box-shadow:15px 26px 35px #4a40552b; }
.stage-phones .phone img { border-radius:22px; }
.stage-back { left:8%; top:0; transform:rotate(-12deg); }
.stage-front { left:43%; top:7%; transform:rotate(9deg); }
.stage-label { position:absolute; bottom:25px; left:25px; font-size:10px; letter-spacing:.15em; color:#605c70; }
.stage-cross { position:absolute; bottom:21px; right:23px; font-size:26px; color:#605c70; font-weight:200; }
.billion-showcase { background:#231e18; color:#f7f0e3; --rule:#ffffff29; --muted:#baae9b; }
.billion-intro { display:grid; grid-template-columns:1.3fr 1fr; gap:80px; align-items:end; margin:60px 0 75px; }
.billion-intro h2 { font-size:clamp(36px,4.6vw,66px); line-height:1.35; }
.billion-intro em,.case-billion em { font-family:"Songti SC","Noto Serif CJK SC",serif; font-style:normal; font-weight:500; color:#d7bd90; }
.billion-intro .eyebrow { color:#baae9b; font-size:11px; }
.billion-intro p { font-size:14px; line-height:1.95; color:#c9bfaf; margin-bottom:20px; }
.billion-showcase .edition-tags { justify-content:center; margin-top:48px; }
.billion-showcase .edition-tags li { border-color:#ffffff30; }
.billion-showcase .edition-note { text-align:center; margin-inline:auto; color:#b8ad9b; }
.billion-showcase .game-frame { border-radius:5px; padding:5px; background:#746043; border-color:#9e8864; box-shadow:0 30px 60px #0007; }
.billion-showcase .game-frame img { border-radius:0; }
.billion-showcase .game-gallery { max-width:980px; gap:50px; }
.studio-site .works-section { background:#11191c; color:#eff2f1; }
.studio-site .works-heading { margin-bottom:78px; gap:65px; }
.studio-site .works-heading h1,.studio-site .works-heading h2 { font-size:clamp(36px,4.7vw,68px); line-height:1.24; }
.studio-site .works-heading .eyebrow { font-size:10px; letter-spacing:.16em; color:#a2b7b5; }
.studio-site .works-heading>p { color:#a9b4b5; font-size:14px; max-width:380px; line-height:1.9; }
.works-kicker { display:block; margin-top:23px; font-size:10px; letter-spacing:.1em; color:#d7dedc; }
.studio-site .works-category-heading { border-color:#ffffff26; margin-bottom:30px; }
.studio-site .works-category-heading h3 { font-size:16px; font-weight:500; }
.studio-site .works-category-heading>span { color:#9eabaa; font-size:11px; }
.studio-site .films-grid { max-width:none; gap:30px; }
.studio-site .film-poster { aspect-ratio:1.16; border-radius:2px; background:#1a2528; isolation:isolate; }
.studio-site .film-poster::before { content:""; position:absolute; inset:-25px; background-image:var(--film-image); background-position:center; background-size:cover; filter:blur(28px) brightness(.48); z-index:-1; }
.studio-site .film-poster img { height:100%; width:100%; object-fit:contain; transform:scale(.94); transition:transform .5s,opacity .3s; }
.studio-site .film-poster:hover img { opacity:1; transform:scale(1); }
.studio-site .film-play { left:24px; bottom:24px; background:#10191cc9; border-color:#ffffff4f; }
.studio-site .film-meta h3 { font-size:19px; font-weight:500; }
.studio-site .film-meta>div>span,.studio-site .film-duration,.studio-site .film-credits { color:#a0b0b0; }
.studio-site .music-category-heading { margin-top:90px; }
.studio-site .music-entry { max-width:none; gap:9%; padding:28px 0 0; grid-template-columns:1fr 1fr; }
.studio-site .music-type-art { min-height:400px; background:#becbc3; color:#23372f; padding:35px; border-radius:2px; }
.studio-site .music-type-art::before { content:""; position:absolute; width:380px; height:380px; border:1px solid #29453929; border-radius:50%; box-shadow:0 0 0 20px #29453909,0 0 0 40px #2945390a,0 0 0 60px #29453909,0 0 0 80px #2945390a; right:-220px; top:-20px; pointer-events:none; }
.studio-site .music-art-title { font-family:"Songti SC",serif; font-size:clamp(48px,5.2vw,74px); position:relative; }
.studio-site .music-art-label,.studio-site .music-type-art figcaption,.studio-site .music-type-art figcaption>span { color:#43594c; }
.studio-site .music-type-art figcaption { border-color:#43594c4a; }
.studio-site .music-copy h3 { font-size:clamp(25px,2.5vw,35px); font-weight:500; }
.studio-site .music-copy .eyebrow,.studio-site .music-credits dt,.studio-site .music-platform { color:#a5b7b2; }
.studio-site .music-credits dd { color:#e0e8e5; }
.studio-site .music-link { background:#c8ddd2; color:#18382d; border-color:transparent; border-radius:30px; }
.studio-site .works-more { color:#cbdcd4; font-size:13px; padding-bottom:8px; border-bottom:1px solid #6e8b7d; }
.works-page { background:#11191c; }
.studio-site .works-back { display:flex; justify-content:space-between; gap:20px; padding-top:35px; color:#b8c6c2; font-size:10px; letter-spacing:.08em; }
.works-page .works-back .back-link { color:#b8c6c2; margin:0; }
.works-page .works-section { padding-top:65px; }
.studio-services { background:#f4f5f5; }
.service-accordion { border-top:1px solid #cdd3d8; }
.service-accordion:last-child { border-bottom:1px solid #cdd3d8; }
.service-accordion summary { list-style:none; display:grid; grid-template-columns:48px 1fr 190px 24px; align-items:center; gap:24px; padding:30px 0; cursor:pointer; }
.service-accordion summary::-webkit-details-marker { display:none; }
.service-no { color:#8a959d; font-size:11px; }
.service-accordion summary h3 { font-size:clamp(21px,2.5vw,35px); letter-spacing:-.04em; font-weight:500; }
.service-en { font-size:10px; letter-spacing:.08em; color:#6c7882; }
.accordion-icon { font-size:25px; font-weight:300; transition:transform .25s; }
.service-accordion[open] .accordion-icon { transform:rotate(45deg); }
.service-detail { display:grid; grid-template-columns:1fr auto; align-items:end; gap:60px; padding:0 48px 35px 72px; }
.service-detail p { max-width:610px; font-size:14px; color:var(--muted); line-height:1.95; }
.service-detail .edition-link { white-space:nowrap; }
.studio-about { background:#fff; }
.studio-about-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:9%; align-items:center; margin-top:65px; }
.studio-about-grid p { font-size:14px; line-height:1.95; color:var(--muted); margin:28px 0 15px; }
.studio-about-photo { display:block; position:relative; overflow:hidden; }
.studio-about-photo img { aspect-ratio:1.12; object-fit:cover; transition:transform .7s; }
.studio-about-photo:hover img { transform:scale(1.035); }
.studio-about-photo>span { position:absolute; bottom:24px; left:24px; background:#ffffffdf; padding:12px 17px; font-size:11px; }
.studio-site .contact-section { background:#edf0f3; color:var(--ink); padding-block:110px; }
.studio-site .contact-layout h2 { font-size:clamp(33px,4.5vw,64px); max-width:700px; line-height:1.25; }
.studio-site .contact-intro { color:#606e7a; font-size:14px; }
.studio-site .contact-methods { border-top:1px solid #c9d0d8; padding-top:30px; }
.studio-site .wecom-image-link { border-radius:2px; }
.studio-site .site-footer { background:#fff; color:#334356; padding-bottom:65px; }
.studio-site .footer-bottom { color:#697786; }
.case-hero { padding:30px 0 90px; background:#f5f5f7; }
.case-hero .back-link,.studio-company-hero .back-link { display:inline-block; margin-bottom:34px; color:#68727e; }
.case-grid { display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:7%; margin-top:65px; }
.case-copy h1 { font-size:clamp(40px,5.5vw,76px); line-height:1.2; margin-bottom:30px; }
.case-copy h1>span { color:#8a819e; }
.case-copy .eyebrow { color:#77718a; font-size:15px; }
.case-copy .edition-tags { margin-top:35px; }
.case-actions { display:flex; flex-wrap:wrap; gap:15px 28px; align-items:center; margin-top:15px; }
.case-actions .product-film-link { margin:0; font-size:12px; color:#75668e; }
.screen-stories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; align-items:start; }
.screen-story:nth-child(2) { margin-top:60px; }
.screen-story:nth-child(3) { margin-top:120px; }
.screen-story-head { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--rule); padding:18px 0; }
.screen-story-head span { color:#8d9098; font-size:11px; }
.screen-story-head h3 { font-size:13px; font-weight:500; }
.screen-story-image { background:#f0edf4; padding:35px 28px; }
.screen-story-image .phone { width:100%; max-width:235px; margin:auto; padding:5px; border-radius:28px; box-shadow:8px 20px 35px #62516a24; }
.screen-story-image .phone img { border-radius:23px; }
.screen-story figcaption { padding-top:24px; }
.screen-story figcaption h3 { font-size:22px; margin-bottom:12px; }
.screen-story figcaption p { font-size:12px; color:var(--muted); line-height:1.8; }
.case-closing { background:#e9e5f0; padding:110px 0; }
.case-closing p { font-size:14px; color:#746d83; margin-bottom:22px; }
.case-closing h2 { font-size:clamp(40px,5.5vw,78px); margin-bottom:35px; }
.case-closing h2 span { color:#8d809e; }
.case-billion { background:#272119; color:#f1e9dd; --rule:#ffffff29; --muted:#c1b3a0; }
.case-billion .back-link,.case-billion .eyebrow { color:#bfae94; }
.billion-case-grid { display:grid; grid-template-columns:1fr .92fr; gap:8%; align-items:center; padding-top:60px; }
.case-billion .case-copy>p { margin-bottom:25px; }
.billion-cover { position:relative; padding:55px 60px 55px 95px; background:#c5b18c; min-width:0; isolation:isolate; overflow:hidden; transform:perspective(1200px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)); transition:transform .25s ease-out; }
.billion-cover .game-frame { border-radius:5px; max-width:320px; margin:auto; transform:rotate(5deg); padding:4px; }
.billion-cover .game-frame img { border-radius:0; }
.billion-cover-word { position:absolute; top:30px; left:25px; font-size:clamp(45px,5.5vw,76px); font-weight:700; color:#e6d4b5; line-height:.95; letter-spacing:-.07em; }
.billion-seal { position:absolute; left:15px; bottom:40px; writing-mode:vertical-rl; border:1px solid #6d48356b; color:#694732; padding:13px 6px; font-size:12px; letter-spacing:.3em; }
.billion-gallery { background:#f0eadd; }
.billion-gallery .game-shot figcaption>span { color:#7e6b50; }
.billion-gallery .game-shot h3 { color:#52402b; }
.billion-gallery .studio-section-title h2 span { color:#9e8b6c; }
.billion-gallery .game-frame { border-radius:6px; padding:5px; }
.billion-gallery .game-frame img { border-radius:0; }
.billion-gallery .edition-note { margin-inline:auto; text-align:center; color:#83745d; }
.life-chapters h2 { margin:55px 0; font-size:clamp(35px,4.5vw,64px); }
.chapter-list article { display:grid; grid-template-columns:50px .7fr 1fr 24px; gap:25px; align-items:center; border-top:1px solid var(--rule); padding:32px 0; }
.chapter-number { color:#9b8b72; font-size:12px; }
.chapter-list h3 { font-size:27px; font-weight:500; }
.chapter-list p { color:var(--muted); font-size:13px; line-height:1.9; }
.chapter-list article>span:last-child { font-size:23px; color:#8e7859; }
.studio-company-hero { background:#f6f7f7; padding-top:30px; }
.studio-company-hero h1 { font-size:clamp(65px,10vw,144px); line-height:1.12; padding-top:65px; letter-spacing:-.065em; color:#162a44; }
.studio-company-hero h1 span { color:#949da6; }
.company-hero-bottom { display:flex; align-items:end; justify-content:space-between; gap:25px; padding:40px 0 60px; }
.company-hero-bottom p { font-size:14px; color:#707a84; line-height:1.9; }
.company-panorama { position:relative; width:100%; height:clamp(400px,53vw,720px); overflow:hidden; }
.company-panorama::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 40%,#101d2a65); }
.company-panorama>img { width:100%; height:100%; object-fit:cover; object-position:50% 56%; }
.panorama-word { position:absolute; z-index:1; bottom:40px; left:4%; font-size:clamp(60px,15.5vw,232px); font-weight:600; letter-spacing:-.08em; line-height:1; color:#ffffffe3; }
.panorama-caption { position:absolute; z-index:1; right:5%; bottom:22px; font-size:10px; color:#fff; letter-spacing:.15em; }
.company-manifesto { display:grid; grid-template-columns:1.15fr 1fr; gap:8%; margin-top:70px; }
.company-manifesto p { font-size:15px; color:var(--muted); line-height:1.95; margin-bottom:25px; }
.studio-workspace { background:#f0f2f1; }
.workspace-editorial { display:grid; grid-template-columns:1fr 1fr; gap:80px 9%; margin-top:70px; align-items:start; }
.workspace-text { padding-top:45px; }
.workspace-text p { margin-top:30px; font-size:14px; line-height:1.9; color:var(--muted); }
.workspace-small-logo { display:block; width:160px; margin-top:45px; mix-blend-mode:multiply; }
.workspace-editorial figure img { width:100%; object-fit:cover; }
.studio-reception img { aspect-ratio:4/4.8; object-position:50% 65%; }
.studio-corridor { margin-top:-70px; }
.studio-corridor img { aspect-ratio:4/5; object-position:50% 65%; }
.workspace-editorial figcaption { display:flex; justify-content:space-between; gap:15px; font-size:10px; padding-top:18px; color:#47535b; }
.workspace-editorial figcaption span { color:#7b858b; }
.workspace-endnote { align-self:end; padding-bottom:50px; }
.workspace-endnote>span { font-size:10px; letter-spacing:.2em; color:#7f8b90; }
.workspace-endnote p { font-size:clamp(32px,4vw,55px); letter-spacing:-.05em; line-height:1.3; margin-top:30px; color:#647272; }
.studio-process h2 { font-size:clamp(35px,4.5vw,64px); margin:55px 0 25px; }
.studio-process>.wrap>p { color:var(--muted); font-size:14px; line-height:1.9; max-width:700px; }
.studio-process ol { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:60px; }
.studio-process li { border-top:1px solid var(--rule); padding-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.studio-process li>span:first-child { width:100%; font-size:11px; color:#9aa4ae; margin-bottom:45px; }
.studio-process h3 { font-size:21px; font-weight:500; }
.music-toggle { position:fixed; z-index:65; right:24px; bottom:max(20px,env(safe-area-inset-bottom)); display:flex; gap:10px; align-items:center; padding:12px 16px; min-height:44px; border:1px solid #b7c2cd80; border-radius:28px; background:#f2f5f4e8; color:#21364b; box-shadow:0 5px 25px #14263712; backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); font-size:11px; letter-spacing:.02em; }
.music-toggle[hidden] { display:none; }
.sound-bars { display:flex; align-items:center; gap:3px; height:17px; width:22px; }
.sound-bars i { width:2px; height:4px; border-radius:2px; background:currentColor; }
.music-toggle[data-state="playing"] .sound-bars i { animation:sound-pulse .95s ease-in-out infinite alternate; }
.sound-bars i:nth-child(2) { animation-delay:-.5s!important; }
.sound-bars i:nth-child(3) { animation-delay:-.2s!important; }
.sound-bars i:nth-child(4) { animation-delay:-.7s!important; }
@keyframes sound-pulse { from{height:4px} to{height:17px} }
[data-reveal].reveal-pending { opacity:0; transform:translateY(18px); }
[data-reveal] { transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.25,1); }
@media(min-width:1500px){.studio-site .section-space{padding-block:140px}.stage-phones .phone{width:45%}.stage-front{left:45%}}
@media(max-width:1000px){
 .studio-site .wrap { width:calc(100% - 64px); }
 .studio-site .section-space { padding-block:85px; }
 .product-feature { gap:6%; grid-template-columns:1.1fr 1fr; }
 .stage-phones .phone { padding:4px; border-radius:21px; }
 .stage-phones .phone img { border-radius:17px; }
 .billion-intro { gap:45px; }
 .service-accordion summary { grid-template-columns:35px 1fr 145px 24px; gap:18px; }
 .service-detail { padding-left:53px; padding-right:0; gap:30px; }
 .screen-stories { gap:22px; }
 .screen-story-image { padding:25px 20px; }
 .screen-story-image .phone { border-radius:23px; padding:4px; }
 .screen-story-image .phone img { border-radius:19px; }
 .billion-cover { padding:60px 30px 40px 55px; }
 .studio-site .music-type-art { min-height:355px; padding:28px; }
 .studio-site .music-art-title { font-size:55px; }
 .workspace-editorial { gap:65px 7%; }
 .studio-process h3 { font-size:18px; }
}
@media(max-width:700px){
 .studio-site .wrap { width:calc(100% - 40px); }
 .studio-site .section-space { padding-block:65px; }
 .edition-line { font-size:8px; gap:15px; padding-bottom:15px; letter-spacing:.06em; }
 .edition-line>span:last-child { text-align:right; }
 .studio-section-title { display:block; margin:35px 0; }
 .studio-section-title h2,.studio-about h2,.company-manifesto h2,.workspace-text h2 { font-size:36px; }
 .studio-section-title>p { margin-top:23px; font-size:12px; line-height:1.85; }
 .product-feature { grid-template-columns:1fr; gap:35px; }
 .yueliao-stage { max-height:none; aspect-ratio:1.1; }
 .stage-word { font-size:16vw; }
 .stage-phones { inset:14% 16% 8%; }
 .stage-phones .phone { width:48%; padding:4px; border-radius:20px; }
 .stage-phones .phone img { border-radius:16px; }
 .stage-label { bottom:18px; left:18px; font-size:9px; }
 .stage-cross { bottom:15px; right:18px; }
 .product-feature-copy h3 { font-size:36px; margin-bottom:20px; }
 .product-feature-copy>p,.case-copy>p { font-size:14px; }
 .edition-tags { gap:6px; margin:22px 0; }
 .edition-tags li { font-size:10px; padding:6px 10px; }
 .edition-note { font-size:10px; margin-top:23px; }
 .billion-intro { grid-template-columns:1fr; gap:25px; margin:35px 0; }
 .billion-intro h2 { font-size:37px; }
 .billion-intro p { font-size:13px; }
 .billion-showcase .game-gallery { gap:0; }
 .billion-showcase .edition-tags { margin-top:30px; }
 .billion-showcase .game-gallery-switch button { color:#c9bcaa; }
 .studio-site .works-heading { margin-bottom:45px; }
 .studio-site .works-heading h1,.studio-site .works-heading h2 { font-size:37px; }
 .studio-site .works-heading>p { font-size:13px; max-width:350px; }
 .works-kicker { margin-top:15px; font-size:9px; }
 .studio-site .films-grid { grid-template-columns:1fr; gap:35px; }
 .studio-site .film-poster { aspect-ratio:1.1; }
 .studio-site .film-play { left:17px; bottom:17px; font-size:11px; }
 .studio-site .film-meta h3 { font-size:19px; }
 .studio-site .music-category-heading { margin-top:55px; }
 .studio-site .music-entry { grid-template-columns:1fr; gap:35px; padding-top:0; }
 .studio-site .music-type-art { width:100%; max-width:450px; min-height:360px; padding:28px; }
 .studio-site .music-art-title { font-size:65px; }
 .studio-site .music-copy h3 { font-size:28px; }
 .studio-site .works-back { font-size:8px; padding-top:25px; align-items:center; }
 .works-page .works-section { padding-top:45px; }
 .service-accordion summary { grid-template-columns:23px 1fr 22px; gap:12px; padding:24px 0; }
 .service-accordion summary h3 { font-size:22px; }
 .service-en { display:none; }
 .service-detail { display:block; padding:0 0 25px 35px; }
 .service-detail p { font-size:13px; }
 .service-detail .edition-link { margin-top:12px; font-size:12px; }
 .studio-about-grid { grid-template-columns:1fr; gap:40px; margin-top:35px; }
 .studio-about-grid p { font-size:13px; margin-top:23px; }
 .studio-about-photo img { aspect-ratio:1.1; }
 .studio-site .contact-section { padding-block:65px; }
 .studio-site .contact-layout h2 { font-size:36px; }
 .studio-site .contact-intro { font-size:13px; }
 .studio-site .contact-layout { gap:40px; }
 .studio-site .contact-methods { margin-top:25px; padding-top:25px; }
 .studio-site .site-footer { padding-bottom:80px; }
 .case-hero { padding:24px 0 55px; }
 .case-hero .back-link,.studio-company-hero .back-link { margin-bottom:25px; font-size:12px; }
 .case-grid { grid-template-columns:1fr; gap:35px; margin-top:40px; }
 .case-copy h1 { font-size:49px; margin-bottom:24px; }
 .case-copy .eyebrow { font-size:12px; margin-bottom:20px; }
 .case-copy .edition-tags { margin-top:25px; }
 .case-actions { margin-top:20px; }
 .screen-stories { grid-template-columns:1fr; gap:40px; }
 .screen-story:nth-child(n) { margin-top:0; }
 .screen-story-image { padding:30px; }
 .screen-story-image .phone { max-width:210px; }
 .screen-story figcaption { padding-top:20px; }
 .screen-story figcaption h3 { font-size:24px; }
 .case-closing { padding:70px 0; }
 .case-closing h2 { font-size:39px; }
 .case-closing h2 span { display:block; margin-top:10px; }
 .billion-case-grid { grid-template-columns:1fr; gap:35px; padding-top:40px; }
 .billion-cover { padding:55px 55px 40px 70px; max-width:450px; width:100%; margin:auto; }
 .billion-cover-word { font-size:65px; }
 .billion-gallery .game-gallery-switch button { color:#78684e; border-color:#9c907b; }
 .billion-gallery .game-gallery-switch button[aria-pressed="true"] { background:#5f4b32; color:#fff; }
 .billion-gallery .game-gallery-hint { color:#786c57; }
 .life-chapters h2 { font-size:36px; margin:35px 0; }
 .chapter-list article { grid-template-columns:25px 1fr 20px; gap:13px; padding:25px 0; }
 .chapter-list h3 { font-size:24px; }
 .chapter-list p { grid-column:2/3; grid-row:2; font-size:13px; }
 .chapter-list article>span:last-child { grid-column:3; grid-row:1; }
 .studio-company-hero { padding-top:24px; }
 .studio-company-hero h1 { font-size:65px; padding-top:40px; }
 .company-hero-bottom { padding:30px 0 40px; }
 .company-hero-bottom p { font-size:11px; }
 .company-hero-bottom .edition-link { font-size:11px; gap:16px; }
 .company-panorama { height:370px; }
 .company-panorama>img { object-position:57% 50%; }
 .panorama-word { font-size:16vw; bottom:37px; }
 .panorama-caption { font-size:8px; }
 .company-manifesto { grid-template-columns:1fr; gap:30px; margin-top:40px; }
 .company-manifesto p { font-size:14px; }
 .workspace-editorial { grid-template-columns:1fr 1fr; gap:35px 16px; margin-top:35px; }
 .workspace-text { grid-column:1/-1; padding-top:0; }
 .workspace-text p { font-size:13px; margin-top:23px; }
 .workspace-small-logo { width:130px; margin-top:25px; }
 .studio-reception { grid-column:2; grid-row:2; margin-top:0; }
 .studio-corridor { grid-column:1; grid-row:2; margin-top:75px; }
 .studio-reception img,.studio-corridor img { aspect-ratio:3/5; }
 .workspace-editorial figcaption { display:block; font-size:9px; line-height:1.8; padding-top:12px; }
 .workspace-editorial figcaption span { display:block; }
 .workspace-endnote { grid-column:1/-1; text-align:right; padding-bottom:0; }
 .workspace-endnote p { font-size:31px; margin-top:15px; }
 .studio-process h2 { font-size:36px; margin:35px 0 23px; }
 .studio-process ol { grid-template-columns:1fr 1fr; gap:30px 20px; margin-top:35px; }
 .studio-process h3 { font-size:18px; }
 .studio-process li>span:first-child { margin-bottom:25px; }
 .music-toggle { right:14px; bottom:max(14px,env(safe-area-inset-bottom)); padding:10px 13px; font-size:10px; gap:8px; }
}
@media(max-width:374px){.studio-company-hero h1{font-size:56px}.case-copy h1{font-size:43px}.studio-site .wrap{width:calc(100% - 32px)}.studio-site .music-art-title{font-size:58px}.studio-site .music-type-art{min-height:330px}.billion-cover{padding:50px 40px 35px 60px}.billion-intro h2{font-size:33px}.studio-section-title h2,.studio-about h2,.company-manifesto h2,.workspace-text h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{transition:none!important}.yueliao-stage,.billion-cover{transform:none!important}.music-toggle .sound-bars i{animation:none!important}.music-toggle[data-state="playing"] .sound-bars i:nth-child(2n){height:13px}.film-poster img,.studio-about-photo img{transition:none!important}}
@media print{.music-toggle{display:none!important}[data-reveal].reveal-pending{opacity:1;transform:none}.works-section,.billion-showcase,.case-billion{background:white!important;color:black!important}}