/* __HERO_TITLE_FULLWIDTH__ */ .hero-grid { grid-template-columns: 1fr 1fr; grid-template-areas: "title title" "text visual"; gap: 36px 64px; } .hero-grid > h1 { grid-area: title; margin-bottom: 10px; } .hero-text { grid-area: text; } .hero-visual { grid-area: visual; } @media (max-width: 1366px) { .hero-grid { grid-template-columns: 1fr; grid-template-areas: "title" "text" "visual"; gap: 28px; } }