/* ============================================================
   ETHEREAL BALANCE — Site Design System
   Quiet luxury + warm photography
   Cormorant Garamond (display) + Jost (UI / body)
   ============================================================ */

:root{
  --paper:#F4EFE8;        /* warm cream — page bg */
  --paper-2:#FBF8F3;      /* warm white — cards / alt sections */
  --paper-3:#EDE7DC;      /* deeper cream — quiet panels */
  --ink:#2B2A24;          /* warm charcoal — text */
  --ink-soft:#5C584E;     /* muted body text */
  --sage:#9CAF88;
  --sage-deep:#6E8663;
  --forest:#21372B;       /* monogram green — anchor */
  --forest-2:#2C4736;
  --stone:#8C857A;        /* labels */
  --line:rgba(43,42,36,0.14);
  --line-soft:rgba(43,42,36,0.08);
  --shadow:0 30px 80px -40px rgba(43,42,36,0.35);
  --container:1340px;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ---- compatibility aliases for css/shop.css (legacy var names) ---- */
  --cream:#F4EFE8;
  --warm-white:#FBF8F3;
  --charcoal:#2B2A24;
  --charcoal-light:#5C584E;
  --sage-dark:#6E8663;
  --sage-light:#C5D4B8;
  --sand:#E7E1D6;
  --terracotta:#9E7B66;
  --gold:#B8A06A;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:'Jost',sans-serif;
  background:var(--paper);
  color:var(--ink);
  font-weight:300;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--sage);color:#fff;}

/* ---------- Typography ---------- */
.serif{font-family:'Cormorant Garamond',serif;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:300;letter-spacing:.005em;line-height:1.04;color:var(--ink);}
em{font-style:italic;color:var(--sage-deep);}
p{text-wrap:pretty;}

.eyebrow{
  font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.32em;
  text-transform:uppercase;font-weight:400;color:var(--sage-deep);
  display:inline-flex;align-items:center;gap:16px;
}
.eyebrow--rule::before{content:"";width:46px;height:1px;background:var(--sage);display:inline-block;flex:none;}
.eyebrow--center{justify-content:center;}

.display{font-size:clamp(2.9rem,6.6vw,6rem);line-height:1.0;}
.h2{font-size:clamp(2.2rem,4.3vw,3.6rem);}
.lede{font-size:1.18rem;line-height:1.7;color:var(--ink-soft);font-weight:300;}

/* ---------- Layout ---------- */
.container{max-width:var(--container);margin:0 auto;padding:0 48px;}
.section{padding:130px 0;}
.section--tight{padding:96px 0;}
.bg-paper2{background:var(--paper-2);}
.bg-paper3{background:var(--paper-3);}
.bg-forest{background:var(--forest);color:var(--paper);}
.bg-forest h1,.bg-forest h2,.bg-forest h3,.bg-forest h4{color:var(--paper);}
.center{text-align:center;}
.measure{max-width:640px;}

.section-head{margin-bottom:64px;}
.section-head.center{margin-left:auto;margin-right:auto;}
.section-head .eyebrow{margin-bottom:22px;}
.section-head .h2{margin-bottom:0;}
.section-head .lede{margin-top:22px;max-width:560px;}
.section-head.center .lede{margin-left:auto;margin-right:auto;}

