/* Shared editorial treatment for public content pages. Page-specific layouts remain intact. */
.interior-page{--editorial-paper:#fffdf8;--editorial-green:#0e332f;font-family:Inter,Arial,sans-serif;background:var(--editorial-paper)}
.interior-page .container{width:min(1360px,calc(100% - 112px))}
.interior-page .site-header{background:rgba(255,253,248,.97);box-shadow:none}
.interior-page .main-nav a{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.interior-page h1,.interior-page h2,.interior-page h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.08}
.interior-page .eyebrow{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em}
.interior-page .btn{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;min-height:48px;padding:12px 22px;box-shadow:none}
.interior-page .site-footer{background:#082520}
.interior-page main > .section{padding-block:clamp(75px,8vw,120px)}
.interior-page main > .section.section-green{background:#0e332f}
.interior-page .section-heading{max-width:920px}
.interior-page .section-heading h2,.interior-page .split-copy h2{font-size:clamp(42px,4vw,64px)}
.interior-page .split-copy p,.interior-page .section-heading p{line-height:1.78}
.interior-page .quote-box{border:0;border-radius:28px;background:#0e332f;box-shadow:none;padding:clamp(36px,5vw,70px)}
.interior-page .quote-box p{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(30px,3vw,48px);line-height:1.14;color:#fffdf8}
.interior-page .value-card{border:0;border-top:1px solid rgba(14,51,47,.22);border-radius:0;background:transparent;box-shadow:none;padding:30px 5px}
.interior-page .value-card h3{font-size:clamp(28px,2.8vw,40px)}
.interior-page .article-body{max-width:820px;font-size:16px;line-height:1.85}
.interior-page .article-body h2{font-size:clamp(36px,3.3vw,52px);margin-top:2em}
.interior-page .article-body h3{font-size:clamp(28px,2.5vw,38px);margin-top:1.6em}
.interior-page .article-body img{display:block;max-width:100%;height:auto;border-radius:2px;margin:2rem auto}
.interior-page .article-body p,.interior-page .article-body li{line-height:1.85}
.interior-page .contact-form{border-radius:2px;box-shadow:0 18px 50px rgba(14,51,47,.08)}
.interior-about .about-meaning{background:#fffdf8}
.interior-about .about-meaning-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(45px,8vw,130px);align-items:start}
.interior-about .about-meaning h2,.interior-about .about-people h2{max-width:13ch;font-size:clamp(46px,4.5vw,72px)}
.interior-about .about-prose,.interior-about .about-people-copy{max-width:690px}
.interior-about .about-prose p,.interior-about .about-people-copy p{font-size:15px;line-height:1.85;color:#38534a}
.interior-about .about-prose p:first-child{font-size:18px;color:#0e332f}
.interior-about .about-people{background:#e9e1d4}
.interior-about .about-people-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(48px,7vw,110px);align-items:center}
.interior-about .about-people-image{margin:0;overflow:hidden;border-radius:clamp(24px,3vw,40px)}
.interior-about .about-people-image img{display:block;width:100%;height:auto;object-fit:contain}
.interior-about .about-people-copy .btn{margin-top:18px}

/* The image occupies the right side while an ivory wash protects real text. */
.interior-page .page-hero{isolation:isolate;min-height:clamp(460px,55vw,650px);display:flex;align-items:center;padding:90px 0;background-color:#e9e1d4;background-position:center;background-size:cover}
.interior-page .page-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,253,248,.97) 0%,rgba(255,253,248,.93) 36%,rgba(255,253,248,.65) 62%,rgba(255,253,248,.12) 100%)}
.interior-page .page-hero .container{position:relative;z-index:1}
.interior-page .page-hero .narrow{max-width:1360px}
.interior-page .page-hero h1{max-width:16ch;font-size:clamp(52px,5vw,82px);color:var(--editorial-green)}
.interior-page .page-hero .lead{max-width:720px;font-size:16px;line-height:1.7;color:#38534a}
.interior-page .interior-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.interior-about .page-hero{background-image:url('../img/livno-svoja-jaka-6.webp');background-position:center 42%}
.interior-locations .page-hero{background-image:url('../img/lokacija-wellness.webp');background-position:center 50%}
.interior-contact .page-hero{background-image:url('../img/women-retreat-aktivnost.webp');background-position:center 46%}
.interior-retreat-guide .page-hero{background-image:url('../img/retreat-hero-atmosfera.webp');background-position:center 58%}
.interior-blog-detail .interior-hero-image,.interior-program-detail .interior-hero-image{object-position:center 45%}

/* Distinct long-form pages keep their own grids, media and interactions. */
.interior-page .qa-hero,.interior-page .corp-hero,.interior-page .detox-hero{position:relative;isolation:isolate;overflow:hidden;min-height:510px;display:flex;align-items:center;background-size:cover;background-position:center}
.interior-page .qa-hero:before,.interior-page .corp-hero:before,.interior-page .detox-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,253,248,.97),rgba(255,253,248,.92) 40%,rgba(255,253,248,.36) 100%)}
.interior-page .qa-hero-grid,.interior-page .corp-hero-grid,.interior-page .detox-hero-grid{position:relative;z-index:1}
.interior-retreat-quiz .quiz-article .qa-hero{background-image:url('../img/women-retreat-aktivnost.webp')}
.interior-corporate .corporate-page .corp-hero{background-image:url('../img/corporate-retreat.jpeg')}
.interior-detox .detox-page .detox-hero{background-image:url('../img/digital-detox.jpg')}
.interior-page .qa-hero h1,.interior-page .corp-hero h1,.interior-page .detox-hero h1{font-size:clamp(50px,4.7vw,76px);color:var(--editorial-green)}
.interior-page .qa-section h2,.interior-page .corp-section h2,.interior-page .detox-section h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(40px,3.8vw,60px);line-height:1.08}
.interior-page .qa-section,.interior-page .corp-section,.interior-page .detox-section{padding-block:clamp(74px,8vw,115px)}
.interior-women-retreat .sj-hero-copy h1{font-size:clamp(54px,5vw,82px)}
.interior-mother-daughter .program-detail-mothers.landing-hero{background-image:url('../img/majka-kcerka-hero.webp') !important;background-position:center 42%}
.interior-mother-daughter .program-detail-mothers.landing-hero:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,253,248,.95),rgba(255,253,248,.72) 54%,rgba(255,253,248,.12))}
.interior-mother-daughter .program-detail-mothers.landing-hero .container{position:relative;z-index:1}
.interior-page details summary{cursor:pointer}

