/* SUNGHANG cases | editorial panels, truthful evidence states */
.cases-intro,.case-detail-intro{position:relative}.cases-intro .hero-title,.case-detail-intro .hero-title{max-width:1080px}.cases-intro .section-lead,.case-detail-intro .section-lead{max-width:780px;color:var(--muted)}
.cases-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 42px}.cases-tabs button,.cases-tabs [data-case-filter]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid var(--line);border-radius:40px;background:#fff;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5}.cases-tabs button:hover,.cases-tabs [data-case-filter]:hover{color:var(--blue);border-color:var(--blue)}.cases-tabs .active,.cases-tabs [aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.cases-tabs .active:hover,.cases-tabs [aria-pressed=true]:hover{color:#fff}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 32px}.case-card{display:block;min-width:0;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:26px;text-decoration:none;position:relative}.case-card[hidden],.case-grid [hidden]{display:none!important}.case-cover{display:block;overflow:hidden;background:var(--paper,#f4f6f9);aspect-ratio:16/10;min-width:0}.case-cover img,img.case-cover{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;display:block}.case-card-copy{padding-top:24px;min-width:0}.case-kicker{display:block;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;margin-bottom:13px}.case-title{font-size:clamp(25px,2.9vw,37px);line-height:1.25;letter-spacing:-.045em;margin:0}.case-summary{color:var(--muted);font-size:15px;line-height:1.85;margin-top:17px;max-width:650px}.case-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:12px;margin-top:23px}.case-arrow{display:inline-flex;justify-content:center;align-items:center;color:var(--blue);font-size:24px;line-height:1;margin-left:auto;flex-shrink:0}.case-card:hover .case-title{color:var(--blue)}.case-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:42px;align-items:center;padding-bottom:38px}.case-card.featured .case-card-copy{padding:16px 0}.case-card.featured .case-title{font-size:clamp(30px,3.7vw,46px)}.case-status,.case-tag,.is-demo{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;font-size:11px;line-height:1.5;font-weight:650;border:1px solid var(--line);color:var(--muted);background:#fff;letter-spacing:0}.case-status.is-demo,.is-demo{background:#f1f3f5;border-color:#c9cfd7;color:#4d5663}.case-tag{background:transparent;font-weight:500}.case-cover>.case-status{position:relative;margin:18px}
.case-back{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-bottom:30px}.case-back:hover{color:var(--blue)}.case-detail-hero{margin-block:48px 0;background:var(--paper,#f4f6f9);overflow:hidden}.case-detail-hero img,img.case-detail-hero{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}.case-section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;margin-bottom:32px}.case-section-heading h2{font-size:clamp(28px,3.3vw,42px)}.case-section-heading .eyebrow,.case-section-heading>span{font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--blue);margin:0}.case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid var(--line);padding-block:28px;margin:0}.case-facts>div,.case-facts>article{min-width:0}.case-facts dt,.case-facts .fact-label,.case-facts small{display:block;font-size:11px;font-weight:650;color:var(--muted);margin:0 0 12px}.case-facts dd,.case-facts .fact-value,.case-facts strong{display:block;font-size:16px;font-weight:650;line-height:1.6;margin:0}.case-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 64px}.case-info-grid>*{min-width:0}.case-info-grid h3{font-size:24px;margin-bottom:18px}.case-info-grid p{color:var(--muted);font-size:15px}.case-block{padding-block:64px}.case-block+.case-block{border-top:1px solid var(--line)}.case-work-grid,.case-evidence-grid,.case-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.case-work-grid article{min-width:0;border-top:2px solid var(--blue);padding-top:24px}.case-work-grid article>span{display:block;color:var(--blue);font-size:12px;font-weight:700;margin-bottom:24px}.case-work-grid h3{font-size:22px;margin-bottom:16px}.case-work-grid p{font-size:14px;color:var(--muted)}.case-evidence-grid>* ,.case-product-grid>*{min-width:0;margin:0}.evidence-placeholder{min-height:250px;aspect-ratio:4/3;border:1px dashed #bec7d3;background:#f8f9fb;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:28px;text-align:center;color:var(--muted)}.placeholder-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--line);color:#8a96a6;font-size:25px;line-height:1}.placeholder-icon svg{width:25px;height:25px}.placeholder-label{font-size:13px;font-weight:650;line-height:1.75;max-width:240px}.evidence-caption{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px}.case-product-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;min-height:240px;aspect-ratio:1;border:1px dashed #c5cdd8;background:var(--paper,#f4f6f9);color:var(--muted);font-size:13px;padding:24px;text-align:center}.case-product-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--paper,#f4f6f9)}.case-product-grid h3{font-size:19px;margin-top:20px}.case-product-grid p{font-size:13px;color:var(--muted);margin-top:9px}.case-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.case-chips>span,.case-chips>a{display:inline-flex;border:1px solid var(--line);padding:5px 12px;font-size:12px;color:var(--muted)}.case-disclosure{padding:22px 26px;background:#f6f7f9;border-left:2px solid #aab4c3;color:var(--muted);font-size:13px;line-height:1.9;margin-top:32px}.case-disclosure strong{color:var(--ink);font-weight:650}.case-detail-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-block:32px 64px}.case-detail-nav a{min-width:0;display:flex;flex-direction:column;gap:10px;font-size:19px;font-weight:650}.case-detail-nav a:last-child{text-align:right;align-items:flex-end}.case-detail-nav small,.case-detail-nav span:first-child{font-size:11px;color:var(--muted);font-weight:500}.case-detail-nav a:hover{color:var(--blue)}.case-empty{grid-column:1/-1;padding:70px 24px;border-block:1px solid var(--line);text-align:center;color:var(--muted);font-size:15px}.case-empty[hidden]{display:none}
.services-grid5{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.service-tile{grid-column:span 2;min-width:0;padding:28px 0;border-top:1px solid var(--line)}.service-tile:nth-child(4){grid-column:2/span 2}.service-tile h3{font-size:24px;margin-bottom:18px}.service-tile p{color:var(--muted);font-size:14px}.service-tile>span{display:block;color:var(--blue);font-size:12px;margin-bottom:28px}.services-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line);padding-block:24px;gap:16px}.services-strip>*{min-width:0;font-size:13px;font-weight:650;text-align:center;padding:8px 12px}.services-strip>*+*{border-left:1px solid var(--line)}.case-home-feature{margin-top:38px}.case-home-feature .case-card{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:42px}.case-home-feature .case-card-copy{padding-block:20px}
.motion-enabled .case-card{transition:transform .3s ease}.motion-enabled .case-card:hover{transform:translateY(-4px)}
@media(max-width:1000px){.case-grid{gap:42px 24px}.case-card.featured,.case-home-feature .case-card{gap:28px;grid-template-columns:1.2fr 1fr}.case-card.featured .case-title{font-size:34px}.case-summary{font-size:14px}.case-work-grid,.case-evidence-grid,.case-product-grid{gap:20px}.case-info-grid{gap:32px}.evidence-placeholder{min-height:210px;padding:20px}.case-facts{gap:18px}.services-grid5{gap:20px}.service-tile h3{font-size:21px}.services-strip{gap:8px}.services-strip>*{padding-inline:8px;font-size:12px}}
@media(max-width:767px){.cases-tabs{gap:8px;margin:26px 0 30px}.cases-tabs button,.cases-tabs [data-case-filter]{padding:9px 16px;font-size:12px}.case-grid{grid-template-columns:1fr;gap:36px}.case-card{padding-bottom:22px}.case-card.featured,.case-home-feature .case-card{display:block;padding-bottom:26px}.case-card-copy,.case-card.featured .case-card-copy,.case-home-feature .case-card-copy{padding:21px 0 0}.case-title,.case-card.featured .case-title{font-size:29px}.case-summary{margin-top:14px}.case-meta{margin-top:20px;gap:8px 12px}.case-kicker{font-size:10px;margin-bottom:11px}.case-back{margin-bottom:24px}.case-detail-hero{margin-top:30px}.case-detail-hero img,img.case-detail-hero{aspect-ratio:16/10}.case-section-heading{margin-bottom:26px}.case-section-heading h2{font-size:29px}.case-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding-block:24px}.case-facts dd,.case-facts .fact-value,.case-facts strong{font-size:14px}.case-info-grid,.case-work-grid,.case-evidence-grid,.case-product-grid{grid-template-columns:1fr;gap:30px}.case-block{padding-block:42px}.case-info-grid h3{font-size:22px}.case-work-grid article{padding-top:20px}.case-work-grid article>span{margin-bottom:18px}.evidence-placeholder{aspect-ratio:16/10;min-height:230px}.case-product-placeholder{aspect-ratio:4/3;min-height:230px}.case-product-grid img{max-height:340px}.case-disclosure{padding:19px 20px;font-size:12px;margin-top:26px}.case-detail-nav{gap:20px;padding-block:26px 42px}.case-detail-nav a{font-size:16px}.services-grid5{grid-template-columns:1fr;gap:0}.service-tile,.service-tile:nth-child(4){grid-column:auto;padding-block:25px}.service-tile>span{margin-bottom:20px}.services-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-block:12px}.services-strip>*{padding:13px 10px;text-align:left}.services-strip>*+*{border-left:0}.services-strip>*:nth-child(even){border-left:1px solid var(--line)}.services-strip>*:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.case-home-feature{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .case-card{transition:none!important}.motion-enabled .case-card:hover{transform:none!important}}

