/* =========================================================
   ADI YOGPEETH — HIMALAYA HIKING RETREAT
   Fraunces + DM Sans
   ========================================================= */

:root{
    --hhr-forest:#173d32;
    --hhr-forest-deep:#0f2b24;
    --hhr-cream:#f6f1e8;
    --hhr-paper:#fbf9f4;
    --hhr-gold:#b99a5b;
    --hhr-ink:#1d2722;
    --hhr-muted:#667069;
    --hhr-line:rgba(23,61,50,.16);
    --hhr-radius:2px;
    --hhr-display:"Fraunces", Georgia, serif;
    --hhr-body:"DM Sans", Arial, sans-serif;
    --hhr-container:min(1240px, calc(100% - 48px));
}

.ayp-hhr{
    overflow:hidden;
    color:var(--hhr-ink);
    background:var(--hhr-paper);
    font-family:var(--hhr-body);
}

.ayp-hhr *,
.ayp-hhr *::before,
.ayp-hhr *::after{box-sizing:border-box}

.hhr-container{width:var(--hhr-container);margin:auto}

.hhr-kicker{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    font-size:11px;
    line-height:1;
    letter-spacing:.22em;
    text-transform:uppercase;
    font-weight:700;
    color:rgba(255,255,255,.82);
}
.hhr-kicker span{display:block;width:30px;height:1px;background:currentColor}
.hhr-kicker--dark{color:var(--hhr-forest)}