/* ---------- Buttons ---------- */
.btn{
  font-family:'Jost',sans-serif;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;
  display:inline-flex;align-items:center;gap:11px;padding:16px 32px;cursor:pointer;border:1px solid transparent;
  transition:all .4s var(--ease);white-space:nowrap;background:none;
}
.btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none;transition:transform .4s var(--ease);}
.btn:hover svg{transform:translateX(4px);}
.btn-fill{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.btn-fill:hover{background:var(--forest);border-color:var(--forest);}
.btn-light{background:#fff;color:var(--forest);border-color:#fff;}
.btn-light:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.btn-ghost{color:var(--ink);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--ink);}
.btn-ghost-light{color:#fff;border-color:rgba(255,255,255,.5);}
.btn-ghost-light:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.link-arrow{
  font-family:'Jost',sans-serif;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:10px;color:var(--ink);padding-bottom:4px;
  border-bottom:1px solid var(--line);transition:.35s var(--ease);
}
.link-arrow svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.3;fill:none;transition:transform .35s var(--ease);}
.link-arrow:hover{border-color:var(--ink);}
.link-arrow:hover svg{transform:translateX(4px);}

/* ---------- Navigation ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 48px;transition:all .45s var(--ease);
}
.nav__wordmark{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.5rem;letter-spacing:.04em;white-space:nowrap;color:var(--ink);}
.nav__links{display:flex;align-items:center;gap:34px;list-style:none;}
.nav__links a{
  font-family:'Jost',sans-serif;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:400;
  color:var(--ink);position:relative;padding:4px 0;opacity:.88;transition:opacity .3s;white-space:nowrap;
}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .35s var(--ease);}
.nav__links a:hover{opacity:1;}
.nav__links a:hover::after{width:100%;}
.nav__cta{padding:11px 22px;border:1px solid var(--line);}
.nav__cta::after{display:none !important;}
.nav__cta:hover{border-color:var(--ink);}
.nav__right{display:flex;align-items:center;gap:26px;}
.nav__cart{position:relative;display:flex;color:var(--ink);}
.nav__cart svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.4;fill:none;}
.nav__cart-count{position:absolute;top:-8px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--forest);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:400;}

/* overlay (over hero) */
.nav--overlay{color:#fff;}
.nav--overlay .nav__wordmark,.nav--overlay .nav__links a,.nav--overlay .nav__cart{color:#fff;}
.nav--overlay .nav__cta{border-color:rgba(255,255,255,.5);}
.nav--overlay .nav__cta:hover{border-color:#fff;}

/* scrolled / solid */
.nav.is-solid{background:rgba(247,243,237,.92);backdrop-filter:blur(18px);padding-top:16px;padding-bottom:16px;
  box-shadow:0 1px 0 var(--line-soft);}
.nav.is-solid .nav__wordmark,.nav.is-solid .nav__links a,.nav.is-solid .nav__cart{color:var(--ink);}
.nav.is-solid .nav__cta{border-color:var(--line);}
.nav.is-solid .nav__cta:hover{border-color:var(--ink);}

.nav__burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.nav__burger span{width:24px;height:1.5px;background:currentColor;transition:.3s;}

/* mobile menu */
.mobile-menu{position:fixed;inset:0;z-index:1100;background:var(--paper);transform:translateX(100%);
  transition:transform .5s var(--ease);display:flex;flex-direction:column;padding:32px 40px;}
.mobile-menu.is-open{transform:translateX(0);}
.mobile-menu__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;}
.mobile-menu__close{font-size:1.8rem;background:none;border:none;cursor:pointer;color:var(--ink);line-height:1;}
.mobile-menu a{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line-soft);}
.mobile-menu__label{font-family:'Jost',sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);opacity:.6;padding:18px 0 2px;}
.mobile-menu a.mobile-menu__sub{font-size:1.45rem;padding-left:16px;color:var(--ink-soft);}

/* ---------- Nav dropdown (Work With Us) ---------- */
.nav__has-dropdown{position:relative;}
.nav__dropdown-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;}
.nav__caret{width:12px;height:12px;transition:transform .3s var(--ease);}
.nav__has-dropdown:hover .nav__caret,.nav__has-dropdown:focus-within .nav__caret{transform:rotate(180deg);}
.nav__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);
  min-width:220px;background:var(--paper);border:1px solid var(--line-soft);box-shadow:0 22px 48px rgba(40,40,40,.14);
  padding:10px;margin:0;list-style:none;display:flex;flex-direction:column;gap:1px;border-radius:2px;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s var(--ease),transform .26s var(--ease),visibility .26s;}
.nav__dropdown::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.nav__has-dropdown:hover .nav__dropdown,.nav__has-dropdown:focus-within .nav__dropdown,.nav__dropdown.is-open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.nav__dropdown a{display:block;padding:11px 16px;font-family:'Jost',sans-serif;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink);opacity:.85;white-space:nowrap;transition:background .25s,opacity .25s;}
.nav__dropdown a::after{display:none !important;}
.nav__dropdown a:hover{opacity:1;background:var(--paper-2);}
/* keep dropdown links readable even when the nav is in white/overlay mode */
.nav--overlay .nav__dropdown a{color:var(--ink);}
.nav--overlay .nav__dropdown-lead a{color:var(--forest);}
.nav__dropdown-lead{border-bottom:1px solid var(--line-soft);margin-bottom:4px;padding-bottom:4px;}
.nav__dropdown-lead a{font-weight:500;color:var(--forest);opacity:1;position:relative;}
.nav__dropdown-lead a::before{content:"Primary";position:absolute;right:16px;top:50%;transform:translateY(-50%);
  font-size:.5rem;letter-spacing:.14em;color:var(--sage-deep);opacity:.85;}

