/* ============================================================
   EXPERIENCE — PAGE-SPECIFIC STYLES ONLY
   Shared foundations/components are loaded from site-base-clean.css.
   ============================================================ */

.hero-content p{font-family:var(--font-body) ;font-size:17px ;line-height:1.8 ;letter-spacing:.008em ;}
@media (max-width:600px) {
.hero-content p{font-size:16px ;line-height:1.78 ;}
}
.experience-card,
.vehicle-card{backface-visibility:hidden;}
.experience-card,
.vehicle-card,
.contact-card{border-color:var(--luxury-border);}
.experience-card img,
.vehicle-card img{backface-visibility:hidden;}
@media (max-width:760px) {
.experiences-list{padding-left:8px ;padding-right:8px ;}
.experiences-grid,
.experience-card{width:100% ;max-width:none ;}
.experiences-grid{width:100% ;max-width:none ;}
.desert-discovery-grid, .tour-inclusions-grid{width:100% ;max-width:none ;}
}
@media (max-width:380px) {
.experiences-list, .travel-gallery, .blog-articles, .hotels-stays{padding-left:6px ;padding-right:6px ;}
}
*,
*::before,
*::after{margin:0;padding:0;box-sizing:border-box;}
.hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;padding:95px 20px 55px;overflow:hidden;text-align:center;color:#ffffff;background:
    linear-gradient(
    rgba(15,15,15,.42),
    rgba(15,15,15,.62)
    ),
    url("../../images/experiences/royal-palaces-forts/01-hero.webp") center/cover no-repeat;}
