/* Typography updated: 2026-10-10 19:59 +08:00 */
/* Updated: 2026-10-10 19:59 +08:00. Minimum UI text: 12 CSS px. */
header nav,header .nav-contact,.project-header>a:not(.brand){font-size:14px}
.hero-headline p,.hero-bottom p,.manifesto>div,.about-copy p,.service p,.section-head>p,.project-story>p{font-size:15px;line-height:1.85}
.hero-intro,.hero-intro>span:last-child,.hero-top,.hero-foot,.hero-side,.eyebrow{font-size:12px;letter-spacing:1px}
.new-hero .hero-top{font-size:12px;letter-spacing:1px;gap:28px;line-height:1.6}
.hero-headline p{max-width:350px;text-shadow:0 2px 6px #061006,0 0 20px #061006}
.new-hero .hero-bottom,.new-hero .round-link,.new-hero #hero-motion{font-size:13px;letter-spacing:.3px}
.project-intro nav a,.scene-options button,.scene-play,.scene-actions a,.scene-pause,.about-copy a,.manifesto>a,.contact>p,.process p{font-size:14px}
.panorama-name{font-size:17px}.panorama-desc{font-size:15px;line-height:1.8;max-width:370px;color:#d7e1dd}
.panorama-top,.panorama-top>span:nth-child(2),.project-status{font-size:12px;line-height:1.5;letter-spacing:.6px}
.scene-caption{font-size:12px;color:#d0dedb;line-height:1.65}.scene-caption>span:first-child{max-width:70%}
.scene-options button,.scene-play{min-height:42px;padding:10px 16px}.scene-actions a,.scene-pause{min-height:42px;display:inline-flex;align-items:center}
.scene-actions{gap:15px}.panorama-copy{top:22%;width:38%}.project-page .panorama-copy{top:25%}
.service p{font-size:14px}.service>span,.process small,.project-story small{font-size:12px}.project-intro small{font-size:12px}
footer,footer>span,footer button,footer a:not(.brand){font-size:12px}.contact>p{line-height:1.8}
@media(max-width:950px){.hero-headline p{max-width:255px;font-size:14px}.panorama-copy h2{font-size:39px}.panorama-desc{font-size:14px}.panorama-copy{width:42%}.panorama-top{gap:10px}.scene-caption>span:first-child{max-width:65%}.scene-actions a,.scene-pause{font-size:13px}.project-status{padding:6px 9px}.new-hero .hero-top>span:last-child{max-width:200px;text-align:right}}
@media(max-width:650px){header .nav-contact,.project-header>a:not(.brand){font-size:12px}.project-header{gap:12px!important}.hero-headline p{font-size:14px;max-width:100%;margin-top:22px}.new-hero{min-height:880px}.hero-intro{gap:18px}.hero-intro>span:last-child{font-size:12px}.new-hero .hero-top{font-size:12px;letter-spacing:.5px}.new-hero .hero-bottom>span{font-size:13px}.new-hero .round-link,.new-hero #hero-motion{font-size:12px}.hero-side{display:none}.manifesto>div,.about-copy p,.service p,.section-head>p,.project-story>p{font-size:14px}.project-intro nav{grid-template-columns:1fr;gap:16px}.project-intro nav a{font-size:14px}.panorama-sticky{min-height:850px}.panorama-copy,.digital-content .panorama-copy,.project-page .panorama-copy{top:auto;bottom:115px;width:auto;left:7%;right:7%}.panorama-name{font-size:15px;margin-bottom:10px}.panorama-copy h2{font-size:30px;line-height:1.2}.panorama-desc{font-size:14px;line-height:1.7;margin:14px 0;max-width:100%}.panorama-top{left:6%;right:6%;font-size:12px;align-items:start}.panorama-top>span:nth-child(2){font-size:12px;max-width:60%;letter-spacing:0;text-align:right}.scene-options{gap:7px;margin:14px 0 8px}.scene-options button,.scene-play,.scene-actions a,.scene-pause{font-size:13px}.scene-actions{margin-top:8px;gap:15px}.scene-caption{bottom:18px;font-size:12px;line-height:1.5}.scene-caption>span:first-child{max-width:none;display:block}.scroll-cue{font-size:12px;margin-top:6px}.scene-shade{background:linear-gradient(0deg,#071014fa,#071014ed 37%,transparent 73%)}.interactive-worlds .scene-shade{background:linear-gradient(0deg,#122325fa,#122325ed 37%,transparent 73%)}.digital-content .scene-shade{background:linear-gradient(0deg,#271921fa,#271921ed 37%,transparent 73%)}.process p,.contact>p{font-size:14px}footer{gap:17px}.project-page footer{align-items:start}footer>span,footer button{font-size:12px}}