@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');
:root{--terracotta:#b97862;--sage:#78847e;--sand:#d4c3a5;--cream:#f7f4ee;--ink:#3e4442;--white:#fffdf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}
.site-header{height:92px;padding:12px 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,238,.94);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(62,68,66,.08);backdrop-filter:blur(10px)}
.brand img{width:105px;height:68px;object-fit:cover}nav{display:flex;gap:30px;font-size:.9rem}nav a:hover{color:var(--terracotta)}
.nav-button,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-size:.88rem;font-weight:600;transition:.2s}.nav-button,.button.primary{background:var(--terracotta);color:white}.nav-button:hover,.button.primary:hover{transform:translateY(-2px)}.button.secondary{border:1px solid rgba(62,68,66,.25);background:transparent}.button.secondary:hover{background:white}
.hero{min-height:calc(100vh - 92px);padding:8vw 9vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;overflow:hidden}.eyebrow{letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--terracotta);margin:0 0 18px}h1,h2,h3{font-family:"Playfair Display",serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(3.5rem,7vw,7.2rem)}h2{font-size:clamp(2.7rem,5vw,5rem)}.lead{font-size:1.2rem;max-width:620px;margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-photo-card{position:relative;min-height:570px;border-radius:34px;overflow:hidden;box-shadow:0 24px 70px rgba(62,68,66,.16)}.hero-photo-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(34,39,37,.32))}.hero-photo-card span{position:absolute;left:28px;bottom:25px;color:white;font-family:"Playfair Display",serif;font-size:1.45rem;z-index:1}
.intro{background:var(--white);padding:11vw 15vw;text-align:center}.intro h2{margin-bottom:28px}.intro>p:last-child{max-width:680px;margin:auto;font-size:1.1rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd6ca}.card{background:var(--cream);padding:7vw 6vw;min-height:330px}.card span{color:var(--terracotta);font-size:.8rem;letter-spacing:.15em}.card h3{font-size:2.6rem;margin:38px 0 14px}
.gallery{padding:10vw 9vw;background:var(--cream)}.gallery-heading{margin-bottom:45px}.gallery-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;align-items:stretch}.gallery-grid figure{margin:0;min-height:440px;border-radius:28px;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.gallery-main{min-height:560px!important}
.youtube{padding:9vw 10vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#e9e5dc}.youtube p:not(.eyebrow){max-width:550px;margin:25px 0 30px}.youtube-videos{width:100%}.video-frame{position:relative;width:100%;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#d8d1c4;box-shadow:0 20px 50px rgba(62,68,66,.12)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-note{font-size:.82rem;margin:12px 0 0!important;opacity:.72}
.contact{padding:11vw 8vw;text-align:center;background:var(--white)}.contact p:not(.eyebrow){margin:25px auto 30px}footer{padding:35px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.82rem}footer img{width:80px;height:52px;object-fit:cover}
@media(max-width:800px){.site-header{height:76px}.brand img{width:85px;height:54px}nav{display:none}.nav-button{padding:9px 15px}.hero{grid-template-columns:1fr;min-height:auto;padding:18vw 7vw 14vw}.hero-photo-card{min-height:430px}.cards{grid-template-columns:1fr}.card{min-height:auto;padding:14vw 10vw}.gallery{padding:16vw 7vw}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure,.gallery-main{min-height:360px!important}.youtube{grid-template-columns:1fr;padding:16vw 8vw}footer{flex-wrap:wrap}}

.classes{padding:10vw 9vw;background:var(--white)}
.classes-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}
.classes-heading>p{max-width:470px;margin:0;font-size:1.05rem}
.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.class-card{background:var(--cream);border-radius:26px;overflow:hidden;box-shadow:0 14px 45px rgba(62,68,66,.08)}
.class-image{height:410px;overflow:hidden}
.class-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.class-card:hover .class-image img{transform:scale(1.04)}
.class-content{padding:28px}
.class-content span{font-size:.68rem;letter-spacing:.18em;color:var(--terracotta);font-weight:600}
.class-content h3{font-size:2rem;margin:14px 0 12px}
.class-content p{margin:0 0 22px}
.class-content a{font-size:.85rem;font-weight:600;color:var(--terracotta)}
@media(max-width:800px){
  .classes{padding:16vw 7vw}
  .classes-heading{display:block}
  .classes-heading>p{margin-top:22px}
  .class-grid{grid-template-columns:1fr}
  .class-image{height:300px}
}

.class-card:nth-child(3) .class-image{height:410px}
.class-card:nth-child(3){border:1px solid rgba(185,120,98,.18)}

.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.class-pilates{display:grid;place-items:center;background:linear-gradient(145deg,#ded4c4,#b8c0ba);position:relative}
.pilates-mark{font-family:"Playfair Display",serif;font-size:2.2rem;letter-spacing:.12em;color:rgba(62,68,66,.75);border:1px solid rgba(62,68,66,.28);padding:28px 18px}
@media(max-width:1050px){.class-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.class-grid{grid-template-columns:1fr}}

.class-card:first-child .class-image{height:410px}
.class-card:first-child .class-image img{transform:scale(1.06);transform-origin:center center;object-position:center center}
.class-card:nth-child(2) .class-image{height:410px}
.class-card:nth-child(2) .class-image img{object-position:center center}
.class-card:nth-child(3) .class-image{height:410px}
.class-card:nth-child(3) .class-image img{transform:scale(1.02);transform-origin:center center;object-position:center center}
.class-card:first-child:hover .class-image img{transform:scale(1.09)}
.class-card:nth-child(3):hover .class-image img{transform:scale(1.05)}
.hero-photo-card img{object-fit:cover;object-position:center center}
.booking{padding:10vw 9vw;background:var(--white)}
.booking-heading{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:45px}
.booking-heading>p:last-child{max-width:560px;margin:0;font-size:1.05rem}
.booking-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}
.booking-options{display:flex;flex-direction:column;gap:14px}
.book-option{background:var(--cream);padding:28px;border-radius:22px;border:1px solid rgba(62,68,66,.08);display:grid;grid-template-columns:42px 1fr;column-gap:16px}
.book-option span{grid-row:1 / span 2;color:var(--terracotta);font-size:.75rem}
.book-option strong{font-family:"Playfair Display",serif;font-size:1.35rem;font-weight:400}
.book-option small{margin-top:5px;opacity:.7}
.booking-form{background:var(--cream);padding:32px;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.booking-form label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;font-weight:600}
.booking-form label:nth-of-type(1),.booking-form label:nth-of-type(6),.booking-form button,.booking-note{grid-column:1/-1}
.booking-form input,.booking-form select,.booking-form textarea{font:inherit;border:1px solid rgba(62,68,66,.18);border-radius:12px;padding:12px 14px;background:white;color:var(--ink)}
.booking-form textarea{resize:vertical}.booking-note{font-size:.75rem;opacity:.65;margin:0}
@media(max-width:800px){.booking-heading,.booking-panel,.booking-form{grid-template-columns:1fr}.booking{padding:16vw 7vw}.booking-form label:nth-of-type(1),.booking-form label:nth-of-type(6),.booking-form button,.booking-note{grid-column:auto}}

/* Two-image hero: the original hero photo sits beside the newly added yoga photo. */
/* Hero layout: the sunset image stretches from the left edge beneath the headline, while the yoga image remains on the right. */
.hero{position:relative;grid-template-columns:1fr 1fr;gap:7vw;overflow:hidden;}
.hero-copy{position:relative;z-index:3;max-width:680px;}
.hero-photo-pair{position:relative;display:block;min-height:570px;z-index:2;}
.hero-photo-pair .hero-photo-card{min-height:570px;}
.hero-photo-pair .hero-photo-card-new{position:absolute;left:calc(-100% - 7vw);top:0;width:calc(100% + 7vw);height:570px;z-index:-1;border-radius:0 34px 34px 0;box-shadow:none;}
.hero-photo-pair .hero-photo-card-new img{object-position:center center;transform:none;}
.hero-photo-pair .hero-photo-card-new:after{background:linear-gradient(90deg,rgba(247,244,238,.82) 0%,rgba(247,244,238,.48) 38%,rgba(34,39,37,.18) 100%);}
.hero-photo-pair .hero-photo-card-new span{display:none;}
.hero-photo-pair .hero-photo-card:not(.hero-photo-card-new){width:100%;height:570px;}
.brand img{object-fit:contain;background:transparent}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;overflow:hidden;}
  .hero-photo-pair{min-height:430px;}
  .hero-photo-pair .hero-photo-card-new{position:relative;left:auto;top:auto;width:100%;height:430px;border-radius:28px;}
  .hero-photo-pair .hero-photo-card:not(.hero-photo-card-new){display:none;}
}


