.home-hero{text-align:center}.home-hero-eyebrow{font-size:var(--text-s);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);font-weight:500;margin-block-end:var(--space-m)}.home-hero-name{font-size:var(--text-5xl);line-height:1;margin:0}.home-hero-subtitle{font-size:var(--text-l);color:var(--text-color-body);margin-block-start:var(--space-m);margin-block-end:0}.home-hero-rule{inline-size:3rem;block-size:2px;background-color:var(--color-accent);margin-block-start:var(--space-l);margin-inline:auto;border:none}.home-genre{padding-block:var(--space-3xl);border-block-start:1px solid var(--border-color-primary)}.home-genre-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s);margin-block-end:var(--space-l)}.home-genre-title{font-size:var(--text-3xl);line-height:1;margin:0}.home-genre-desc{font-size:var(--text-m);color:var(--text-color-body);margin:0;max-inline-size:38ch}.home-genre-link{font-size:var(--text-s);color:var(--color-accent);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-weight:500;white-space:nowrap;flex-shrink:0}.home-genre-link:hover{color:var(--color-accent-hover);text-decoration:underline}.home-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.home-photo-item{overflow:hidden;aspect-ratio:4 / 3;background-color:var(--color-grey-100)}.home-photo-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s var(--ease-3)}.home-photo-item:hover .home-photo-img{transform:scale(1.05)}.home-photo-grid--masonry{columns:3;column-gap:var(--space-xs)}.home-photo-item--masonry{break-inside:avoid;margin-block-end:var(--space-xs);overflow:hidden;background-color:var(--color-grey-100)}.home-photo-img--masonry{width:100%;height:auto;display:block;transition:transform 0.5s var(--ease-3)}.home-photo-item--masonry:hover .home-photo-img--masonry{transform:scale(1.03)}@media (max-width:991px){.home-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-photo-grid--masonry{columns:2}.home-genre-header{flex-direction:column;align-items:flex-start}}@media (max-width:478px){.home-photo-grid{grid-template-columns:1fr}.home-photo-grid--masonry{columns:1}}