/* Reuse Ivica's O meni layout while giving Marko his own portrait and background. */
body.marko-about-page{background-image:linear-gradient(180deg,rgba(5,13,17,.7),rgba(4,17,21,.86)),url("img/marko-hero-v180.jpg")!important;background-position:center 47%!important;background-size:cover!important;background-attachment:fixed!important}
body.marko-about-page .marko-about-back{margin:0 auto 28px;align-self:center}
body.marko-about-page .about-coaching-hero__inner{display:flex;flex-direction:column;align-items:flex-start}
body.marko-about-page .about-coaching-hero__inner .eyebrow{display:block}
body.marko-about-page .about-coaching-tags{display:flex;gap:12px;align-items:center}
body.marko-about-page .about-story-card h2,body.marko-about-page .coaching-fit-glass-card h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:10px 0 18px;color:#fff}
body.marko-about-page .about-story-card p+p{margin-top:14px}
body.marko-about-page .about-photo-card-v84__frame img{object-position:center 38%}
body.marko-about-page .marko-about-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:700px){body.marko-about-page{background:#10191d!important}body.marko-about-page::before{background:linear-gradient(180deg,rgba(5,13,17,.6),rgba(4,17,21,.87)),url("img/marko-hero-v180.jpg") 55% center/cover no-repeat!important}body.marko-about-page .marko-about-back{margin-bottom:24px}body.marko-about-page .about-coaching-hero__inner{text-align:center;align-items:center}body.marko-about-page .marko-about-back{align-self:center}body.marko-about-page .about-coaching-tags{justify-content:center}body.marko-about-page .marko-about-actions{justify-content:center}}

/* Let the single stationary Marko background remain visible through the hero. */
body.marko-about-page .about-coaching-hero{
 background:linear-gradient(90deg,rgba(4,10,14,.88) 0%,rgba(4,10,14,.65) 42%,rgba(4,10,14,.17) 100%),linear-gradient(180deg,rgba(4,10,14,.08),rgba(4,10,14,.55))!important;
}
body.marko-about-page::before{
 background:linear-gradient(180deg,rgba(4,10,14,.62),rgba(4,10,14,.82)),url("img/marko-hero-v180.jpg") center 44%/cover no-repeat!important;
}
@media(max-width:699px){
 body.marko-about-page .about-coaching-hero{
  background:linear-gradient(180deg,rgba(4,10,14,.08) 0%,rgba(4,10,14,.18) 35%,rgba(4,10,14,.85) 74%,rgba(4,10,14,.96) 100%)!important;
 }
 body.marko-about-page::before{background:linear-gradient(180deg,rgba(4,10,14,.5),rgba(4,10,14,.82)),url("img/marko-hero-v180.jpg") 57% center/cover no-repeat!important}
}

/* Desktop-only alignment on Marko's About page. */
@media(min-width:980px){
 body.marko-about-page .about-coaching-tags{align-self:center;justify-content:center}
 body.marko-about-page .about-story-grid-v84 .about-photo-card-v84{height:440px;min-height:0}
 body.marko-about-page .about-story-grid-v84 .about-photo-card-v84__frame{height:100%}
 body.marko-about-page .about-story-grid-v84 .about-photo-card-v84 img{height:100%;min-height:0}
}