.scene-hr-hr-page{
  --hrh-blue:#102b78;
  --hrh-blue-deep:#07194b;
  --hrh-aqua:#35f2c3;
  --hrh-paper:#f7f7f2;
  --hrh-ink:#0a1024;
  --hrh-line:rgba(10,16,36,.28);
  background:var(--hrh-paper);
  color:var(--hrh-ink)
}
.scene-hr-hr-page .site-header{--accent:var(--hrh-aqua);background:#fff}
.scene-hr-hr-page .mobile-menu{background:var(--hrh-aqua)}
.hrh-label{margin:0;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hrh-link{display:inline-block;padding:0 0 6px;border-bottom:2px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hrh-hero{position:relative;min-height:100svh;padding-top:var(--header);overflow:hidden;background:var(--hrh-blue-deep);color:#fff}
.hrh-hero-media{position:absolute;inset:var(--header) 0 0;background:#385d87}
.hrh-hero-media img{object-position:center 33%}
.hrh-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,38,.8) 0,rgba(5,13,38,.25) 54%,rgba(5,13,38,.08) 100%),linear-gradient(0deg,rgba(5,13,38,.82) 0,transparent 52%)}
.hrh-hero figcaption,.hrh-rights figcaption,.hrh-zagreb figcaption,.hrh-city figcaption{position:absolute;right:14px;bottom:12px;z-index:2;padding:5px 7px;background:rgba(7,25,75,.82);color:#fff;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hrh-hero-copy{position:relative;z-index:2;display:flex;min-height:calc(100svh - var(--header));flex-direction:column;justify-content:flex-end;align-items:flex-start;width:min(100%,820px);padding:clamp(110px,14vh,180px) var(--gutter) clamp(46px,7vh,82px)}
.hrh-hero-copy .hrh-label{color:var(--hrh-aqua)}
.hrh-hero h1{max-width:760px;margin:18px 0 24px;font-size:clamp(48px,5.7vw,82px);font-weight:700;line-height:.94;letter-spacing:-.052em}
.hrh-hero-copy>p:not(.hrh-label){max-width:670px;margin:0 0 28px;font-size:clamp(17px,1.25vw,21px);line-height:1.55}

.hrh-rights{padding:clamp(80px,8vw,132px) var(--gutter);background:var(--hrh-paper)}
.hrh-rights-intro{display:grid;grid-template-columns:.33fr 1fr .8fr;gap:clamp(28px,5vw,82px);align-items:start;margin-bottom:clamp(52px,6vw,88px)}
.hrh-rights-intro .hrh-label{padding-top:11px;color:var(--hrh-blue)}
.hrh-rights h2,.hrh-zagreb h2,.hrh-cities h2,.hrh-arrival h2,.hrh-stories h2,.hrh-sources h2{margin:0;font-size:clamp(39px,4.5vw,70px);font-weight:700;line-height:.96;letter-spacing:-.046em}
.hrh-rights-intro>p:last-child{margin:8px 0 0;font-size:clamp(16px,1.2vw,19px);line-height:1.62}
.hrh-rights-media{position:relative;aspect-ratio:2.15/1;overflow:hidden;background:#bdd8cc}
.hrh-rights-media img{object-position:center 31%}
.hrh-ledger{margin:0 0 34px;border-top:1px solid var(--hrh-line)}
.hrh-ledger article{display:grid;grid-template-columns:minmax(100px,.22fr) minmax(0,1.78fr);gap:clamp(26px,5vw,76px);padding:27px 0;border-bottom:1px solid var(--hrh-line)}
.hrh-ledger time{color:var(--hrh-blue);font-size:clamp(26px,2.8vw,43px);font-weight:700;line-height:1}
.hrh-ledger h3{margin:0 0 8px;font-size:clamp(23px,2.3vw,35px);line-height:1.05;letter-spacing:-.035em}
.hrh-ledger p{max-width:900px;margin:0;font-size:16px;line-height:1.58}

.hrh-zagreb{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:760px;background:var(--hrh-blue);color:#fff}
.hrh-zagreb-media{position:relative;min-height:760px;overflow:hidden;background:#1b2150}
.hrh-zagreb-media img{object-position:center 28%}
.hrh-zagreb-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(72px,7vw,112px) var(--gutter)}
.hrh-zagreb-copy .hrh-label{color:var(--hrh-aqua)}
.hrh-zagreb h2{margin:18px 0 25px}
.hrh-zagreb-copy>p:not(.hrh-label){max-width:660px;margin:0 0 20px;font-size:clamp(16px,1.18vw,19px);line-height:1.62}
.hrh-zagreb-copy .hrh-link{margin-top:9px}

.hrh-cities{padding:clamp(82px,8vw,132px) var(--gutter);background:#fff}
.hrh-cities-head{display:grid;grid-template-columns:.28fr 1fr .7fr;gap:clamp(28px,5vw,82px);align-items:end;margin-bottom:clamp(48px,5vw,76px)}
.hrh-cities-head .hrh-label{align-self:start;padding-top:10px;color:var(--hrh-blue)}
.hrh-cities-head>p:last-child{margin:0;font-size:17px;line-height:1.58}
.hrh-city{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:520px;border-top:1px solid var(--hrh-line)}
.hrh-city figure{position:relative;min-height:520px;overflow:hidden;background:#d7e7ea}
.hrh-city figure img{object-position:center 38%}
.hrh-city>div{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(34px,4.2vw,68px)}
.hrh-city span{color:var(--hrh-blue);font-size:10px;font-weight:700;letter-spacing:.15em}
.hrh-city h3{max-width:650px;margin:20px 0 17px;font-size:clamp(29px,3.2vw,49px);line-height:1;letter-spacing:-.042em}
.hrh-city p{max-width:620px;margin:0;font-size:16px;line-height:1.6}
.hrh-city-rijeka{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);border-bottom:1px solid var(--hrh-line)}
.hrh-city-rijeka figure img{object-position:center 43%}
.hrh-city-link{margin-top:34px}

.hrh-arrival{display:grid;grid-template-columns:minmax(310px,.68fr) minmax(0,1.32fr);gap:clamp(50px,8vw,132px);padding:clamp(82px,8vw,132px) var(--gutter);background:var(--hrh-aqua);color:var(--hrh-ink)}
.hrh-arrival header .hrh-label{margin-bottom:19px;color:var(--hrh-blue)}
.hrh-arrival ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--hrh-line)}
.hrh-arrival li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--hrh-line)}
.hrh-arrival li>span{padding-top:6px;font-size:10px;font-weight:700;letter-spacing:.1em}
.hrh-arrival h3{margin:0 0 8px;font-size:clamp(22px,2.1vw,31px);line-height:1.05;letter-spacing:-.03em}
.hrh-arrival p{max-width:720px;margin:0;font-size:15px;line-height:1.56}

.hrh-stories{padding:clamp(82px,8vw,132px) var(--gutter);background:var(--hrh-paper)}
.hrh-stories header{display:grid;grid-template-columns:.28fr 1.72fr;gap:clamp(28px,5vw,82px);align-items:start;margin-bottom:48px}
.hrh-stories header .hrh-label{padding-top:10px;color:var(--hrh-blue)}
.hrh-stories nav{border-top:1px solid var(--hrh-line)}
.hrh-stories nav a{display:grid;grid-template-columns:46px minmax(260px,1fr) minmax(230px,.72fr) auto;gap:24px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--hrh-line);transition:padding .18s ease,background .18s ease,color .18s ease}
.hrh-stories nav a:hover,.hrh-stories nav a:focus-visible{padding-left:18px;padding-right:18px;background:var(--hrh-blue);color:#fff}
.hrh-stories nav span{font-size:10px}.hrh-stories nav strong{font-size:clamp(21px,2.2vw,34px);line-height:1.1}.hrh-stories nav em{font-size:14px;font-style:normal;line-height:1.45}.hrh-stories nav b{font-size:22px}

.hrh-sources{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,128px);padding:clamp(82px,8vw,132px) var(--gutter);background:var(--hrh-blue-deep);color:#fff}
.hrh-sources header .hrh-label{margin-bottom:19px;color:var(--hrh-aqua)}
.hrh-sources nav{align-self:start;border-top:1px solid rgba(255,255,255,.35)}
.hrh-sources nav a{display:grid;grid-template-columns:34px minmax(180px,.7fr) minmax(200px,1fr) auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.35)}
.hrh-sources nav span{font-size:9px}.hrh-sources nav strong{font-size:clamp(18px,1.7vw,25px)}.hrh-sources nav em{font-size:13px;font-style:normal;line-height:1.4}.hrh-sources>p{grid-column:2;max-width:680px;margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.78)}
.scene-hr-hr-page footer{background:#fff;color:var(--hrh-ink)}

@media(max-width:1050px){
  .hrh-rights-intro,.hrh-cities-head{grid-template-columns:.28fr 1fr}.hrh-rights-intro>p:last-child,.hrh-cities-head>p:last-child{grid-column:2}
  .hrh-zagreb{grid-template-columns:1fr}.hrh-zagreb-media{min-height:0;aspect-ratio:3/2}.hrh-zagreb-copy{min-height:560px}
  .hrh-city{grid-template-columns:1fr}.hrh-city figure{min-height:0;aspect-ratio:3/2}.hrh-city-rijeka>div{grid-row:2}.hrh-city-rijeka figure{grid-row:1}
  .hrh-arrival,.hrh-sources{grid-template-columns:1fr}.hrh-sources>p{grid-column:1}
}
@media(max-width:760px){
  .hrh-hero{min-height:0}.hrh-hero-media{position:relative;inset:auto;aspect-ratio:4/5;margin-top:0}.hrh-hero-media::after{background:linear-gradient(0deg,rgba(5,13,38,.7),transparent 48%)}.hrh-hero-media img{object-position:center 32%}
  .hrh-hero-copy{min-height:0;width:100%;padding:42px var(--gutter) 66px;background:var(--hrh-blue-deep)}
  .hrh-hero h1{font-size:clamp(43px,12.7vw,61px)}
  .hrh-rights,.hrh-cities,.hrh-arrival,.hrh-stories,.hrh-sources{padding-top:68px;padding-bottom:68px}
  .hrh-rights-intro,.hrh-cities-head,.hrh-stories header{grid-template-columns:1fr;gap:18px}.hrh-rights-intro>p:last-child,.hrh-cities-head>p:last-child{grid-column:1}
  .hrh-rights h2,.hrh-zagreb h2,.hrh-cities h2,.hrh-arrival h2,.hrh-stories h2,.hrh-sources h2{font-size:clamp(38px,11vw,54px)}
  .hrh-rights-media{aspect-ratio:4/3}.hrh-rights-media img{object-position:center 29%}
  .hrh-ledger article{grid-template-columns:1fr;gap:11px}
  .hrh-zagreb-media{aspect-ratio:4/5}.hrh-zagreb-media img{object-position:center 25%}.hrh-zagreb-copy{min-height:0;padding:64px var(--gutter)}
  .hrh-city figure{aspect-ratio:4/5}.hrh-city>div{padding:34px 0 50px}.hrh-city h3{font-size:34px}.hrh-city-rijeka figure{grid-row:1}.hrh-city-rijeka>div{grid-row:2}
  .hrh-arrival{gap:36px}.hrh-stories nav a{grid-template-columns:34px 1fr auto;gap:13px;padding:22px 0}.hrh-stories nav em{grid-column:2}.hrh-stories nav strong{font-size:21px}
  .hrh-sources{gap:38px}.hrh-sources nav a{grid-template-columns:28px 1fr auto;gap:11px}.hrh-sources nav em{grid-column:2}
}
@media(min-width:1700px){
  .hrh-hero-copy{width:min(100%,940px)}.hrh-rights,.hrh-cities,.hrh-arrival,.hrh-stories,.hrh-sources{padding-left:max(var(--gutter),calc((100vw - 1680px)/2));padding-right:max(var(--gutter),calc((100vw - 1680px)/2))}
  .hrh-city{min-height:600px}.hrh-city figure{min-height:600px}
}
@media(prefers-reduced-motion:no-preference){
  .hrh-hero-copy>*{animation:hrh-rise .55s both}.hrh-hero h1{animation-delay:.08s}.hrh-hero-copy>p:not(.hrh-label){animation-delay:.16s}.hrh-hero-copy .hrh-link{animation-delay:.24s}
  @keyframes hrh-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}