/* začetek 20 let obletnica css kode */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');
.ob20-wrap{--navy:#060f2b;--navy-light:#101c47;--navy-card:#0c1638;--crimson:#c81249;--crimson-dark:#8f0d35;--gold:#c9a227;--cream:#f5f1e8;--muted:#aab0c6;--space-sm:10px;--space-base:70px;--space-lg:110px;font-family:'Inter',sans-serif;color:var(--cream);background:var(--navy);overflow:hidden;}
.ob20-wrap *{box-sizing:border-box;}
.ob20-wrap h1,.ob20-wrap h2,.ob20-wrap h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0;color:var(--cream);}
.ob20-wrap p{margin:0;line-height:1.65;color:var(--muted);}
.ob20-hero{position:relative;background:var(--navy);padding:var(--space-lg) 24px var(--space-base);text-align:center;overflow:hidden;}
.ob20-hero-bgnum{position:absolute;top:-6vw;left:50%;transform:translateX(-50%);font-family:'Anton',sans-serif;font-size:min(48vw,620px);line-height:1;color:var(--crimson);opacity:.16;white-space:nowrap;pointer-events:none;user-select:none;}
.ob20-hero-inner{position:relative;max-width:780px;margin:0 auto;}
.ob20-hero-badge{display:inline-block;padding:8px 18px;border:1px solid rgba(245,241,232,.25);border-radius:999px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);margin-bottom:28px;}
.ob20-hero-title{font-size:clamp(42px,8vw,88px);line-height:.95;margin-bottom:22px;}
.ob20-hero-title-accent{display:block;color:var(--crimson);font-size:.42em;letter-spacing:.02em;margin-top:10px;}
.ob20-hero-sub{max-width:520px;margin:0 auto;font-size:17px;color:var(--muted);}
.ob20-hero-divider{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px;}
.ob20-hero-divider-line{width:70px;height:1px;background:rgba(245,241,232,.25);}
.ob20-hero-ball{width:32px;height:32px;color:var(--crimson);}
.ob20-intro{padding:0 24px;margin-top:calc(-1 * var(--space-sm));}
.ob20-intro-card{max-width:820px;margin:0 auto;background:var(--crimson);border-radius:22px;padding:44px clamp(24px,5vw,56px);box-shadow:0 30px 60px -25px rgba(200,18,73,.5);}
.ob20-intro-card p{color:#fdf1f4;font-size:16px;}
.ob20-intro-card p+p{margin-top:16px;}
.ob20-section-head{max-width:900px;margin:0 auto 44px;padding:0 24px;text-align:center;}
.ob20-eyebrow{display:block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:600;}
.ob20-section-title{font-size:clamp(28px,4vw,42px);}
.ob20-timeline-section{padding:var(--space-lg) 24px var(--space-base);max-width:900px;margin:0 auto;}
.ob20-timeline{position:relative;padding-left:70px;}
.ob20-timeline-line{position:absolute;left:23px;top:6px;bottom:6px;width:2px;background:linear-gradient(to bottom,var(--crimson),rgba(200,18,73,.15));}
.ob20-titem{position:relative;margin-bottom:52px;}
.ob20-titem:last-child{margin-bottom:0;}
.ob20-tyear{position:absolute;left:-70px;top:0;width:48px;height:48px;border-radius:50%;background:var(--navy-card);border:2px solid var(--crimson);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:.02em;text-align:center;color:var(--cream);}
.ob20-tyear--gold{border-color:var(--gold);}
.ob20-tyear span{padding:0 2px;}
.ob20-tcontent{background:var(--navy-card);border:1px solid rgba(245,241,232,.08);border-radius:18px;padding:28px clamp(20px,4vw,32px);}
.ob20-tcontent h3{font-size:24px;margin-bottom:12px;}
.ob20-tcontent p{font-size:15px;}
.ob20-titem--milestone .ob20-tcontent{border-color:rgba(201,162,39,.4);background:linear-gradient(160deg,var(--navy-card),rgba(201,162,39,.08));}
.ob20-photo{margin-top:18px;border:1.5px dashed rgba(245,241,232,.3);border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;}
.ob20-photo-icon{font-size:22px;opacity:.7;}
.ob20-photo-label{font-size:12.5px;color:var(--muted);letter-spacing:.02em;}
.ob20-highlights{padding:var(--space-base) 24px;background:var(--navy-light);}
.ob20-hl-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.ob20-hl-card{background:var(--navy-card);border:1px solid rgba(245,241,232,.08);border-radius:18px;padding:32px 26px;min-width:0;}
.ob20-hl-card--placeholder{border-style:dashed;border-color:rgba(245,241,232,.2);}
.ob20-hl-icon{font-size:26px;margin-bottom:14px;}
.ob20-hl-card h3{font-size:20px;margin-bottom:10px;}
.ob20-hl-card p{font-size:14.5px;}
.ob20-coaches{padding:var(--space-base) 24px;}
.ob20-coach-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.ob20-coach-card{background:var(--navy-card);border:1px solid rgba(245,241,232,.08);border-radius:18px;padding:28px 20px;text-align:center;min-width:0;transition:transform .25s ease,border-color .25s ease;}
.ob20-coach-card:hover{transform:translateY(-4px);border-color:rgba(200,18,73,.5);}
.ob20-coach-card--founder{border-color:var(--gold);background:linear-gradient(160deg,var(--navy-card),rgba(201,162,39,.1));}
.ob20-coach-avatar{width:64px;height:64px;border-radius:50%;background:var(--crimson);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;margin:0 auto 14px;}
.ob20-coach-card--founder .ob20-coach-avatar{background:var(--gold);color:var(--navy);}
.ob20-coach-card h3{font-size:18px;margin-bottom:8px;}
.ob20-coach-badge{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,162,39,.5);border-radius:999px;padding:4px 12px;}
.ob20-coaches-note{max-width:640px;margin:36px auto 0;text-align:center;font-size:14.5px;font-style:italic;}
.ob20-gallery{padding:var(--space-base) 24px;background:var(--navy-light);}
.ob20-gallery-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ob20-photo--tile{margin-top:0;aspect-ratio:4/3;justify-content:center;border-radius:16px;}
.ob20-cta{padding:var(--space-lg) 24px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(200,18,73,.25),transparent 60%),var(--navy);}
.ob20-cta h2{font-size:clamp(28px,4vw,40px);margin-bottom:16px;}
.ob20-cta p{max-width:520px;margin:0 auto 30px;font-size:16px;}
.ob20-cta-btn{display:inline-block;background:var(--crimson);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:15px;padding:16px 36px;border-radius:999px;text-decoration:none;transition:transform .2s ease,background .2s ease;}
.ob20-cta-btn:hover{background:var(--crimson-dark);transform:translateY(-2px);color:#fff;}
.ob20-titem,.ob20-hl-card,.ob20-coach-card,.ob20-photo--tile{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.ob20-titem.ob20-is-visible,.ob20-hl-card.ob20-is-visible,.ob20-coach-card.ob20-is-visible,.ob20-photo--tile.ob20-is-visible{opacity:1;transform:translateY(0);}
@media(max-width:780px){
.ob20-hl-grid,.ob20-coach-grid,.ob20-gallery-grid{grid-template-columns:1fr;}
.ob20-hero{padding:var(--space-base) 20px 50px;}
.ob20-timeline{padding-left:56px;}
.ob20-tyear{left:-56px;width:40px;height:40px;font-size:10.5px;}
.ob20-timeline-line{left:19px;}
}
@media(prefers-reduced-motion:reduce){
.ob20-titem,.ob20-hl-card,.ob20-coach-card,.ob20-photo--tile{opacity:1;transform:none;transition:none;}
}
/* konec 20 let obletnica css kode */