.story-article-page[class*="theme-hr-hr-"]{
  --accent:#35f2c3;
  --story-accent:#35f2c3;
  --story-accent-2:#d7f7ef;
  --story-surface:#eef1f7;
  --story-bg:#f8f8f3;
  --story-ink:#0a1024;
  --story-muted:#516078
}
.story-article-page.theme-hr-hr-zagreb{--story-accent:#37e5ff;--story-accent-2:#daf7ff;--story-surface:#edf3f8}
.story-article-page.theme-hr-hr-adriatic{--story-accent:#35f2c3;--story-accent-2:#dff7f0;--story-surface:#eef4f2}
.story-article-page[class*="theme-hr-hr-"] .site-header{--accent:var(--story-accent);background:#fff}
.story-article-page[class*="theme-hr-hr-"] .mobile-menu{background:var(--story-accent)}
.story-article-page[class*="theme-hr-hr-"] .story-cover-copy{background:#f8f8f3}
.story-article-page[class*="theme-hr-hr-"] .story-cover h1{max-width:16ch}
.story-article-page[class*="theme-hr-hr-"] .story-opening{background:#102b78;color:#fff}
.story-article-page[class*="theme-hr-hr-"] .story-opening-label{color:var(--story-accent)}
.story-article-page[class*="theme-hr-hr-"] .story-introduction{background:#fff}
.story-article-page[class*="theme-hr-hr-"] .story-introduction .story-chapter-copy{max-width:900px}
.story-article-page[class*="theme-hr-hr-"] .story-introduction p:first-of-type{font-size:clamp(21px,1.95vw,30px);font-weight:650;line-height:1.48;letter-spacing:-.018em}
.story-article-page[class*="theme-hr-hr-"] .story-chapter{padding-block:clamp(74px,7.5vw,118px)}
.story-article-page[class*="theme-hr-hr-"] .story-chapter h2{font-size:clamp(37px,3.8vw,58px);line-height:1}
.story-article-page[class*="theme-hr-hr-"] .story-summary{background:var(--story-accent-2)}
.story-article-page[class*="theme-hr-hr-"] .story-summary h2{font-size:clamp(39px,4.8vw,72px)}
.story-article-page[class*="theme-hr-hr-"] .story-related{background:#07194b;color:#fff}
.story-article-page[class*="theme-hr-hr-"] .story-related a:hover,.story-article-page[class*="theme-hr-hr-"] .story-related a:focus-visible{background:var(--story-accent);color:#07194b}
.story-article-page[class*="theme-hr-hr-"] footer{background:#07194b;color:#fff}
.story-article-page[class*="theme-hr-hr-"] footer>img{filter:invert(1)}
.story-article-page[class*="theme-hr-hr-"] .story-source-note{margin-top:26px;color:#516078;font-size:13px;line-height:1.55}
@media(min-width:1001px){
  .story-article-page[class*="theme-hr-hr-"] .story-cover{height:100svh;min-height:0}
  .story-article-page[class*="theme-hr-hr-"] .story-cover-copy,.story-article-page[class*="theme-hr-hr-"] .story-cover-media{height:calc(100svh - var(--header));min-height:0}
  .story-article-page[class*="theme-hr-hr-"] .story-cover-copy{justify-content:center;padding:clamp(38px,4.2vw,68px) var(--gutter)}
  .story-article-page[class*="theme-hr-hr-"] .story-cover h1{font-size:clamp(40px,3.2vw,56px);line-height:.99;letter-spacing:-.044em}
  .story-article-page[class*="theme-hr-hr-"] .story-deck{font-size:clamp(16px,1vw,18px);line-height:1.55}
  .story-article-page[class*="theme-hr-hr-"] .story-meta{margin-top:clamp(22px,2.5vw,36px)}
  .story-article-page[class*="theme-hr-hr-"] .story-media{min-height:560px}
}
@media(max-width:1000px){
  .story-article-page[class*="theme-hr-hr-"] .story-cover-copy{order:2}
  .story-article-page[class*="theme-hr-hr-"] .story-cover-media{order:1}
  .story-article-page[class*="theme-hr-hr-"] .story-cover h1{font-size:clamp(38px,10.7vw,52px);line-height:.99}
}
@media(max-width:620px){
  .story-article-page[class*="theme-hr-hr-"] .story-chapter{padding-block:64px}
  .story-article-page[class*="theme-hr-hr-"] .story-chapter h2{font-size:clamp(35px,10.4vw,47px)}
}