:root{--ink:#151515;--deep:#0e0e0e;--gold:#c6ae80;--paper:#f4f1eb;--muted:#afada7}
body{background:var(--ink)}.contact-band{background:#20201e}.menu-layer{background:#252523}.menu-bottom{background:#141414}.hero{background:#111}.hero h1{letter-spacing:-.055em}.hero-content>p{font-size:16px}.hero-link{font-size:14px;letter-spacing:.03em;padding-bottom:10px}.film-replay{display:block;margin-top:24px;padding:5px 0;background:none;border:0;color:#d3cebf;font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-bottom{opacity:.7}.brand,.brand .logo-crop{width:143px;height:67px}.logo-crop img{width:160px;left:-9px;top:-26px}.contact-pill{background:#17171780}.rail-cta{justify-content:center}.rail-intro{padding-right:22px}.booking-rail{gap:20px}.swipe-hint{display:none}.vehicle-index{background:#141414b0;font-size:10px}.vehicle-link{width:auto;height:auto;border:none;border-radius:0;background:#151515e6;padding:7px 14px;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.vehicle-image:hover .vehicle-link,.vehicle-image:focus-visible .vehicle-link{opacity:1;transform:none}.vehicle-image{aspect-ratio:1.5}.vehicle-title{align-items:baseline}.vehicle-title h3{font-size:31px}.fleet-section .fineprint{font-size:11px}.contact-band>div>h2{font-size:clamp(52px,6.5vw,92px)}.contact-band .enquiry-form{border-radius:2px;padding:42px}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{border-radius:5px;background:#eeece5;min-height:50px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#8a734c}.form-head h2{font-size:43px}.submit{justify-content:center;border-radius:4px;min-height:54px}.consent{margin:8px 0 22px}.enquiry-form label{font-size:13px;line-height:1.6}.enquiry-form .consent{font-size:12px}.enquiry-form .form-foot{font-size:12px}.story{gap:10vw}.story-image{transform:none;border:0;padding:0}.story-image:after{inset:0}.story p{font-size:16px}.section-heading h2{font-size:clamp(48px,5.4vw,78px)}.footer-word{font-size:11vw}.back-top{background:transparent;color:var(--gold);border:1px solid #c6ae8060}.menu-tabs>a{border-radius:40px 40px 0 0}.menu-tabs>a:before{display:none}.menu-tabs small{font-size:11px}.detail-price{font-size:64px}.detail-car{animation-delay:.25s}.vehicle{--delay:0ms}.vehicle:nth-child(2){--delay:90ms}.vehicle:nth-child(3){--delay:180ms}.vehicle.reveal-ready{transform:translate3d(0,40px,0);transition:opacity .9s var(--ease) var(--delay),transform .9s var(--ease) var(--delay)}.vehicle.revealed{transform:none}.story-image.reveal-ready{clip-path:inset(8% 0 8% 0);transition:clip-path 1.1s var(--ease),opacity 1s,transform 1s}.story-image.revealed{clip-path:inset(0)}
#brand-intro{width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;background:#000;color:#eee;overflow:hidden;opacity:1;transition:opacity .5s ease,clip-path .7s var(--ease);clip-path:inset(0)}#brand-intro.exiting{opacity:0;clip-path:inset(0 0 100% 0)}#brand-intro::backdrop{background:#000;backdrop-filter:none}#intro-video{width:100%;height:100%;object-fit:contain}.intro-caption{position:absolute;bottom:8%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.17em}.intro-caption button{background:none;border:1px solid #746749;color:#eee;font-size:13px;letter-spacing:0;padding:10px 18px;border-radius:30px;min-height:44px}.intro-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#c6ae80;transform:scaleX(var(--film-progress,0));transform-origin:left}body.intro-active .booking-rail{visibility:hidden}body.intro-active{overflow:hidden}.hero-content>*{will-change:auto}body.ready .hero-content{animation:none}body.ready .hero-content>.eyebrow{animation:rise .8s .1s var(--ease) both}body.ready .hero-content>h1{animation:rise 1.1s .18s var(--ease) both}body.ready .hero-content>p{animation:rise .9s .32s var(--ease) both}body.ready .hero-content>.hero-link,body.ready .hero-content>.film-replay{animation:rise .8s .42s var(--ease) both}body.ready .booking-rail{animation:rail-enter .8s .1s var(--ease) both}body.ready .booking-rail>*{animation:rise .65s .45s var(--ease) both}
@media(max-width:760px){header{padding:20px 6vw}.brand,.brand .logo-crop{width:114px;height:55px}.logo-crop img{width:130px;left:-8px;top:-21px}.menu-toggle{width:44px;height:44px}.hero{height:100svh;min-height:760px;max-height:960px}.hero-content{top:18%;padding:0 7vw}.hero h1{font-size:clamp(55px,14.4vw,82px);line-height:1.04;margin-bottom:21px}.hero-content .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:16px}.hero-content>p{font-size:14px;max-width:280px;margin-bottom:20px}.hero-media{top:45%;left:-57%;width:160%;height:auto;object-fit:contain;mask-image:linear-gradient(0deg,transparent,black 19%,black 74%,transparent)}.hero:before{background:linear-gradient(0deg,#10101080,transparent 60%)}.hero:after{opacity:.2}.hero-link{display:inline-block;background:#15151590}.film-replay{margin-top:13px;font-size:11px;color:#c2c0b8}.hero-bottom{bottom:100px;justify-content:center}.hero-bottom>span{display:none}.hero-bottom a{font-size:9px}.booking-rail{left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));height:65px;border-radius:7px;padding:8px 8px 8px 18px;gap:12px;box-shadow:0 4px 25px #0004}.rail-cta{border-radius:4px;min-width:135px;font-size:13px}.date-trigger span{font-size:13px}.date-trigger small{font-size:10px}.rail-intro{display:none}.section{padding:65px 6vw}.section-heading{margin-bottom:28px}.section-heading h2{font-size:49px}.section-heading>div:last-child:not(:first-child){margin-top:20px}.section-heading>div:last-child>p{font-size:14px;margin-bottom:6px}.fleet-section{padding-bottom:45px;overflow:hidden}.fleet-section .fleet-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b6a27c #30302c;padding:0 6vw 20px;margin:0 -6vw;overscroll-behavior-x:contain}.fleet-section .vehicle{flex:0 0 88%;min-width:0;scroll-snap-align:center}.vehicle-title{display:block;margin:17px 0 9px}.vehicle-title h3{font-size:31px;margin-bottom:6px}.vehicle-title p{font-size:17px}.vehicle-specs{font-size:13px;gap:11px}.vehicle-image{aspect-ratio:1.32}.vehicle-image img{object-fit:cover}.vehicle-link{opacity:1;transform:none;right:10px;bottom:10px;font-size:11px}.swipe-hint{display:block;font-size:11px;letter-spacing:.09em;text-align:right;color:#bab7ac;margin:0 0 12px}.fleet-section .fineprint{font-size:11px;margin-top:17px}.contact-band{display:block;padding-top:52px}.contact-band>div>.eyebrow{font-size:10px;margin-bottom:14px}.contact-band>div>h2{font-size:52px;line-height:1.02;margin-bottom:18px}.contact-band>div>h2 br{display:none}.contact-band>div>p{font-size:14px;max-width:265px}.contact-band>div>.text-link{display:none}.contact-band .enquiry-form{margin-top:32px;padding:28px 22px}.form-head .eyebrow{display:none}.form-head h2{font-size:36px;letter-spacing:-.04em;margin-bottom:25px}.form-row{grid-template-columns:1fr;gap:0}.enquiry-form label{font-size:14px;margin-bottom:20px}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{font-size:16px;min-height:52px;margin-top:7px;padding:12px 14px}.enquiry-form textarea{min-height:91px}.enquiry-form .consent{font-size:12px;gap:10px;line-height:1.65}.consent input{min-width:18px;width:18px;height:18px}.submit{font-size:15px}.form-foot{margin-top:15px}.process-layout{gap:10px}.process-layout h2{font-size:47px}.steps article{gap:22px}.steps p{font-size:14px}.story{gap:35px}.story-image{margin:0}.story-image img{height:330px}.story h2{font-size:49px}.story p{font-size:15px}.faq-section .section-heading{margin-bottom:20px}.faq-section h2{font-size:45px}.faq-list summary{font-size:15px;min-height:74px}.faq-list details>p{font-size:14px}.menu-top{padding-top:20px}.menu-tabs{margin-top:25px}.menu-tabs>a{font-size:30px;height:108px;border-radius:25px 25px 0 0}.menu-bottom{min-height:250px}.menu-bottom>p{font-size:42px}.menu-bottom>div{font-size:14px;line-height:1.6;gap:15px}.footer-word{font-size:11vw}.footer-top nav{gap:12px 30px}.date-dialog .calendar-day{min-height:35px}.date-dialog{max-height:88svh;overflow-y:auto}.date-dialog .date-fields{grid-template-columns:1fr 1fr}.date-dialog .date-fields input{padding:8px 4px;font-size:12px}.date-dialog .dialog-actions{padding-top:5px}.detail-hero{min-height:0;padding-bottom:55px}.detail-car{height:auto;aspect-ratio:1.4;object-fit:cover}.detail-price{font-size:54px}.detail-hero h1{font-size:53px}.contact-page{padding-top:10px}.intro-caption{bottom:7%;flex-direction:column;gap:22px}#intro-video{width:140%;max-width:none;margin-left:-20%;height:100%}.intro-caption>span{font-size:10px}.reveal-ready{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){#brand-intro{transition:none}.reveal-ready,.vehicle.reveal-ready,.story-image.reveal-ready{opacity:1;transform:none;clip-path:none}body.ready .hero-content>*{animation:none!important}}

/* The loader follows image readiness. No playback timer or forced intro. */
#loader{visibility:hidden;opacity:0;transition:none;background:#151515;pointer-events:none}
body.is-loading #loader{visibility:visible;opacity:1}
#loading-film{width:min(650px,90vw);height:auto;aspect-ratio:16/9;object-fit:contain;mix-blend-mode:screen}
#loader .loader-word{font-size:22px;letter-spacing:.25em;margin-top:12px}
#loader>span:last-of-type{font-size:9px}
#loader i{transform-origin:left;animation:loading-line 1.1s ease-in-out infinite alternate}
@keyframes loading-line{from{transform:scaleX(.2);opacity:.4}to{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){#loader{display:none}#loader i{animation:none}}
.date-dialog .dialog-actions{gap:10px;flex-wrap:wrap}.date-dialog #apply-dates{background:transparent;color:var(--ink);border:1px solid #a9a99c;padding:12px 16px}.date-dialog #explore-dates{padding:13px 18px}.catalog:focus{outline:none}

.date-dialog #apply-dates{background:var(--ink);color:var(--paper);border:0;padding:14px 20px}
/* Dashboard connection (Phase 5): the honeypot people never see, live availability and
   estimates, booked calendar days and the enquiry result actions. */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.vehicle-live{margin:6px 0 0;font-size:13px;color:#8a7440;min-height:1em}
.vehicle-live:empty{display:none}
.vehicle.is-unavailable .vehicle-image img{filter:grayscale(.85);opacity:.65}
.vehicle.is-unavailable .vehicle-live{color:#a33a2c}
.detail-live{margin:4px 0 0;font-size:15px;color:var(--gold)}
.detail-live:empty{display:none}
.calendar-day.booked{text-decoration:line-through;color:#a9a393;background:repeating-linear-gradient(45deg,transparent 0 4px,#e7e1d2 4px 6px)}
.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.result-actions [hidden]{display:none}

/* The real fleet (offer prices, photo placeholders, filters) and the rental policies. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.vehicle{display:flex;flex-direction:column}
.vehicle-title{flex-direction:column;align-items:flex-start;gap:6px}
.vehicle-title h3{font-size:26px;line-height:1.1}
.vehicle-price{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;white-space:normal}
.vehicle-price strong{color:var(--gold);font-weight:500;font-size:20px}
.vehicle-price small{color:var(--muted);font-size:11px}
.vehicle-specs{flex-wrap:wrap;gap:4px 10px;line-height:1.5}
.vehicle-specs span{color:#6d7066}
.book-now{margin-top:16px;align-self:flex-start;gap:20px;padding:11px 24px;font-size:13px;background:transparent;color:var(--gold);border:1px solid var(--gold)}
.book-now:hover{background:var(--gold);color:var(--ink)}
.detail-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.detail-price strong{font-weight:400}
.detail-price small{font:14px 'DM Sans',sans-serif;color:var(--muted)}

.car-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;background:radial-gradient(120% 90% at 50% 0%,#2b2d27 0%,#1b1c19 60%,#141512 100%);color:var(--paper)}
.placeholder-word{font-size:12px;letter-spacing:.42em;color:var(--gold)}
.placeholder-name{font-family:'Italiana',Georgia,serif;font-size:22px;line-height:1.15;max-width:85%}
.car-placeholder small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.detail-placeholder{position:absolute;right:-2%;top:255px;width:52%;height:420px;z-index:-1;border-radius:4px}
.detail-placeholder .placeholder-name{font-size:34px}

.filter-groups{display:flex;flex-direction:column;gap:12px}
.filter-trans{padding:8px 16px;border:1px solid #4d5345;border-radius:30px;background:transparent;color:var(--muted);font-size:12px}
.filter-trans.active{border-color:var(--gold);color:var(--gold)}

.before-book{border:1px solid var(--line);border-radius:6px;padding:26px 28px;align-self:start}
.before-book ul{margin:0 0 6px;padding-left:18px;display:grid;gap:8px;font-size:14px}

.policies .lead{font-size:18px;color:var(--paper);max-width:40em}
.policies ul{padding-left:20px;display:grid;gap:8px;max-width:47em}
.policies li::marker{color:var(--gold)}
.policies h2{scroll-margin-top:110px;display:flex;align-items:baseline;gap:16px}
.policy-number{font:500 12px 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--gold)}
.policy-contents{margin:30px 0 10px;padding:22px 26px;border:1px solid var(--line);border-radius:6px}
.policy-contents ol{margin:0;padding-left:22px;columns:2;column-gap:40px;font-size:14px}
.policy-contents li{margin:4px 0;break-inside:avoid}
.policy-contents a:hover{color:var(--gold)}
.prose-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:45px}
.prose-actions .text-link{margin-top:0}

@media(max-width:760px){
  .detail-placeholder{position:relative;right:auto;top:auto;width:100%;height:240px;margin:24px 0;z-index:0}
  .detail-placeholder .placeholder-name{font-size:26px}
  .policy-contents ol{columns:1}
  .before-book{padding:20px}
  .book-now{align-self:stretch;justify-content:center}
}

/* The gold line above each page's slogan is part of its main heading, so the heading says
   what the page is ("Self-drive car rental in Goa") as well as the slogan. It keeps the
   look it had as a separate line. */
h1 > .eyebrow{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:500;line-height:1.4;text-transform:none}