/* יוגה רעננה, רותי טמיר */

@font-face{font-family:"Alef";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/alef-hebrew-400-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Alef";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/alef-hebrew-700-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Alef";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/alef-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Alef";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/alef-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --navy:#0E3C53;
  --navy-dark:#082A3B;
  --sage:#A8DB95;
  --sage-mid:#8CC777;
  --green-text:#3F7A2C;
  --gray:#605E5E;
  --mint:#F3F8F1;
  --mint-2:#DCEBD5;
  --line:#dfe7e3;
  --on-navy:#D5E3EA;
  --white:#ffffff;
  --radius:24px;
  --wrap:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--white);color:var(--navy);font-family:"Alef","Arial Hebrew",Arial,sans-serif;font-size:18px;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy)}
a:hover{color:#165a7c}
h1,h2,h3{font-family:inherit;line-height:1.25;margin:0;color:var(--navy);text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--sage-mid);outline-offset:3px;border-radius:4px}
.ltr{direction:ltr;unicode-bidi:isolate}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.skip-link{position:absolute;inset-inline-start:16px;top:-80px;z-index:100;background:var(--navy);color:var(--white);padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none}
.skip-link:focus{top:12px;color:var(--white)}

.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.wrap--narrow{max-width:1000px}
.wrap--faq{max-width:860px}
.sec{padding-block:96px}
.sec--mint{background:var(--mint)}
.sec--navy{background:var(--navy);color:var(--white)}
.sec--navy h2,.sec--navy h3{color:var(--white)}
.sec--border{border-top:1px solid #e6ece8}
.h2{font-size:clamp(30px,3.2vw,42px)}
.h2 .accent{display:block;color:var(--green-text)}
.lead{font-size:21px;line-height:1.6}
.muted{color:var(--gray)}
.stack{display:flex;flex-direction:column;gap:20px}
.split{display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.split>*{flex:1 1 420px;min-width:0}

/* Header */
.site-header{background:var(--white);border-bottom:1px solid #e6ece8;position:relative;z-index:20}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand svg{width:62px;height:40px;flex:none;fill:var(--sage-mid)}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-size:30px;font-weight:700;color:var(--gray);white-space:nowrap}
.brand-sub{font-size:15px;font-weight:700;color:var(--gray);letter-spacing:.04em}
.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;font-size:17px;font-weight:700}
.main-nav .nav-link{text-decoration:none;padding-block:10px}
.icon-btn{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none}
.icon-btn svg{width:21px;height:21px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-btn--outline{border:1.5px solid var(--navy)}
.icon-btn--outline svg{stroke:var(--navy)}
.icon-btn--solid{background:var(--navy)}
.icon-btn--solid svg{stroke:var(--sage)}
.mnav{display:none;position:relative}
.mnav>summary{list-style:none;cursor:pointer}
.mnav>summary::-webkit-details-marker{display:none}
.mnav-panel{position:absolute;inset-inline-end:0;top:54px;width:240px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px rgba(14,60,83,.16);padding:8px;display:flex;flex-direction:column}
.mnav-panel a{text-decoration:none;padding:12px 14px;border-radius:10px}
.mnav-panel a:hover{background:var(--mint)}

/* Hero */
.hero{background:var(--mint)}
.hero .wrap{padding-block:64px 80px;display:flex;flex-direction:column;gap:40px}
.hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.2}
.hero h1 .dot{color:var(--sage-mid);font-weight:400}
.hero h1 .accent{color:var(--green-text);font-weight:400}
.hero-copy{display:flex;flex-direction:column;gap:22px}
.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px 28px 28px 140px;background:var(--mint-2)}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;text-decoration:none;padding:14px 28px;border-radius:999px;min-height:48px;border:2px solid transparent;font-family:inherit;cursor:pointer}
.btn svg{width:22px;height:22px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn--primary{background:var(--navy);color:var(--white)}
.btn--primary:hover{background:#165a7c;color:var(--white)}
.btn--primary svg{stroke:var(--sage)}
.btn--outline{border-color:var(--navy);color:var(--navy);background:transparent}
.btn--outline svg{stroke:var(--navy)}
.btn--sage{background:var(--sage);color:var(--navy)}
.btn--sage:hover{background:#bfe6b0;color:var(--navy)}
.btn--sage svg{stroke:var(--navy)}

/* Beginners */
.portrait-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);background:var(--mint-2)}
.callout{padding:20px 24px;background:var(--mint);border-radius:16px}

/* Benefits */
.benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));border-top:1px solid rgba(168,219,149,.45)}
.benefits li{padding:28px 0 8px 28px;display:flex;flex-direction:column;gap:10px}
.benefits h3{display:flex;align-items:flex-start;gap:10px}
.benefits .ic{display:flex;flex:none;line-height:0;margin-top:.33em}
.benefits .ic svg{width:.97em;height:.62em;fill:var(--sage)}
.benefits h3{font-size:21px}
.benefits p{font-size:17px;color:var(--on-navy)}

