/* Restore the original editorial display face; keep body copy clean and readable. */
@font-face{font-family:"Vaylo Display";src:url("assets/fonts/vaylo-editorial-bold-sc.woff2") format("woff2");font-weight:900;font-display:swap}
:root{--serif:"Vaylo Display","Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif}
h1,h2{font-weight:900;letter-spacing:-.035em;line-height:1.28;text-wrap:balance}
h2{font-size:clamp(40px,4.1vw,62px)}
h3{font-weight:700;line-height:1.5;text-wrap:pretty}
p{ text-wrap:pretty }
.page-hero h1{font-size:clamp(48px,5.5vw,82px);line-height:1.25}
.page-hero .hero-lead{font-size:18px;line-height:1.9;max-width:760px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.7}
.section-heading .eyebrow:before,.sticky-heading>.eyebrow:before,.company-profile-intro>.eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#b4d858;box-shadow:0 0 0 4px #b4d85816;vertical-align:middle;margin-right:12px}
.section-heading>p{font-size:17px;line-height:1.9}
.prose{font-size:17px;line-height:1.95}
.prose .large-copy{font-size:25px;font-weight:500;line-height:1.7}
.timeline h3{font-size:25px;font-weight:750}
.timeline p{font-size:16px;line-height:1.9}
.timeline-year{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}
.service-row h3,.ai-detail h3{font-size:28px;font-weight:750}
.service-row p,.ai-detail p:not(.large-copy),.merchant-details p,.fulfillment-grid p,.strategy-pillar p,.org-card p{font-size:16px;line-height:1.9}
.service-row h4{font-size:18px;line-height:1.75}
.case-card p{font-size:15px;line-height:1.85}
.case-card h3{font-size:23px}
.culture-statement{font-size:clamp(40px,4.4vw,66px)}
.culture-lead{font-size:20px;line-height:1.9}
.culture-column p{font-size:16px;line-height:1.95}
.team-details h3{font-weight:700}
.team-details p.team-role{font-size:14px;font-weight:650}
.team-details p.team-bio{font-size:14px;line-height:1.85}
.service-person-header h3{font-weight:700}
.company-editorial{background:#f5f4ee}
.company-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.company-profile-intro h2{font-size:clamp(44px,4.5vw,66px);line-height:1.2;margin:24px 0 28px}
.company-profile-intro>p{font-size:19px;line-height:1.9;color:#687169;max-width:560px}
.title-emphasis{position:relative;display:inline-block}
.company-editorial .company-registration{margin:0;font-size:17px;line-height:1.75;border-color:#dcded6}
.company-editorial .company-registration>div{grid-template-columns:100px minmax(0,1fr);gap:24px;padding:22px 0;border-color:#dcded6}
.company-editorial .company-registration dt{font-size:14px;color:#7b8278;padding-top:3px}
.company-editorial .company-registration dd{font-weight:700;color:#17281e;overflow-wrap:anywhere}
.company-profile-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin-top:72px;padding-top:40px;border-top:1px solid #dcded6}
.company-profile-details .eyebrow{font-size:10px;color:#7b896e;margin-bottom:14px}
.company-profile-details h3{font-size:23px;margin-bottom:14px}
.company-profile-details p{font-size:15px;line-height:1.9;color:#687169}
body[data-page="index"] .home-hero h1{font-size:clamp(48px,5.5vw,86px);font-weight:900}
body[data-page="index"] #overview h2{font-weight:900}
body[data-page="index"] #overview .intro-body .large-copy{font-family:var(--sans);font-size:clamp(23px,2.1vw,30px);font-weight:500;line-height:1.7}
body[data-page="index"] #overview .intro-body>p:not(.large-copy){font-size:16px;line-height:1.9}
body[data-page="index"] .section-heading>p{font-size:17px}
body[data-page="index"] .audience-card h3{font-weight:900}
body[data-page="index"] .audience-card p,body[data-page="index"] .engine-step p{font-size:15px;line-height:1.85}
body[data-page="index"] .engine-step h3{font-weight:900}
body[data-page="index"] .progress-preview h3{font-size:28px;font-weight:750}
body[data-page="index"] .progress-preview p{font-size:16px;line-height:1.9}
.cta-layout h2{font-size:clamp(38px,3.8vw,56px)}
.cta-layout p{font-size:16px;line-height:1.9}
@media(max-width:960px){
 .company-profile-grid{gap:6%}
 .company-editorial .company-registration>div{grid-template-columns:80px minmax(0,1fr);gap:16px}
 .company-profile-intro>p{font-size:17px}
}
@media(max-width:700px){
 h2{font-size:clamp(32px,8vw,40px);line-height:1.35}
 .page-hero h1{font-size:clamp(34px,8.5vw,46px);line-height:1.3}
 .page-hero .hero-lead,.section-heading>p,.prose{font-size:15px;line-height:1.9}
 .eyebrow{font-size:10px}
 .timeline h3{font-size:19px}.timeline p{font-size:14px}.timeline-year{font-size:23px}
 .service-row h3,.ai-detail h3{font-size:24px}
 .service-row p,.ai-detail p:not(.large-copy),.merchant-details p,.fulfillment-grid p,.strategy-pillar p,.org-card p,.culture-column p{font-size:14px}
 .service-row h4{font-size:16px}.case-card h3{font-size:19px}.case-card p{font-size:14px}
 .culture-statement{font-size:32px}.culture-lead{font-size:16px}
 .team-details h3{font-size:20px}.team-details p.team-role{font-size:13px}.team-details p.team-bio{font-size:13px}
 .company-profile-grid{grid-template-columns:1fr;gap:36px}
 .company-profile-intro h2{font-size:clamp(36px,9vw,48px);line-height:1.25;margin:20px 0 23px}
 .company-profile-intro>p{font-size:16px;line-height:1.9}
 .company-editorial .company-registration{font-size:15px}
 .company-editorial .company-registration>div{padding:18px 0;grid-template-columns:76px minmax(0,1fr);gap:16px}
 .company-editorial .company-registration dt{font-size:12px}
 .company-profile-details{grid-template-columns:1fr;gap:30px;margin-top:42px;padding-top:30px}
 .company-profile-details h3{font-size:22px}.company-profile-details p{font-size:14px}
 body[data-page="index"] .home-hero h1{font-size:clamp(32px,6.4vw,48px)}
 body[data-page="index"] #overview .intro-body>p:not(.large-copy),body[data-page="index"] .section-heading>p{font-size:15px}
 body[data-page="index"] .engine-step h3{font-size:20px}
 body[data-page="index"] .engine-step p,body[data-page="index"] .audience-card p{font-size:13px}
 body[data-page="index"] .progress-preview h3{font-size:24px}
 body[data-page="index"] .progress-preview p,.cta-layout p{font-size:14px}
 .cta-layout h2{font-size:36px}
}
/* Keep the expanded company history readable on narrow screens. */
@media (max-width: 640px) {
 #history .timeline > li { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-left: 20px; }
 #history .timeline .timeline-year,
 #history .timeline .timeline-year.timeline-date { font-size: 20px; padding-top: 0; }
}