:root{--ink:#071a33;
    --muted:#536274;
    --paper:#fff;
    --cream:#eef2f7;
    --gold:#f4c400;
    --line:#dbe1e8;
    --display:'Space Grotesk',sans-serif;
    --body:'DM Sans',sans-serif
}
*{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth
}
body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font:16px/1.55 var(--body)
}
a{
    color:inherit;text-decoration:none
}
img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.wrap{
    width:min(1160px,calc(100% - 64px));
    margin:auto
}
header{
    position:fixed;
    z-index:10;top:0;width:100%;color:#fff
}
.nav{
    height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #ffffff42
}
.logo{
    display:flex;
    align-items:center
}
.brand-logo-image{
    width:205px;
    height: 62px;
    object-fit:contain;
    border-radius:14px;
    background:#fff;
}
.links{
    display:flex;
    align-items:center;
    gap:26px;
    font-weight:800
}
.links .call,.btn,.about-call{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:24px;
    font-weight:800
}
.links .call{
    padding:10px 20px;
    background:var(--gold);
    color:var(--ink)
}
.call-icon{
    width:20px;
    height:20px;
    fill:currentColor
}
.menu{
    display:none
}
.hero{
    position:relative;
    min-height:720px;
    height:100vh;
    color:#fff;
    overflow:hidden
}
.hero-bg,.hero-shade{
    position:absolute;inset:0
}
.hero-bg{
background:url('images/ghats.jpg') center/cover
}
.hero-shade{
    background:linear-gradient(90deg,#071a33e8,#071a337c 58%,#071a331c)
}
.hero-content{
    position:relative;
    padding-top:170px
    }
    .location-label,.hero small,.heading small,.contact small{
        color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px
    }
    .hero h1{
        max-width:650px;
        margin:18px 0 26px;
        font:600 clamp(46px,5.5vw,76px)/1 var(--display);letter-spacing:-3px}
        .hero h1 em,h2 em,h3 em{
            color:var(--gold);font-style:normal
        }
        .hero p{
        max-width:560px;font-size:18px;color:#fffdf
        }
        .actions{
            display:flex;gap:14px;margin:28px 0
        }
        .btn{
        padding:13px 20px;border:1px solid transparent
    }
    .btn.orange,.hero-form-submit{
        background:var(--gold);color:var(--ink)
        }
        .btn.outline{
        border-color:#fff;color:#fff
    }
    .available{
    font-size:13px
    }
    .hero-booking{
    position:absolute;top:132px;
    right:0;
    width:400px;
    padding:20px 22px;
    display:grid;
    gap:8px;
    background:#071a33ed;
    border:1px solid var(--gold);
    border-radius:20px;
    box-shadow:0 12px 35px #0008
}
.hero-booking h2{
margin:0;font:600 25px var(--display)
}
.hero-booking p{
margin:0;font-size:12px
}
.hero-form-grid,.form-row{
display:grid;grid-template-columns:1fr 1fr;gap:8px
}
.hero-booking label,form label{display:grid;gap:4px;font-size:11px;font-weight:800}.hero-booking input,.hero-booking select,.hero-booking textarea,form input,form select,form textarea{width:100%;padding:8px 9px;border:1px solid #ffffff66;border-radius:9px;background:#ffffff16;color:#fff;font:12px var(--body)}.hero-booking textarea{min-height:42px}.hero-form-submit{padding:9px;border:0;border-radius:10px;font-weight:800}.scroll{position:absolute;right:-20px;bottom:30px;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px}.stats{background:#0b2a4a;color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stat-grid div{padding:0 28px;border-right:1px solid #ffffff3b}.section{padding:95px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2,.heading h2{margin:14px 0;font:600 46px/1.05 var(--display);letter-spacing:-2px}.copy{padding-top:45px;color:var(--muted)}.about-lead{position:relative;padding-left:34px}.about-car-icon{position:absolute;left:0;top:7px;width:24px;height:14px;fill:none;stroke:var(--gold);stroke-width:2.5}.about-call{padding:11px 18px;background:var(--gold);color:var(--ink)}.services{background:var(--cream)}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.heading>p{color:var(--muted);text-align:right}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.service i{color:var(--gold);font-style:normal;font-weight:800}.service h3{font:600 22px var(--display)}.service p{color:var(--muted);font-size:14px}.service a,.text-link{color:#b58400;font-weight:800}.why{display:grid;grid-template-columns:1fr 1fr;background:#071a33;color:#fff}.why-photo{min-height:490px;background:url('images/temple.jpg') center/cover}.why-copy{padding:78px;max-width:650px}.why h2{font:600 44px var(--display)}.benefit{display:flex;gap:14px;padding:12px 0}.benefit>b{color:var(--gold)}.benefit h3{margin:0}.benefit p{margin:4px 0;color:#ffffffb8;font-size:14px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}.gallery-grid figure{position:relative;margin:0;overflow:hidden}.gallery-grid .large{grid-row:span 2}.gallery-grid figcaption{position:absolute;bottom:0;width:100%;padding:12px;color:#fff;background:#071a33b8;font-size:13px}.contact{padding:95px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font:600 44px var(--display)}.contact form{display:grid;gap:12px;padding:28px;border-radius:18px;background:#071a33}.contact form label{color:#fff}.contact form input,.contact form select,.contact form textarea{background:#fff;color:var(--ink);border-color:var(--line)}.map{position:relative;height:430px}.map iframe{width:100%;height:100%;border:0}
.map-card{
    position:absolute;
    top:40px;
    right:max(32px,calc(50% - 580px));
    padding:28px;
    background:#071a33;
    color:#fff
}
.map-card h3{
    font:600 28px var(--display)
}
footer{
    padding:55px 0 25px;background:#071a33;color:#fff}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{padding-bottom:55px;border-bottom:1px solid #ffffff35}.footer-bottom{padding-top:25px;color:#ffffffb8;font-size:13px}
    @media(max-width:850px){
        .map-card{display: none;}
        .wrap{width:min(100% - 40px,650px)}
        .nav{height:76px}
        .brand-logo-image{width:170px;height:50px}
        .menu{display:block;background:none;border:0}
        .menu span{display:block;width:25px;height:2px;margin:5px;background:#fff}.links{display:none;position:absolute;top:76px;left:0;width:100%;padding:20px;background:#071a33;flex-direction:column;align-items:flex-start}.links.open{display:flex}.hero{height:auto;min-height:100svh;padding-bottom:40px}.hero-content{padding-top:130px}.hero h1{font-size:50px}.hero-booking{position:relative;top:auto;right:auto;width:100%;margin-top:28px}.about,.why,.contact-grid{grid-template-columns:1fr;gap:0}.copy{padding-top:0}.section{padding:65px 0}.service-grid{grid-template-columns:1fr 1fr}.why-copy{padding:55px 20px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}.footer-top,.footer-bottom{
            flex-wrap:wrap;
            align-items: center;
        }.heading{align-items:flex-start;flex-direction:column}.heading>p{text-align:left}.scroll{display:none}}@media(max-width:480px){.service-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid .large{grid-row:auto}.hero-form-grid,.form-row{grid-template-columns:1fr}.hero h1{font-size:42px}.actions{flex-direction:column;align-items:flex-start}}