:root{--paper:#fffaf1;--cream:#f4ead7;--sky:#2d7180;--sky-dark:#1f5360;--leaf:#66785a;--peach:#f0a06f;--clay:#bf6f59;--sun:#f6c85f;--ink:#263532;--muted:#5e6965;--line:rgba(38,53,50,.15);--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 1rem/1.65 "Nunito",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:84px;padding:10px clamp(18px,5vw,72px);background:rgba(255,250,241,.96);backdrop-filter:blur(14px);border-top:4px solid var(--peach);border-bottom:1px solid var(--line);box-shadow:0 7px 24px rgba(38,53,50,.08)}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(38,53,50,.12))}.brand strong{display:block;font-size:1.16rem;font-weight:900;letter-spacing:-.02em}.brand small{display:block;margin-top:6px;color:var(--clay);font-size:.66rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}nav{display:flex;align-items:center;gap:4px;padding:5px;background:var(--cream);border-radius:999px;font-size:.9rem;font-weight:800}nav a{padding:9px 13px;border-radius:999px}nav a:hover,nav a.active{background:var(--white);color:var(--sky-dark)}nav .nav-cta{color:var(--white);background:var(--sky)}nav .nav-cta:hover{color:var(--white);background:var(--sky-dark)}.menu-button{display:none;border:0;padding:9px 15px;border-radius:999px;background:var(--cream);color:var(--ink);font-weight:800}
.eyebrow{margin:0 0 16px;color:var(--clay);font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{margin-top:0}h1{font:900 clamp(2.35rem,4.8vw,4.9rem)/1.02 "Nunito",sans-serif;letter-spacing:-.055em}h2{font:900 clamp(2rem,3.8vw,4rem)/1.07 "Nunito",sans-serif;letter-spacing:-.045em}h3{font:800 1.28rem/1.22 "Nunito",sans-serif}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:.2s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--white);background:var(--sky)}.button.primary:hover{background:var(--sky-dark)}.button.outline{border-color:var(--sky);color:var(--sky-dark);background:transparent}.button.light{color:var(--sky-dark);background:var(--white)}.actions{display:flex;flex-wrap:wrap;gap:12px}.text-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:var(--sky-dark);font-weight:900}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);background:var(--cream)}.hero-photo{min-height:650px;background:url("assets/pocetna-trka-u-dzakovima.jpg") center 56%/cover no-repeat}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,100px)}.hero-copy h1{margin-bottom:24px}.hero-copy>p:not(.eyebrow){margin:0 0 30px;font-size:1.18rem}.values{display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,42px);min-height:78px;padding:15px 20px;color:var(--white);background:var(--sky);font-size:clamp(1rem,1.7vw,1.28rem);font-weight:900}.values i{width:7px;height:7px;border-radius:50%;background:var(--sun)}
.section{padding:clamp(76px,10vw,140px) clamp(18px,7vw,108px)}.intro-split{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(40px,8vw,120px);align-items:start}.prose{max-width:720px}.prose .lead{margin-top:0;color:var(--sky-dark);font-size:1.22rem;font-weight:700}.brand-bridge{display:grid;place-items:center;overflow:hidden;min-height:390px;padding:20px;background:linear-gradient(180deg,var(--paper),#f5eee2 55%,var(--cream))}.brand-bridge img{width:min(760px,92vw);height:auto;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.97)}
.features{background:var(--cream)}.section-heading{max-width:780px;margin-bottom:48px}.section-heading.row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{min-height:270px;padding:28px;border:1px solid rgba(45,113,128,.13);border-radius:26px;background:var(--white);box-shadow:0 12px 28px rgba(38,53,50,.05)}.feature-card:nth-child(2n){transform:translateY(14px)}.feature-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:38px;border:2px dashed rgba(45,113,128,.26);border-radius:26px 32px 24px 34px;background:#e7f3f2;font-size:2.1rem;transform:rotate(-3deg)}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{background:#fff0dc;transform:rotate(3deg)}.feature-card:nth-child(3) .feature-icon,.feature-card:nth-child(6) .feature-icon{background:#edf1df}.feature-card h3{margin-bottom:10px}.feature-card p{margin:0;color:var(--muted)}
.quote-band{padding:clamp(72px,9vw,120px) clamp(24px,13vw,200px);text-align:center;background:var(--peach);color:#3e2c24}.quote-band blockquote{max-width:1050px;margin:0 auto;font:900 clamp(1.8rem,3.5vw,3.5rem)/1.18 "Nunito",sans-serif;letter-spacing:-.035em}.mixed-preview{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);gap:clamp(40px,7vw,100px);align-items:center}.mixed-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:34px;box-shadow:16px 16px 0 #d9e9e6}.mixed-preview p:not(.eyebrow){font-size:1.08rem}.home-gallery{background:#edf4e8}.gallery-preview{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:14px}.gallery-preview img{width:100%;height:350px;object-fit:cover;border-radius:24px}.gallery-preview img:nth-child(2){margin-top:32px}.cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:clamp(60px,8vw,100px) clamp(20px,8vw,120px);color:var(--white);background:var(--sky)}.cta h2{margin-bottom:14px}.cta p:not(.eyebrow){max-width:650px;margin:0}.cta .eyebrow{color:#ffdda4}
.instagram-invite{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:clamp(54px,7vw,84px) clamp(20px,8vw,120px);background:var(--cream)}.instagram-invite h2{max-width:780px;margin-bottom:12px}.instagram-invite p:not(.eyebrow){max-width:680px;margin:0}.instagram-invite .button{flex:0 0 auto;text-align:center}
.page-hero{padding:clamp(70px,9vw,120px) clamp(20px,9vw,140px);background:var(--cream)}.page-hero .wrap{max-width:970px}.page-hero h1{margin-bottom:22px}.page-hero p:not(.eyebrow){max-width:760px;margin:0;font-size:1.2rem}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,7vw,95px);align-items:center}.image-frame{border-radius:32px;overflow:hidden;box-shadow:14px 14px 0 #d9e9e6}.image-frame img{width:100%;height:100%;min-height:440px;object-fit:cover}.image-frame.ana img{min-height:0;aspect-ratio:16/10;object-position:center center}.soft{background:#edf4e8}.warm{background:var(--cream)}.big-quote{padding:clamp(60px,8vw,100px);text-align:center;color:var(--sky-dark);font:900 clamp(1.7rem,3vw,3rem)/1.25 "Nunito",sans-serif}.flower-quote{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:stretch;background:#e9eddd;color:var(--sky-dark)}.flower-quote-copy{display:flex;align-items:center;padding:clamp(60px,8vw,110px);font:700 clamp(1.7rem,3vw,3rem)/1.25 "Trebuchet MS",Arial,sans-serif;letter-spacing:-.018em}.flower-quote-photo{min-height:520px}.flower-quote-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.duration-card{position:relative;overflow:hidden;min-height:330px;padding:32px;border-radius:28px;background:var(--white);border:1px solid var(--line)}.duration-card:nth-child(2){background:#e7f3f2}.duration-card:nth-child(3){color:var(--white);background:var(--sky)}.duration-card .hours{display:block;margin-bottom:44px;color:var(--clay);font-size:2.8rem;font-weight:900;line-height:1}.duration-card:nth-child(3) .hours{color:#ffdda4}.duration-card small{display:block;margin-top:20px;font-weight:800;opacity:.78}.schedule{max-width:920px;margin:0 auto;padding:0;list-style:none;border-top:1px solid var(--line)}.schedule li{display:grid;grid-template-columns:150px 1fr;gap:26px;padding:27px 0;border-bottom:1px solid var(--line)}.schedule time{color:var(--clay);font-weight:900}.schedule h3{margin-bottom:7px}.schedule p{margin:0;color:var(--muted)}.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notice{padding:34px;border-radius:26px;background:var(--white);border:1px solid var(--line)}.notice.highlight{background:#fff0dc}.notice h3{font-size:1.55rem}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;counter-reset:steps}.step{padding:28px;border-radius:24px;background:var(--white)}.step::before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border-radius:50%;background:var(--peach);font-weight:900}.step p{margin:0;color:var(--muted)}
.activity-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.activity-category{padding:26px;border-radius:24px;background:var(--white);border:1px solid var(--line)}.activity-category span{font-size:1.9rem}.activity-category h3{margin:15px 0 8px}.activity-category p{margin:0;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:270px;gap:14px}.photo-card{position:relative;overflow:hidden;margin:0;border-radius:24px;background:var(--sky)}.photo-card.wide{grid-column:span 2}.photo-card.tall{grid-row:span 2}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.photo-card:hover img{transform:scale(1.025)}.photo-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(20,35,32,.78))}.photo-card figcaption{position:absolute;z-index:1;left:20px;right:20px;bottom:16px;color:var(--white);font-weight:900}
.contact-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr);gap:clamp(35px,8vw,110px)}.contact-list{display:grid;gap:12px}.contact-item{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.contact-item small{display:block;color:var(--clay);font-weight:900;text-transform:uppercase;letter-spacing:.11em}.contact-item strong{display:block;margin-top:4px;font-size:1.08rem}.message-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.route-box{padding:clamp(28px,5vw,52px);border-radius:30px;background:var(--cream)}.route-box .button{margin:6px 6px 0 0}.route-warning{margin-top:22px;padding:18px;border-left:5px solid var(--peach);background:var(--white)}
.viber-help{margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.viber-help[hidden]{display:none}.viber-help p{margin:6px 0 14px}.viber-help #viber-copy-status{display:block;margin-top:8px;font-weight:700}
.viber-help .viber-qr{width:170px;height:170px;margin:18px 0;background:#fff}.viber-help .viber-fallback{font-size:.92rem;color:var(--muted)}
footer{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:45px;padding:68px clamp(20px,7vw,108px) 26px;color:var(--white);background:var(--sky-dark)}footer .brand small{color:#ffd994}footer .brand-logo{width:72px;height:72px}footer h2{font-size:1.08rem}footer p{color:#d8ecec}footer a:not(.brand){display:block;margin:7px 0;color:#e7f5f2}.copyright{grid-column:1/-1;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:.84rem}
@media(max-width:960px){.menu-button{display:block}nav{display:none;position:absolute;top:100%;left:16px;right:16px;padding:16px;flex-direction:column;align-items:stretch;border-radius:18px;background:var(--paper);box-shadow:0 18px 50px rgba(38,53,50,.15)}nav.open{display:flex}nav a{padding:11px}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;min-height:0}.hero-photo{min-height:62vh}.hero-copy{padding:55px clamp(20px,7vw,70px)}.feature-grid,.activity-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:nth-child(2n){transform:none}.mixed-preview,.two-col,.contact-grid{grid-template-columns:1fr}.flower-quote{grid-template-columns:1fr}.flower-quote-copy{order:1}.flower-quote-photo{order:2;min-height:460px}.duration-grid{grid-template-columns:1fr}.duration-card{min-height:250px}.gallery-preview img{height:280px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media(max-width:640px){.site-header{min-height:72px;padding:8px 16px}.brand-logo{width:44px;height:44px}.brand strong{font-size:.98rem}.brand small{font-size:.55rem}.hero-photo{min-height:54vh;background-position:52% center}.hero-copy{padding:42px 18px 50px}.hero-copy h1{font-size:clamp(2.2rem,10vw,3.15rem)}.actions{flex-direction:column;align-items:stretch}.values{justify-content:flex-start;overflow:auto;white-space:nowrap;padding-left:18px}.section{padding:72px 18px}.intro-split{grid-template-columns:1fr;gap:24px}.brand-bridge{min-height:240px;padding:0 8px}.brand-bridge img{width:100%;max-height:300px}.feature-grid,.activity-categories,.notice-grid,.steps{grid-template-columns:1fr}.feature-card{min-height:0}.section-heading.row{display:block}.section-heading.row .button{margin-top:20px}.mixed-preview img{aspect-ratio:4/3;border-radius:24px}.gallery-preview{grid-template-columns:1fr}.gallery-preview img{height:260px}.gallery-preview img:nth-child(2){margin-top:0}.cta,.instagram-invite{align-items:flex-start;flex-direction:column}.instagram-invite{padding:56px 18px}.instagram-invite .button{width:100%}.page-hero{padding:58px 18px}.image-frame img{min-height:340px}.flower-quote-copy{padding:56px 22px}.flower-quote-photo{min-height:0;aspect-ratio:3/4}.schedule li{grid-template-columns:1fr;gap:6px}.photo-grid{grid-template-columns:1fr;grid-auto-rows:250px}.photo-card.wide,.photo-card.tall{grid-column:span 1;grid-row:span 1}.contact-grid{gap:28px}footer{grid-template-columns:1fr;gap:28px;padding:55px 18px 22px}.copyright{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Toplija, prirodnija verzija */
:root{--paper:#f3efe8;--cream:#f3efe8;--sky:#6b7a5a;--sky-dark:#526044;--leaf:#8f9d7c;--peach:#df9060;--clay:#aa6048;--ink:#46513a;--muted:#626959;--white:#fffdf8}
body{font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink)}
h1,h2,h3{font-family:"Trebuchet MS",Arial,sans-serif;color:var(--sky-dark);letter-spacing:-.018em}
h1{line-height:1.08;letter-spacing:-.022em}h2{line-height:1.12}.eyebrow{letter-spacing:.11em}
.hero{min-height:calc(100vh - 84px)}
.hero-overlay{position:relative;display:flex;align-items:flex-end;background:url("assets/pocetna-trka-u-dzakovima.jpg") center 53%/cover no-repeat}
.hero-overlay::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,38,23,.76),rgba(28,38,23,.4) 50%,rgba(28,38,23,.04) 82%),linear-gradient(0deg,rgba(28,38,23,.4),transparent 50%)}
.hero-overlay .hero-copy{position:relative;z-index:1;width:min(880px,92%);padding:clamp(48px,7vw,92px)}
.hero-overlay h1{color:#fffaf0;text-shadow:0 2px 18px rgba(0,0,0,.2)}.hero-overlay .eyebrow{color:#ffd79b}.hero-overlay .hero-copy>p:not(.eyebrow){color:#fff}.hero-overlay .primary{background:var(--peach)}
.home-intro{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(36px,7vw,100px);align-items:start}.home-links{display:flex;flex-wrap:wrap;gap:8px 28px}
.brand-bridge{min-height:340px}.quote-band blockquote,.big-quote{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:700;letter-spacing:-.018em}.big-quote{background:#e9eddd}
.activities-hero{background:#e8eddc}.activity-section{background:var(--cream)}.activity-categories{gap:18px}.activity-category{min-height:225px;padding:30px;border:0;box-shadow:0 12px 28px rgba(52,65,39,.08)}.activity-category.nature{background:#dfe8cf}.activity-category.motion{background:#f7d8bd}.activity-category.explore{background:#d9e9df}.activity-category.create{background:#f3df9f}.activity-category.play{background:#ead9cf}.activity-category.animals{background:#d8e0ba}.activity-category span{display:block;font-size:2.2rem}.activity-category p{color:#505947}
.activity-photo-break{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden}.activity-photo-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.activity-photo-break::after{content:"";position:absolute;inset:0;background:rgba(35,47,28,.56)}.activity-photo-break blockquote{position:relative;z-index:1;max-width:980px;margin:0;padding:60px 30px;text-align:center;color:#fff;font:700 clamp(1.8rem,3.5vw,3.5rem)/1.22 "Trebuchet MS",Arial,sans-serif}.activity-invite{display:flex;align-items:center;justify-content:space-between;gap:35px}.activity-invite h2{max-width:800px;margin-bottom:0}
.space-collage{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.space-collage img{width:100%;height:430px;object-fit:cover;border-radius:28px}.space-collage img+img{margin-top:45px}footer{background:#344127}
@media(max-width:960px){.hero{min-height:calc(100svh - 72px)}.hero-overlay .hero-copy{padding:55px clamp(20px,7vw,70px)}}
@media(max-width:640px){.hero-overlay{background-position:58% center}.hero-overlay::before{background:linear-gradient(0deg,rgba(28,38,23,.84),rgba(28,38,23,.3) 74%,rgba(28,38,23,.05))}.hero-overlay .hero-copy{width:100%;padding:42px 18px 50px}.hero-overlay h1{font-size:clamp(2rem,9.2vw,2.85rem)}.home-intro{grid-template-columns:1fr;gap:24px}.activity-invite{align-items:flex-start;flex-direction:column}.space-collage{grid-template-columns:1fr}.space-collage img{height:290px}.space-collage img+img{margin-top:0}.activity-photo-break{min-height:440px}}
footer{background:#59684b}
.cta h2,.cta p,.cta .eyebrow{color:#f3efe8}
.cta .button.light{font-size:.92rem;line-height:1.2;text-align:center;padding-inline:22px}
.duration-card:nth-child(3) h3{color:#f3efe8}
footer h2,footer strong{color:#f3efe8}
.space-text{max-width:1040px}.space-text>p:not(.eyebrow){max-width:820px;font-size:1.08rem}
.about-hero .wrap{max-width:1000px}.about-hero .wrap>p:not(.eyebrow){max-width:850px;margin-bottom:14px}
@media(min-width:961px){.cta .button{min-width:190px}.ana-story>div:first-child{order:1}.ana-story>.image-frame{order:2}}

/* Naslov ostaje u nebu, a fotografija svetlija. */
.hero-overlay{align-items:flex-start;background-position:center 48%}
.hero-overlay::before{background:linear-gradient(180deg,rgba(24,37,30,.48),rgba(24,37,30,.22) 38%,rgba(24,37,30,0) 72%)}
.hero-overlay .hero-copy{justify-content:flex-start;width:min(790px,90%);padding:clamp(32px,5vw,70px) clamp(28px,6vw,86px)}
.hero-overlay h1{font-size:clamp(2.25rem,3.75vw,3.8rem);line-height:1.07;text-shadow:0 2px 12px rgba(10,24,24,.43)}
.hero-overlay .hero-copy>p:not(.eyebrow){text-shadow:0 1px 7px rgba(10,24,24,.55)}
.values{gap:clamp(14px,3vw,48px)}
.values span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.values img{width:27px;height:27px;flex:none}
.mobile-hero-actions{display:none}
@media(max-width:640px){
  .hero.hero-overlay{display:flex;flex-direction:column;min-height:0;background:var(--cream)}
  .hero-overlay::before{display:none}
  .hero-overlay{background-image:none}
  .hero-overlay::after{content:"";display:block;order:0;width:100%;height:clamp(300px,58svh,560px);background:url("assets/pocetna-trka-u-dzakovima.jpg") 54% 55%/cover no-repeat}
  .hero-overlay .hero-copy{order:1;width:100%;padding:25px 20px 12px}
  .hero-overlay h1{color:var(--sky-dark);text-shadow:none}
  .hero-overlay .eyebrow{color:var(--sky-dark)}
  .hero-overlay .hero-copy>p:not(.eyebrow){color:var(--ink);text-shadow:none}
}
@media(max-width:640px){
  .hero-overlay{background-position:56% center}
  .hero-overlay::before{background:linear-gradient(180deg,rgba(24,37,30,.58),rgba(24,37,30,.34) 43%,rgba(24,37,30,0) 78%)}
  .hero-overlay .hero-copy{width:100%;padding:28px 20px}
  .hero-overlay h1{font-size:clamp(1.85rem,7.4vw,2.45rem)}
  .hero-overlay .hero-copy>p:not(.eyebrow){font-size:1rem;margin-bottom:18px}
  .hero-overlay .eyebrow{margin-bottom:9px;font-size:.65rem}
  .hero-overlay .actions{display:none}
  .mobile-hero-actions{display:flex;gap:10px;padding:14px 18px;background:var(--cream)}
  .mobile-hero-actions .button{flex:1;min-width:0;min-height:46px;padding:6px 10px;font-size:.78rem;line-height:1.2;text-align:center}
  .values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:17px 20px;overflow:visible;white-space:normal;font-size:.96rem}
  .values img{width:24px;height:24px}
}

/* Upis i vikend aktivnosti */
.enrollment-hero{background:#e8eddc}.enrollment-hero .button{margin-top:30px}.enrollment-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:center}.enrollment-intro>div{max-width:650px}.enrollment-intro p:not(.eyebrow),.enrollment-details p:not(.eyebrow){font-size:1.08rem}.enrollment-intro img{width:100%;height:450px;object-fit:cover;border-radius:30px;box-shadow:14px 14px 0 #dce6d2}.enrollment-details{display:grid;grid-template-columns:1fr minmax(280px,.85fr);gap:clamp(30px,7vw,110px);align-items:center}.enrollment-note{padding:clamp(28px,4vw,54px);border-radius:28px;background:#e9eddd}.enrollment-note .text-link{display:flex}.weekend-section{background:#e9eddd}.weekend-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.weekend-inner>div{max-width:700px}.weekend-inner p:not(.eyebrow){font-size:1.08rem}.weekend-inner .actions{margin-top:26px}.weekend-inner img{width:100%;height:420px;object-fit:cover;border-radius:28px}.weekend-inner .button{text-align:center}.site-header nav{font-size:.83rem;gap:1px}.site-header nav a{padding:9px 10px}
@media(max-width:960px){.enrollment-intro,.enrollment-details,.weekend-inner{grid-template-columns:1fr}.enrollment-intro img,.weekend-inner img{height:auto;max-height:460px;aspect-ratio:4/3}.site-header nav a{padding:11px}}
@media(max-width:640px){.enrollment-hero .button{width:100%}.enrollment-intro img{height:300px}.weekend-inner img{height:300px}.weekend-inner .actions{flex-direction:column;align-items:stretch}}

/* Na telefonu je naslov u nebu, iznad dece. */
@media(max-width:640px){
  .hero.hero-overlay{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:clamp(570px,calc(100svh - 72px),760px);background:url("assets/pocetna-trka-u-dzakovima.jpg") 53% center/cover no-repeat}
  .hero-overlay::before{display:block;background:linear-gradient(180deg,rgba(21,41,59,.57) 0%,rgba(21,41,59,.23) 36%,transparent 62%)}
  .hero-overlay::after{display:none}
  .hero-overlay .hero-copy{order:0;width:100%;max-width:420px;padding:20px 19px 0}
  .hero-overlay .eyebrow{margin-bottom:8px;color:#fff7e8;font-size:.68rem}
  .hero-overlay h1{margin-bottom:10px;color:#fffdf8;font-size:clamp(1.75rem,6.6vw,2.3rem);line-height:1.13;text-shadow:0 2px 9px rgba(11,35,51,.45)}
  .hero-overlay .hero-copy>p:not(.eyebrow){max-width:330px;margin-bottom:0;color:#fffdf8;font-size:.9rem;line-height:1.35;text-shadow:0 2px 8px rgba(11,35,51,.5)}
}
@media(max-width:360px){.hero-overlay h1{font-size:1.68rem}.hero-overlay .hero-copy>p:not(.eyebrow){font-size:.83rem}}