/* Site integration */
.case-cover{position:relative}.case-visual-label{position:absolute;left:16px;bottom:14px;background:#ffffffdc;color:#596273;padding:4px 8px;font-size:9px;letter-spacing:.06em}.case-section-heading{display:block}.case-section-heading .eyebrow{margin-bottom:18px}.case-section-heading .section-title{margin-bottom:18px}.case-section-heading>p:last-child{font-size:14px;color:var(--muted);max-width:760px}.case-facts>div>span{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.case-chips{margin-bottom:22px}.case-disclosure{line-height:1.9}.case-home-feature .case-card{margin-top:32px}.service-tile .case-status+h3{margin-top:20px}.case-card-copy .case-summary{margin-top:20px}.header-inner nav,#navLinks{gap:22px}.nav-link{font-size:13px}.case-block .case-info-grid .section-title{margin-top:24px}.case-detail-hero .evidence-caption{padding-bottom:18px}.case-facts{background:white}.case-work-grid .case-status{margin-top:20px}.case-section-heading{margin-top:0}
@media(max-width:1080px) and (min-width:768px){.header-inner{gap:16px}.logo img{width:140px}.header-inner nav,#navLinks{gap:14px}.nav-link{font-size:12px}}
@media(max-width:767px){.header-inner nav,#navLinks{gap:0}.nav-link{font-size:15px}.case-visual-label{font-size:8px;left:12px;bottom:12px}.case-detail-hero .evidence-caption{padding-bottom:10px}.case-section-heading .section-title{font-size:28px}}

.cases-intro{padding-top:54px;padding-bottom:38px}.cases-intro .hero-title{font-size:72px}.cases-intro .section-lead{margin-top:20px}.cases-intro .case-disclosure{padding:0;background:none;border:0;margin-top:22px;font-size:12px;max-width:900px}.cases-intro+.section{padding-top:28px}.cases-tabs{margin-top:0;margin-bottom:30px}.case-detail-intro .hero-title{font-size:72px}.case-detail-intro .case-chips{margin-top:0}
@media(max-width:767px){.cases-intro{padding-top:35px;padding-bottom:28px}.cases-intro .hero-title,.case-detail-intro .hero-title{font-size:42px}.cases-intro .case-disclosure{font-size:11px;margin-top:18px}.cases-intro+.section{padding-top:22px}.cases-tabs{gap:7px;margin-bottom:24px}.cases-tabs button{font-size:12px;padding:8px 14px}}

.evidence-placeholder{width:100%;max-width:100%;aspect-ratio:auto}.case-product-placeholder{width:100%;max-width:100%}@media(max-width:767px){.evidence-placeholder{aspect-ratio:auto;min-height:220px}}