/* ---------- Work With Us: offer list ---------- */
.offer-list{display:flex;flex-direction:column;border-top:1px solid var(--line-soft);}
.offer-row{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:46px 8px;border-bottom:1px solid var(--line-soft);
  align-items:start;text-decoration:none;transition:background .4s var(--ease),padding .4s var(--ease);}
.offer-row:hover{background:var(--paper-2);padding-left:24px;padding-right:24px;}
.offer-row__idx{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.6rem;color:var(--sage-deep);line-height:1;}
.offer-row__kicker{display:inline-block;font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--sage-deep);margin-bottom:12px;}
.offer-row__title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2.2rem;color:var(--ink);margin:0 0 12px;}
.offer-row__desc{color:var(--ink-soft);font-size:1.05rem;line-height:1.7;max-width:62ch;margin:0 0 18px;}
.offer-row--lead{background:var(--paper-2);}
.offer-row--lead .offer-row__title{font-size:2.6rem;}
.offer-row .link-arrow{pointer-events:none;}
@media(max-width:860px){
  .offer-row{grid-template-columns:1fr;gap:8px;padding:34px 4px;}
  .offer-row:hover{padding-left:12px;padding-right:12px;}
  .offer-row--lead .offer-row__title{font-size:2.2rem;}
}

/* ---------- Why section ---------- */
.why__block{margin-bottom:76px;align-items:center;}
.why__block:last-child{margin-bottom:0;}
.why__text{align-self:center;}
.why__h{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2rem;color:var(--ink);line-height:1.2;margin:0 0 18px;}
.why__p{color:var(--ink-soft);font-size:1.08rem;line-height:1.78;}
@media(max-width:860px){.why__block{margin-bottom:48px;}.why__h{font-size:1.7rem;}}

/* ---------- Testimonials ---------- */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:8px;}
.testimonial{background:var(--paper-2);border:1px solid var(--line-soft);padding:40px 36px;display:flex;flex-direction:column;
  opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.testimonial.is-in{opacity:1;transform:none;}
.testimonial__mark{width:30px;height:30px;color:var(--sage-deep);opacity:.45;margin-bottom:16px;}
.testimonial__quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.32rem;line-height:1.55;color:var(--ink);margin:0 0 26px;}
.testimonial__who{display:flex;flex-direction:column;gap:2px;margin-top:auto;}
.testimonial__logo{width:54px;height:54px;object-fit:contain;border-radius:8px;margin-bottom:12px;align-self:flex-start;}
.testimonial__name{font-family:'Jost',sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
.testimonial__title{font-size:.92rem;color:var(--ink-soft);}
.testimonial__company{font-size:.92rem;color:var(--sage-deep);}

/* ---------- Footer ---------- */
.footer{background:var(--forest);color:var(--paper);padding:96px 0 40px;}
.footer a{color:rgba(244,239,232,.78);transition:color .3s;}
.footer a:hover{color:#fff;}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:64px;border-bottom:1px solid rgba(255,255,255,.14);}
.footer__brand .nav__wordmark{color:#fff;font-size:1.7rem;}
.footer__brand p{margin-top:20px;color:rgba(244,239,232,.7);font-size:.95rem;max-width:300px;}
.footer__social{display:flex;gap:14px;margin-top:26px;}
.footer__social a{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.footer__social svg{width:17px;height:17px;fill:currentColor;}
.footer__col h4{font-family:'Jost',sans-serif;font-weight:400;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:22px;}
.footer__col ul{list-style:none;display:flex;flex-direction:column;gap:13px;}
.footer__col a{font-size:.95rem;}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:32px;font-size:.78rem;color:rgba(244,239,232,.55);letter-spacing:.04em;flex-wrap:wrap;}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}
.reveal[data-d="1"]{transition-delay:.12s;}
.reveal[data-d="2"]{transition-delay:.24s;}
.reveal[data-d="3"]{transition-delay:.36s;}

/* ---------- Hero (full-bleed editorial — Direction A) ---------- */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--ink);}
.hero__media{position:absolute;inset:0;}
.hero__media img{width:100%;height:100%;object-fit:cover;}
.hero__scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(20,28,20,.42) 0%,rgba(20,28,20,0) 26%),
  linear-gradient(8deg,rgba(16,24,16,.72) 0%,rgba(16,24,16,.12) 50%,rgba(16,24,16,0) 74%);}
