:root{--forest:#211044;--deep:#160b32;--paper:#fffdfd;--ink:#281c40;--gold:#f4c6e2;--muted:#d6c9e9}header{background:#fff;color:var(--ink);border-bottom:1px solid #eee6f1}.brand{font-size:32px}.draft{background:#efe5f7;color:#392050}.hero{background:var(--forest);grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:70px 10% 70px 12%}.hero h1{font-size:clamp(48px,5.5vw,80px)}.logo-art{background:#fff;min-height:620px;display:flex;align-items:center;justify-content:center;padding:35px}.logo-art img{position:static;width:100%;height:auto;object-fit:contain;transform:none!important}.logo-art:after{display:none}.logo-art .art-button{top:auto;bottom:15px;right:28px;background:#fff;color:#4c246d;border-color:#c7acd9;backdrop-filter:none}.ribbon{background:#321755;color:#f6eefa}.coaching{background:#f5f0fa}h2 em{color:#704189}.featured{background:#291349}.button{color:#28123f}.connect{background:#211044}.hero-foot{font-size:12px}.brand span,.eyebrow,.service-tag,.number,.art-caption span{font-size:12px}.intro,.connect p{color:#e0d4eb}.story-copy,.journey-content>p,.reflection p,.service-grid p,.section-heading>p,.faq details p,.intro-section>p:last-child{color:#62536e}.scope,.pricing-note{color:#675775}.signature,.reflection .prompt{color:#6c357b}.season-tabs button{color:#62516e}.season-tabs button[aria-pressed=true]{color:#57228a;border-color:#803abe}.butterfly-garden{background:#faf7fd}.entrance{background:#160e29}.connect h2 em{color:#f4c6e2}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero h1{font-size:54px}.logo-art{min-height:0;padding:20px 20px 55px}.brand{font-size:28px}}
.fourfold{padding-bottom:80px}.framework-heading{max-width:760px}.framework-heading>p:last-child{max-width:670px;color:#62536e}.fourfold-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:45px 0}.fourfold-grid article{border-top:3px solid var(--accent);padding:24px 4px 0}.fourfold-grid .spiritual{--accent:#7835bb}.fourfold-grid .mental{--accent:#2464d5}.fourfold-grid .emotional{--accent:#c82578}.fourfold-grid .physical{--accent:#21804c}.dimension{font-size:12px;letter-spacing:.1em;color:var(--accent);font-weight:700}.fourfold-grid h3{margin:18px 0 14px}.fourfold-grid p{color:#62536e}.framework-rhythm{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:28px;border-top:1px solid #dcd1e4}.framework-rhythm strong{display:block;margin-bottom:8px}.framework-rhythm p{color:#62536e}.program-intro{max-width:660px;margin:0 auto 45px;color:#62536e}.program-grid{gap:22px}.program-grid article{border-color:#d9cce5;padding:32px 26px}.program-grid h3{font-family:'DM Sans',sans-serif;font-size:clamp(22px,2.5vw,31px);letter-spacing:.06em;min-height:0;font-weight:500;margin:0 0 10px}.program-duration{font:42px 'Italiana',Georgia,serif;margin-bottom:12px}.program-grid article>p{font-size:16px}.program-grid .program-subtitle{font-size:14px}.program-mantra{font-family:Georgia,serif;font-style:italic;padding:18px 0;min-height:105px;border-top:1px solid #d9cce5}.program-grid ul{font-size:15px;border-color:#b09bc4}.program-grid .featured{box-shadow:0 15px 35px #36125420;position:relative}.program-grid .button{justify-content:center}.program-afterword{font:italic 20px/1.7 Georgia,serif;max-width:680px;margin:25px auto 0;color:#6c357b}.pricing-note{margin:28px 0 0;font-size:14px}.logo-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid #e4dcea}.logo-story img{width:100%;height:auto;display:block;border:1px solid #eee7f3}.logo-story p{color:#62536e}.logo-story details{border-top:1px solid #d9cce5;padding:20px 0}.logo-story summary{cursor:pointer;font-weight:500}.logo-story dt{font-weight:600;margin-top:20px}.logo-story dd{margin:6px 0 0;color:#62536e}.logo-story .logo-mission{font:italic 22px/1.7 Georgia,serif;color:#753c94;margin-top:24px}.season-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.season-tabs button{padding:12px 6px;white-space:nowrap;font-size:14px}.program-grid .outline{border-color:#b595c9}.intro-section>p:last-child{font-size:17px}.draft span{font-size:13px}nav{gap:25px}footer .brand{font-size:30px}footer .concept-link{font-size:14px}
@media(max-width:1000px){.fourfold-grid{grid-template-columns:repeat(2,1fr)}.program-grid article{padding:27px 18px}.logo-story{gap:35px}}@media(max-width:760px){.framework-rhythm,.logo-story{grid-template-columns:1fr}.program-mantra{min-height:0}.program-grid h3{font-size:29px}.logo-story img{max-width:620px}.fourfold-grid{gap:24px}.program-grid article{padding:32px 26px}.season-tabs button{font-size:13px;padding:12px 4px}.framework-rhythm{gap:8px}.brand span{font-size:10px;letter-spacing:.2em}}@media(max-width:380px){.fourfold-grid{grid-template-columns:1fr}.season-tabs{grid-template-columns:repeat(2,1fr)}}

/* Melissa's drawing becomes its photographic counterpart before departure. */
.melissa-butterfly{--specimen:url('assets/melissa-drawn.webp')}
.melissa-butterfly .wing:after{content:'';position:absolute;inset:0;background:url('assets/melissa-real.webp') center/contain no-repeat;opacity:0}
.entrance .enter-butterfly{width:clamp(250px,35vw,420px);height:clamp(250px,35vw,420px)}
.chrysalis-choice{position:relative;margin-top:16px;font-size:14px;color:#ead7f6;border-bottom:1px solid #a58bbc;padding:5px}
.entrance.departing{pointer-events:auto;animation:transformation-veil 6.7s ease forwards}
.entrance.departing .flight-butterfly{animation:melissa-flight 6.7s cubic-bezier(.35,.05,.4,1) forwards}
.entrance.departing .melissa-butterfly .wing:after{animation:realize 6.7s ease forwards}
.entrance.departing .wing-left{animation:melissa-left 6.7s ease-in-out forwards}
.entrance.departing .wing-right{animation:melissa-right 6.7s ease-in-out forwards}
.entrance.departing .skip-entrance{opacity:1;transition:none}
.entrance.departing .chrysalis-choice{opacity:0;pointer-events:none;transition:opacity .4s}
@keyframes realize{0%,10%{opacity:0}39%,100%{opacity:1}}
@keyframes transformation-veil{0%,88%{opacity:1}100%{opacity:0}}
@keyframes melissa-flight{0%{transform:translate(0,0) rotate(-4deg) scale(1)}15%{transform:translate(-5px,-9px) rotate(-2deg) scale(1.02)}38%{transform:translate(5px,-19px) rotate(2deg) scale(1.06)}52%{transform:translate(18px,-38px) rotate(10deg) scale(1)}65%{transform:translate(-24px,-85px) rotate(-14deg) scale(.94)}76%{transform:translate(44px,-150px) rotate(19deg) scale(.78)}86%{transform:translate(15px,-260px) rotate(-9deg) scale(.59)}100%{transform:translate(30vw,-90vh) rotate(23deg) scale(.17)}}
@keyframes melissa-left{0%{transform:rotateY(-7deg)}17%{transform:rotateY(-48deg)}29%{transform:rotateY(-8deg)}39%{transform:rotateY(-40deg)}48%{transform:rotateY(-8deg)}55%{transform:rotateY(-65deg)}61%{transform:rotateY(-12deg)}67%{transform:rotateY(-72deg)}73%{transform:rotateY(-10deg)}79%{transform:rotateY(-74deg)}85%{transform:rotateY(-9deg)}91%{transform:rotateY(-70deg)}96%{transform:rotateY(-12deg)}100%{transform:rotateY(-63deg)}}
@keyframes melissa-right{0%{transform:rotateY(7deg)}18%{transform:rotateY(47deg)}30%{transform:rotateY(8deg)}40%{transform:rotateY(39deg)}48%{transform:rotateY(9deg)}55%{transform:rotateY(62deg)}61%{transform:rotateY(13deg)}67%{transform:rotateY(70deg)}73%{transform:rotateY(12deg)}79%{transform:rotateY(73deg)}85%{transform:rotateY(11deg)}91%{transform:rotateY(69deg)}96%{transform:rotateY(14deg)}100%{transform:rotateY(61deg)}}
@media(max-width:760px){.entrance .enter-butterfly{width:min(78vw,330px);height:min(78vw,330px)}.entrance-invitation{max-width:290px}.entrance-bottom{font-size:11px}}@media(max-height:650px){.entrance .enter-butterfly{width:220px;height:220px}.chrysalis-choice{margin-top:8px}.entrance-bottom{margin-top:12px}}@media(prefers-reduced-motion:reduce){.entrance.departing .wing:after{opacity:1}}
.melissa-butterfly .wing{background-image:none}.melissa-butterfly .wing:before{content:'';position:absolute;inset:0;background:url('assets/melissa-drawn.webp') center/contain no-repeat;opacity:1}.entrance.departing .melissa-butterfly .wing:before{animation:drawing-release 6.7s ease forwards}@keyframes drawing-release{0%,10%{opacity:1}39%,100%{opacity:0}}
.melissa-butterfly .wing:after{background-size:92%;background-position:32% 85%}

/* A smaller, off-center logo gives the opening copy room to lead. */
.hero{grid-template-columns:1.2fr .8fr}
.logo-art{align-items:flex-start;justify-content:flex-end;padding:80px 9% 130px 5%}
.logo-art img{width:82%;max-width:340px;height:auto;margin:0;align-self:flex-start}
.logo-art .art-button{right:9%;bottom:70px}
@media(max-width:760px){
 .hero{grid-template-columns:1fr}
 .logo-art{min-height:0;padding:26px 8% 78px 18%;justify-content:flex-end}
 .logo-art img{width:78%;max-width:260px}
 .logo-art .art-button{right:8%;bottom:22px}
}