/* Full-width sunset hero */
.hero-sunset-full{display:block;min-height:auto;padding:7vw 0 0;overflow:hidden;}
.hero-sunset-full .hero-copy{padding:0 9vw 5vw;max-width:900px;}
.hero-sunset-full .hero-sunset-image{width:100vw;height:58vh;min-height:430px;overflow:hidden;margin:0;}
.hero-sunset-full .hero-sunset-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;}
@media(max-width:800px){
  .hero-sunset-full{padding:12vw 0 0;}
  .hero-sunset-full .hero-copy{padding:0 7vw 9vw;}
  .hero-sunset-full .hero-sunset-image{height:48vh;min-height:320px;}
}

/* Place Toro's Tree Pose photo directly beside the hero heading. */
.hero-sunset-full .hero-copy-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  align-items:center;
  gap:4vw;
}
.hero-sunset-full .hero-toro-photo{
  width:100%;
  max-width:300px;
  justify-self:end;
  border-radius:28px;
  overflow:hidden;
}
.hero-sunset-full .hero-toro-photo img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:800px){
  .hero-sunset-full .hero-copy-layout{grid-template-columns:1fr;gap:28px;}
  .hero-sunset-full .hero-toro-photo{justify-self:start;max-width:240px;}
  .hero-sunset-full .hero-toro-photo img{height:300px;}
}