/* About */
.about-photo{flex:0 1 440px!important;width:440px;max-width:100%}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:28px 28px 28px 110px;background:var(--mint-2)}
@media (max-width:760px){.about-photo img{border-radius:20px 20px 20px 80px}}

/* Testimonials */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;align-items:start}
.quote{margin:0;background:var(--white);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:18px}
.quote::before{content:"״";font-size:64px;line-height:.6;height:28px;color:var(--sage-mid)}
.quote blockquote{margin:0;font-size:18px;line-height:1.75}
.quote figcaption{font-size:16px;font-weight:700;color:var(--gray)}

/* Studio band */
.band{padding-top:72px}
.band img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius);background:var(--mint-2)}

/* Schedule */
.schedule{margin:0;border-top:2px solid var(--navy)}
.schedule div{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line);font-size:20px}
.schedule dt{font-weight:700}
.schedule dd{margin:0}
.card{background:var(--mint);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;gap:16px}
.card h3{font-size:24px}
.text-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:17px;text-underline-offset:4px;padding:10px 0}
.text-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.links-row{display:flex;flex-wrap:wrap;gap:8px 24px}

/* FAQ */
.faq{border-top:1px solid #cfdcd6}
.faq details{border-bottom:1px solid #cfdcd6;padding:4px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:20px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:28px;color:var(--green-text);line-height:1;flex:none}
@media (prefers-reduced-motion:no-preference){.faq summary::after{transition:transform .2s}}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;font-size:18px;color:#2d4f60}

/* Contact */
.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:18px}
.contact-list li{display:flex;gap:12px;align-items:center}
.contact-address{align-items:flex-start!important}
.contact-address svg{margin-top:5px}
.contact-address>span{display:flex;flex-direction:column;gap:2px}
.contact-list svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--sage);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sec--navy a{color:var(--white)}
.sec--navy .btn--sage{color:var(--navy)}
.sec--navy p{color:var(--on-navy)}

