@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&display=swap";
.hero{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.bg-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.desktop-video{display:block}.mobile-video{display:none}.hero-content{z-index:5;text-align:center;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.hero-title{color:#fff;text-shadow:0 4px 30px #00000073;max-width:800px;font-family:Playfair Display,serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1}.scroll-indicator{z-index:10;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator span{background:#ffffff80;width:2px;height:60px;display:block}@media (max-width:768px){.desktop-video{display:none}.mobile-video{display:block}.hero-title{max-width:320px;font-size:34px}}