/* O društvu — human/editorial pass. Scoped to this page only. */

.about-human-page{
  --about-paper:#eee9dd;
  --about-paper-2:#e3ddcf;
  --about-ink:#1c1c18;
  --about-muted:#666358;
  --about-line:rgba(28,28,24,.22);
  --about-rust:#a65135;
  --about-moss:#5f6845;
  --about-gold:#bc914d;
  background:var(--about-paper) !important;
  color:var(--about-ink) !important;
}

.about-human-page .footer{
  background:#181a17;
  color:#d8d2c5;
  border-top:0;
}

.about-human-page .sov-about-main{
  overflow:hidden;
  background:var(--about-paper);
}

.about-human-page .sov-about-hero{
  position:relative;
  min-height:min(790px,86vh);
  display:flex;
  align-items:flex-end;
  isolation:isolate;
  background-image:
    linear-gradient(180deg,rgba(8,10,8,.14) 0%,rgba(8,10,8,.2) 34%,rgba(8,10,8,.84) 100%),
    url('news/jutarnje-zagrijavanje_gorana-peric.jpg');
  background-size:cover;
  background-position:center 48%;
  color:#fff;
}

.about-human-page .sov-about-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(8,10,8,.55));
  pointer-events:none;
}

.about-human-page .sov-about-hero-inner{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:150px 0 66px;
}

.about-human-page .sov-about-kicker{
  display:block;
  margin:0 0 18px;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#f2c97a;
}

.about-human-page .sov-about-hero h1{
  max-width:930px;
  margin:0;
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-size:clamp(58px,9vw,128px);
  line-height:.88;
  letter-spacing:-.072em;
  text-wrap:balance;
  color:#fff;
}

.about-human-page .sov-about-hero-lead{
  max-width:710px;
  margin:30px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(20px,2.4vw,30px);
  line-height:1.42;
  color:#f2eee5;
}

.about-human-page .sov-about-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.about-human-page .sov-about-actions a{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:2px;
  background:transparent !important;
  color:#fff !important;
  text-decoration:none;
  font-weight:850;
  box-shadow:none !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.about-human-page .sov-about-actions a:first-child{
  background:#f0b45d !important;
  border-color:#f0b45d;
  color:#171711 !important;
}

.about-human-page .sov-about-actions a:hover{
  background:#fff !important;
  border-color:#fff;
  color:#171711 !important;
}

.about-human-page .sov-about-photo-credit{
  position:absolute;
  right:22px;
  bottom:18px;
  font-size:11px;
  letter-spacing:.04em;
  color:rgba(255,255,255,.72);
}

.about-human-page .sov-about-nav{
  position:relative;
  z-index:5;
  display:flex;
  justify-content:center;
  gap:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  background:#1a1c18;
  border:0;
}

.about-human-page .sov-about-nav::-webkit-scrollbar{display:none}

.about-human-page .sov-about-nav a{
  flex:0 0 auto;
  padding:17px 20px;
  border-right:1px solid rgba(255,255,255,.13);
  color:#e9e4d8;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.03em;
}

.about-human-page .sov-about-nav a:hover{
  background:#292c25;
  color:#fff;
}

.about-human-page .sov-about-section{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:98px 0;
  scroll-margin-top:90px;
}

.about-human-page .sov-about-editorial{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.65fr);
  gap:70px;
  align-items:start;
}

.about-human-page .sov-about-section-label{
  position:sticky;
  top:100px;
  padding-top:7px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--about-rust);
}

.about-human-page .sov-about-copy h2,
.about-human-page .sov-about-section-heading h2,
.about-human-page .sov-about-leadership h2,
.about-human-page .sov-about-history h2,
.about-human-page .sov-about-duh h2{
  margin:0;
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-size:clamp(42px,5.8vw,78px);
  line-height:.96;
  letter-spacing:-.055em;
  color:var(--about-ink);
  text-wrap:balance;
}

