/* Reference: Yongsy CHINT case. White surface retained at client's request. */
html{scroll-padding-top:90px}.case-subnav{border-block:1px solid #ece9e7;background:#fff;position:sticky;top:0;z-index:10;font-size:13px}.case-subnav>.container{display:flex;justify-content:space-between;gap:16px;padding-block:16px}.case-subnav span{color:#777}.case-subnav a{text-decoration:none}.case-subnav .container>div{display:flex;gap:30px}.story-hero{text-align:center;padding-top:74px}.project-name{font-size:23px;font-weight:650;margin-bottom:30px}.story-hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.4;letter-spacing:-.025em}.project-tags{color:#777;margin:28px 0 40px}.story-hero figure{border-radius:18px;overflow:hidden}.story-hero img{aspect-ratio:16/8.6;object-fit:cover}.project-overview{padding:64px 0 75px;border-bottom:1px solid #e9e5e1}.section-label{font-size:16px;color:#777;margin-bottom:25px}.project-facts{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;margin-bottom:56px}.project-facts span{font-size:13px;color:#777}.project-facts p{font-size:19px;line-height:1.7;margin-top:10px;font-weight:550}.overview-body{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.overview-body h2{font-size:30px;margin-bottom:24px}.overview-body h3{font-size:17px;margin:0 0 10px}.overview-body p{font-size:16px;line-height:1.9;color:#56515a}.overview-body h3:not(:first-child){margin-top:25px}.case-article{width:min(940px,calc(100% - 96px));margin:70px auto 0}.article-title{font-size:32px;margin-bottom:50px}.story-section{padding:0;margin:0 0 60px}.story-section h2,.feature-copy h2{font-size:25px;line-height:1.5;margin:0 0 22px;text-wrap:initial}.story-section p,.feature-copy p{font-size:17px;line-height:1.95;max-width:none}.story-section p+p{margin-top:18px}.story-section figure{margin-top:30px}.story-section .container{width:100%}.story-section .feature-copy{margin-bottom:30px}.story-section .feature-copy>a{margin-top:18px}.wide-website{background:white;padding:0;border-radius:0}.website-background,.texture-swatch{display:none}.website-browser{width:100%}.website-browser img{aspect-ratio:auto}.wide-website figcaption{text-align:center}.feature-visual{border-radius:0}.simulator-stage{background:white;padding:0;min-height:0}.control-detail{display:none}.compare-pair{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:24px}.product-cell+ .product-cell{border:0;margin:0;padding:0}.compare-pair figcaption{grid-column:1/-1;margin-top:0}.texture-detail{background:white;overflow:hidden}.texture-detail svg{max-height:500px}.texture-detail figcaption{background:white;text-align:center}.export-stage{background:white;padding:0}.export-sheet{box-shadow:none;border:1px solid #ece9e7;padding:24px}.export-sheet svg{max-height:460px}.closing-showcase{background:white;padding:0}.closing-showcase figure{margin:0}.outcome{padding:0 0 20px}.next-step{background:#faf8f5;color:#29252e;border-top:1px solid #eee7e1}.next-step button{border-color:#6b5c72;color:#300a44}
@media(max-width:700px){html{scroll-padding-top:65px}.container,.case-article{width:calc(100% - 40px)}.case-subnav span{font-size:11px}.case-subnav .container>div{gap:18px}.case-subnav>.container{padding-block:13px}.story-hero{padding-top:40px}.project-name{font-size:18px;margin-bottom:20px}.story-hero h1{font-size:30px}.project-tags{font-size:13px;margin:20px 0 28px}.story-hero figure{border-radius:9px}.story-hero img{aspect-ratio:4/3}.project-overview{padding:36px 0}.project-facts{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.project-facts p{font-size:17px;margin-top:2px}.overview-body{grid-template-columns:1fr;gap:28px}.overview-body h2{font-size:25px}.case-article{margin-top:40px}.article-title{font-size:28px;margin-bottom:32px}.story-section{margin-bottom:42px}.story-section h2,.feature-copy h2{font-size:23px;margin-bottom:18px}.story-section p,.feature-copy p{font-size:16px;line-height:1.9}.story-section figure{margin-top:24px}.compare-pair{gap:12px}.product-cell span{font-size:11px}.export-sheet{padding:14px}.next-step h2{font-size:27px}}