/* Ennui Nation: home page sections. Accent colours match the collection pages. */
.en-home { --en-line: rgba(255, 255, 255, 0.16); padding-top: clamp(32px, 6vw, 72px); }
.en-home-inner { display: grid; gap: clamp(36px, 6vw, 64px); }
.en-home-title { margin: 0 0 20px; font-size: clamp(2.4rem, 3.4vw, 3.4rem); text-align: center; }

.en-home-grid { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.en-home-card { --a: #f5c518; display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 20px; color: inherit; text-decoration: none; border: 1px solid var(--en-line); border-top: 4px solid var(--a); border-radius: 8px; background: #0b0b0b; }
.en-home-card[data-c="foreign-ground"] { --a: #4fc3f7; }
.en-home-card[data-c="the-standing-record"] { --a: #ff6b5e; border-radius: 2px; }
.en-home-card[data-c="britain-reimagined"] { --a: #7ddc8a; }
.en-home-card:hover, .en-home-card:focus-visible { border-color: var(--a); }
.en-home-card-name { font-size: 2rem; font-weight: 700; line-height: 1.2; }
.en-home-card[data-c="the-standing-record"] .en-home-card-name { text-transform: uppercase; letter-spacing: -0.01em; }
.en-home-card-text { flex: 1; font-size: 1.6rem; line-height: 1.5; opacity: 0.88; }
.en-home-card-go { display: inline-flex; align-items: center; min-height: 44px; font-size: 1.5rem; font-weight: 600; color: var(--a); text-decoration: underline; text-underline-offset: 4px; }

.en-home-points { display: grid; gap: 14px; max-width: 760px; margin: 0 auto; padding: 0; list-style: none; }
.en-home-points li { padding: 14px 0; font-size: 1.7rem; line-height: 1.55; border-top: 1px solid var(--en-line); }
.en-home-points li:last-child { border-bottom: 1px solid var(--en-line); }
.en-home-more { margin: 14px 0 0; text-align: center; }
.en-home-more a { display: inline-flex; align-items: center; min-height: 44px; font-size: 1.6rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }

.en-home-support { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding: 20px; border: 1px solid var(--en-line); border-radius: 8px; }
.en-home-support p { flex: 1 1 260px; margin: 0; font-size: 1.7rem; line-height: 1.5; }
.en-home-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; font-weight: 600; color: #000; background: #f5c518; border-radius: 6px; text-decoration: none; white-space: nowrap; }
.en-home-btn:hover, .en-home-btn:focus-visible { filter: brightness(1.1); }