/* Bounded Home polish: content and the two-system/six-case structure are unchanged. */
@media(min-width:761px){
 main#home .hero{grid-template-columns:minmax(0,47fr) minmax(0,53fr);align-items:stretch;min-height:400px}
 main#home .hero-copy{min-width:0;align-self:center}
 main#home .hero-copy h1{width:100%;max-width:21ch}
 main#home .hero-media{align-self:stretch;height:auto;min-height:100%;background-size:cover;background-position:53% center}
 main#home .hero-card{right:clamp(24px,2.4vw,44px);bottom:clamp(24px,2.4vw,44px);width:calc(100% - clamp(48px,4.8vw,88px));max-width:560px}
}
main#home .work-system-row{align-items:start;padding-block:22px}
main#home .work-system-summary{height:auto;min-height:0;align-self:start;padding:clamp(22px,1.6vw,26px)}
main#home .work-system-summary .work-system-number{margin:0 0 8px;line-height:1.4}
main#home .work-system-summary .work-system-company{margin:0 0 12px;line-height:1.4}
main#home .work-system-summary .work-system-title{margin:0 0 12px}
main#home .work-system-summary .work-system-question{margin:0 0 12px}
main#home .work-system-cases>.work-system-scope{margin:0 0 20px;max-width:none}
main#home .work-system-actions{margin-top:0;padding-top:8px;gap:12px;align-items:stretch}
main#home .work-system-actions a{min-height:44px}
main#home .work-system-cases ul{flex:none;grid-template-rows:none;grid-auto-rows:auto;align-content:start;align-items:start;gap:16px}
main#home .work-system-cases li{display:block}
main#home .work-system-cases li>a{height:auto;min-height:0;justify-content:flex-start;align-content:start;padding:12px 24px}
main#home .work-system-cases :is(strong,em,.work-case-action){margin:0}
main#home .work-case-action{align-self:center}
@container portfolio-page (min-width:1200px){
 main#home #primary-work{position:relative;display:grid;grid-auto-rows:auto}
 /* Keep the hash destination, but never allocate a system-height row to it. */
 main#home #primary-work>.work-anchor{position:absolute;top:0;left:0;width:0;height:0}
 main#home .work-system-cases li>a{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) auto;align-items:center}
 main#home .work-system-cases strong{grid-column:1;grid-row:1}
 main#home .work-system-cases em{grid-column:2;grid-row:1}
 main#home .work-case-action{grid-column:3;grid-row:1}
}
/* Desktop metadata shares one line; the existing narrative introduces the cases. */
@container portfolio-page (min-width:1200px){
 main#home .work-system-cases li>a{grid-template-columns:220px minmax(0,1fr) auto;column-gap:16px}
 main#home .work-system-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:repeat(4,auto);column-gap:16px;align-items:start;align-self:stretch;align-content:stretch}
 main#home .work-system-summary .work-system-actions{align-self:end}
 main#home .work-system-summary .work-system-number{grid-column:1;grid-row:1;margin-bottom:16px}
 main#home .work-system-summary .work-system-company{grid-column:2;grid-row:1;text-align:right;margin-bottom:16px}
 main#home .work-system-summary :is(.work-system-title,.work-system-question,.work-system-actions){grid-column:1/-1}
}
main#home #about .section-head{margin-bottom:18px}
main#home #about .about-copy h2{font-weight:750;line-height:1.3;letter-spacing:-.03em;max-width:25ch;margin:0 0 14px}
main#home #about .about-copy p{margin:0;line-height:1.6}
main#home #about .about-copy .btn{margin-top:14px}
main#home #about .focus-grid article{grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto 1fr;gap:6px 10px;align-items:start}
main#home #about .focus-grid article>svg{grid-column:1;grid-row:1;width:20px;height:20px;margin:0;align-self:start}
main#home #about .focus-grid article>h3{grid-column:2;grid-row:1;margin:0;min-height:20px}
main#home #about .focus-grid article>p{grid-column:2;grid-row:2;margin:0}
body:has(>main#home)>.site-footer .footer-grid{align-items:start;column-gap:24px}
body:has(>main#home)>.site-footer .footer-links{gap:16px;align-items:center;flex-wrap:wrap}
body:has(>main#home)>.site-footer .footer-grid>*{min-width:0}
html[data-theme=dark] main#home{--muted:#bfced6;--line:#435866;--olive:#d3da98}
html[data-theme=dark] main#home .hero-copy h1 .word-olive{color:#d3da98}
html[data-theme=dark] main#home :is(.work-system-company,.work-system-scope,.work-system-cases em,#about .focus-grid p){color:var(--muted)}
html[data-theme=dark] main#home .work-system-logistics{--work-accent:#83d4d7}
html[data-theme=dark] main#home .work-system-logistics .work-system-actions a{background:#83d4d7;color:#09232c}
html[data-theme=dark] main#home .work-system-warehouse{--work-accent:#e2a5d8}
html[data-theme=dark] main#home .work-system-warehouse .work-system-actions a{background:#93408a;color:#fff}
html[data-theme=dark] main#home #about .btn.primary{color:#09232c}
html[data-theme=dark] main#home :is(.work-system-summary,.work-system-cases li>a){border-color:var(--line)}
@media(max-width:760px){
 main#home .work-system-cases li>a{padding:12px 22px}
 main#home .work-case-action{align-self:flex-start}
 main#home #about .about-copy h2{max-width:none}
}

/* Intermediate desktop keeps readable descriptors instead of squeezing three columns. */
@container portfolio-page (min-width:700px) and (max-width:1199px){
 main#home .work-system-cases li>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center}
 main#home .work-system-cases strong{grid-column:1;grid-row:1}
 main#home .work-system-cases em{grid-column:1;grid-row:2}
 main#home .work-case-action{grid-column:2;grid-row:1/3}
}
html[data-theme=dark] main#home #about #approach-title{color:var(--muted)}