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

@media (max-width:760px) {
.blog-articles{padding-left:8px ;padding-right:8px ;}
.blog-grid,
.blog-card{width:100% ;max-width:none ;}
}
@media (max-width:380px) {
.experiences-list, .travel-gallery, .blog-articles, .hotels-stays{padding-left:6px ;padding-right:6px ;}
}
.blog-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px;padding:90px 20px 45px;text-align:center;overflow:hidden;background:
    linear-gradient(rgba(20,20,20,.50),rgba(20,20,20,.50)),
    url("../../images/blog/03-rajasthan-guide.webp") center center/cover no-repeat;}
.blog-hero-content{width:100%;max-width:900px;margin:0 auto;padding:0 20px;}
.blog-hero-content span{display:block;margin-bottom:14px;color:#f3d28b;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.85);}
.blog-hero-content h1{max-width:700px;margin:0 auto 18px;color:#ffffff;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:1.18;text-shadow:0 3px 8px rgba(0,0,0,.55);}
.blog-hero-content p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.95);font-size:17px;line-height:1.7;text-shadow:0 2px 6px rgba(0,0,0,.6);}
@media (max-width:650px) {
.blog-hero{min-height:340px;padding:82px 18px 40px;}
.blog-hero-content{max-width:100%;padding:0 10px;}
.blog-hero-content span{font-size:11px;letter-spacing:2px;margin-bottom:10px;color:#ffd98a;}
.blog-hero-content h1{max-width:330px;margin:0 auto 14px;font-size:26px;line-height:1.22;}
.blog-hero-content p{max-width:320px;font-size:15px;line-height:1.65;}
}
@media (max-width:380px) {
.blog-hero{min-height:310px;padding:78px 16px 35px;}
.blog-hero-content h1{font-size:23px;line-height:1.2;}
.blog-hero-content p{font-size:14px;}
}
.blog-intro{padding:85px 20px 80px;background:#ffffff;text-align:center;}
.blog-intro .blog-container{width:100%;max-width:820px;margin:0 auto;}
.blog-section-label{display:block;margin-bottom:16px;color:#b68b42;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;}
.blog-intro h2{margin:0 0 22px;color:#222222;font-size:clamp(36px,5vw,52px);font-weight:400;line-height:1.22;}
.blog-intro p{max-width:700px;margin:0 auto;color:#666666;font-size:17px;line-height:1.85;}
@media (max-width:650px) {
.blog-intro{padding:70px 20px;}
.blog-section-label{font-size:10px;letter-spacing:2px;margin-bottom:14px;}
.blog-intro h2{font-size:36px;margin-bottom:18px;line-height:1.2;}
.blog-intro p{max-width:320px;font-size:15px;line-height:1.75;}
}
@media (max-width:380px) {
.blog-intro{padding:60px 16px;}
.blog-intro h2{font-size:32px;}
.blog-intro p{font-size:14px;}
}
.blog-articles{padding:85px 20px;background:#f7f5f1;}
.blog-grid{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{display:flex;flex-direction:column;background:#ffffff;border:1px solid #e8e3db;overflow:hidden;transition:.35s ease;}
.blog-card:hover{transform:translateY(-8px);border-color:#b68b42;box-shadow:0 20px 45px rgba(0,0,0,.08);}
.blog-card-image{height:250px;overflow:hidden;}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.45s ease;}
.blog-card:hover .blog-card-image img{transform:scale(1.05);}
.blog-card-content{padding:30px;display:flex;flex-direction:column;flex:1;}
.blog-category{display:block;margin-bottom:14px;color:#b68b42;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.blog-card-content h2{margin:0 0 16px;color:#222222;font-size:28px;font-weight:400;line-height:1.3;}
.blog-card-content p{margin:0 0 24px;color:#666666;font-size:15px;line-height:1.8;}
.blog-read-link{margin-top:auto;display:inline-block;padding:13px 22px;color:#ffffff;background:linear-gradient(135deg,#a77838,#d6ad63);border:1px solid #b68b42;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;box-shadow:0 7px 18px rgba(182,139,66,.16);transition:.3s ease;}
.blog-read-link:hover,
.blog-read-link:focus-visible{color:#ffffff;background:linear-gradient(135deg,#8f652f,#b68b42);border-color:#8f652f;box-shadow:0 9px 22px rgba(182,139,66,.22);}
@media (max-width:650px) {
.blog-articles{padding:70px 20px;}
.blog-grid{grid-template-columns:1fr;gap:22px;}
.blog-card-image{height:220px;}
.blog-card-content{padding:24px;}
.blog-card-content h2{font-size:24px;}
.blog-card-content p{font-size:14px;}
}
@media (max-width:380px) {
.blog-articles{padding:60px 16px;}
.blog-card-image{height:200px;}
.blog-card-content{padding:20px;}
.blog-card-content h2{font-size:22px;}
.blog-card-content p{font-size:13px;}
}
@media (prefers-reduced-motion:reduce) {
*,
*::before,
*::after{transition-duration:.01ms ;animation-duration:.01ms ;animation-iteration-count:1 ;}
}
*,
*::before,
*::after{margin: 0;padding: 0;box-sizing: border-box;}
html{scroll-behavior: smooth;width: 100%;max-width: 100%;overflow-x: hidden;}
body{margin: 0;width: 100%;max-width: 100%;overflow-x: hidden;font-family: Arial, Helvetica, sans-serif;color: #222;background: #fff;line-height: 1.8;}
a{text-decoration: none;color: inherit;}
img{display: block;width: 100%;max-width: 100%;height: auto;}
.article-hero{position: relative;width: 100%;max-width: 100%;height: 600px;overflow: hidden;}
.article-hero > img{width: 100%;height: 100%;max-width: 100%;object-fit: cover;}
.article-hero-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;padding: 40px 5%;background: linear-gradient(
        rgba(15, 15, 15, 0.35),
        rgba(15, 15, 15, 0.65)
    );color: #fff;text-align: center;}
.article-hero-content{width: 100%;max-width: 900px;margin: 0 auto;min-width: 0;}
.article-hero-content span{display: block;margin-bottom: 20px;font-size: 11px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;color: #b68b42;}
.article-hero-content h1{max-width: 100%;margin-bottom: 25px;font-size: 58px;line-height: 1.15;font-weight: 400;overflow-wrap: break-word;word-wrap: break-word;}
.article-hero-content p{max-width: 720px;margin: 0 auto;color: rgba(255, 255, 255, 0.9);font-size: 17px;line-height: 1.8;}
.article-main{width: 100%;max-width: 100%;padding: 100px 30px;overflow: hidden;}
.article-container{width: 100%;max-width: 850px;min-width: 0;margin: 0 auto;}
.article-intro{width: 100%;max-width: 100%;min-width: 0;padding-bottom: 70px;border-bottom: 1px solid #e5e5e5;}
.article-label{display: block;margin-bottom: 15px;color: #b68b42;font-size: 10px;font-weight: 600;letter-spacing: 3px;text-transform: uppercase;}
.article-intro h2{width: 100%;max-width: 100%;margin-bottom: 28px;font-size: 42px;line-height: 1.3;font-weight: 400;overflow-wrap: break-word;word-wrap: break-word;}
.article-intro p{max-width: 100%;margin-bottom: 20px;color: #555;font-size: 17px;line-height: 1.9;overflow-wrap: break-word;}
.article-intro p:last-child{margin-bottom: 0;}
.article-section{width: 100%;max-width: 100%;min-width: 0;padding: 70px 0;border-bottom: 1px solid #e5e5e5;}
.article-section h2{width: 100%;max-width: 100%;margin-bottom: 25px;font-size: 36px;line-height: 1.3;font-weight: 400;overflow-wrap: break-word;word-wrap: break-word;}
.article-section p{max-width: 100%;margin-bottom: 20px;color: #555;font-size: 16px;line-height: 1.9;overflow-wrap: break-word;}
.article-section p:last-child{margin-bottom: 0;}
.article-highlight{width: 100%;max-width: 100%;min-width: 0;margin: 70px 0;padding: 55px;background: #f7f5f1;}
.article-highlight h2{width: 100%;max-width: 100%;margin-bottom: 25px;font-size: 36px;line-height: 1.3;font-weight: 400;overflow-wrap: break-word;}
.article-highlight p{max-width: 100%;margin-bottom: 20px;color: #555;font-size: 16px;line-height: 1.9;overflow-wrap: break-word;}
.article-highlight p:last-child{margin-bottom: 0;}
.article-journeys{width: 100%;max-width: 100%;min-width: 0;padding: 80px 0 20px;text-align: center;}
.article-journeys h2{width: 100%;max-width: 100%;margin-bottom: 25px;font-size: 42px;line-height: 1.3;font-weight: 400;overflow-wrap: break-word;}
.article-journeys p{max-width: 700px;margin: 0 auto 35px;color: #555;font-size: 17px;line-height: 1.9;}
.article-button{display: inline-block;max-width: 100%;padding: 15px 28px;font-size: 11px;font-weight: 600;letter-spacing: 1.5px;text-transform: uppercase;transition: background 0.3s ease, color 0.3s ease;}
.article-button:hover{background: #222;color: #fff;}
@media (max-width: 650px) {
.article-hero{height: auto;min-height: 0;aspect-ratio: 1536 / 1024;background: #111;overflow: hidden;}
.article-hero > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;object-position: center center;}
.article-hero-overlay{position: relative;width: 100%;min-height: 100%;padding: 45px 20px;}
.article-hero-content h1{font-size: 32px;line-height: 1.18;}
.article-hero-content p{font-size: 14px;line-height: 1.65;}
.article-main{padding-top: 48px;padding-bottom: 48px;}
.article-intro{padding-bottom: 40px;}
.article-intro h2{margin-bottom: 20px;font-size: 30px;line-height: 1.22;}
.article-section{padding: 42px 0;}
.article-section h2{margin-bottom: 20px;font-size: 29px;line-height: 1.22;}
.article-highlight{margin: 45px 0;padding: 32px 24px;}
.article-highlight h2{margin-bottom: 18px;font-size: 29px;line-height: 1.22;}
.article-journeys{padding: 48px 0 5px;}
.article-journeys h2{margin-bottom: 20px;font-size: 31px;line-height: 1.22;}
}
.article-hero-content h1,
.article-intro h2,
.article-section h2,
.article-highlight h2{text-wrap:balance;}
.article-hero-content p,
.article-intro p,
.article-section p,
.article-highlight p,
.article-journeys p{text-wrap:pretty;}
.article-section,
.article-highlight{scroll-margin-top:105px;}
@media (max-width:650px) {
.article-section,
.article-highlight{scroll-margin-top:84px;}
}
.article-button{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) ;}
.article-button:hover,
.article-button:focus-visible{color:#fff ;background:linear-gradient(135deg,#8f652f,#b68b42) ;border-color:#8f652f ;box-shadow:0 9px 22px rgba(182,139,66,.22) ;}