/* Footer */
.site-footer{background:var(--navy-dark);color:#C4D5DE;font-size:16px}
.site-footer a{color:#E3ECF1;display:inline-block;padding-block:4px}
.site-footer .wrap{padding-block:28px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;font-size:15px}

/* Floating WhatsApp */
.wa-float{position:fixed;inset-inline-end:auto;left:24px;bottom:24px;z-index:30;width:60px;height:60px;border-radius:50%;background:var(--navy);border:3px solid var(--sage);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(14,60,83,.28)}
.wa-float--hidden{opacity:0;visibility:hidden;transform:translateY(12px)}
@media (prefers-reduced-motion:no-preference){.wa-float{transition:opacity .2s,transform .2s,visibility .2s}}
.wa-float svg{width:28px;height:28px;fill:none;stroke:var(--white);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Inner pages */
.page-hero{background:var(--mint)}
.page-hero .wrap{padding-block:56px}
.page-hero h1{font-size:clamp(32px,3.6vw,48px)}
.prose{max-width:760px;display:flex;flex-direction:column;gap:18px}
.prose h2{font-size:26px;margin-top:20px}
.prose ul{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px}
.breadcrumbs{font-size:15px;margin-bottom:12px}
.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:8px}
.breadcrumbs a{display:inline-block;padding-block:4px}
.breadcrumbs li+li::before{content:"‹";margin-inline-end:8px;color:var(--gray)}

@media (max-width:1000px){
  .main-nav .nav-link{display:none}
  .mnav{display:block}
}
@media (max-width:900px){
  .portrait-img{aspect-ratio:4/3}
}
@media (max-width:760px){
  .sec{padding-block:56px}
  .hero .wrap{padding-block:36px 48px;gap:24px}
  .hero-img{border-radius:20px 20px 20px 80px}
  .split{gap:32px}
  .band{padding-top:48px}
  .card{padding:26px}
  .wa-float{left:16px;bottom:16px}
  .site-footer .wrap{padding-bottom:96px}
  .site-header .wrap{flex-wrap:nowrap;gap:10px}
  .brand{gap:8px}
  .brand svg{width:48px;height:31px}
  .brand-name{font-size:23px}
  .brand-sub{font-size:13px}
  .main-nav{gap:8px;flex-wrap:nowrap}
  .btn{font-size:17px;padding:13px 22px}
}
@media (max-width:360px){
  .site-header .wrap{padding-inline:12px}
  .brand svg{width:40px;height:26px}
  .brand-name{font-size:20px}
  .brand-sub{font-size:12px}
  .icon-btn{width:40px;height:40px}
}
@media print{.wa-float,.mnav,.skip-link{display:none}}

/* Utilities */
.gap-48{gap:48px}.gap-44{gap:44px}.gap-32{gap:32px}.gap-28{gap:28px}
.align-start{align-items:flex-start}
.self-start{align-self:flex-start}

/* Language switch */
.lang-switch{font-weight:700;text-decoration:none;padding:10px 4px;min-height:44px;display:inline-flex;align-items:center}
.hero h1.stacked .dot{display:none}
.hero h1.stacked .accent{display:block}
@media (max-width:420px){[lang="en"] .brand-name{font-size:20px}[lang="en"] .main-nav .icon-btn--outline{display:none}}

/* Stacked layout (mobile/tablet): text before the image, so the page alternates text, image, text, image */
@media (max-width:943px){.split-media{order:2}}

/* Crossfading photos (hero, about) */
.slides{position:relative;overflow:hidden;background:var(--mint-2)}
.slides .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.slides--3 .slide{animation:fade3 9s infinite both}
.slides--3 .slide:nth-of-type(1){animation-delay:-.6s}
.slides--3 .slide:nth-of-type(2){animation-delay:2.4s}
.slides--3 .slide:nth-of-type(3){animation-delay:5.4s}
@keyframes fade3{0%{opacity:0}6.67%{opacity:1}33.33%{opacity:1}40%{opacity:0}100%{opacity:0}}
.slides--2 .slide{animation:fade2 14s infinite both}
.slides--2 .slide:nth-of-type(1){animation-delay:-.8s}
.slides--2 .slide:nth-of-type(2){animation-delay:6.2s}
@keyframes fade2{0%{opacity:0}6%{opacity:1}50%{opacity:1}56%{opacity:0}100%{opacity:0}}
.slides.is-paused .slide{animation-play-state:paused}
.slides-toggle{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;cursor:pointer}
.slides-toggle svg{width:18px;height:18px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.slides-toggle .i-play{display:none}
.slides.is-paused .i-play{display:inline}
.slides.is-paused .i-pause{display:none}
.hero-slides{aspect-ratio:4/3;border-radius:28px 28px 28px 140px}
@media (max-width:760px){.hero-slides{border-radius:20px 20px 20px 80px}}
@media (prefers-reduced-motion:reduce){
  .slides .slide{animation:none}
  .slides .slide:nth-of-type(1){opacity:1}
  .slides-toggle{display:none}
}

.h2 .eyebrow{display:block;font-size:17px;font-weight:700;color:var(--green-text);margin-bottom:6px;letter-spacing:.01em}
.portrait-img.top-focus{object-position:50% 22%}