.hero__inner{position:relative;z-index:2;padding:0 48px 84px;width:100%;}
.hero__eyebrow{color:rgba(255,255,255,.82);margin-bottom:26px;}
.hero__eyebrow.eyebrow--rule::before{background:rgba(255,255,255,.6);}
.hero h1{color:#fff;font-size:clamp(3rem,7.2vw,6.4rem);line-height:1.0;max-width:14ch;}
.hero h1 em{color:#E6EBDC;}
.hero__sub{color:rgba(255,255,255,.86);max-width:460px;margin-top:28px;font-size:1.08rem;line-height:1.7;}
.hero__cta{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;}
.hero__scroll{position:absolute;right:48px;bottom:40px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;
  color:rgba(255,255,255,.7);font-family:'Jost',sans-serif;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;writing-mode:vertical-rl;}
.hero__scroll::after{content:"";width:1px;height:48px;background:linear-gradient(rgba(255,255,255,.6),transparent);}

/* ---------- Inner page hero (cream) ---------- */
.page-hero{padding:190px 0 80px;}
.page-hero .eyebrow{margin-bottom:24px;}
.page-hero h1{font-size:clamp(2.8rem,5.6vw,5rem);margin-bottom:0;}
.page-hero .lede{margin-top:28px;max-width:600px;}

/* ---------- Stat row ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
.stat{padding-top:26px;border-top:1px solid var(--line);}
.stat__num{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:3.4rem;line-height:1;color:var(--ink);}
.stat__label{font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin-top:12px;}

/* ---------- Experience list (services) ---------- */
.exp-list{border-top:1px solid var(--line);}
.exp-row{display:grid;grid-template-columns:64px 1fr 1.3fr auto;gap:32px;align-items:center;
  padding:36px 8px;border-bottom:1px solid var(--line);transition:background .4s,padding .4s var(--ease);position:relative;}
.exp-row:hover{background:var(--paper-2);padding-left:24px;padding-right:24px;}
.exp-row__idx{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;color:var(--sage-deep);}
.exp-row__title{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--ink);}
.exp-row__desc{color:var(--ink-soft);font-size:1rem;}
.exp-row__arrow{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.4s var(--ease);}
.exp-row__arrow svg{width:18px;height:18px;stroke:var(--ink);stroke-width:1.2;fill:none;transition:transform .4s var(--ease);}
.exp-row:hover .exp-row__arrow{background:var(--forest);border-color:var(--forest);}
.exp-row:hover .exp-row__arrow svg{stroke:#fff;transform:translateX(3px);}

/* ---------- Cards / feature grids ---------- */
.feature-card{background:var(--paper-2);border:1px solid var(--line-soft);padding:44px 38px;transition:.5s var(--ease);}
.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-6px);}
.feature-card__icon{width:46px;height:46px;stroke:var(--sage-deep);stroke-width:1.1;fill:none;margin-bottom:26px;}
.feature-card h3{font-size:1.6rem;margin-bottom:14px;}
.feature-card p{color:var(--ink-soft);font-size:.98rem;}

.media-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.media-split--rev .media-split__media{order:2;}
.media-split__media{position:relative;aspect-ratio:4/5;overflow:hidden;}
.media-split__media img{width:100%;height:100%;object-fit:cover;}
.media-split__tag{position:absolute;left:0;bottom:0;background:var(--paper);padding:16px 26px;font-family:'Jost',sans-serif;
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);}

/* image caption chip */
.img-cap{font-family:'Jost',sans-serif;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin-top:14px;}

/* ---------- Quote ---------- */
.quote{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.32;color:var(--ink);max-width:18ch;}