.hero-overlay{position:absolute;inset:0;background:transparent;}
.hero-content{position:relative;z-index:2;width:100%;max-width:820px;margin:0 auto;}
.hero-label{display:block;margin-bottom:16px;color:#f7df9a;font-size:13px;font-weight:900;letter-spacing:4px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.65);}
.hero-content h1{max-width:700px;margin:0 auto 18px;color:#ffffff;font-size:48px;font-weight:400;line-height:1.18;}
.hero-content p{max-width:560px;margin:0 auto;color:rgba(255,255,255,.90);font-size:15px;line-height:1.75;}
@media (max-width:900px) {
.hero-section{min-height:380px;padding:90px 20px 50px;}
.hero-content h1{font-size:40px;}
}
@media (max-width:650px) {
.hero-section{min-height:290px;padding:80px 20px 38px;}
.hero-label{font-size:10px;letter-spacing:2px;}
.hero-content{max-width:420px;}
.hero-content h1{max-width:360px;font-size:28px;line-height:1.25;margin:0 auto 14px;}
.hero-content p{max-width:300px;font-size:14px;line-height:1.65;}
}
@media (max-width:480px) {
.hero-section{min-height:270px;padding:75px 18px 34px;}
.hero-content h1{font-size:25px;max-width:320px;}
.hero-content p{font-size:13px;max-width:280px;}
}
.intro-section{padding:85px 20px 80px;background:#ffffff;text-align:center;}
.intro-container{width:100%;max-width:820px;margin:0 auto;}
.intro-label{display:block;margin-bottom:16px;color:#b68b42;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;}
.intro-section h2{margin:0 0 22px;color:#222222;font-size:42px;font-weight:400;line-height:1.22;}
.intro-section p{max-width:700px;margin:0 auto;color:#666666;font-size:16px;line-height:1.85;}
@media (max-width:900px) {
.intro-section{padding:75px 20px 70px;}
.intro-section h2{font-size:38px;}
}
@media (max-width:650px) {
.intro-section{padding:65px 20px 60px;}
.intro-label{font-size:10px;letter-spacing:2.5px;}
.intro-section h2{font-size:31px;line-height:1.28;}
.intro-section p{font-size:14px;line-height:1.75;}
}
@media (max-width:480px) {
.intro-section{padding:55px 18px;}
.intro-section h2{font-size:28px;}
.intro-section p{font-size:13px;}
}
.experiences-list{padding:90px 20px;background:#f7f5f1;}
.experiences-container{width:100%;max-width:1200px;margin:0 auto;}
.experiences-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;}
.experience-card{display:flex;flex-direction:column;background:#ffffff;overflow:hidden;border:1px solid #ece6dc;transition:.35s ease;}
.experience-card:hover{transform:translateY(-6px);border-color:#d6ad63;}
.experience-image{height:330px;overflow:hidden;}
.experience-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.experience-card:hover .experience-image img{transform:scale(1.05);}
.experience-content{display:flex;flex-direction:column;flex:1;padding:32px;}
.experience-label{display:block;margin-bottom:14px;color:#b68b42;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.experience-content h3{margin:0 0 18px;color:#222222;font-size:28px;font-weight:400;line-height:1.3;}
.experience-content p{margin-bottom:24px;color:#666666;font-size:15px;line-height:1.8;}
.experience-link{margin-top:auto;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:.30s;}
.experience-card:hover .experience-link{color:#8e682d;}
@media (max-width:900px) {
.experiences-grid{grid-template-columns:1fr;gap:28px;}
.experience-image{height:300px;}
}
@media (max-width:650px) {
.experiences-list{padding:70px 20px;}
.experience-image{height:230px;}
.experience-content{padding:26px 22px;}
.experience-content h3{font-size:24px;}
.experience-content p{font-size:14px;}
}
@media (max-width:480px) {
.experience-image{height:210px;}
.experience-content{padding:22px 18px;}
.experience-content h3{font-size:22px;}
}
@media (prefers-reduced-motion:reduce) {
*,
*::before,
*::after{animation-duration:.01ms ;transition-duration:.01ms ;}
}
.tour-detail-container{width:90%;max-width:1200px;margin:0 auto;}

/* ============================================================
   EXPERIENCE HERO — FULL IMAGE, NO DESKTOP CROP
   The source artwork is 3:2. Keep its natural ratio on desktop
   so the complete hero image remains visible.
   ============================================================ */
.tour-detail-hero{position:relative;width:100%;height:auto;min-height:0;margin:0;display:block;overflow:hidden;background:#111;}
.tour-detail-hero-image{position:relative;width:100%;height:auto;margin:0;padding:0;}
.tour-detail-hero-image img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center center;}
.tour-detail-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.08) 20%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.78) 100%);pointer-events:none;}
.tour-detail-hero-content{position:absolute;left:5%;right:5%;bottom:70px;z-index:2;width:auto;max-width:1250px;margin:0 auto;color:#fff;}
.tour-detail-label{display:block;margin-bottom:15px;color:#e0bd79;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;}
.tour-detail-hero-content h1{max-width:850px;margin:0 0 15px;color:#fff;font-size:58px;font-weight:400;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.35);}
.tour-detail-hero-content p{margin:0;color:rgba(255,255,255,.9);font-size:14px;letter-spacing:1.5px;}
@media (max-width:900px){
  .tour-detail-hero-content{bottom:55px;left:5%;right:5%;}
  .tour-detail-hero-content h1{font-size:48px;}
}
@media (max-width:700px){
  .tour-detail-container{width:calc(100% - 30px);max-width:none;}
  .tour-detail-hero{height:auto;min-height:0;}
  .tour-detail-hero-image{height:auto;}
  .tour-detail-hero-image img{width:100%;height:auto;object-fit:contain;}
  .tour-detail-hero-content{left:20px;right:20px;bottom:25px;margin:0;}
  .tour-detail-label{margin-bottom:9px;font-size:9px;letter-spacing:2px;}
  .tour-detail-hero-content h1{max-width:100%;margin:0 0 8px;font-size:31px;line-height:1.15;}
  .tour-detail-hero-content p{font-size:11px;line-height:1.5;letter-spacing:.8px;}
}
@media (max-width:380px){
  .tour-detail-container{width:calc(100% - 30px);}
  .tour-detail-hero-content{left:15px;right:15px;bottom:20px;}
  .tour-detail-hero-content h1{font-size:27px;}
  .tour-detail-hero-content p{font-size:10px;}
}

.desert-discovery{padding:55px 18px;background:#ffffff
;}
.desert-discovery .tour-detail-container{max-width:1200px;margin:0 auto
;}
.desert-discovery-heading{max-width:720px;margin:0 auto 35px;text-align:center
;}
.desert-discovery-heading span{display:block;margin-bottom:10px;color:#b38a45;font-size:13px;font-weight:600;letter-spacing:2px
;}
.desert-discovery-heading h2{margin:0 0 12px;color:#222222;font-size:34px;font-weight:400;line-height:1.2
;}
.desert-discovery-heading p{margin:0;color:#666666;font-size:16px;line-height:1.6
;}
.desert-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px
;}
.desert-discovery-card{position:relative;height:280px;overflow:hidden;border-radius:5px;background:#eeeeee
;}
.desert-discovery-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.desert-discovery-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient( to top,rgba(0,0,0,.48) 0%,rgba(0,0,0,.10) 55%,rgba(0,0,0,.02) 100% );pointer-events:none
;}
.desert-discovery-content{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;pointer-events:none
;}
.desert-discovery-content span{display:block;margin-bottom:6px;color:#e0bd75;font-size:13px;font-weight:600;letter-spacing:2px
;}
.desert-discovery-content h3{margin:0;color:#ffffff;font-size:23px;font-weight:400;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.45)
;}
.desert-discovery-note{margin-top:30px;text-align:center
;}
.desert-discovery-note p{margin:0;color:#666666;font-size:15px;line-height:1.6
;}
@media (max-width:700px) {
.desert-discovery{padding:45px 15px
    ;}
.desert-discovery-heading{margin-bottom:28px
    ;}
.desert-discovery-heading span{font-size:11px
    ;}
.desert-discovery-heading h2{font-size:27px
    ;}
.desert-discovery-heading p{font-size:15px
    ;}
.desert-discovery-grid{grid-template-columns:1fr;gap:15px
    ;}
.desert-discovery-card{height:225px
    ;}
.desert-discovery-content{left:17px;right:17px;bottom:16px
    ;}
.desert-discovery-content span{font-size:11px
    ;}
.desert-discovery-content h3{font-size:20px
    ;}
.desert-discovery-note{margin-top:24px
    ;}
.desert-discovery-note p{font-size:14px
    ;}
}.desert-discovery-heading h2{font-size:25px
    ;}
.desert-discovery-content h3{font-size:19px
    ;}
.hero-content h1,
.intro-section h2,
.experience-content h3,
.tour-detail-hero-content h1,
.desert-discovery-heading h2,
.desert-discovery-content h3{text-wrap:balance;}
.hero-content p,
.intro-section p,
.experience-content p,
.tour-detail-hero-content p,
.desert-discovery-note p{text-wrap:pretty;}
.experience-card{border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.055);}
.experience-card:hover{box-shadow:0 18px 42px rgba(0,0,0,.105);}
.experience-link{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;}
.experience-link:hover{border-color:#b68b42;}
@media (max-width:650px) {
.experience-link{min-height:40px;}
}
.experience-link{color:#fff ;background:linear-gradient(135deg,#a77838,#d6ad63) ;border:1px solid #b68b42 ;border-radius:6px ;box-shadow:0 7px 18px rgba(182,139,66,.16) ;}
.experience-link:hover,
.experience-link:focus-visible{color:#fff ;background:linear-gradient(135deg,#8f652f,#b68b42) ;border-color:#8f652f ;box-shadow:0 9px 22px rgba(182,139,66,.22) ;}
.experience-link span{color:#fff ;}
@media (max-width:900px) {
.featured-tours,.featured-tours-container,.tour-grid,.tour-item,
  .about-section,.about-container,.about-content,.about-image,
  .home-vehicle-section,.home-vehicle-container,.home-vehicle-grid,.home-vehicle-card,
  .rajasthan-experiences,.experiences-container,.premium-experience-grid,
  .travel-inspiration,.inspiration-container,.premium-blog-grid,
  .home-quote-section,.home-quote-container,
  .tour-category-visual-section,.tour-category-visual-container,
  .tour-category-visual-grid,.tour-category-visual-card{width:100%;max-width:100%;min-width:0;}
}