.about-human-page .sov-about-copy p{
  max-width:800px;
  margin:30px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(20px,2vw,27px);
  line-height:1.62;
  color:#302f29;
}

.about-human-page .sov-about-copy p:first-of-type{
  margin-top:34px;
}

.about-human-page .sov-about-copy .sov-about-small{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.72;
  color:var(--about-muted);
}

.about-human-page .sov-about-work{
  border-top:1px solid var(--about-line);
  border-bottom:1px solid var(--about-line);
}

.about-human-page .sov-about-work-row{
  display:grid;
  grid-template-columns:80px minmax(180px,.75fr) minmax(0,1.5fr);
  gap:32px;
  align-items:start;
  padding:32px 0;
  border-top:1px solid var(--about-line);
}

.about-human-page .sov-about-work-row:first-child{border-top:0}

.about-human-page .sov-about-work-row span{
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  font-style:italic;
  color:var(--about-rust);
}

.about-human-page .sov-about-work-row h3{
  margin:0;
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.04em;
  color:var(--about-ink);
}

.about-human-page .sov-about-work-row p{
  margin:0;
  font-size:17px;
  line-height:1.7;
  color:#4e4b43;
}

.about-human-page .sov-about-photos{
  width:min(1380px,calc(100% - 32px));
  margin:0 auto;
  padding:10px 0 110px;
}

.about-human-page .sov-about-photo-grid{
  display:grid;
  grid-template-columns:1.45fr .8fr;
  grid-template-rows:auto auto;
  gap:12px;
}

.about-human-page .sov-about-photo-grid figure{
  position:relative;
  min-height:300px;
  margin:0;
  overflow:hidden;
  background:#222;
}

.about-human-page .sov-about-photo-grid figure:first-child{
  grid-row:1 / span 2;
  min-height:680px;
}

.about-human-page .sov-about-photo-grid img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .5s ease;
}

.about-human-page .sov-about-photo-grid figure:hover img{transform:scale(1.018)}

.about-human-page .sov-about-photo-grid figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:46px 18px 16px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.76));
  color:#fff;
  font-size:13px;
  line-height:1.45;
}

.about-human-page .sov-about-leadership-wrap{
  background:#20221d;
  color:#f1ede4;
}

.about-human-page .sov-about-leadership{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:100px 0;
  scroll-margin-top:90px;
}

.about-human-page .sov-about-leadership h2{color:#fff}

.about-human-page .sov-about-leadership-intro{
  max-width:680px;
  margin:22px 0 52px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.55;
  color:#cfc9bc;
}

.about-human-page .sov-about-leadership-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);
  gap:70px;
}

.about-human-page .sov-about-roles{
  border-top:1px solid rgba(255,255,255,.28);
}

.about-human-page .sov-about-role{
  display:grid;
  grid-template-columns:minmax(130px,.55fr) minmax(0,1fr);
  gap:24px;
  padding:21px 0;
  border-bottom:1px solid rgba(255,255,255,.2);
}

.about-human-page .sov-about-role span{
  color:#bfb9ab;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.about-human-page .sov-about-role strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  font-weight:400;
  color:#fff;
}

.about-human-page .sov-about-leadership-links{
  display:flex;
  flex-direction:column;
  align-self:start;
  border-top:1px solid rgba(255,255,255,.28);
}

.about-human-page .sov-about-leadership-links a{
  display:block;
  padding:22px 0;
  border-bottom:1px solid rgba(255,255,255,.2);
  color:#fff;
  text-decoration:none;
}

.about-human-page .sov-about-leadership-links strong{
  display:block;
  margin-bottom:8px;
  font-size:17px;
}

.about-human-page .sov-about-leadership-links span{
  display:block;
  color:#bfb9ab;
  font-size:14px;
  line-height:1.55;
}

.about-human-page .sov-about-history{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:110px 0;
  scroll-margin-top:90px;
}

.about-human-page .sov-about-section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
  gap:60px;
  align-items:end;
  margin-bottom:56px;
}