/* ---------- Marquee (partners) ---------- */
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.marquee__track{display:flex;gap:72px;width:max-content;animation:marquee 80s linear infinite;align-items:center;}
.marquee:hover .marquee__track{animation-play-state:paused;}
@keyframes marquee{to{transform:translateX(-50%);}}
.marquee__item{font-family:'Cormorant Garamond',serif;font-size:1.7rem;color:var(--ink);opacity:.5;white-space:nowrap;letter-spacing:.02em;text-decoration:none;transition:opacity .3s var(--ease),color .3s var(--ease);}
a.marquee__item:hover{opacity:1;color:var(--sage-deep);}
.bg-forest .marquee__item{color:var(--paper);opacity:.55;}
.bg-forest a.marquee__item:hover{color:var(--sage);opacity:1;}

/* ---------- partners showcase grid (partners.html) ---------- */
.partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.partner-card{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:140px;
  background:var(--paper-2);border:1px solid var(--line-soft);padding:34px 32px;text-decoration:none;
  transition:.5s var(--ease);}
a.partner-card:hover{box-shadow:var(--shadow);transform:translateY(-6px);border-color:var(--line);}
.partner-card__name{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--ink);line-height:1.1;}
.partner-card__cat{font-family:'Jost',sans-serif;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);}
.partner-card__go{margin-top:8px;font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);opacity:0;transition:opacity .4s var(--ease);}
a.partner-card:hover .partner-card__go{opacity:1;}
@media(max-width:900px){.partners-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.partners-grid{grid-template-columns:1fr;}}

/* ---------- lightbox event description ---------- */
.lb__desc{margin-top:8px;max-width:60ch;font-family:'Jost',sans-serif;font-size:.92rem;line-height:1.6;color:rgba(255,255,255,.78);}

/* ---------- Forms ---------- */
.field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;}
.field label{font-family:'Jost',sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);}
.field input,.field select,.field textarea{
  font-family:'Jost',sans-serif;font-weight:300;font-size:1rem;color:var(--ink);background:var(--paper-2);
  border:1px solid var(--line);padding:15px 16px;transition:border-color .3s;width:100%;}
.field input::placeholder,.field textarea::placeholder{color:#b3ada2;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sage-deep);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

/* ---------- Events ---------- */
.ev-list{display:flex;flex-direction:column;}
.ev{display:grid;grid-template-columns:128px 1fr auto;gap:40px;align-items:center;
  padding:38px 8px;border-top:1px solid var(--line);transition:background .4s,padding .4s var(--ease);}
.ev:last-child{border-bottom:1px solid var(--line);}
.ev:hover{background:var(--paper-2);padding-left:24px;padding-right:24px;}
.ev__date{display:flex;flex-direction:column;align-items:flex-start;line-height:1;}
.ev__mon{font-family:'Jost',sans-serif;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sage-deep);}
.ev__day{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:3.6rem;color:var(--ink);margin:6px 0 4px;}
.ev__yr{font-family:'Jost',sans-serif;font-size:.74rem;letter-spacing:.12em;color:var(--stone);}
.ev__type{font-family:'Jost',sans-serif;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sage-deep);
  border:1px solid var(--line);padding:5px 12px;display:inline-block;margin-bottom:16px;}
.ev__body h3{font-size:1.85rem;margin-bottom:12px;}
.ev__meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:10px;}
.ev__meta span{font-family:'Jost',sans-serif;font-size:.82rem;letter-spacing:.04em;color:var(--ink-soft);display:flex;align-items:center;gap:8px;}
.ev__meta svg{width:15px;height:15px;stroke:var(--sage-deep);stroke-width:1.3;fill:none;flex:none;}
.ev__body p{color:var(--ink-soft);font-size:.95rem;max-width:54ch;}
.ev__action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.ev-empty{text-align:center;padding:80px 30px;border:1px solid var(--line);background:var(--paper-2);}
.ev-empty svg{width:42px;height:42px;stroke:var(--sage-deep);stroke-width:1;fill:none;margin:0 auto 20px;}
.ev-empty h3{font-size:1.9rem;margin-bottom:12px;}
.ev-empty p{color:var(--ink-soft);max-width:42ch;margin:0 auto 26px;}

/* ---------- Gallery (past events) ---------- */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.gcard{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/5;background:var(--paper-3);}
.gcard:nth-child(7n+1){aspect-ratio:4/5;}
.gcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);}
.gcard:hover img{transform:scale(1.05);}
.gcard__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,28,20,.72) 0%,rgba(20,28,20,0) 50%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:.92;transition:.4s;}
.gcard:hover .gcard__veil{opacity:1;}
.gcard__tag{font-family:'Jost',sans-serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-bottom:8px;}
.gcard__title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.5rem;color:#fff;line-height:1.1;}
.gcard__count{font-family:'Jost',sans-serif;font-size:.66rem;letter-spacing:.12em;color:rgba(255,255,255,.7);margin-top:8px;}

