:root{--rail:88px;--forest:#14351d;--green:#3faa00;--paper:#fafbf4;--line:#d8e1ca}
body{margin-left:var(--rail);background:#f8faef}.wrap{width:calc(100% - 96px);max-width:1280px}.preview-bar{background:#17391f;height:25px;position:relative;z-index:8}.side-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);z-index:101;background:#fffef7;border-right:1px solid #dde5d1;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.side-rail .menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:98px;padding:20px 15px;gap:7px;position:relative;z-index:103;border:0;background:transparent}.side-rail .menu-button span{width:29px;height:1.5px;margin:0;background:#18321b}.side-rail .menu-button small{font-size:8px;letter-spacing:.13em;margin-top:7px}.side-rail .menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.side-rail .menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}.rail-brand{width:175px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.rail-brand img{width:100%}.rail-contact{display:grid;place-items:center;background:var(--green);color:white;height:88px;width:100%;margin-top:auto;transition:background .2s}.rail-contact:hover{background:#2f8700}.side-drawer{position:fixed;z-index:100;left:var(--rail);top:0;bottom:0;width:390px;max-width:calc(100vw - var(--rail));padding:42px 35px;background:#fffef7;overflow:auto;box-shadow:24px 0 65px #112b2120;display:flex;flex-direction:column}.drawer-heading{display:flex;flex-direction:column;gap:9px;margin-bottom:31px}.drawer-heading .eyebrow{color:#53863a;font-size:10px}.drawer-heading>span:last-child{font-family:var(--serif);font-size:28px;letter-spacing:-.04em}.side-drawer>a:not(.drawer-email){display:flex;align-items:center;gap:15px;padding:19px 0;border-top:1px solid var(--line);font-size:20px;line-height:1.3;letter-spacing:-.025em}.side-drawer>a[aria-current]{color:var(--green-dark)}.side-drawer>a:hover{color:var(--green-dark)}.nav-number{font-family:var(--serif);font-size:11px;color:#7f936f;flex-shrink:0;min-width:18px}.nav-arrow{font-size:19px;margin-left:auto;opacity:0;transition:opacity .2s}.side-drawer>a:hover .nav-arrow,.side-drawer>a[aria-current] .nav-arrow{opacity:1}.drawer-email{font-size:11px;color:#58754a;margin-top:auto;padding-top:35px}.menu-scrim{position:fixed;inset:0 0 0 var(--rail);border:0;z-index:90;background:#142c1b70;backdrop-filter:blur(5px)}.skip-link{left:calc(var(--rail) + 12px)}
.ecosystem-hero,.ecosystem-head{position:relative;isolation:isolate;background:#e1eccf;overflow:hidden}.ecosystem-hero{padding:0}.ecosystem-hero .hero-grid{display:flex;align-items:center;min-height:770px;padding-block:75px 95px;position:relative;z-index:4;pointer-events:none}.ecosystem-hero .hero-copy{width:54%;max-width:650px;padding:0;pointer-events:auto}.ecosystem-hero h1{font-size:clamp(43px,4.4vw,68px);line-height:1.08;margin-top:26px;margin-bottom:28px;letter-spacing:-.055em}.ecosystem-hero h1 em{color:#2d7509}.ecosystem-hero .hero-copy>p{font-size:14px;line-height:1.85;max-width:360px;color:#465d3b}.ecosystem-hero .hero-actions{gap:23px;margin-top:30px}.ecosystem-hero .button{background:var(--green);box-shadow:0 8px 20px #38860022;color:#112a06;font-size:12px}.ecosystem-hero .text-link{border-color:#567b38;background:#f9fcef66;font-size:11px}.ecosystem-hero .scroll-cue{margin-top:35px}.habitat{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.habitat-landscape{width:100%;height:100%;object-fit:cover;object-position:70% 54%}.habitat-light{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#fafbf4f8 0%,#fafbf4e8 24%,#f7faefba 38%,#f4f8e846 51%,transparent 65%);pointer-events:none}.habitat-caption{position:absolute;z-index:6;bottom:29px;right:42px;display:flex;align-items:center;gap:13px;background:#faffefdc;border:1px solid #f6ffedb3;backdrop-filter:blur(12px);padding:14px 19px;min-width:265px;color:#274522;box-shadow:0 8px 30px #17331012}.habitat-marker{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #3faa0014}.habitat-caption>span:nth-child(2){font-family:var(--serif);font-size:19px;line-height:1.05;letter-spacing:-.03em}.habitat-caption small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:0;color:#6b795d;margin-top:6px}.habitat-caption-line{height:30px;width:1px;background:#b9c9a8;margin-inline:7px}.habitat-caption-index{font-size:7px;letter-spacing:.1em;line-height:1.7;max-width:66px}.ecosystem-head .page-head-inner{min-height:460px;padding-block:80px;position:relative;z-index:4}.ecosystem-head h1{font-size:clamp(45px,5vw,76px);max-width:670px;line-height:1.05;margin-top:25px}.ecosystem-head .head-copy{max-width:62%}.ecosystem-head .eyebrow{color:#34512a;font-size:10px}.ecosystem-head .habitat-landscape{object-position:70% 65%}.ecosystem-head .habitat-light{background:linear-gradient(90deg,#fafbf4f7 0%,#fafbf4e3 23%,#f7faef9e 40%,#f4f8e822 58%,transparent 70%)}
.habitat-creature{position:absolute;z-index:3;transform-origin:50% 80%;filter:drop-shadow(1px 5px 4px #142c1740)}.habitat-creature img{width:100%;height:100%;object-fit:contain}.creature-butterfly{width:96px;height:96px;left:76%;top:31%;filter:drop-shadow(0 4px 3px #17301725);animation:meadow-flight 21s ease-in-out infinite}.creature-butterfly img{animation:meadow-wings .35s ease-in-out infinite alternate;transform-origin:center center}.creature-frog{left:65%;bottom:12%;width:175px;height:175px;animation:frog-hop 15s ease-in-out infinite}.creature-frog img{animation:frog-breathe 3.7s ease-in-out infinite;transform-origin:50% 76%}.creature-snake{left:68%;bottom:7%;width:240px;height:180px;animation:river-snake 19s ease-in-out infinite;filter:drop-shadow(1px 4px 3px #1d311d55)}.creature-hedgehog{left:64%;bottom:5%;width:190px;height:190px;animation:forest-walk 24s ease-in-out infinite}.creature-hedgehog img{animation:forest-step .4s ease-in-out infinite alternate;transform-origin:50% 80%}.habitat-water{display:none;position:absolute;inset:0;z-index:1}.habitat-pond .habitat-water,.habitat-river .habitat-water{display:block}.habitat-water i{position:absolute;width:140px;height:20px;left:66%;bottom:22%;border:1px solid #e5f7cb99;border-radius:50%;animation:water-ripple 6s ease-out infinite}.habitat-water i:nth-child(2){animation-delay:2s}.habitat-water i:nth-child(3){animation-delay:4s}.habitat-river .habitat-water i{left:56%;bottom:31%;width:180px}.habitat-reeds{position:absolute;z-index:4;right:14%;bottom:12%;width:45px;height:100px;opacity:.5;transform-origin:bottom;animation:reeds-sway 7s ease-in-out infinite alternate}.habitat-reeds i{height:95px;width:3px;border-radius:100%;background:#406d2f;position:absolute;bottom:0;left:20px;transform-origin:bottom;transform:rotate(8deg)}.habitat-reeds i:nth-child(2){height:70px;transform:rotate(-14deg);background:#668e3b}.habitat-reeds i:nth-child(3){height:85px;transform:rotate(25deg);background:#769342}.habitat-meadow .habitat-reeds,.habitat-forest .habitat-reeds{display:none}.habitat-sparkles{position:absolute;inset:0;z-index:2}.habitat-sparkles i{position:absolute;left:66%;top:40%;width:3px;height:3px;background:#f7edba;border-radius:50%;opacity:0;animation:forest-light 9s ease-in-out infinite}.habitat-sparkles i:nth-child(2){left:84%;top:30%;animation-delay:2s}.habitat-sparkles i:nth-child(3){left:72%;top:57%;animation-delay:4.5s}.habitat-sparkles i:nth-child(4){left:91%;top:65%;animation-delay:7s}.habitat:not(.is-visible) *{animation-play-state:paused!important}.habitat.is-replaying .creature-frog{animation:frog-replay 1.4s ease-out, frog-hop 15s 1.4s ease-in-out infinite}.habitat.is-replaying .creature-snake{animation:snake-replay 2.4s ease-in-out, river-snake 19s 2.4s ease-in-out infinite}
.program-overview{background:#e9f0d8;position:relative}.program-overview .section-heading h2{font-size:54px}.program-paths{gap:26px}.path-panel{padding:32px;min-height:465px;position:relative;isolation:isolate;box-shadow:0 15px 45px #244a1b12;border:1px solid #c0d49f;overflow:hidden;justify-content:space-between;color:white;border-radius:5px;transition:transform .3s,box-shadow .3s}.path-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#183e1710 15%,#10351936 35%,#102d19e0 75%,#102d19f5 100%);z-index:-1}.path-panel:after{content:'';position:absolute;inset:-100% -100%;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(115deg,transparent 40%,#fff5c030 47%,#fffef5bb 50%,#fff5c030 53%,transparent 60%);transform:translateX(-50%);opacity:0;z-index:4;pointer-events:none}.path-panel:hover:after,.path-panel:focus-visible:after{animation:path-shine 1.5s ease-out}.path-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}.path-panel:hover{transform:translateY(-7px);background:transparent;box-shadow:0 22px 45px #21391c2b}.path-panel:hover .path-background{transform:scale(1.035)}.path-index{font-family:var(--sans);font-size:9px;color:#244519;background:#f4ffe5e8;border:1px solid #eaf7d2cc;align-self:flex-start;letter-spacing:.1em;padding:8px 11px;backdrop-filter:blur(8px)}.path-panel>div{position:relative;z-index:2}.path-panel h3{font-size:45px;text-shadow:0 2px 18px #081e1955;margin-top:12px;line-height:1.08}.path-panel p{font-size:9px;line-height:1.8;opacity:.82;max-width:80%;margin-top:20px}.path-panel .eyebrow{font-size:9px;color:#d4edbf}.path-panel .round-arrow{background:#4bad0c;border-color:#5ab51d;color:#f5ffeb;width:47px;height:47px;right:28px;bottom:31px}.path-panel-dark .path-index{color:#25461a}.path-panel-dark:hover{background:none}.path-campfire:before{background:linear-gradient(180deg,#112b1510 10%,#0f211d30 30%,#12261ce8 78%,#10241bf7 100%)}
.program-section{background:#f7f9f0}.program-group+.program-group{margin-top:80px}.group-heading{max-width:830px;margin-bottom:32px}.group-heading h2{font-size:24px}.program-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}.program-group[data-group=predskolski] .program-list,.program-group[data-group=dvodnevni] .program-list{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card{--metal-1:#7e441e;--metal-2:#e0aa76;--metal-3:#fff0c8;--metal-4:#a6602c;border:1px solid #c09c72!important;border-radius:8px;overflow:hidden;background:#fffef7;box-shadow:0 10px 32px #26381b0e;position:relative;transition:box-shadow .3s,transform .3s}.package-card.metal-silver{--metal-1:#737e87;--metal-2:#d3dbdf;--metal-3:#fff;--metal-4:#9ca5b0;border-color:#a6b2b7!important}.package-card.metal-gold{--metal-1:#856006;--metal-2:#e8c752;--metal-3:#fff5bb;--metal-4:#b18414;border-color:#c2a348!important}.package-card:before{content:'';position:absolute;inset:0 0 auto;height:7px;z-index:4;background:linear-gradient(120deg,var(--metal-1),var(--metal-2),var(--metal-3),var(--metal-4),var(--metal-2));background-size:240% 100%;animation:metal-flow 7s ease-in-out infinite}.package-card:hover,.package-card:focus-within{box-shadow:0 18px 45px #26381b27;transform:translateY(-5px)}.package-card summary{display:block;padding:0;min-height:0;list-style:none;position:relative}.package-cover{position:relative;display:block;height:230px;overflow:hidden;background:#dce9c1}.package-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.package-card:hover .package-cover>img{transform:scale(1.05)}.package-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#203c1e8c 100%);z-index:1;pointer-events:none}.metal-medal{position:absolute;z-index:3;left:19px;top:22px;display:grid;place-items:center;width:63px;height:63px;border-radius:50%;border:1px solid var(--metal-3);font-family:var(--serif);font-size:27px;line-height:1;color:#402b16;text-shadow:0 1px 0 #ffffff88;background:conic-gradient(from 20deg,var(--metal-1),var(--metal-3),var(--metal-2),var(--metal-4),var(--metal-3),var(--metal-1));box-shadow:0 4px 14px #16211340,inset 0 0 0 4px #ffffff25,inset 0 0 0 5px #674c2633}.metal-silver .metal-medal{color:#25333d}.metal-gold .metal-medal{color:#503c07}.package-nature-label{position:absolute;z-index:3;left:20px;bottom:16px;color:#f4ffe5;text-transform:uppercase;letter-spacing:.13em;font-size:8px}.package-shine{position:absolute;z-index:2;inset:-80% -90%;background:linear-gradient(110deg,transparent 38%,#fff9dc14 43%,#fff6c750 48%,#ffffffcf 50%,#fefad34d 52%,transparent 60%);transform:translateX(-60%) rotate(-5deg);opacity:0;animation:package-shimmer 7s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.metal-silver .package-shine{background:linear-gradient(110deg,transparent 38%,#dce8f525 43%,#ffffff66 48%,#ffffffdd 50%,#e5f1ff66 52%,transparent 60%);animation-delay:.7s}.metal-gold .package-shine{animation-delay:1.4s}.package-card:hover .package-shine,.package-card:focus-within .package-shine{animation:package-shimmer 1.8s ease-out infinite}.package-heading{display:flex;flex-direction:column;gap:12px;padding:23px 23px 20px;position:relative}.package-heading:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--metal-1),var(--metal-3),var(--metal-4))}.package-card .duration{order:0;margin:0;min-width:0;font-size:10px;color:#6e7a62;letter-spacing:.025em}.package-card h3{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.015em;padding:0;flex:initial;order:0;min-height:53px}.package-expand{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:3px;border-top:1px solid #e0e7d5;font-size:10px;color:#4d6941}.package-expand .expand-icon{margin:0;width:26px;height:26px;font-size:17px;border-color:#b7cd9b}.package-card[open] .package-expand{color:#2e760b}.package-card .program-body{padding:5px 23px 25px;max-width:none}.package-card .program-body ul{display:block;margin:0 0 15px}.package-card .program-body li{font-size:12px;line-height:1.8;margin:0 0 7px;padding-left:13px}.package-card .days{grid-template-columns:1fr;gap:20px}.package-card .day h4{font-size:12px;line-height:1.7;margin-bottom:12px}.package-card .program-note{font-size:11px;line-height:1.8}.package-card .program-body .text-link{font-size:10px;gap:12px;line-height:1.6;margin-top:3px}.group-heading .eyebrow{color:#4d7d31}.program-group[data-group=predskolski] .package-cover,.program-group[data-group=dvodnevni] .package-cover{height:270px}.filter-toolbar{margin-bottom:52px}.cta-band{background:#183a20}.wildlife-replay{right:22px;bottom:18px;border-color:#a8c77d;color:#355923;background:#f6ffe8e8;box-shadow:0 4px 18px #1e421e18}.motion-paused .habitat *,.motion-paused .package-card:before,.motion-paused .package-shine,.motion-paused .path-panel:after{animation:none!important}.motion-paused .habitat-creature{opacity:1}.motion-paused .package-shine{opacity:0}
@keyframes meadow-flight{0%,100%{transform:translate(0,0) rotate(-15deg)}20%{transform:translate(-75px,20px) rotate(-25deg)}45%{transform:translate(-40px,-50px) rotate(12deg)}70%{transform:translate(75px,-18px) rotate(25deg)}}
@keyframes meadow-wings{from{transform:perspective(200px) rotateY(-50deg)}to{transform:perspective(200px) rotateY(20deg)}}
@keyframes frog-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02,1.035)}}
@keyframes frog-hop{0%,85%,100%{transform:translate(0,0)}89%{transform:translate(-4px,-15px) rotate(-2deg)}93%{transform:translate(-8px,0)}97%{transform:translate(0,0)}}
@keyframes frog-replay{0%,100%{transform:translate(0,0)}40%{transform:translate(-8px,-30px) rotate(-4deg)}70%{transform:translate(-14px,-2px)}}
@keyframes river-snake{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-12px) rotate(-1deg)}50%,65%{transform:translateX(-24px) rotate(1deg)}85%{transform:translateX(-7px) rotate(0)}}
@keyframes snake-replay{0%,100%{transform:translateX(0)}40%,60%{transform:translateX(-35px) rotate(-2deg)}}
@keyframes forest-walk{0%,100%{transform:translateX(-30px)}45%,55%{transform:translateX(65px)}}
@keyframes forest-step{from{transform:translateY(0) rotate(-.6deg)}to{transform:translateY(-2px) rotate(.6deg)}}
@keyframes reeds-sway{from{transform:rotate(-2deg)}to{transform:rotate(3deg)}}
@keyframes water-ripple{0%{transform:scale(.3);opacity:0}20%{opacity:.55}100%{transform:scale(2.2);opacity:0}}
@keyframes forest-light{0%,100%{opacity:0;transform:translateY(15px)}40%,60%{opacity:.7}80%{transform:translateY(-30px)}}
@keyframes metal-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes package-shimmer{0%,65%{transform:translateX(-60%) rotate(-5deg);opacity:0}69%{opacity:.75}87%{opacity:.7}98%,100%{transform:translateX(60%) rotate(-5deg);opacity:0}}
@keyframes path-shine{0%{transform:translateX(-50%);opacity:0}15%{opacity:.6}85%{opacity:.65}100%{transform:translateX(50%);opacity:0}}
@media(min-width:1600px){.ecosystem-hero .hero-grid{min-height:850px}.ecosystem-hero h1{font-size:74px}.creature-butterfly{width:110px;height:110px}.ecosystem-hero .habitat-landscape{object-position:center 58%}}
@media(max-width:1200px){:root{--rail:76px}.wrap{width:calc(100% - 72px)}.ecosystem-hero .hero-grid{min-height:720px;padding-block:65px 105px}.ecosystem-hero h1{font-size:53px}.ecosystem-hero .hero-copy{width:62%}.ecosystem-hero .hero-actions{gap:17px;flex-direction:row;align-items:center}.ecosystem-hero .hero-actions .button{font-size:10px;padding-inline:16px;gap:15px}.ecosystem-hero .hero-actions .text-link{font-size:10px;gap:12px}.ecosystem-head .page-head-inner{min-height:420px}.ecosystem-head h1{font-size:61px}.habitat-caption{right:27px;bottom:24px}.creature-frog{left:68%;width:145px;height:145px;bottom:12%}.creature-snake{left:70%;width:200px;height:150px}.creature-hedgehog{width:155px;height:155px}.program-list{gap:18px}.package-cover{height:205px}.package-heading{padding:21px 18px 18px}.package-card h3{font-size:17px}.package-card .program-body{padding-inline:18px}.path-panel{min-height:425px;padding:27px}.path-panel h3{font-size:40px}.program-overview .section-heading h2{font-size:46px}.side-rail .menu-button{height:85px}.rail-contact{height:76px}}
@media(max-width:1020px){.ecosystem-hero .hero-grid{min-height:690px}.ecosystem-hero .hero-copy{width:66%}.ecosystem-hero h1{font-size:49px}.ecosystem-head .head-copy{max-width:70%}.ecosystem-head h1{font-size:54px}.habitat-light{background:linear-gradient(90deg,#fafbf4f9 0%,#fafbf4e9 27%,#fafbf4b3 43%,#fafbf422 63%,transparent 80%)}.ecosystem-head .habitat-light{background:linear-gradient(90deg,#fafbf4ed 0%,#fafbf4cd 30%,#fafbf455 60%,transparent)}.program-list{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card h3{font-size:18px}.path-panel{min-height:420px;padding:26px}.path-panel h3{font-size:37px}.path-panel p{font-size:8px}.path-index{font-size:8px;padding:7px 9px}.path-panel .round-arrow{width:38px;height:38px;right:24px;bottom:28px}.creature-butterfly{left:77%;width:80px;height:80px}.creature-hedgehog{left:70%}.creature-frog{left:70%}.habitat-caption-index,.habitat-caption-line{display:none}.habitat-caption{min-width:0;padding:12px 16px}.rail-brand{width:152px}}
@media(max-width:760px){:root{--rail:60px}.wrap{width:calc(100% - 40px)}.preview-bar{height:25px;font-size:7px;gap:8px}.preview-bar span{font-size:7px}.side-rail .menu-button{height:80px;gap:6px;padding-inline:12px}.side-rail .menu-button span{width:24px}.side-rail .menu-button small{font-size:6px;margin-top:5px}.side-rail .menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.side-rail .menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.rail-brand{width:134px}.rail-contact{height:64px}.rail-contact svg{width:23px;height:23px}.side-drawer{padding:30px 23px;width:340px}.side-drawer>a:not(.drawer-email){font-size:19px;padding-block:17px;gap:12px}.drawer-heading{margin-bottom:26px}.drawer-heading>span:last-child{font-size:26px}.drawer-email{font-size:10px}.ecosystem-hero .hero-grid{min-height:880px;padding-top:38px;padding-bottom:410px;align-items:flex-start;display:block}.ecosystem-hero .hero-copy{width:100%;max-width:500px}.ecosystem-hero h1{font-size:43px;margin-top:20px;margin-bottom:21px;line-height:1.1}.ecosystem-hero .hero-copy>p{font-size:12px;max-width:330px;line-height:1.8}.ecosystem-hero .eyebrow{font-size:8px}.ecosystem-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:23px;align-items:center}.ecosystem-hero .hero-actions .button{font-size:10px;min-height:46px;padding:12px 15px;gap:18px}.ecosystem-hero .hero-actions .text-link{font-size:10px;gap:9px}.ecosystem-hero .scroll-cue{display:none}.ecosystem-hero .habitat-landscape{object-position:67% bottom;object-fit:cover;height:55%;top:auto;position:absolute;bottom:0}.ecosystem-hero .habitat-light{background:linear-gradient(180deg,#fafbf4 0%,#fafbf4 42%,#fafbf4e6 49%,#fafbf450 60%,transparent 74%)}.ecosystem-hero .creature-butterfly{left:72%;top:auto;bottom:24%;width:73px;height:73px}.habitat-caption{bottom:20px;right:20px;gap:10px;padding:11px 14px;background:#faffefe8}.habitat-caption>span:nth-child(2){font-size:17px}.habitat-caption small{font-size:8px;margin-top:5px}.habitat-marker{width:6px;height:6px}.ecosystem-head .page-head-inner{min-height:475px;padding-top:42px;padding-bottom:230px;align-items:flex-start}.ecosystem-head .head-copy{max-width:100%}.ecosystem-head h1{font-size:47px;max-width:100%;margin-top:20px}.ecosystem-head .eyebrow{font-size:8px}.ecosystem-head .habitat-landscape{height:72%;object-position:66% bottom;position:absolute;bottom:0}.ecosystem-head .habitat-light{background:linear-gradient(180deg,#fafbf4 0%,#fafbf4ed 26%,#fafbf497 39%,transparent 64%)}.ecosystem-head .habitat-caption{bottom:16px;right:17px;padding:10px 13px}.ecosystem-head .habitat-caption>span:nth-child(2){font-size:16px}.ecosystem-head .creature-frog{left:58%;bottom:7%;width:135px;height:135px}.ecosystem-head .creature-snake{left:55%;bottom:7%;width:180px;height:135px}.ecosystem-head .creature-hedgehog{left:50%;bottom:4%;width:150px;height:150px}.ecosystem-head .creature-butterfly{left:67%;top:48%;width:70px;height:70px}.habitat-reeds{right:10%;height:70px;bottom:12%}.habitat-water i{left:55%;bottom:21%;width:110px;height:15px}.program-overview .section-heading h2{font-size:39px}.program-paths{grid-template-columns:1fr;gap:22px}.path-panel{min-height:430px;padding:25px}.path-panel h3{font-size:42px}.path-index{font-size:7px;padding:8px 9px}.path-panel .eyebrow{font-size:8px}.path-panel p{font-size:8px;margin-top:18px}.path-panel .round-arrow{width:40px;height:40px;bottom:27px;right:24px}.program-list,.program-group[data-group=predskolski] .program-list,.program-group[data-group=dvodnevni] .program-list{grid-template-columns:1fr;gap:25px}.package-cover,.program-group[data-group=predskolski] .package-cover,.program-group[data-group=dvodnevni] .package-cover{height:245px}.package-card h3{font-size:20px;min-height:0}.package-card .duration{font-size:10px;margin:0;order:0}.package-heading{padding:24px 23px 21px;gap:13px}.package-card .program-body{padding:0 23px 25px}.package-card .program-body li{font-size:12px}.package-expand{font-size:11px;padding-top:14px}.metal-medal{width:66px;height:66px;font-size:28px}.package-nature-label{font-size:8px}.filter-toolbar{margin-bottom:36px}.filter-button{font-size:9px;padding:9px 12px}.expand-all{font-size:10px}.group-heading h2{font-size:20px}.group-heading p{font-size:12px}.program-group+.program-group{margin-top:55px}.footer-top{grid-template-columns:1fr;gap:22px}.footer-top>*:nth-child(even){justify-self:start;text-align:left}.footer-social{position:absolute;right:20px;top:55px}.footer-contact{font-size:11px}.footer-location{font-size:11px}.footer-logo{width:125px}.footer-bottom>span{flex-basis:100%}.footer-bottom>a:nth-child(2){text-align:left;flex-basis:100%;font-size:8px}.footer-bottom{padding-bottom:40px}.wildlife-replay{right:12px;bottom:12px;padding:9px}.section{padding-block:57px}.intro h2{font-size:45px}.lead,.intro .lead{font-size:14px}.stats strong{font-size:38px}.stats span{font-size:9px}.stats{gap:10px}.gallery-preview{grid-template-columns:1fr;gap:17px}.preview-photo{height:310px}.preview-photo:last-child{display:block}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2{font-size:38px}.section-heading>.text-link{font-size:10px}.home-project{grid-template-columns:22px 1fr 17px;gap:10px}.home-project h3{font-size:16px}.contact-line a{font-size:17px}.contact-form-panel{padding:25px 18px}.contact-form-panel>h2{font-size:26px}.form-row{grid-template-columns:1fr;gap:0}.photo-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-group .section-heading{flex-direction:row;align-items:flex-end}.gallery-group h2{font-size:31px}.photo-count{font-size:8px}.media-image{height:230px}.donate-inner h2{font-size:27px}.cta-band h2{font-size:32px}.project-text h2{font-size:26px}.project-marker>span:last-child{font-size:34px}.lightbox{margin-left:0}.motion-toggle{font-size:9px}}
@media(max-width:420px){:root{--rail:54px}.wrap{width:calc(100% - 32px)}.preview-bar span{display:none}.ecosystem-hero h1{font-size:36px;letter-spacing:-.055em}.ecosystem-hero .hero-grid{min-height:855px;padding-top:35px;padding-bottom:410px}.ecosystem-hero .hero-actions{gap:11px;flex-direction:column;align-items:flex-start}.ecosystem-hero .hero-actions .button{font-size:10px;padding-inline:16px;min-height:46px}.ecosystem-hero .hero-actions .text-link{font-size:10px;background:#f8fbee99}.ecosystem-head h1{font-size:41px;line-height:1.08}.ecosystem-head .page-head-inner{min-height:455px}.ecosystem-head .creature-snake{left:50%;width:160px;height:125px}.ecosystem-head .creature-frog{left:55%;width:125px;height:125px}.ecosystem-head .creature-hedgehog{left:45%;width:140px;height:140px}.habitat-caption{right:14px;bottom:17px}.path-panel{min-height:415px;padding:24px}.path-panel h3{font-size:38px}.path-panel p{font-size:7px;max-width:85%}.path-panel .round-arrow{width:34px;height:34px;bottom:25px;right:22px;font-size:20px}.path-panel .eyebrow{font-size:7px}.package-cover,.program-group[data-group=predskolski] .package-cover,.program-group[data-group=dvodnevni] .package-cover{height:220px}.package-card h3{font-size:18px}.group-heading h2{font-size:18px}.program-overview .section-heading h2{font-size:35px}.section-heading h2{font-size:34px}.footer-logo{width:113px}.footer-social{font-size:9px}.cta-band h2{font-size:29px}.button{font-size:11px}.media-image{height:210px}}
@media(prefers-reduced-motion:reduce){.habitat *,.package-shine,.package-card:before,.path-panel:after{animation:none!important}.habitat-creature{opacity:1}.package-shine{opacity:0}.path-panel:hover,.package-card:hover{transform:none}}

.path-background,.package-cover>img{object-position:right center}.habitat-reeds{display:none}

.metal-bronze .package-heading{background:linear-gradient(125deg,#fffaf0 15%,#eedac066 55%,#fffdf5)}
.metal-silver .package-heading{background:linear-gradient(125deg,#fcfdfb 15%,#dce5e766 55%,#fffef7)}
.metal-gold .package-heading{background:linear-gradient(125deg,#fffcef 15%,#f0dfa466 55%,#fffdf3)}
.fire-embers{position:absolute;z-index:2;left:78%;top:55%;width:40px;height:60px;pointer-events:none}
.fire-embers i{position:absolute;left:12px;top:30px;width:3px;height:3px;border-radius:50%;background:#ffdf7f;box-shadow:0 0 7px 2px #ff9b2877;opacity:0;animation:campfire-ember 4s ease-out infinite}
.fire-embers i:nth-child(2){left:27px;animation-delay:1.4s}.fire-embers i:nth-child(3){left:4px;animation-delay:2.7s}
@keyframes campfire-ember{0%{opacity:0;transform:translate(0,9px) scale(.6)}25%{opacity:.9}100%{opacity:0;transform:translate(9px,-47px) scale(.2)}}
.motion-paused .fire-embers i{animation:none!important}
@media(prefers-reduced-motion:reduce){.fire-embers i{animation:none!important}}

html{scroll-padding-top:0}.project-row{scroll-margin-top:30px}
.path-panel:before,.path-campfire:before{background:linear-gradient(90deg,#102e1bb8 0%,#102e1b22 62%,transparent 100%),linear-gradient(0deg,#102c1bc9 0%,#142e1b44 44%,transparent 75%)}
.path-index{display:grid;place-items:center;width:39px;height:39px;padding:0;border-radius:50%;font-family:var(--serif);font-size:17px;letter-spacing:0}

.side-drawer:not([hidden]){animation:side-menu-enter .18s ease-out both}
@keyframes side-menu-enter{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.side-drawer:not([hidden]){animation:none}}