/* English retune for the Scrollcraft homepage. Loaded AFTER home.css by /en/. Layout, motion, colour and the pinned peak all come
   from home.css untouched; this only re-sets type for Latin text (home.css sizes are tuned for CJK: one em per glyph, nowrap h1). */
h1{white-space:normal;font-size:clamp(40px,4.6vw,70px);line-height:1.12;letter-spacing:-.04em}
h2{font-size:clamp(28px,2.9vw,42px);line-height:1.18;letter-spacing:-.035em}
h3{font-size:22px;line-height:1.35;letter-spacing:-.02em}
.brief-copy h2{font-size:clamp(32px,3.4vw,50px);line-height:1.14}
.closing h2{font-size:clamp(40px,4.6vw,68px);line-height:1.08}
.hero-intro{font-size:20px;line-height:1.6;max-width:30em}
.question-list p{font-size:20px;line-height:1.5}
.brief-state{font-size:clamp(17px,1.5vw,21px);line-height:1.6}
.step-head h3{font-size:24px}
.step-body{line-height:1.6}
.slip{font-size:14px;letter-spacing:0}
.slips{max-width:372px}
.audience h3{font-size:26px}
.tool-list h3{font-size:24px}
.articles-list h3{font-size:21px;line-height:1.4}
.scope-list dt{font-size:18px}
.case-story>div{grid-template-columns:8em minmax(0,1fr)}
.case-lede{max-width:none;line-height:1.65}
.case-table th{line-height:1.4}
.eyebrow,.case-label,.about-name,.articles-list .tag,.offer-tag,.case-table caption{text-transform:uppercase}
.masthead nav{font-size:13px}
.button{gap:28px}
summary{font-size:17px;line-height:1.45}
details p{font-size:15px;line-height:1.75}
@media(max-width:1100px){.hero,.hero-art{min-height:520px}}
/* English steps are longer than Chinese ones: below 1100px stack each step (text above, slips below) so the pinned sheet still fits */
@media(max-width:1100px) and (min-width:861px){.brief-step{grid-template-columns:1fr;gap:10px}.slips{justify-content:flex-start;max-width:none}}
@media(max-width:860px){.brief-copy h2{font-size:clamp(26px,6.8vw,32px)}.brief-state{font-size:15px}.step-head h3{font-size:20px}}
@media(max-width:760px){
h1{font-size:clamp(34px,9.4vw,46px);line-height:1.14}
h2{font-size:29px}
h3{font-size:20px}
.closing h2{font-size:38px}
.hero-intro{font-size:17px}
.question-list p{font-size:17px}
.audience h3{font-size:24px}
.tool-list h3{font-size:20px}
.articles-list h3{font-size:18px}
.scope-list dt{font-size:17px}
.step-head h3{font-size:19px}
.case-story>div{grid-template-columns:1fr}
summary{font-size:16px}
}
@media(max-height:700px) and (max-width:860px){.brief-copy h2{font-size:22px}.brief-state{font-size:13px}.brief-grid{gap:8px}}
/* narrow phones: English needs a little less air around the three steps for the pinned sheet to fit */
@media(max-width:400px){.brief-grid{gap:clamp(8px,1.5vh,14px)}.brief-step{padding:clamp(8px,1.4vh,14px) 0}.step-body{line-height:1.5}.brief-state{font-size:14px;line-height:1.5}.brief-cta span{line-height:1.4}}
/* The few Chinese words on this page (language switch, company name) use the visitor's system Chinese font, so the page never downloads the Noto Sans TC CJK slices (about 400 KB) for them. */
[lang="zh-Hant"]{font-family:"PingFang HK","PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",sans-serif}