/* Listing pages share the homepage fonts, palette and editorial spacing. */
.interior-listing{--listing-paper:#fffdf8;--listing-green:#0e332f;font-family:Inter,Arial,sans-serif;background:var(--listing-paper)}
.interior-listing .container,.interior-listing .blog-page .blog-container{width:min(1360px,calc(100% - 112px))}
.interior-listing h1,.interior-listing h2,.interior-listing h3,.interior-listing .blog-page h1,.interior-listing .blog-page h2,.interior-listing .blog-page h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.06}
.interior-listing .site-header{background:rgba(255,253,248,.96);box-shadow:none}
.interior-listing .main-nav a{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.interior-listing .btn{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;min-height:48px;padding:12px 22px;box-shadow:none}
.interior-listing .btn-secondary{backdrop-filter:none;background:transparent}
.interior-listing .eyebrow,.interior-listing .program-meta{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.15em;color:#6c7970}
.interior-listing .site-footer{background:#082520}

/* Programs: calm introduction followed by generous alternating media rows. */
.interior-listing .page-hero{padding:110px 0 100px;background:#e9e1d4}
.interior-listing .page-hero .narrow{max-width:1000px}
.interior-listing .page-hero h1{max-width:18ch;font-size:clamp(58px,5.2vw,86px)}
.interior-listing .page-hero .lead{max-width:760px;font-size:17px;line-height:1.7}
.interior-listing .page-hero p:not(.eyebrow){max-width:780px;line-height:1.75}
.interior-listing .value-strip{background:var(--listing-paper)}
.interior-listing .value-grid{gap:0;border-block:1px solid var(--line)}
.interior-listing .value-grid div{padding:24px 18px;border:0;background:none;box-shadow:none;border-radius:0}
.interior-listing .editorial-intro{background:var(--listing-paper);padding:105px 0}
.interior-listing .editorial-grid{grid-template-columns:.45fr 1.55fr;gap:70px}
.interior-listing .editorial-copy h2{font-size:clamp(42px,4vw,64px);max-width:22ch}
.interior-listing .editorial-copy p{max-width:800px}
.interior-listing #programi-2026{background:#f4eee5;padding:105px 0}
.interior-listing .program-list{gap:95px}
.interior-listing .program-row,.interior-listing .program-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(40px,6vw,100px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;align-items:center}
.interior-listing .program-row:nth-child(even) .program-row-image{order:2}
.interior-listing .program-row-image{min-height:0;aspect-ratio:4/5;border-radius:2px;background-position:center;background-size:cover}
.interior-listing .program-row h2{font-size:clamp(48px,4.6vw,72px);max-width:13ch}
.interior-listing .program-row p{max-width:62ch;font-size:15px;line-height:1.75}
.interior-listing .program-row .check-list{margin:25px 0}
.interior-listing .program-row .check-list li{font-size:13px;line-height:1.65}
.interior-listing .program-row .hero-actions{gap:12px;margin-top:30px}
.interior-listing .program-row.program-row-no-image{grid-template-columns:1fr;padding:36px 0;border-top:1px solid var(--line)}
.interior-listing .program-row-no-image .program-row-image{display:none}
.interior-listing .program-row-no-image > div:last-child{max-width:850px}
.interior-listing .section-green{background:var(--listing-green)}
.interior-listing .section-green h2,.interior-listing .split-copy h2{font-size:clamp(42px,4vw,64px)}
.interior-listing .section-journal{background:var(--listing-paper)}

/* Blog: the existing publication order and link markup remain untouched. */
.interior-listing .blog-page{background:var(--listing-paper);font-family:Inter,Arial,sans-serif}
.interior-listing .blog-page .blog-hero{padding:105px 0 110px;background:#e9e1d4}
.interior-listing .blog-page .blog-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:8%;align-items:center}
.interior-listing .blog-page .blog-hero h1{font-size:clamp(58px,5.2vw,86px);max-width:17ch}
.interior-listing .blog-page .blog-hero .lead{font-size:16px;max-width:780px}
.interior-listing .blog-page .blog-hero-note{padding:26px 0;border:0;border-top:1px solid rgba(14,51,47,.25);border-radius:0;background:none;box-shadow:none}
.interior-listing .blog-page .blog-hero-note strong{font-family:'Instrument Serif',Georgia,serif;font-size:30px;font-weight:400}
.interior-listing .blog-page .blog-filter-strip{margin-top:0;background:var(--listing-paper)}
.interior-listing .blog-page .blog-filter-grid{gap:0;border-bottom:1px solid var(--line)}
.interior-listing .blog-page .blog-filter-grid span{min-height:72px;background:none;border:0;border-radius:0;box-shadow:none;font-size:12px;font-weight:500}
.interior-listing .blog-page .blog-section{padding:100px 0}
.interior-listing .blog-page .featured-post{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:6%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;align-items:center}
.interior-listing .blog-page .featured-image{min-height:0;aspect-ratio:16/9;border-radius:2px}
.interior-listing .blog-page .featured-copy{padding:10px 0}
.interior-listing .blog-page .featured-copy h2{font-size:clamp(44px,4vw,64px);max-width:14ch}
.interior-listing .blog-page .blog-soft{background:#f4eee5}
.interior-listing .blog-page .blog-heading{margin-bottom:50px}
.interior-listing .blog-page .blog-heading h2{font-size:clamp(42px,3.8vw,62px)}
.interior-listing .blog-page .blog-grid{gap:42px 30px}
.interior-listing .blog-page .blog-card{background:none;border:0;border-radius:0;box-shadow:none}
.interior-listing .blog-page .blog-card:hover{box-shadow:none}
.interior-listing .blog-page .blog-card-image{height:auto;aspect-ratio:16/9;border-radius:2px}
.interior-listing .blog-page .blog-card-image:after{display:none}
.interior-listing .blog-page .blog-card-body{padding:23px 0 0}
.interior-listing .blog-page .blog-card h3{font-size:32px}
.interior-listing .blog-page .blog-card a:not(.blog-card-image){font-weight:500;font-size:12px;border-bottom:1px solid var(--blog-sand);padding-bottom:6px}
.interior-listing .blog-page .blog-cta{border-radius:2px;padding:65px;gap:9%}
.interior-listing .blog-page .blog-cta h2{font-size:clamp(42px,3.8vw,62px)}
.interior-listing .blog-page .blog-topic-list a{border-radius:2px}
@media(max-width:1100px){
 .interior-listing .container,.interior-listing .blog-page .blog-container{width:calc(100% - 64px)}
 .interior-listing .blog-page .blog-hero-grid,.interior-listing .blog-page .featured-post{grid-template-columns:1fr}
 .interior-listing .blog-page .blog-hero-note{max-width:600px}
 .interior-listing .program-row,.interior-listing .program-row:nth-child(even){gap:36px}
}
@media(max-width:760px){
 .interior-listing .container,.interior-listing .blog-page .blog-container{width:calc(100% - 40px)}
 .interior-listing .page-hero,.interior-listing .blog-page .blog-hero{padding:65px 0 75px}
 .interior-listing .page-hero h1,.interior-listing .blog-page .blog-hero h1{font-size:clamp(46px,11vw,58px)}
 .interior-listing .editorial-intro,.interior-listing #programi-2026,.interior-listing .blog-page .blog-section{padding:70px 0}
 .interior-listing .editorial-grid{grid-template-columns:1fr;gap:24px}
 .interior-listing .program-list{gap:65px}
 .interior-listing .program-row,.interior-listing .program-row:nth-child(even){grid-template-columns:1fr;gap:28px}
 .interior-listing .program-row:nth-child(even) .program-row-image{order:0}
 .interior-listing .program-row-image{aspect-ratio:4/3}
 .interior-listing .program-row h2{font-size:48px}
 .interior-listing .blog-page .blog-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .interior-listing .blog-page .blog-grid{grid-template-columns:1fr;gap:52px}
 .interior-listing .blog-page .featured-image{aspect-ratio:16/9;min-height:0}
 .interior-listing .blog-page .blog-cta{padding:32px}
}

/* A common photographic introduction for both public catalogues. */
.interior-listing .page-hero.listing-hero,.interior-listing .blog-page .blog-hero.listing-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:560px;padding:86px 0;background-color:#e9e1d4;background-size:cover;background-repeat:no-repeat}
.interior-listing .page-hero.listing-hero{background-image:url('../img/livno-svoja-jaka-2.webp');background-position:center 46%}
.interior-listing .blog-page .blog-hero.listing-hero{background-image:url('../img/majka-kcerka-razgovor.webp');background-position:center 43%}
.interior-listing .listing-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 28% 34% at 82% 72%,rgba(255,253,248,.74),transparent),linear-gradient(90deg,rgba(255,253,248,.97),rgba(255,253,248,.9) 42%,rgba(255,253,248,.6) 70%,rgba(255,253,248,.2))}
.interior-listing .listing-hero .listing-hero-grid,.interior-listing .blog-page .listing-hero .listing-hero-grid{position:relative;z-index:1;width:min(1360px,calc(100% - 112px));max-width:none;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:clamp(45px,6vw,100px);align-items:end}
.interior-listing .listing-hero h1,.interior-listing .blog-page .listing-hero h1{max-width:17ch;margin:0 0 24px;font-size:clamp(54px,5vw,82px);line-height:1.06;color:#0e332f}
.interior-listing .page-hero.listing-hero .lead,.interior-listing .blog-page .blog-hero.listing-hero .lead{max-width:760px;margin:0;font-size:16px;line-height:1.75;color:#38534a}
.interior-listing .listing-hero .listing-hero-note,.interior-listing .blog-page .listing-hero .listing-hero-note{max-width:380px;margin:0;padding:24px 0 0;border:0;border-top:1px solid rgba(14,51,47,.35);border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.interior-listing .listing-hero-note p,.interior-listing .blog-page .listing-hero-note p{margin:0;color:#38534a;font-size:14px;line-height:1.75}
.interior-listing .blog-page .listing-hero-note strong{font-family:'Instrument Serif',Georgia,serif;font-size:30px;font-weight:400;color:#0e332f}
@media(max-width:1100px){
 .interior-listing .listing-hero .listing-hero-grid,.interior-listing .blog-page .listing-hero .listing-hero-grid{width:calc(100% - 64px);grid-template-columns:1fr;gap:35px}
 .interior-listing .listing-hero .listing-hero-note,.interior-listing .blog-page .listing-hero .listing-hero-note{max-width:660px}
}
@media(max-width:760px){
 .interior-listing .page-hero.listing-hero,.interior-listing .blog-page .blog-hero.listing-hero{min-height:0;padding:76px 0 82px;background-position:60% center}
 .interior-listing .listing-hero:before{background:linear-gradient(180deg,rgba(255,253,248,.97),rgba(255,253,248,.93) 58%,rgba(255,253,248,.64))}
 .interior-listing .listing-hero .listing-hero-grid,.interior-listing .blog-page .listing-hero .listing-hero-grid{width:calc(100% - 40px);gap:30px}
 .interior-listing .listing-hero h1,.interior-listing .blog-page .listing-hero h1{font-size:clamp(46px,11vw,58px)}
 .interior-listing .listing-hero .lead,.interior-listing .blog-page .listing-hero .lead{font-size:14px}
}