*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  color:#1e1e1e;position:relative;
}

/* two background layers */
.bg-layer{
  position:fixed;inset:0;z-index:-1;
  background-size:cover;background-position:center;
  transition:opacity 1.2s ease-in-out;
}
.bg-spring{background-image:url("/assets/bg-spring-photo.svg");opacity:1;}
.bg-summer{background-image:url("/assets/bg-summer-photo.svg");opacity:0;}

header{position:absolute;top:20px;left:24px;}
.logo{width:150px;height:auto;}

main{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:72px 16px 120px;
}

.sofa{
  width:min(90vw,820px);
  height:auto;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.18));
}

.cta{margin-top:20px;}
.cta h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:8px;}
.cta p{font-size:clamp(1rem,2vw,1.15rem);}

.slider-container{
  position:fixed;left:50%;bottom:28px;transform:translateX(-50%);
  text-align:center;
}
#seasonSlider{width:min(78vw,480px);accent-color:#6a4e3b;}
#seasonLabel{display:block;margin-top:8px;font-size:.95rem;color:#333;}

@media(max-width:600px){
  .logo{width:120px;}
  .sofa{width:95vw;}
}