/* lightbox */
.lb{position:fixed;inset:0;z-index:1200;background:rgba(18,22,18,.96);display:none;flex-direction:column;}
.lb.is-open{display:flex;}
.lb__head{display:flex;justify-content:space-between;align-items:center;padding:24px 36px;color:#fff;}
.lb__head h3{color:#fff;font-size:1.6rem;}
.lb__head p{font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:4px;}
.lb__close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;}
.lb__stage{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 24px;min-height:0;}
.lb__img{max-width:min(1100px,86vw);max-height:74vh;object-fit:contain;}
.lb__nav{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;width:52px;height:52px;border-radius:50%;
  cursor:pointer;font-size:1.2rem;flex:none;transition:.3s;}
.lb__nav:hover{background:rgba(255,255,255,.18);}
.lb__count{text-align:center;color:rgba(255,255,255,.6);font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.16em;padding:18px;}

/* ---------- Community signup ---------- */
.community-inner{max-width:680px;margin:0 auto;text-align:center;}
.community-inner .eyebrow{color:var(--sage);margin-bottom:22px;}
.community-inner .eyebrow.eyebrow--rule::before{background:var(--sage);}
.community-inner h2{color:var(--paper);font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:18px;}
.community-inner h2 em{color:var(--sage);}
.community-inner > p{color:rgba(244,239,232,.75);max-width:480px;margin:0 auto 38px;}
.community-form{display:flex;flex-direction:column;gap:14px;max-width:440px;margin:0 auto;}
.community-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.community-form input[type=text],.community-form input[type=email],.community-form input[type=tel]{
  font-family:'Jost',sans-serif;font-weight:300;font-size:.98rem;color:var(--paper);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.2);padding:15px 16px;width:100%;transition:border-color .3s;}
.community-form input::placeholder{color:rgba(244,239,232,.5);}
.community-form input:focus{outline:none;border-color:var(--sage);}
.community-optin{display:flex;align-items:center;gap:10px;justify-content:center;font-size:.82rem;color:rgba(244,239,232,.7);letter-spacing:.04em;}
.community-optin input{accent-color:var(--sage);width:15px;height:15px;}
.community-form button{margin-top:6px;width:100%;justify-content:center;background:var(--paper);color:var(--forest);border:1px solid var(--paper);}
.community-form button:hover{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.6);}
.community-success{display:none;text-align:center;color:var(--paper);}
.community-success.is-shown{display:block;}
.community-success svg{width:48px;height:48px;stroke:var(--sage);stroke-width:1.2;fill:none;margin:0 auto 18px;}
.community-success h3{color:var(--paper);font-size:2rem;margin-bottom:10px;}
.community-success p{color:rgba(244,239,232,.75);}

/* ---------- Full-bleed quote break ---------- */
.break{position:relative;min-height:74vh;display:flex;align-items:center;overflow:hidden;}
.break__media,.break__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.break__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,16,.66) 0%,rgba(16,24,16,.2) 60%,transparent 100%);}
.break__inner{position:relative;z-index:2;}
.break .quote{color:#fff;}
.break .quote em{color:var(--sage);}
.break__attr{margin-top:26px;font-family:'Jost',sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);}

/* ---------- CTA band ---------- */
.cta-band{text-align:center;}
.cta-band h2{font-size:clamp(2.2rem,4.4vw,3.6rem);margin-bottom:24px;max-width:18ch;margin-left:auto;margin-right:auto;}
.cta-band .lede{margin:0 auto 36px;max-width:520px;}
.bg-forest .lede{color:rgba(244,239,232,.78);}

/* ---------- Process steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.step__n{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:2.4rem;color:var(--sage-deep);margin-bottom:18px;}
.step h3{font-size:1.5rem;margin-bottom:12px;}
.step p{color:var(--ink-soft);font-size:.96rem;}
.bg-forest .step p{color:rgba(244,239,232,.72);}
.bg-forest .step__n{color:var(--sage);}

/* ---------- feature grid ---------- */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.fgrid--2{grid-template-columns:repeat(2,1fr);}
.fgrid--4{grid-template-columns:repeat(4,1fr);}