.hhr-hero{
    position:relative;
    min-height:min(790px,88vh);
    display:flex;
    align-items:center;
    isolation:isolate;
    background:#1c3029;
}
.hhr-hero__image{
    position:absolute;
    inset:0;
    z-index:-3;
    background:
      linear-gradient(180deg,rgba(8,27,22,.12),rgba(8,27,22,.62)),
      url("/assets/images/retreats/himalaya-hiking-retreat.webp") center/cover no-repeat;
}
.hhr-hero__veil{
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      linear-gradient(90deg,rgba(8,29,24,.78) 0%,rgba(8,29,24,.43) 43%,rgba(8,29,24,.08) 75%),
      linear-gradient(0deg,rgba(8,29,24,.58),transparent 42%);
}
.hhr-hero__content{
    padding:150px 0 120px;
    color:#fff;
}
.hhr-hero h1{
    max-width:900px;
    margin:0;
    font:600 clamp(58px,8vw,116px)/.86 var(--hhr-display);
    letter-spacing:-.055em;
}
.hhr-hero h1 em,
.hhr-section-heading h2 em,
.hhr-intro h2 em,
.hhr-split h2 em,
.hhr-for h2 em,
.hhr-faq h2 em,
.hhr-cta h2 em{
    font-style:italic;
    font-weight:500;
}
.hhr-hero__lead{
    max-width:540px;
    margin:34px 0 36px;
    font-size:18px;
    line-height:1.65;
    color:rgba(255,255,255,.88);
}
.hhr-hero__actions{display:flex;align-items:center;gap:28px}
.hhr-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-height:54px;
    padding:0 25px;
    border:1px solid transparent;
    text-decoration:none;
    font:700 11px/1 var(--hhr-body);
    letter-spacing:.13em;
    text-transform:uppercase;
    transition:.25s ease;
}
.hhr-btn span{font-size:18px;line-height:0}
.hhr-btn--light{color:var(--hhr-forest);background:#fff}
.hhr-btn--light:hover{background:var(--hhr-cream);transform:translateY(-2px)}
.hhr-btn--cream{color:var(--hhr-forest);background:var(--hhr-cream)}
.hhr-text-link{
    display:inline-flex;
    gap:13px;
    align-items:center;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.hhr-text-link span{font-size:18px}
.hhr-text-link:hover span{transform:translateX(4px)}
.hhr-hero__bottom{
    position:absolute;
    right:0;bottom:0;left:0;
    display:flex;
    justify-content:center;
    gap:0;
}
.hhr-hero__bottom span{
    padding:17px 30px;
    border-left:1px solid rgba(255,255,255,.2);
    color:rgba(255,255,255,.72);
    font-size:10px;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.hhr-hero__bottom span:last-child{border-right:1px solid rgba(255,255,255,.2)}

.hhr-intro{padding:125px 0;background:var(--hhr-cream)}
.hhr-intro__grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}
.hhr-intro h2,.hhr-section-heading h2,.hhr-split h2,.hhr-for h2,.hhr-faq h2{
    margin:0;
    font:600 clamp(46px,5vw,74px)/.98 var(--hhr-display);
    letter-spacing:-.045em;
    color:var(--hhr-forest);
}
.hhr-intro__copy{padding-top:36px;max-width:580px}
.hhr-intro__copy p{font-size:16px;line-height:1.8;color:#536059}
.hhr-intro__copy .hhr-lead{margin-top:0;color:var(--hhr-ink);font:500 24px/1.45 var(--hhr-display)}
.hhr-arrow-link{
    display:inline-flex;gap:14px;margin-top:22px;
    color:var(--hhr-forest);text-decoration:none;
    font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase
}
.hhr-arrow-link span{font-size:18px}

.hhr-facts{background:var(--hhr-forest);color:#fff}
.hhr-facts__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.hhr-fact{min-height:220px;padding:38px 28px;border-left:1px solid rgba(255,255,255,.13)}
.hhr-fact:last-child{border-right:1px solid rgba(255,255,255,.13)}
.hhr-fact__number{display:block;margin-bottom:52px;color:#c9af77;font:500 15px var(--hhr-display)}
.hhr-fact strong{display:block;margin-bottom:10px;font:500 24px var(--hhr-display)}
.hhr-fact p{margin:0;color:rgba(255,255,255,.63);font-size:13px;line-height:1.65}

.hhr-plan{padding:125px 0;background:var(--hhr-paper)}
.hhr-section-heading{max-width:700px;margin-bottom:65px}
.hhr-section-heading>p:last-child{max-width:560px;margin:25px 0 0;color:var(--hhr-muted);font-size:15px;line-height:1.7}
.hhr-plan__timeline{border-top:1px solid var(--hhr-line)}
.hhr-day{
    display:grid;
    grid-template-columns:100px 1fr 40px;
    gap:30px;
    padding:35px 10px;
    border-bottom:1px solid var(--hhr-line);
}
.hhr-day__index{font:500 26px var(--hhr-display);color:var(--hhr-gold)}
.hhr-day__label{margin:2px 0 9px;color:var(--hhr-gold);font-size:9px;letter-spacing:.2em;font-weight:700}
.hhr-day h3{margin:0 0 10px;color:var(--hhr-forest);font:500 29px/1.15 var(--hhr-display)}
.hhr-day p:not(.hhr-day__label){max-width:650px;margin:0;color:var(--hhr-muted);font-size:14px;line-height:1.7}
.hhr-day__mark{align-self:center;color:var(--hhr-gold);font-size:19px}

.hhr-split{display:grid;grid-template-columns:1.1fr .9fr;min-height:690px}
.hhr-split__visual{
    min-height:500px;
    background-position:center;
    background-size:cover;
}
.hhr-split__visual--mountain{
    background:
      linear-gradient(180deg,rgba(23,61,50,.08),rgba(23,61,50,.2)),
      url("/assets/images/retreats/himalaya-hiking-trail.webp") center/cover no-repeat;
}
.hhr-split__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:80px clamp(35px,7vw,110px);
    background:#e8e1d3;
}
.hhr-split__content>p:not(.hhr-kicker){max-width:470px;color:#5d665f;font-size:16px;line-height:1.75}
.hhr-check-list{padding:0;margin:25px 0 0;list-style:none}
.hhr-check-list li{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid rgba(23,61,50,.14);font-size:13px}
.hhr-check-list li span{color:var(--hhr-gold)}

.hhr-included{padding:125px 0;background:#fff}
.hhr-section-heading--center{text-align:center;margin-right:auto;margin-left:auto}
.hhr-section-heading--center .hhr-kicker{justify-content:center}
.hhr-included__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hhr-line);border-bottom:1px solid var(--hhr-line)}
.hhr-included__grid article{padding:45px 30px;min-height:250px;border-left:1px solid var(--hhr-line)}
.hhr-included__grid article:last-child{border-right:1px solid var(--hhr-line)}
.hhr-included__grid article>span{color:var(--hhr-gold);font:500 13px var(--hhr-display)}
.hhr-included h3{margin:45px 0 12px;color:var(--hhr-forest);font:500 25px var(--hhr-display)}
.hhr-included p{margin:0;color:var(--hhr-muted);font-size:13px;line-height:1.7}

.hhr-for{padding:125px 0;background:var(--hhr-forest);color:#fff}
.hhr-for h2{color:#fff}
.hhr-for__grid{display:grid;grid-template-columns:.9fr 1fr;gap:120px}
.hhr-for__list{border-top:1px solid rgba(255,255,255,.17)}
.hhr-for__list>div{display:grid;grid-template-columns:45px 1fr;column-gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.17)}
.hhr-for__list span{grid-row:span 2;color:#c8ab6d;font:500 13px var(--hhr-display)}
.hhr-for__list strong{font:500 22px var(--hhr-display)}
.hhr-for__list p{margin:5px 0 0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.6}

.hhr-faq{padding:125px 0;background:var(--hhr-cream)}
.hhr-faq__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
.hhr-accordion{border-top:1px solid var(--hhr-line)}
.hhr-accordion details{border-bottom:1px solid var(--hhr-line)}
.hhr-accordion summary{
    display:flex;justify-content:space-between;gap:20px;
    padding:25px 0;cursor:pointer;list-style:none;
    color:var(--hhr-forest);font:500 20px var(--hhr-display)
}
.hhr-accordion summary::-webkit-details-marker{display:none}
.hhr-accordion summary span{font:400 24px var(--hhr-body);transition:.2s}
.hhr-accordion details[open] summary span{transform:rotate(45deg)}
.hhr-accordion details p{max-width:720px;margin:-7px 0 24px;color:var(--hhr-muted);font-size:14px;line-height:1.7}

.hhr-cta{position:relative;isolation:isolate;padding:140px 0;overflow:hidden;background:var(--hhr-forest-deep);color:#fff;text-align:center}
.hhr-cta__texture{
    position:absolute;inset:-30%;
    z-index:-1;opacity:.22;
    background:
      radial-gradient(circle at center,transparent 0 22%,rgba(207,181,126,.6) 22.2% 22.35%,transparent 22.5%),
      radial-gradient(circle at center,transparent 0 35%,rgba(207,181,126,.35) 35.2% 35.3%,transparent 35.5%);
}
.hhr-cta__content{max-width:850px}
.hhr-cta .hhr-kicker{justify-content:center}
.hhr-cta h2{margin:0;color:#fff;font:600 clamp(50px,6vw,82px)/.95 var(--hhr-display);letter-spacing:-.05em}
.hhr-cta>div>p:not(.hhr-kicker){max-width:600px;margin:30px auto;color:rgba(255,255,255,.68);font-size:15px;line-height:1.7}
.hhr-cta__actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:35px}
.hhr-text-link--light{color:#fff}

@media(max-width:900px){
    :root{--hhr-container:min(100% - 36px,700px)}
    .hhr-intro__grid,.hhr-for__grid,.hhr-faq__grid{grid-template-columns:1fr;gap:55px}
    .hhr-intro__copy{padding-top:0}
    .hhr-facts__grid,.hhr-included__grid{grid-template-columns:repeat(2,1fr)}
    .hhr-fact:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.13)}
    .hhr-fact:nth-child(4){border-top:1px solid rgba(255,255,255,.13)}
    .hhr-included__grid article:nth-child(3){border-left:0;border-top:1px solid var(--hhr-line)}
    .hhr-included__grid article:nth-child(4){border-top:1px solid var(--hhr-line)}
    .hhr-split{grid-template-columns:1fr}
    .hhr-split__visual{min-height:520px}
    .hhr-split__content{padding:80px 36px}
}

@media(max-width:600px){
    :root{--hhr-container:calc(100% - 32px)}
    .hhr-hero{min-height:760px}
    .hhr-hero__content{padding:130px 0 120px}
    .hhr-hero h1{font-size:57px}
    .hhr-hero__lead{font-size:16px}
    .hhr-hero__actions{align-items:flex-start;flex-direction:column;gap:22px}
    .hhr-hero__bottom{justify-content:flex-start;overflow:auto}
    .hhr-hero__bottom span{white-space:nowrap;padding:14px 18px}
    .hhr-intro,.hhr-plan,.hhr-included,.hhr-faq,.hhr-for{padding:82px 0}
    .hhr-intro h2,.hhr-section-heading h2,.hhr-split h2,.hhr-for h2,.hhr-faq h2{font-size:47px}
    .hhr-facts__grid,.hhr-included__grid{grid-template-columns:1fr}
    .hhr-fact,.hhr-included__grid article{border-left:0!important;border-right:0!important}
    .hhr-fact+ .hhr-fact,.hhr-included__grid article+article{border-top:1px solid var(--hhr-line)}
    .hhr-day{grid-template-columns:50px 1fr;gap:15px;padding:28px 0}
    .hhr-day__mark{display:none}
    .hhr-day h3{font-size:24px}
    .hhr-split__visual{min-height:390px}
    .hhr-split__content{padding:65px 24px}
    .hhr-cta{padding:95px 0}
    .hhr-cta h2{font-size:50px}
    .hhr-cta__actions{flex-direction:column}
}