.howto-hero{background:linear-gradient(135deg,var(--brand-primary-dark),#183a43)}.howto-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,0.9fr);grid-gap:42px;gap:42px;align-items:center}.howto-hero img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);box-shadow:0 20px 52px rgba(0,0,0,.24)}.howto-narrative{background:#fff}.narrative-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.42fr);grid-gap:40px;gap:40px;align-items:start}.narrative-grid h2{margin:0 0 18px;color:var(--brand-text)}.narrative-grid p{color:var(--brand-text)}.narrative-grid aside{padding:28px;border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.narrative-grid blockquote{margin:0 0 18px;color:var(--brand-primary-dark);font-size:1.25rem;font-weight:800;line-height:1.35}.howto-gallery{background:var(--brand-bg-alt)}.howto-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.howto-image-grid article{position:relative;display:grid;overflow:hidden;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:#fff}.howto-image-grid img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.howto-image-grid h3{margin:18px 20px 8px;color:var(--brand-text)}.howto-image-grid p{margin:0 20px 22px;color:var(--brand-text)}.howto-accordion{background:#fff}.accordion-button{color:var(--brand-text);font-weight:800}.accordion-button:not(.collapsed){background:var(--brand-primary-light);color:var(--brand-primary-dark)}.howto-cta{background:linear-gradient(135deg,var(--brand-primary-dark),#123843)}@media (max-width:991px){.howto-hero__grid,.howto-image-grid,.narrative-grid{grid-template-columns:1fr}}