/* ---------- instructors (dynamic, from Firestore) ---------- */
.instructors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.instructor-card{background:var(--paper-2);border:1px solid var(--line-soft);overflow:hidden;
  opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease);}
.instructor-card.revealed{opacity:1;transform:none;}
.instructor-card:hover{box-shadow:var(--shadow);transform:translateY(-6px);}
.instructor-photo{aspect-ratio:4/5;overflow:hidden;background:var(--paper-3);}
.instructor-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease);}
.instructor-card:hover .instructor-photo img{transform:scale(1.04);}
.instructor-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;font-weight:300;font-size:2.6rem;color:var(--sage-deep);background:var(--paper-3);letter-spacing:.04em;}
.instructor-info{padding:30px 28px;}
.instructor-name{font-size:1.6rem;margin-bottom:6px;}
.instructor-title{font-family:'Jost',sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-bottom:14px;}
.instructor-bio{color:var(--ink-soft);font-size:.96rem;line-height:1.55;margin-bottom:18px;}
.instructor-specialties{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.instructor-tag{font-family:'Jost',sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-deep);
  border:1px solid var(--line);padding:5px 12px;border-radius:100px;}
.instructor-social a{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-family:'Jost',sans-serif;
  font-size:.78rem;letter-spacing:.06em;text-decoration:none;transition:color .3s var(--ease);}
.instructor-social a svg{stroke:currentColor;fill:none;}
.instructor-social a:hover{color:var(--sage-deep);}
@media (max-width:900px){.instructors-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}}

/* ---------- founder accent ---------- */
.founder{position:relative;}
.founder__badge{position:absolute;right:-18px;bottom:36px;background:var(--forest);color:var(--paper);
  width:128px;height:128px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;}
.founder__badge .b1{font-family:'Cormorant Garamond',serif;font-size:.9rem;letter-spacing:.1em;opacity:.8;}
.founder__badge .b2{font-family:'Cormorant Garamond',serif;font-size:2rem;line-height:1;}
.founder__badge .b3{font-family:'Jost',sans-serif;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:4px;max-width:80px;}

/* contact methods */
.cmethod{display:flex;gap:18px;align-items:flex-start;padding:24px 0;border-top:1px solid var(--line);}
.cmethod svg{width:26px;height:26px;stroke:var(--sage-deep);stroke-width:1.2;fill:none;flex:none;margin-top:3px;}
.cmethod h4{font-family:'Jost',sans-serif;font-weight:500;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:5px;}
.cmethod p{color:var(--ink-soft);font-size:1rem;}
.form-card{background:var(--paper-2);border:1px solid var(--line-soft);padding:44px;}

.nav__links a.is-active{opacity:1;}
.nav__links a.is-active::after{width:100%;}

@media (max-width:860px){
  .steps,.fgrid,.fgrid--4{grid-template-columns:1fr;}
  .fgrid--2{grid-template-columns:1fr;}
  .founder__badge{width:96px;height:96px;right:12px;}
}

/* ---------- Utility ---------- */
.hide{display:none !important;}
.back-to-top{position:fixed;right:30px;bottom:30px;z-index:900;width:46px;height:46px;border-radius:50%;
  background:var(--ink);color:#fff;border:none;cursor:pointer;opacity:0;pointer-events:none;transition:.4s var(--ease);
  display:flex;align-items:center;justify-content:center;}
