*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;overflow:hidden}
section{position:absolute;inset:0;display:block;background-position:center;background-size:cover;opacity:0;transition:opacity 900ms ease}
section.active{opacity:1;z-index:1}
/* backgrounds (desktop first) */
#landing{background-image:url('assets/landing-desktop.webp')}
#contact{background-image:url('assets/contact-desktop.webp')}
/* optional mobile fallbacks (if you add them later) */
@media (max-width:767px){
  #landing{background-image:url('assets/landing-mobile.webp'), url('assets/landing-desktop.webp')}
  #contact{background-image:url('assets/contact-mobile.webp'), url('assets/contact-desktop.webp')}
}
/* full-screen invisible links */
.coverlink{position:absolute;inset:0;display:block}