main > section:nth-last-of-type(1) > header { max-width: 900px; margin-bottom: 3rem; }
main > section:nth-last-of-type(1) > nav { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
main > section:nth-last-of-type(1) > nav > a { min-height: 260px; display: flex; flex-direction: column; padding: 1.5rem; text-decoration: none; border-right: 1px solid var(--line); background: var(--panel); transition: background .25s ease, transform .25s ease; }
main > section:nth-last-of-type(1) > nav > a:last-child { border-right: 0; }
main > section:nth-last-of-type(1) > nav > a:hover,
main > section:nth-last-of-type(1) > nav > a:focus-visible { background: var(--mint); transform: translateY(-.25rem); }
main > section:nth-last-of-type(1) > nav small { color: #39745c; font-size: .6rem; text-transform: uppercase; letter-spacing: .13em; }
main > section:nth-last-of-type(1) > nav strong { margin: auto 0 .7rem; font: 500 1.8rem var(--serif); }
main > section:nth-last-of-type(1) > nav span { color: var(--muted); font-size: .8rem; }
body:has(main > article) main > article { min-height: 760px; display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; padding: 7rem clamp(1.25rem, 5vw, 5.5rem); }
body:has(main > article) main > article > header > p:first-child { color: #39745c; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .17em; }
body:has(main > article) main > article > header > p:last-child { max-width: 650px; color: var(--muted); font-size: 1.15rem; }
body:has(main > article) main > article > figure,
body:has(main > article) main > article > form { margin: 0; padding: 1.5rem; border-radius: 1.4rem; background: var(--panel); box-shadow: 0 25px 55px #1e2c251c; }
body:has(main > article) main > article > figure figcaption { display: flex; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--line); font-weight: 750; }
body:has(main > article) main > article > figure > div { width: 180px; aspect-ratio: 1; margin: 1.5rem auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 15px; background: #fff; border: 1px solid var(--line); }
body:has(main > article) main > article > figure > div i { background: conic-gradient(from 90deg, #102019 0 25%, transparent 0 50%, #102019 0 75%, transparent 0); }
body:has(main > article) main > article > figure ul { margin: 1rem 0 0; padding: 0; list-style: none; }
body:has(main > article) main > article > figure li { display: grid; grid-template-columns: 2.2rem 1fr; align-items: center; padding: .75rem 0; border-bottom: 1px solid var(--line); }
body:has(main > article) main > article > figure li::before { content: attr(data-icon); grid-row: 1 / 3; display: grid; place-items: center; width: 1.55rem; height: 1.8rem; border-radius: .2rem; background: #dfe6e2; font-size: .43rem; font-weight: 900; text-transform: uppercase; }
body:has(main > article) main > article > figure li > * { display: block; }
body:has(main > article) main > article > section { grid-column: 1 / -1; max-width: 850px; padding-top: 2rem; border-top: 1px solid var(--line); }
body:has(main > article) main > article > section h2 { font-size: clamp(2.2rem, 4vw, 4.5rem); }
@media (max-width: 960px) {
  main > section:nth-last-of-type(1) > nav { grid-template-columns: 1fr; }
  main > section:nth-last-of-type(1) > nav > a { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line); }
  body:has(main > article) main > article { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { main > section:nth-last-of-type(1) > nav > a { transition: none; } }