/* css/components/home.css */

.home { position: relative; overflow: hidden; min-height: calc(100vh - var(--header-height)); padding: 10vh var(--spacing-md) var(--spacing-xl); }
.home__background { position: absolute; inset: 0; background: center / cover no-repeat; opacity: 0; transition: opacity 1s ease; }
.home__background--shown { opacity: .8; }
.home__welcome { position: relative; max-width: 40rem; margin: 0 auto; }
.home__welcome p { margin: 0 0 var(--spacing-md); line-height: 1.6; }
.home__welcome p:last-child { margin-bottom: 0; }