.home { --photo-gap: clamp(1rem, 3vw, 3rem); }
.home img { display: block; width: 100%; height: auto; }
.home-hero { padding-top: 0.5rem; }
.home-hero img { aspect-ratio: 4 / 3; object-fit: cover; }
.home-identity { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1rem; }
.home-identity h1 { font-size: var(--public-title-size); }
.home-identity p { margin-top: 0.5rem; color: var(--muted); }
.home-intro { padding-block: clamp(1rem, 1.8vw, 1.6rem); text-align: left; }
.home-glance { padding-block: clamp(1rem, 1.8vw, 1.6rem); border-bottom: 1px solid var(--line); }
.home-sequence { display: grid; gap: var(--photo-gap); align-items: start; margin-block: var(--space-lg); }
.home-sequence > a:not(.text-link) { display: block; overflow: hidden; }
.home-sequence > a:not(.text-link):focus-visible { outline-offset: 4px; }
.home-sequence-link { justify-self: start; }
.home-closing { padding-block: var(--space-xl); text-align: center; }
.home-closing .button { margin-top: 1.5rem; }
@media (min-width: 40rem) {
    .home-hero img { aspect-ratio: 16 / 9; max-height: 38rem; object-position: 50% 58%; }
    .home-sequence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-sequence img { aspect-ratio: 4 / 3; object-fit: cover; }
    .home-sequence-link { grid-column: 1 / -1; justify-self: center; }
}
@media (min-width: 60rem) {
    .home-identity { padding-block: 2rem; }
}

@media (max-width: 39.999rem) {
    .home { font-size: 0.9375rem; }
    .home-identity { gap: 1rem; padding-block: 1.25rem; }
    .home-identity p { font-size: 0.875rem; }
    .home-closing { padding-block: 1.75rem; }
}

.home-intro p, .home-closing p { color: var(--muted); }
.home-closing p { max-width: var(--reading); margin: 0.875rem auto 0; }
@media (max-width: 39.999rem) {
    .home-intro { padding-bottom: 1rem; }
    .home-glance { padding-top: 1rem; }
}