:root{
  --green:#07843e;
  --green-dark:#036a33;
  --orange:#ff7b43;
  --yellow:#f7c90a;
  --blue:#21a7d8;
  --text:#171717;
  --page:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--text);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 36px));margin:0 auto}
.site-header{background:#fff;padding:18px 0 12px;position:relative;z-index:20}
.header-inner{display:grid;grid-template-columns:300px 1fr 110px;align-items:center;gap:24px}
.brand img{width:270px;height:auto}
.eto-top{justify-self:end;width:92px;overflow:hidden}
.eto-top img{width:150px;max-width:none}
.nav{display:flex;gap:10px 12px;flex-wrap:wrap;justify-content:center;align-content:center}
.nav a{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;text-decoration:none;color:#e9b200;border:1.6px solid var(--orange);border-radius:999px;padding:7px 18px;font-size:13px;letter-spacing:.4px;white-space:nowrap;transition:.15s}
.nav a:hover{background:#fff5eb;transform:translateY(-1px)}
.nav a.highlight{background:#fff4a8}
.mobile-toggle{display:none;border:0;background:#fff;font-size:30px;line-height:1;padding:6px 8px}
.hero{position:relative;background:#c78610;overflow:hidden}
.hero video{width:100%;height:auto;aspect-ratio:16/6.1;object-fit:cover;display:block}
.hero-title{position:absolute;left:50%;top:9%;transform:translateX(-50%);width:min(1000px,92%);text-align:center;color:#fff;font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(34px,5vw,68px);line-height:.92;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.section{padding:64px 0;position:relative}
.section.compact{padding:42px 0}
.kicker,.big-title,.section-title{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;line-height:.98}
.kicker{font-size:clamp(28px,4vw,48px);color:var(--green);margin:0 0 26px}
.big-title{font-size:clamp(34px,5vw,58px);color:var(--green);margin:0 0 34px}
.section-title{font-size:clamp(30px,4.2vw,52px);color:var(--green);margin:0 0 24px}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:70px;align-items:center}
.about-copy{max-width:470px}
.about-copy p{font-size:17px;margin:0 0 18px}
.frog-stage{position:relative;min-height:500px;display:grid;place-items:center}
.frog-circle{width:min(370px,90%);aspect-ratio:1;border:5px solid #ff7b43;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:white;position:relative;z-index:2}
.frog-circle img{width:125%;height:125%;object-fit:cover;object-position:center}
.flower-lines{position:absolute;left:3%;top:0;width:47%;height:85%;z-index:1;opacity:.95;background:
 linear-gradient(90deg,transparent 0 14%,#ef6450 14% 15%,transparent 15% 34%,#0aa553 34% 35%,transparent 35% 52%,#ff8b38 52% 53%,transparent 53% 72%,#374c44 72% 73%,transparent 73%);}
.flower-lines:before,.flower-lines:after{content:"✿";position:absolute;font-size:64px;top:0}
.flower-lines:before{left:10%;color:#f36a5d}.flower-lines:after{right:3%;color:#313b34}
.waste-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.waste-illustration{min-height:300px;display:grid;place-items:center;position:relative}
.waste-illustration img{width:260px;border-radius:40% 55% 44% 52%;transform:rotate(-8deg)}
.waste-copy p{font-size:17px;margin:0 0 18px}
.gallery-wrap{margin-top:40px;overflow:hidden;position:relative;padding:10px 0 18px}
.gallery-track{display:flex;gap:26px;align-items:center;transition:transform .55s ease}
.gallery-card{flex:0 0 31%;min-width:230px;text-align:center}
.gallery-card .circle{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#eee;border:7px solid #fff;box-shadow:0 0 0 1px #ddd}
.gallery-card img{width:100%;height:100%;object-fit:cover}
.gallery-card span{display:block;margin-top:10px;font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:14px;color:#333}
.gallery-controls{display:flex;justify-content:center;gap:12px;margin-top:10px}
.gallery-controls button{border:1px solid #ddd;background:#fff;border-radius:999px;width:42px;height:42px;font-size:20px;cursor:pointer}
.sort-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:start}
.sort-copy p{font-size:17px}
.video-card video{width:100%;border-radius:2px;background:#000}
.color-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.color-card{padding:20px 18px 24px;min-height:260px;color:#111;font-weight:700;font-size:14px;line-height:1.35}
.color-card img{width:86px;height:86px;object-fit:contain;margin-bottom:12px}
.color-card.yellow{background:#ffec00}.color-card.green{background:#08a55b}.color-card.blue{background:#29aee3}
.containers-section{padding-top:80px}
.container-intro{max-width:650px;margin-left:auto;font-size:17px}
.bin-row{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:center;margin:46px 0}
.bin-row.reverse{grid-template-columns:1.25fr 1fr}
.bin-row.reverse .bin-copy{order:1}.bin-row.reverse .bin-img{order:2}
.bin-img img{width:min(430px,100%);margin:auto}
.bin-copy p{font-size:17px;margin:0 0 16px}
.orange-link{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.tv-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:58px 0}
.tv-copy{max-width:420px}.tv-copy p{font-size:17px}
.end-title{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;color:#ff8a43;font-size:clamp(28px,4vw,48px);margin:30px 0 56px}
.footer{border-top:0;padding:18px 0 24px}
.footer-inner{display:flex;align-items:center;gap:30px;font-size:13px}
.footer img{width:130px}
.subpage-main{padding:55px 0 40px}
.subpage-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:start}
.subpage-title{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;color:var(--green);font-size:clamp(40px,5.2vw,66px);line-height:.98;margin:0 0 45px;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}
.subpage-copy p{font-size:18px;margin:0 0 25px}
.subpage-copy .contact{color:#ff5b44;font-size:20px}
.subpage-photo{margin-top:90px}
.subpage-photo img{width:100%;max-width:440px;margin:auto}
.article-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:start}
.article-copy p{font-size:17px;margin:0 0 20px;text-align:justify}
.article-copy strong{font-weight:800}
.article-side{display:grid;gap:26px;padding-top:5px}
.article-side img{width:100%;max-width:430px;margin:0 auto}
.article-side .postimees{border:1px solid #ddd}
.small-note{font-size:12px;color:#666}
@media (max-width:900px){
  .header-inner{grid-template-columns:1fr auto}.eto-top{display:none}.brand img{width:230px}.mobile-toggle{display:block}.nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;padding:8px 0 4px}.nav.open{display:flex}.nav a{text-align:center}
  .hero-title{font-size:clamp(30px,7vw,54px)}
  .about-grid,.waste-intro,.sort-grid,.subpage-grid,.article-grid,.tv-section{grid-template-columns:1fr;gap:34px}
  .frog-stage{min-height:380px}.waste-illustration{min-height:auto}.color-cards{grid-template-columns:1fr}.bin-row,.bin-row.reverse{grid-template-columns:1fr;gap:18px}.bin-row.reverse .bin-copy,.bin-row.reverse .bin-img{order:initial}.subpage-photo{margin-top:0}.article-copy p{text-align:left}.gallery-card{flex-basis:72%}
}
@media (max-width:600px){
  .container{width:min(100% - 24px,1160px)}.site-header{padding:12px 0 8px}.brand img{width:195px}.hero video{aspect-ratio:16/9}.hero-title{top:8%;font-size:clamp(28px,8vw,44px)}.section{padding:42px 0}.section-title,.big-title,.kicker{line-height:1.02}.footer-inner{align-items:flex-start;flex-direction:column}.color-card{min-height:0}.about-copy p,.waste-copy p,.sort-copy p,.bin-copy p,.tv-copy p,.subpage-copy p,.article-copy p{font-size:16px}
}