/* Premium 2: ista stranica kao Premium, ali sekcije se stapaju. Dekoracije prelaze granice sekcija,
   velika notacija poteza u pozadini, zlatna "linija" s konjem veže cijelu stranicu. Učitava se samo na premium.html */

body{background:transparent} /* boju daje html, inače body prekrije dekoracije sa z-index < 0 */
main{position:relative}
.sec{isolation:auto}
.sec>.wrap{position:relative;z-index:1}

/* bez ravnih traka: tople mrlje umjesto pojaseva od ruba do ruba */
.warm::before{inset:-22% 0;background:radial-gradient(ellipse 46% 42% at 24% 50%,rgba(122,82,51,.26),transparent 72%)}
.warm.r::before{background:radial-gradient(ellipse 46% 42% at 76% 52%,rgba(122,82,51,.24),transparent 72%)}
.zad{background:radial-gradient(ellipse 42% 50% at 26% 50%,rgba(207,169,119,.16),transparent 72%)}
.tur,.upis,.nov{overflow:visible}
.tur__band{isolation:auto}

/* velika notacija poteza iza svake sekcije */
.bign{position:absolute;z-index:-1;top:clamp(30px,4vw,80px);right:calc(var(--pad) * .6);pointer-events:none;user-select:none;white-space:nowrap;
  font:800 clamp(130px,17vw,330px)/.8 var(--f-d);font-variation-settings:"wdth" 125;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1px rgba(217,168,78,.12);transform:translate3d(0,var(--py,0px),0);
  -webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 95%);mask-image:linear-gradient(180deg,#000 35%,transparent 95%)}
.bign--l{right:auto;left:calc(var(--pad) * .6)}
.zad .bign,.tur .bign{right:auto;left:calc(var(--pad) * .6)}
.zad .bign{left:auto;right:calc(var(--pad) * .6)}

/* dekoracije: velike, meki rubovi, izlaze iz svoje sekcije */
.dk--kraljica{left:-5vw;top:-18%;width:min(44vw,820px);aspect-ratio:800/993;opacity:.62;
  -webkit-mask-image:radial-gradient(ellipse 50% 52% at 50% 46%,#000 34%,transparent 100%);mask-image:radial-gradient(ellipse 50% 52% at 50% 46%,#000 34%,transparent 100%)}
.dk--ploca{right:-8vw;top:-14%;width:min(56vw,1080px);aspect-ratio:2000/1744;opacity:.4;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 28%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 28%,transparent 100%)}
.dk--konj{left:0;right:0;top:-30%;height:min(70vw,1200px);opacity:.55;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 46%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 46%,#000 30%,transparent 100%)}
.dk--konj img{object-position:50% 40%}
.dk--profil{top:-4%} /* ne ulazi u Treninge */

/* KLUB: kralj nije slika u okviru, nego velika figura koja se spušta prema Školi */
.klub{padding-bottom:clamp(40px,4vw,80px)}
.klub .checker{inset:-10% 0}
.klub__img{z-index:-1;margin-bottom:-22%;transform:scale(1.18);transform-origin:60% 30%}
.klub__img img{-webkit-mask-image:radial-gradient(ellipse 52% 56% at 58% 46%,#000 34%,transparent 100%);mask-image:radial-gradient(ellipse 52% 56% at 58% 46%,#000 34%,transparent 100%)}
.klub__img.reveal{transform:scale(1.18) translateY(28px)}
.klub__img.reveal.in{transform:scale(1.18)}
.klub__quote{bottom:30%}

/* ŠKOLA: programi kao polja ploče 2x2 */
.skola__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}
.skola__txt{position:relative;padding-top:clamp(40px,8vw,160px);padding-bottom:clamp(40px,8vw,160px)}
.cb{display:grid;grid-template-columns:1fr 1fr;border-radius:6px;overflow:hidden;
  box-shadow:0 70px 140px -40px rgba(0,0,0,.95),0 0 0 12px #3B2819,0 0 0 13px rgba(207,169,119,.35),0 0 0 14px #1A120C}
.cb__i{position:relative;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:1;padding:clamp(24px,2.4vw,44px);
  background:var(--sq-d);background-image:repeating-linear-gradient(97deg,rgba(255,240,215,.04) 0 2px,transparent 2px 9px),linear-gradient(160deg,rgba(255,255,255,.06),rgba(0,0,0,.16));color:#FFF6E8}
.cb__i.l{background-color:var(--sq-l);color:#24170D}
.cb__sq{position:absolute;top:16px;right:18px;font:500 12px/1 var(--f-m);letter-spacing:.08em;opacity:.6}
.cb__g{position:absolute;right:-.02em;bottom:-.16em;font:400 clamp(150px,13vw,250px)/1 var(--f-p);opacity:.16;transition:transform .7s var(--ease),opacity .5s}
.cb__i:hover .cb__g{transform:translateY(-10px);opacity:.28}
.cb__i .prog__age{margin:0;color:#F3D28F}
.cb__i.l .prog__age{color:#6B4320}
.cb__i h3{margin-top:14px;font-size:clamp(26px,2.1vw,38px)}
.cb__i p{margin-top:auto;padding-top:18px;font-size:15px;line-height:1.55;max-width:34ch;opacity:.86}
.cb__i .prog__meta{margin-top:16px;color:inherit;opacity:.9}
.cb__i .prog__meta svg{color:currentColor}

/* TURNIRI: sat kao dekoracija iza velikog naslova */
.tur__bg--sat{left:auto;width:min(58vw,1050px);right:-4vw;top:-6%;bottom:auto;aspect-ratio:1}
.tur__bg--sat img{object-position:50% 60%;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 54%,#000 34%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 54%,#000 34%,transparent 100%)}
.tur__bg--sat::after{display:none}

/* IGRAČI: kartice stepenasto, kao figure na različitim redovima; stakleno preko konja */
.igr{align-items:start}
.igr__c{background:linear-gradient(160deg,rgba(32,26,22,.72),rgba(15,13,11,.72));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.igr__c:nth-child(even){margin-top:72px}

/* TRENINZI: mirna sekcija, bez dekoracija (Rene: previše) */
.slot{background:rgba(31,25,21,.82)}

/* UPIS: pješaci se penju iz kalendara */
.upis__bg{inset:-18% 0 0}

/* zlatna linija: kicker svake sekcije je čvor, konj klizi po njoj */
.p2file{position:absolute;z-index:2;left:calc(max(0px,(100% - var(--wrap)) / 2) + var(--pad) * .42);width:1px;pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--line2) 4%,var(--line2) 96%,transparent)}
.p2file__fill{position:absolute;left:0;top:0;width:1px;height:var(--f,0px);background:linear-gradient(180deg,transparent,var(--gold) 120px);box-shadow:0 0 12px rgba(217,168,78,.5)}
.p2file__k{position:absolute;left:-11px;top:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--f,0px) - 11px));
  font:400 20px/1 var(--f-p);color:var(--gold);text-shadow:0 0 12px var(--gold),0 0 2px #000}
.p2file b{position:absolute;left:-5px;width:11px;height:11px;margin-top:-5px;background:var(--bg);border:1px solid var(--line2);transform:rotate(45deg);transition:background .4s,border-color .4s,box-shadow .4s}
.p2file b.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px var(--gold)}

@media (max-width:1180px){
  .igr__c:nth-child(even){margin-top:0}
  .cb__i p{display:none}
}
@media (max-width:980px){.p2file{display:none}}
@media (prefers-reduced-motion:reduce){.bign{transform:none}}