/* TSM supplier scope and static project portfolio, October 2026. */
.bar nav a[aria-current="page"]{background:var(--sky-soft);color:var(--accent)}
.supply-lines{margin-top:25px;border-top:1px solid #b6cbd8}
.supply-lines div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #b6cbd8;font-size:15px}
.supply-lines dt{font-weight:700}.supply-lines dd{margin:0;text-align:right;color:var(--ink-2)}

.portfolio-intro,.portfolio-enquire,.portfolio-records{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:center}
.portfolio-intro{background:var(--paper);border-bottom:1px solid var(--rule)}
.portfolio-intro h2,.portfolio-enquire h2{font-size:clamp(2.7rem,4.4vw,4.2rem);line-height:1.04;letter-spacing:-.03em;font-stretch:110%}
.portfolio-intro-copy p,.portfolio-enquire p,.portfolio-records-copy p{font-size:16px;line-height:1.75;color:var(--ink-2);max-width:48ch}
.portfolio-intro-copy .text-link,.portfolio-enquire .text-link{margin-top:24px}
.portfolio-hero{background:var(--sky-soft);padding-top:46px;padding-bottom:76px}
.portfolio-back{font-size:13px;margin-bottom:54px}
.portfolio-hero h1{font-size:clamp(3.2rem,6.3vw,5.8rem);line-height:1.02;letter-spacing:-.035em;font-stretch:110%}
.portfolio-lede{max-width:57ch;font-size:18px;line-height:1.7;color:var(--ink-2);margin-top:28px}
.portfolio-scope{list-style:none;padding:0;margin:40px 0 0;display:flex;gap:16px 40px;flex-wrap:wrap;font-size:13px;font-weight:650}
.portfolio-scope li{padding-top:14px;border-top:2px solid var(--accent)}
.portfolio-records{align-items:start;background:#fff}
.portfolio-records h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.1;letter-spacing:-.025em}
.portfolio-records-copy p+p{margin-top:18px}.portfolio-records-copy .btn{margin-top:28px}
.portfolio-enquire{border-top:1px solid var(--rule);background:var(--paper)}
/* Keep all navigation links available in a second header row on smaller screens. */
@media(max-width:1100px){
 .bar{column-gap:16px;flex-wrap:wrap;padding-bottom:0}
 .bar nav{display:flex;order:3;width:100%;overflow-x:auto;gap:4px;padding-bottom:4px}
 .bar nav a{white-space:nowrap;min-height:44px;display:flex;align-items:center;padding:10px 12px;font-size:12px}
 .hero-scroll .hero-stage{top:126px;height:calc(100svh - 126px)}
 .section,.enquiry,.product-detail{scroll-margin-top:142px}
 .portfolio-intro,.portfolio-enquire,.portfolio-records{gap:40px}
}
@media(max-width:700px){
 .bar{row-gap:4px;overflow:visible;padding-inline:20px}
 .bar nav{gap:0;justify-content:space-between}
 .bar nav a{font-size:11px;padding:8px 5px;border-radius:3px}
 .hero-scroll .hero-stage{top:0;height:auto}
 .portfolio-intro,.portfolio-enquire,.portfolio-records{grid-template-columns:1fr;gap:28px}
 .portfolio-intro h2,.portfolio-enquire h2{font-size:2.65rem}
 .portfolio-intro-copy p,.portfolio-enquire p,.portfolio-records-copy p{font-size:15px}
 .supply-lines div{font-size:13px;gap:12px}.supply-lines dd{max-width:45%}
 .portfolio-hero{padding-top:28px;padding-bottom:48px}
 .portfolio-back{margin-bottom:36px}.portfolio-hero h1{font-size:clamp(2.8rem,11vw,4.1rem)}
 .portfolio-lede{font-size:16px;margin-top:24px}.portfolio-scope{margin-top:30px;gap:14px 24px;font-size:12px}
 .portfolio-records-copy .btn{font-size:12px;padding-inline:18px}
}