.scene-hr-page{--hr-blue:#006b87;--hr-coral:#f35f45;--hr-ink:#071922;--hr-paper:#f5f4ee;--hr-sky:#d8eef0;background:#fff;color:var(--hr-ink)}
.scene-hr-page .site-header{--accent:var(--hr-coral)}
.hr-hero{padding-top:var(--header);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);min-height:100svh;background:var(--hr-paper)}
.hr-hero-media{position:relative;min-height:calc(100svh - var(--header));overflow:hidden;background:#b6d8dc}.hr-hero-media img{object-position:center 43%}.hr-hero-media::after{content:"";position:absolute;inset:auto 0 0;height:23%;background:linear-gradient(0deg,rgba(0,28,37,.48),transparent)}
.hr-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(64px,7vw,112px) var(--gutter);border-left:12px solid var(--hr-coral)}
.hr-hero h1{max-width:720px;margin:18px 0 28px;font-size:clamp(53px,5.4vw,86px);font-weight:700;line-height:.91;letter-spacing:-.056em}.hr-hero-copy>p:not(.section-index){max-width:660px;margin:0 0 30px;font-size:clamp(17px,1.28vw,21px);line-height:1.57}
.hr-hero figcaption,.hr-zagreb figcaption,.hr-adriatic figcaption,.hr-image-break figcaption{position:absolute;right:14px;bottom:12px;z-index:2;padding:5px 7px;background:rgba(7,25,34,.76);color:#fff;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hr-reality{padding:clamp(86px,9vw,150px) var(--gutter);background:#fff}.hr-reality>header{display:grid;grid-template-columns:.38fr 1.62fr;gap:clamp(44px,8vw,128px);align-items:start}.hr-reality>header .section-index{padding-top:13px}.hr-reality h2,.hr-rights h2,.hr-zagreb h2,.hr-adriatic h2,.hr-stories h2,.hr-sources h2{margin:0;font-size:clamp(42px,5.1vw,80px);font-weight:700;line-height:.93;letter-spacing:-.052em}.hr-reality-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,6vw,92px);margin:62px 0 74px;padding-left:calc(38% + clamp(44px,8vw,128px) * .38)}.hr-reality-intro p{max-width:560px;margin:0;font-size:clamp(17px,1.3vw,21px);line-height:1.62}
.hr-figures{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(7,25,34,.35);border-bottom:1px solid rgba(7,25,34,.35)}.hr-figures article{padding:38px clamp(24px,3vw,50px) 44px;border-right:1px solid rgba(7,25,34,.35)}.hr-figures article:last-child{border-right:0}.hr-figures strong{display:block;color:var(--hr-blue);font-size:clamp(62px,7.5vw,118px);line-height:.85;letter-spacing:-.075em}.hr-figures p{max-width:330px;margin:22px 0 0;font-size:15px;line-height:1.5}
.hr-rights{padding:clamp(88px,9vw,148px) var(--gutter);background:var(--hr-ink);color:#fff}.hr-rights>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:clamp(44px,8vw,128px);margin-bottom:66px}.hr-rights>header .section-index{padding-top:13px}.hr-rights-list{margin:0 0 50px;border-top:1px solid rgba(255,255,255,.35)}.hr-rights-list article{display:grid;grid-template-columns:minmax(110px,.25fr) minmax(0,1.75fr);gap:clamp(34px,7vw,110px);padding:34px 0;border-bottom:1px solid rgba(255,255,255,.35)}.hr-rights-list span{color:var(--hr-coral);font-size:clamp(27px,3vw,47px);font-weight:700;line-height:1}.hr-rights-list h3{margin:0 0 10px;font-size:clamp(25px,2.7vw,43px);line-height:1;letter-spacing:-.04em}.hr-rights-list p{max-width:840px;margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.6}.hr-rights>.text-link{color:#fff}
.hr-zagreb{display:grid;grid-template-columns:minmax(430px,.88fr) minmax(0,1.12fr);min-height:800px;background:var(--hr-sky)}.hr-zagreb-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(74px,8vw,132px) var(--gutter)}.hr-zagreb h2{margin:18px 0 28px}.hr-zagreb-copy>p:not(.section-index){max-width:680px;margin:0 0 22px;font-size:clamp(17px,1.25vw,20px);line-height:1.63}.hr-zagreb-copy .text-link{margin-top:10px}.hr-zagreb figure{position:relative;overflow:hidden}.hr-zagreb figure img{object-position:center 45%}
.hr-adriatic{padding:clamp(88px,9vw,148px) var(--gutter);background:var(--hr-paper)}.hr-adriatic>header{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(48px,8vw,130px);align-items:end;margin-bottom:66px}.hr-adriatic>header p:last-child{max-width:660px;margin:0;font-size:18px;line-height:1.63}.hr-adriatic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,3.5vw,58px);margin-bottom:44px}.hr-adriatic-grid article{display:grid;grid-template-columns:minmax(180px,.47fr) minmax(0,.53fr);min-height:520px;background:#fff}.hr-adriatic-grid figure{position:relative;overflow:hidden}.hr-adriatic-grid figure img{object-position:center 34%}.hr-adriatic-grid article>div{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(30px,3.4vw,54px)}.hr-adriatic-grid span{color:var(--hr-blue);font-size:10px;font-weight:700;letter-spacing:.14em}.hr-adriatic-grid h3{margin:24px 0 18px;font-size:clamp(27px,2.8vw,44px);line-height:1;letter-spacing:-.045em}.hr-adriatic-grid p{margin:0;font-size:16px;line-height:1.58}
.hr-image-break{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);min-height:720px;background:var(--hr-coral)}.hr-image-break figure{position:relative;overflow:hidden}.hr-image-break img{object-position:center 44%}.hr-image-break blockquote{display:flex;flex-direction:column;justify-content:center;margin:0;padding:clamp(70px,8vw,140px) var(--gutter)}.hr-image-break blockquote p{margin:0;font-size:clamp(45px,5.6vw,86px);font-weight:700;line-height:.93;letter-spacing:-.055em}.hr-image-break cite{margin-top:38px;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.13em}
.hr-stories{padding:clamp(86px,9vw,146px) var(--gutter);background:#fff}.hr-stories header{display:grid;grid-template-columns:.4fr 1.6fr;gap:clamp(44px,7vw,110px);margin-bottom:54px}.hr-stories header .section-index{padding-top:14px}.hr-stories nav{border-top:1px solid rgba(7,25,34,.36)}.hr-stories nav a{display:grid;grid-template-columns:58px minmax(280px,1fr) minmax(240px,.72fr) auto;gap:26px;align-items:center;padding:29px 10px;border-bottom:1px solid rgba(7,25,34,.36);transition:padding .18s ease,background .18s ease,color .18s ease}.hr-stories nav a:hover,.hr-stories nav a:focus-visible{padding-left:22px;padding-right:22px;background:var(--hr-blue);color:#fff}.hr-stories nav span{font-size:10px}.hr-stories nav strong{font-size:clamp(22px,2.3vw,36px);line-height:1.1}.hr-stories nav em{font-size:14px;line-height:1.45;font-style:normal}.hr-stories nav b{font-size:24px}
.hr-sources{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:clamp(54px,8vw,130px);padding:clamp(84px,9vw,146px) var(--gutter);background:var(--hr-blue);color:#fff}.hr-sources header h2{margin-top:18px}.hr-sources nav{align-self:center}.hr-sources nav a{display:grid;grid-template-columns:38px minmax(180px,.8fr) minmax(180px,1fr) auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.4)}.hr-sources nav a:first-child{border-top:1px solid rgba(255,255,255,.4)}.hr-sources nav span{font-size:9px}.hr-sources nav strong{font-size:clamp(18px,1.7vw,26px)}.hr-sources nav em{font-size:13px;line-height:1.4;font-style:normal}.scene-hr-page footer{background:var(--hr-coral);color:var(--hr-ink)}
@media(max-width:1150px){.hr-adriatic-grid article{grid-template-columns:1fr}.hr-adriatic-grid figure{aspect-ratio:3/2}.hr-adriatic-grid article>div{min-height:300px}}
@media(max-width:1000px){.hr-hero{display:flex;flex-direction:column;min-height:0}.hr-hero-media{min-height:0;aspect-ratio:3/2}.hr-hero-copy{border-left:0;border-top:10px solid var(--hr-coral);padding:58px var(--gutter) 76px}.hr-reality>header,.hr-reality-intro,.hr-rights>header,.hr-adriatic>header,.hr-stories header,.hr-sources{grid-template-columns:1fr}.hr-reality-intro{padding-left:0}.hr-zagreb{grid-template-columns:1fr;min-height:0}.hr-zagreb figure{aspect-ratio:3/2}.hr-adriatic-grid{grid-template-columns:1fr}.hr-image-break{grid-template-columns:1fr;min-height:0}.hr-image-break figure{aspect-ratio:3/2}.hr-stories nav a{grid-template-columns:44px 1fr auto}.hr-stories nav em{grid-column:2}.hr-sources nav a{grid-template-columns:34px minmax(170px,.8fr) minmax(160px,1fr) auto}}
@media(max-width:680px){.hr-hero h1{font-size:clamp(43px,13vw,62px)}.hr-hero-media{aspect-ratio:4/5}.hr-hero-media img{object-position:center 45%}.hr-reality,.hr-rights,.hr-adriatic,.hr-stories,.hr-sources{padding-top:72px;padding-bottom:72px}.hr-reality h2,.hr-rights h2,.hr-zagreb h2,.hr-adriatic h2,.hr-stories h2,.hr-sources h2{font-size:clamp(38px,11.7vw,56px)}.hr-reality-intro{grid-template-columns:1fr;margin:42px 0 54px}.hr-figures{grid-template-columns:1fr}.hr-figures article{border-right:0;border-bottom:1px solid rgba(7,25,34,.35)}.hr-figures article:last-child{border-bottom:0}.hr-rights-list article{grid-template-columns:1fr;gap:14px}.hr-zagreb-copy{padding:68px var(--gutter)}.hr-zagreb figure{aspect-ratio:4/5}.hr-adriatic-grid article>div{min-height:0}.hr-adriatic-grid figure{aspect-ratio:4/5}.hr-image-break figure{aspect-ratio:4/5}.hr-image-break blockquote{padding:72px var(--gutter)}.hr-image-break blockquote p{font-size:clamp(43px,13vw,66px)}.hr-stories nav a{grid-template-columns:34px 1fr auto;gap:14px;padding:23px 0}.hr-stories nav strong{font-size:22px}.hr-sources nav a{grid-template-columns:28px 1fr auto;gap:12px}.hr-sources nav em{grid-column:2}}
@media(prefers-reduced-motion:no-preference){.hr-hero-copy>*{animation:hr-rise .55s both}.hr-hero-copy h1{animation-delay:.08s}.hr-hero-copy>p:not(.section-index){animation-delay:.16s}.hr-hero-copy .text-link{animation-delay:.24s}@keyframes hr-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}