@media(max-width:900px){
 .interior-page .container{width:min(100% - 48px,1360px)}
 .interior-about .about-meaning-grid,.interior-about .about-people-grid{grid-template-columns:1fr;gap:36px}
 .interior-page .page-hero{min-height:520px}
 .interior-page .page-hero:before,.interior-page .qa-hero:before,.interior-page .corp-hero:before,.interior-page .detox-hero:before{background:linear-gradient(90deg,rgba(255,253,248,.96),rgba(255,253,248,.79) 65%,rgba(255,253,248,.42))}
}
@media(max-width:600px){
 .interior-page .container{width:calc(100% - 36px)}
 .interior-page .page-hero{min-height:0;padding:82px 0 110px;align-items:flex-start;background-position:64% center}
 .interior-page .page-hero:before,.interior-page .qa-hero:before,.interior-page .corp-hero:before,.interior-page .detox-hero:before{background:linear-gradient(180deg,rgba(255,253,248,.97),rgba(255,253,248,.91) 59%,rgba(255,253,248,.35))}
 .interior-page .page-hero h1{font-size:clamp(44px,12vw,60px);max-width:14ch}
 .interior-page .page-hero .lead{font-size:14px}
 .interior-page .qa-hero,.interior-page .corp-hero,.interior-page .detox-hero{min-height:0;padding:75px 0 105px;background-position:65% center}
 .interior-page .qa-hero h1,.interior-page .corp-hero h1,.interior-page .detox-hero h1{font-size:clamp(43px,11vw,60px)}
 .interior-page .article-body{font-size:15px}
 .interior-page main > .section{padding-block:70px}
 .interior-about .about-meaning h2,.interior-about .about-people h2{font-size:clamp(42px,11vw,58px)}
 .interior-about .about-prose p,.interior-about .about-people-copy p{font-size:14px}
}