.back-to-top.show{opacity:1;pointer-events:auto;}
.back-to-top:hover{background:var(--forest);}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .footer__grid{grid-template-columns:1fr 1fr;gap:40px;}
  .media-split{gap:48px;}
}
@media (max-width:1040px){
  .nav__links,.nav__cta{display:none;}
  .nav__burger{display:flex;}
}
@media (max-width:860px){
  .container{padding:0 26px;}
  .nav{padding:20px 26px;}
  .section{padding:88px 0;}
  .hero__inner{padding:0 26px 64px;}
  .hero__scroll{display:none;}
  /* Force every media-split to a single column on phones. !important so inline
     grid-template-columns/gap (e.g. the homepage intro) can't squeeze the copy
     into a one-word-per-line vertical strip. */
  .media-split{grid-template-columns:1fr !important;gap:32px !important;}
  .media-split--rev .media-split__media{order:0;}
  .stats{grid-template-columns:1fr 1fr;gap:30px;}
  .exp-row{grid-template-columns:40px 1fr;gap:14px;row-gap:6px;padding:26px 4px;}
  .exp-row__desc{grid-column:2;}
  .exp-row__arrow{display:none;}
  .field-row{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr;}
  .ev{grid-template-columns:60px 1fr;gap:16px;row-gap:10px;padding:22px 4px;}
  .ev:hover{padding-left:8px;padding-right:8px;}
  .ev__action{grid-column:2;align-items:flex-start;}
  .ev__day{font-size:2.1rem;margin:2px 0;}
  .ev__mon,.ev__yr{font-size:.62rem;}
  .ev__body h3{font-size:1.4rem;margin-bottom:7px;}
  .ev__meta{gap:14px;margin-bottom:8px;}
  .ev__meta span{font-size:.78rem;}
  /* Keep long descriptions from making each card endless on mobile — full
     detail lives on the booking page. */
  .ev__body p{font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .ev__action .btn{padding:12px 22px;}
  .gallery{grid-template-columns:1fr 1fr;gap:12px;}
}

/* ============================================================
   PREMIUM POLISH LAYER
   Finishing touches: film grain, hero motion, button sweep,
   unified photo treatment, forest manifesto break. Kept in one
   block so it's easy to tune or remove. Motion is guarded by
   prefers-reduced-motion at the bottom of this file.
   ============================================================ */

/* ---- Film grain: turns flat digital cream into "paper" ---- */
body::after{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;
  /* No mix-blend-mode: a blended full-screen layer re-composites every scroll
     frame and janks mobile. Plain low-opacity overlay gets the filmic speckle
     on its own cheap GPU layer. */
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---- Hero: slow cinematic push-in + staggered entrance ---- */
@keyframes ebHeroZoom{from{transform:scale(1.001);}to{transform:scale(1.07);}}
@keyframes ebRise{from{opacity:0;transform:translateY(26px);filter:blur(8px);}to{opacity:1;transform:none;filter:blur(0);}}
.hero__media img{animation:ebHeroZoom 22s var(--ease) forwards;transform-origin:center 40%;}
.hero__eyebrow{animation:ebRise 1s var(--ease) both .15s;}
.hero h1{animation:ebRise 1.1s var(--ease) both .32s;}
.hero__sub{animation:ebRise 1s var(--ease) both .55s;}
.hero__cta{animation:ebRise 1s var(--ease) both .76s;}
.hero__scroll{animation:ebRise 1.2s var(--ease) both 1s;}

/* ---- Buttons: forest fill sweeps up on hover ---- */
.btn{position:relative;overflow:hidden;z-index:0;}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--btn-sweep,var(--forest));
  transform:translateY(102%);transition:transform .55s var(--ease);}
.btn:hover::before{transform:translateY(0);}
.btn-light{--btn-sweep:var(--forest);}
.btn-light:hover{background:#fff;color:#fff;border-color:var(--forest);}
.btn-ghost{--btn-sweep:var(--forest);}
.btn-ghost:hover{color:#fff;border-color:var(--forest);}
.btn-ghost-light{--btn-sweep:rgba(255,255,255,.18);}

/* ---- Unified photographic treatment for cohesion ---- */
.hero__media img,.break__media img,.media-split__media img,
.gcard img,.instructor-photo img,.founder img{
  filter:saturate(.95) contrast(1.03) brightness(1.01);
}

/* ---- Editorial forest manifesto break ---- */
.manifesto{padding:132px 0;text-align:center;}
.manifesto .eyebrow{color:var(--sage);justify-content:center;margin-bottom:30px;}
.manifesto .eyebrow--rule::before,.manifesto .eyebrow--rule::after{background:var(--sage);}
.manifesto__line{font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(2.1rem,4.8vw,3.9rem);line-height:1.14;color:#fff;max-width:20ch;margin:0 auto;}
.manifesto__line em{color:var(--sage);}
@media (max-width:860px){.manifesto{padding:88px 0;}}

/* ---- Honor reduced-motion: kill the moving parts, keep the look ---- */
@media (prefers-reduced-motion: reduce){
  .hero__media img,.hero__eyebrow,.hero h1,.hero__sub,.hero__cta,.hero__scroll{animation:none;}
}