.about-human-page .sov-about-section-heading p{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.55;
  color:#514e45;
}

.about-human-page .sov-about-history-list{
  border-top:1px solid var(--about-line);
}

.about-human-page .sov-about-history-link{
  display:grid;
  grid-template-columns:70px minmax(200px,.65fr) minmax(0,1.3fr) 28px;
  gap:28px;
  align-items:center;
  padding:26px 0;
  border-bottom:1px solid var(--about-line);
  color:var(--about-ink);
  text-decoration:none;
}

.about-human-page .sov-about-history-link .index{
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  color:var(--about-rust);
}

.about-human-page .sov-about-history-link strong{
  font-size:20px;
}

.about-human-page .sov-about-history-link span:not(.index):not(.arrow){
  color:var(--about-muted);
  line-height:1.55;
}

.about-human-page .sov-about-history-link .arrow{
  font-size:22px;
  transition:transform .18s ease;
}

.about-human-page .sov-about-history-link:hover .arrow{transform:translateX(5px)}

.about-human-page .sov-about-velebiten{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:10px 0 110px;
  scroll-margin-top:90px;
}

.about-human-page .sov-about-velebiten-card{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);
  min-height:520px;
  background:#c5a96a;
}

.about-human-page .sov-about-velebiten-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.88) contrast(1.02);
}

.about-human-page .sov-about-velebiten-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:58px;
}

.about-human-page .sov-about-velebiten-copy h2{
  margin:0;
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-size:clamp(50px,6vw,88px);
  line-height:.9;
  letter-spacing:-.06em;
  color:#171710;
}

.about-human-page .sov-about-velebiten-copy p{
  max-width:590px;
  margin:26px 0 30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.58;
  color:#2f2b20;
}

.about-human-page .sov-about-text-link{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:10px;
  padding-bottom:5px;
  border-bottom:2px solid currentColor;
  color:#171710 !important;
  text-decoration:none;
  font-weight:900;
}

.about-human-page .sov-about-duh-wrap{
  position:relative;
  background:
    linear-gradient(90deg,rgba(16,18,14,.94),rgba(16,18,14,.78) 52%,rgba(16,18,14,.34)),
    url('news/demonstracija-tehnickog-penjanja_gorana-peric.jpg') center 42%/cover no-repeat;
  color:#fff;
}

.about-human-page .sov-about-duh{
  width:min(1180px,calc(100% - 48px));
  min-height:660px;
  margin:0 auto;
  padding:110px 0;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);
  gap:90px;
  align-items:end;
  scroll-margin-top:90px;
}

