/* Home screen treatment inspired by the supplied Lankan Travel reference. */
.topbar { display: none; }
.header { height: 90px; position: absolute; top: 0; width: 100%; background: rgba(11, 16, 43, .8); box-shadow: none; z-index: 30; border-bottom: 1px solid rgba(255,255,255,.1); }
.nav-links > a { color: #fff; font-size: 14px; }
.nav-links > a:hover, .nav-links > .active { color: #ffbf63; }
.book-nav { background: linear-gradient(100deg, #4637d7, #206bdf); border-radius: 24px; padding: 12px 21px !important; }
.reference-hero { height: min(790px, 100vh); min-height: 650px; background-image: url('sri-lanka-hill-hero.jpg'); background-position: center 58%; }
.reference-hero .hero-shade { background: linear-gradient(180deg, rgba(5,9,30,.68), rgba(8,13,44,.26) 45%, rgba(5,9,30,.74)); }
.reference-content { text-align: center; padding: 195px 0 0; }
.reference-content .welcome-label { margin: 0 0 12px; color: #fff; font: 600 21px Georgia, serif; }
.reference-content h1 { font-family: Georgia, serif; font-size: clamp(58px, 7vw, 94px); font-weight: 500; letter-spacing: -2px; text-shadow: 0 2px 18px rgba(0,0,0,.3); }
.reference-content h1 span { color: inherit; }
.reference-content > p:not(.welcome-label) { margin: 18px auto 28px; color: #f5f6ff; }
.reference-content .hero-buttons { justify-content: center; }
.logo { width: 148px; height: 66px; overflow: hidden; display: flex; align-items: center; background: #fff; border-radius: 3px; }
.logo img { width: 148px; height: 148px; max-width: none; object-fit: cover; transform: scale(1.7); }
@media(max-width:800px){.header{position:absolute;height:70px}.nav-links{background:#101943}.reference-content{padding-top:180px}.reference-content .welcome-label{font-size:18px}.logo{width:112px;height:50px}.logo img{width:112px;height:112px}.book-nav{border-radius:0;width:100%;text-align:center}.menu-button{color:#fff}}