/* jump list of the six needs, plain links */
.needjump{display:flex;flex-direction:column;gap:6px;margin-top:28px}
.needjump a{color:#fff;opacity:.9;text-decoration:none;font-size:17px}
.needjump a:hover{opacity:1;text-decoration:underline}

/* featured: one piece, large */
.feat{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center;text-decoration:none}
.feat img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:0 0 0 1px var(--line)}
.feat .lab{font:700 11px/1.3 var(--stamp);letter-spacing:.16em;text-transform:uppercase;color:var(--petrol)}
.feat h2{margin-top:14px;font-size:var(--fs-2xl)}
.feat p{margin-top:16px;color:var(--muted);font-size:var(--fs-lg);font-weight:300;line-height:1.5;max-width:46ch}
.feat .arrow{margin-top:24px}
@media (max-width:900px){.feat{grid-template-columns:1fr}}

/* one section per need */
.need-sec{padding:56px 0 24px;border-top:1px solid var(--line)}
.need-sec h2{font-size:clamp(26px,1.2rem + 1.3vw,38px);max-width:26ch}
.need-sec h2::before{content:"\00AB"}.need-sec h2::after{content:"\00BB"}
.need-sec .sub{margin-top:10px;color:var(--muted);font-size:16px}