.about-human-page .sov-about-duh h2{color:#fff}

.about-human-page .sov-about-duh p{
  max-width:690px;
  margin:27px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(21px,2vw,29px);
  line-height:1.54;
  color:#eee9df;
}

.about-human-page .sov-about-meeting{
  align-self:end;
  padding:25px 0 0;
  border-top:1px solid rgba(255,255,255,.5);
}

.about-human-page .sov-about-meeting small{
  display:block;
  margin-bottom:10px;
  color:#c7c1b5;
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.about-human-page .sov-about-meeting strong{
  display:block;
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-size:32px;
  line-height:1;
  color:#fff;
}

.about-human-page .sov-about-meeting span{
  display:block;
  margin:12px 0 20px;
  color:#ddd7cb;
  line-height:1.55;
}

.about-human-page .sov-about-meeting a{
  color:#f3c978 !important;
  text-decoration:none;
  font-weight:850;
}

@media (max-width:900px){
  .about-human-page .sov-about-hero{min-height:76vh;background-position:58% center}
  .about-human-page .sov-about-hero-inner{width:min(100% - 34px,1180px);padding:130px 0 44px}
  .about-human-page .sov-about-hero h1{font-size:clamp(51px,16vw,78px);max-width:650px}
  .about-human-page .sov-about-hero-lead{font-size:20px;line-height:1.45;max-width:590px}
  .about-human-page .sov-about-photo-credit{right:14px;bottom:10px;font-size:10px}
  .about-human-page .sov-about-nav{justify-content:flex-start}
  .about-human-page .sov-about-nav a{padding:15px 16px}
  .about-human-page .sov-about-section,
  .about-human-page .sov-about-leadership,
  .about-human-page .sov-about-history,
  .about-human-page .sov-about-velebiten,
  .about-human-page .sov-about-duh{width:min(100% - 34px,1180px)}
  .about-human-page .sov-about-section{padding:72px 0}
  .about-human-page .sov-about-editorial,
  .about-human-page .sov-about-section-heading,
  .about-human-page .sov-about-leadership-grid,
  .about-human-page .sov-about-duh{grid-template-columns:1fr;gap:34px}
  .about-human-page .sov-about-section-label{position:static}
  .about-human-page .sov-about-copy h2,
  .about-human-page .sov-about-section-heading h2,
  .about-human-page .sov-about-leadership h2,
  .about-human-page .sov-about-history h2,
  .about-human-page .sov-about-duh h2{font-size:clamp(40px,12vw,64px)}
  .about-human-page .sov-about-copy p{font-size:19px;line-height:1.58}
  .about-human-page .sov-about-work-row{grid-template-columns:52px 1fr;gap:16px 18px;padding:25px 0}
  .about-human-page .sov-about-work-row p{grid-column:2;font-size:16px}
  .about-human-page .sov-about-photos{width:100%;padding-bottom:76px}
  .about-human-page .sov-about-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:5px}
  .about-human-page .sov-about-photo-grid figure:first-child{grid-column:1 / -1;grid-row:auto;min-height:430px}
  .about-human-page .sov-about-photo-grid figure{min-height:250px}
  .about-human-page .sov-about-leadership{padding:78px 0}
  .about-human-page .sov-about-role{grid-template-columns:118px 1fr;gap:15px}
  .about-human-page .sov-about-role strong{font-size:21px}
  .about-human-page .sov-about-history{padding:78px 0}
  .about-human-page .sov-about-section-heading{align-items:start;margin-bottom:35px}
  .about-human-page .sov-about-history-link{grid-template-columns:44px 1fr 24px;gap:14px;padding:22px 0}
  .about-human-page .sov-about-history-link span:not(.index):not(.arrow){grid-column:2}
  .about-human-page .sov-about-history-link .arrow{grid-column:3;grid-row:1 / span 2}
  .about-human-page .sov-about-velebiten{padding:0 0 76px}
  .about-human-page .sov-about-velebiten-card{grid-template-columns:1fr;min-height:0}
  .about-human-page .sov-about-velebiten-card img{height:380px}
  .about-human-page .sov-about-velebiten-copy{padding:40px 28px 45px}
  .about-human-page .sov-about-duh{min-height:610px;padding:82px 0;align-content:end}
}

@media (max-width:560px){
  .about-human-page .sov-about-hero{min-height:700px;background-position:62% center}
  .about-human-page .sov-about-hero h1{font-size:54px;line-height:.9}
  .about-human-page .sov-about-hero-lead{font-size:18px}
  .about-human-page .sov-about-actions{display:grid;grid-template-columns:1fr;margin-right:48px}
  .about-human-page .sov-about-actions a{justify-content:center}
  .about-human-page .sov-about-photo-grid{grid-template-columns:1fr}
  .about-human-page .sov-about-photo-grid figure:first-child{grid-column:auto;min-height:390px}
  .about-human-page .sov-about-photo-grid figure{min-height:300px}
  .about-human-page .sov-about-role{grid-template-columns:1fr;gap:6px}
  .about-human-page .sov-about-role strong{font-size:23px}
  .about-human-page .sov-about-velebiten-card img{height:310px}
  .about-human-page .sov-about-velebiten-copy h2{font-size:50px}
}