:root{
  /* Joogafilosoofia */
  --fil-50:#F9EEEF; --fil-100:#F5DEDF; --fil-300:#CFA6BB; --fil-400:#9E94BA; --fil-600:#6D5A8A; --fil-700:#4A3B6D; --fil-900:#401850;
  /* Joogaõpetaja */
  --ope-50:#F9F5F0; --ope-100:#ECE2DD; --ope-300:#E99667; --ope-600:#BE3657; --ope-700:#A62557; --ope-900:#492C5B;
  /* Joogateraapia */
  --ter-50:#F7F2EE; --ter-100:#E9E2E0; --ter-300:#BEE497; --ter-600:#1C896D; --ter-700:#0F615B; --ter-800:#255B60; --ter-900:#2B4454;
  /* Joogachant */
  --cha-900:#2D111B; --cha-600:#86495F; --cha-300:#CC9EA0; --cha-100:#EAE4DF; --cha-acc:#DF5F3F; --cha-200:#E7BFA6;
  --ink:#2D111B;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:17px}
h1,h2,h3{line-height:1.12;font-weight:600;letter-spacing:-0.01em}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:14px 30px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease;border:none;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--fil-900);color:#fff}
.btn-light{background:#fff;color:var(--fil-900)}
.btn-coral{background:var(--ope-700);color:#fff}
.btn-green{background:var(--ter-700);color:#fff}
.btn-flame{background:var(--cha-acc);color:#fff}
.btn-ghost{background:transparent;border:1.5px solid currentColor}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.75;margin-bottom:14px}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--ope-100)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:84px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-full{height:44px;width:auto;display:block}
.mark{width:1em;height:1em;display:block}
.site-navigation{margin-left:auto}
.language-switcher{display:flex;align-items:center;gap:4px;flex:none;padding:3px;border:1px solid var(--ope-100);border-radius:999px;background:#fff}
.language-switcher__link{display:flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 9px;border:0!important;border-radius:999px;color:var(--cha-600);font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none}
.language-switcher__link:hover,.language-switcher__link.is-active{background:var(--fil-900);color:#fff}
nav ul{display:flex;gap:26px;list-style:none}
nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--ink);padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.active{border-bottom-color:var(--ope-600);color:var(--ope-700)}

nav>ul>li{position:relative}
.dd{position:absolute;top:100%;left:-14px;background:#fff;border-radius:14px;box-shadow:0 12px 36px rgba(45,17,27,.14);padding:12px 0;min-width:250px;list-style:none;display:none}
nav li:hover .dd,nav li:focus-within .dd{display:block}
.dd a{display:block;padding:9px 20px;font-size:14.5px;border-bottom:none}
.dd a:hover{background:var(--ope-50);color:var(--ope-700)}
.burger{display:none;background:none;border:none;font-size:39px;line-height:1;cursor:pointer;color:var(--fil-900)}

/* Hero */
.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--fil-400) 0%,var(--fil-300) 45%,var(--fil-100) 100%);color:var(--fil-900)}
.hero-video{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:calc(100vh - 84px)!important;max-height:calc(100svh - 84px)!important;aspect-ratio:auto!important;object-fit:cover;object-position:center;opacity:.5;z-index:1;pointer-events:none}
.hero-burst{position:absolute;right:-140px;top:-80px;width:640px;height:640px;opacity:.5;pointer-events:none;z-index:2}
.hero.has-hero-background-image{background-color:var(--fil-900);background-image:linear-gradient(90deg,rgba(45,17,27,.68),rgba(45,17,27,.24)),var(--joogaliit-hero-image);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff}
.hero.has-hero-background-image .hero-video{display:none}
.hero.has-hero-background-image h1,.hero.has-hero-background-image p,.hero.has-hero-background-image .euy span{color:#fff}
.hero .wrap{position:relative;z-index:3}
.hero-inner{position:relative;padding:160px 0 130px;max-width:680px}
.hero h1{font-size:clamp(46px,6.5vw,74px);font-weight:700;margin-bottom:28px}
.hero p{font-size:19px;max-width:540px;margin-bottom:42px;color:var(--fil-700)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.euy{display:flex;align-items:center;gap:14px;margin-top:56px;flex-wrap:wrap}
.euy-logo{width:190px;max-width:100%;height:auto;flex:none}
.euy-badge{width:190px;max-width:100%;height:46px;flex:none;background:transparent url('../images/euy-logo.svg') center/contain no-repeat;overflow:hidden;text-indent:-9999px}
.euy span{font-size:14px;font-weight:500;color:var(--fil-700)}

/* Sections */
section{padding:128px 0}
.sec-head{max-width:660px;margin-bottom:64px}
.sec-head h2{font-size:clamp(34px,4.1vw,48px);margin-bottom:18px}
.sec-head p{color:var(--cha-600)}

/* Joogakool + values */
.about{background:var(--ope-50)}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:88px;align-items:start}
.about h2{font-size:clamp(34px,4.1vw,48px);margin-bottom:22px}
.about p{margin-bottom:16px;color:#4a3542}
.values{background:#fff;border-radius:24px;padding:44px;box-shadow:0 8px 30px rgba(73,44,91,.08)}
.values h3{font-size:26px;margin-bottom:24px}
.value{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}
.value-mark{flex:none;font-size:28px;margin-top:2px}
.value p{font-size:15.5px;color:#4a3542;margin:0}
.about .btn{margin-top:10px}
.values .btn{width:100%;text-align:center;margin-top:8px}


/* Koolitused */
.courses{background:#fff}
.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.card{border-radius:28px;padding:56px 48px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px}
.card .eyebrow{margin-bottom:10px}
.card h3{font-size:clamp(29px,3.1vw,38px);margin-bottom:16px}
.card p{font-size:16px;margin-bottom:12px;max-width:420px}
.card .meta{font-size:14px;font-weight:600;letter-spacing:.02em;margin-bottom:22px}
.card .btn{margin-top:auto;align-self:flex-start}
.card-ope{background:linear-gradient(150deg,var(--ope-100) 0%,#F3C6B0 55%,var(--ope-300) 100%);color:var(--ope-900)}
.card-ope p{color:#5d3247}
.card-ter{background:linear-gradient(150deg,var(--ter-100) 0%,#D9E9C4 55%,var(--ter-300) 100%);color:var(--ter-900)}
.card-ter p{color:#39555a}
.card-rings{position:absolute;right:-60px;bottom:-70px;width:280px;height:280px;opacity:.35;pointer-events:none}
.course-more{margin-top:26px;font-size:15.5px}
.course-more a{color:var(--ope-700);font-weight:600}

/* Tunnid */
.classes{background:var(--ter-50)}
.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px}
.class-card{background:#fff;border-radius:20px;padding:34px;box-shadow:0 4px 18px rgba(43,68,84,.06)}
.class-card h4{font-size:22px;margin-bottom:8px;color:var(--ter-800)}
.class-card .place{font-size:14px;color:var(--cha-600);margin-bottom:10px}
.class-card .time{display:inline-block;font-size:13.5px;font-weight:600;background:var(--ter-300);color:var(--ter-900);border-radius:999px;padding:4px 12px}
.therapy{display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--ter-800);color:#fff;border-radius:24px;padding:44px 52px;flex-wrap:wrap}
.therapy h3{font-size:26px;margin-bottom:8px}
.therapy p{font-size:15.5px;opacity:.85;max-width:560px}
.therapy .btn{background:var(--ter-300);color:var(--ter-900);flex:none}

/* Uudiskiri */
.news{background:linear-gradient(140deg,var(--cha-900) 0%,#5A2E42 55%,var(--cha-600) 100%);color:var(--cha-100)}
.news-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.news h2{font-size:clamp(34px,3.8vw,46px);color:#fff;margin-bottom:16px}
.news p{opacity:.85}
.news form{display:flex;gap:12px;flex-wrap:wrap}
.news input[type=email]{flex:1;min-width:230px;padding:14px 20px;border-radius:999px;border:none;font-family:inherit;font-size:16px;background:rgba(255,255,255,.95);color:var(--cha-900)}
.gdpr{font-size:13px;opacity:.65;margin-top:14px}

/* Galerii */
.gallery{background:#fff}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gal-item{border-radius:18px;aspect-ratio:1/1.1;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px;color:#fff;text-decoration:none}
.gal-item span{font-size:14.5px;font-weight:600;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.g1{background:linear-gradient(160deg,#9E94BA,#401850)}
.g2{background:linear-gradient(160deg,#E99667,#A62557)}
.g3{background:linear-gradient(160deg,#BEE497,#0F615B)}
.g4{background:linear-gradient(160deg,#CC9EA0,#2D111B)}
.gal-note{margin-top:22px;font-size:14px;color:var(--cha-600)}
.gal-note a{color:var(--ope-700);font-weight:600}

/* Jalus */
footer{background:var(--fil-900);color:var(--fil-100);padding:96px 0 40px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:56px;margin-bottom:64px}
.foot-logo .mark{width:56px;height:56px;margin-bottom:18px}
.foot-grid h5{font-size:17px;letter-spacing:.12em;text-transform:uppercase;color:var(--fil-300);margin-bottom:18px;font-weight:600}
.foot-grid ul{list-style:none}
.foot-grid li{margin-bottom:10px}
.foot-grid a{text-decoration:none;font-size:15px;opacity:.9}
.foot-grid a:hover{opacity:1;text-decoration:underline}
.foot-join p{font-size:15px;margin-bottom:18px;opacity:.85}
.foot-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;opacity:.7}

@media(max-width:960px){
  .burger{display:block}
  nav{position:fixed;top:84px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ope-100);box-shadow:0 16px 36px rgba(45,17,27,.12);max-height:calc(100vh - 84px);overflow-y:auto;transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:60}
  nav.open{transform:translateY(0);opacity:1;visibility:visible}
  nav>ul{display:flex;flex-direction:column;gap:0;padding:12px 24px 24px}
  nav>ul>li{position:static;border-bottom:1px solid var(--ope-100)}
  nav>ul>li:last-child{border-bottom:none}
  nav>ul>li>a{display:block;padding:15px 0;font-size:17px;border-bottom:none}
  .dd{position:static;display:block;box-shadow:none;border-radius:0;padding:0 0 10px 14px;min-width:0}
  .dd a{padding:8px 0;font-size:15px;color:var(--cha-600)}
  .about-grid,.news-inner{grid-template-columns:1fr;gap:40px}
  .course-grid{grid-template-columns:1fr}
  .class-grid{grid-template-columns:1fr 1fr}
  .gal-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
	.language-switcher{margin-left:auto}
}
@media(max-width:560px){
  .class-grid,.gal-grid,.foot-grid{grid-template-columns:1fr}
  section{padding:84px 0}
  .hero-inner{padding:110px 0 90px}
  .logo-full{height:36px}
}