/* Toro portrait and inspirational quote */
.hero-sunset-full .hero-toro-side{
  width:100%;
  max-width:320px;
  justify-self:end;
  text-align:center;
}
.hero-sunset-full .hero-toro-photo{
  width:100%;
  max-width:300px;
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
}
.hero-sunset-full .hero-toro-photo img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center;
}
.hero-quote{
  margin:18px auto 0;
  max-width:310px;
  font-family:"Playfair Display",serif;
  font-size:1.15rem;
  line-height:1.35;
  color:var(--ink);
}
.hero-quote span{
  display:block;
  margin-top:8px;
  font-family:"DM Sans",sans-serif;
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--terracotta);
}
@media(max-width:800px){
  .hero-sunset-full .hero-toro-side{justify-self:start;max-width:260px;}
  .hero-sunset-full .hero-toro-photo{max-width:240px;}
  .hero-sunset-full .hero-toro-photo img{height:300px;}
}

/* Refined Toro portrait: slightly smaller with the face kept clearly in frame. */
.hero-sunset-full .hero-copy-layout{grid-template-columns:minmax(0,1fr) 250px;gap:3vw;}
.hero-sunset-full .hero-toro-side{max-width:250px;}
.hero-sunset-full .hero-toro-photo{max-width:230px;}
.hero-sunset-full .hero-toro-photo img{height:300px;object-fit:cover;object-position:center 18%;}
@media(max-width:800px){
  .hero-sunset-full .hero-copy-layout{grid-template-columns:1fr;gap:24px;}
  .hero-sunset-full .hero-toro-side{max-width:230px;}
  .hero-sunset-full .hero-toro-photo{max-width:210px;}
  .hero-sunset-full .hero-toro-photo img{height:275px;object-position:center 16%;}
}

/* Calming Solfeggio music section */
.music-section{padding:8vw 10vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#f1eee7}.music-copy p:not(.eyebrow){max-width:560px;margin:25px 0 0;font-size:1.05rem;line-height:1.8}.music-player{width:100%}.music-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#d8d1c4;box-shadow:0 20px 50px rgba(62,68,66,.12)}.music-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.music-note{font-size:.8rem;line-height:1.5;margin:12px 0 0;opacity:.72}.site-header nav a[href="#music"]{display:inline-block}
@media(max-width:800px){.music-section{grid-template-columns:1fr;padding:16vw 8vw;gap:9vw}}

/* Center Toro's portrait in the hero */
.hero-sunset-full .hero-copy-layout{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:28px;
}
.hero-sunset-full .hero-copy-text{
  width:100%;
  max-width:760px;
}
.hero-sunset-full .hero-toro-side{
  max-width:250px;
  justify-self:auto;
}
.hero-sunset-full .hero-toro-photo{
  max-width:250px;
  margin:0 auto;
}
.hero-sunset-full .hero-toro-photo img{
  height:320px;
  object-position:center 18%;
}
.hero-quote{
  max-width:360px;
}
@media(max-width:800px){
  .hero-sunset-full .hero-copy-layout{gap:22px;}
  .hero-sunset-full .hero-toro-side{max-width:220px;}
  .hero-sunset-full .hero-toro-photo{max-width:220px;}
  .hero-sunset-full .hero-toro-photo img{height:280px;}
}


/* Final hero layout: Toro portrait firmly on the right side of the hero */
.hero-sunset-full .hero-copy-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:center;
  gap:5vw;
  text-align:left;
}
.hero-sunset-full .hero-copy-text{width:auto;max-width:none;}
.hero-sunset-full .hero-toro-side{
  width:100%;
  max-width:320px;
  justify-self:end;
  text-align:center;
}
.hero-sunset-full .hero-toro-photo{
  width:100%;
  max-width:300px;
  margin:0 auto;
}
.hero-sunset-full .hero-toro-photo img{
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center 18%;
}
@media(max-width:800px){
  .hero-sunset-full .hero-copy-layout{grid-template-columns:1fr;gap:24px;text-align:left;}
  .hero-sunset-full .hero-toro-side{justify-self:end;max-width:250px;}
  .hero-sunset-full .hero-toro-photo{max-width:240px;}
  .hero-sunset-full .hero-toro-photo img{height:300px;}
}