/* Refinement layer (approved feedback, round 1). Baseline: styles.css + accessibility.css. */

/* 1. Hero: more air, unmistakable invitation CTA */
.hero{min-height:880px;padding:150px 9% 140px}
.hero h1{margin:58px 0 46px;line-height:1.0}
.hero-intro{font-size:22px;max-width:620px}
.hero-description{font-size:16px;color:#cdd2cb;margin:22px 0 52px}
.hero-actions{gap:40px}
.hero-cta{min-height:66px;padding:22px 30px;font-size:14px;letter-spacing:.03em;gap:48px;background:#efe7d6;box-shadow:inset 0 0 0 1px #efe7d6,0 0 0 1px #c8b69366;outline-offset:6px;transition:background-color .2s ease}
.hero-cta:hover{background:#f6f0e3;filter:none}
.button{font-size:13px;transition:background-color .2s ease}
.text-link{font-size:13px}

/* 2. Member portraits: larger, consistent frame, gentle tone */
.member-grid{gap:22px}
.member-card{display:flex;flex-direction:column;background:#f4f1e9}
.member-portrait{height:auto;aspect-ratio:4/5;background:#cfccc1}
.member-portrait img{filter:saturate(.86) contrast(1.03) sepia(.06)}
.member-portrait:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 62%,#19231f24 100%)}
.member-portrait:after{z-index:2;inset:14px;border-color:#fcfaf566}
.member-info{padding:26px 24px 20px;display:flex;flex-direction:column;flex:1}
.member-info h3{font-size:29px}
.member-expertise{font-size:11px;letter-spacing:.11em;min-height:0;margin-bottom:14px}
.member-summary{font-size:14px;line-height:1.6;min-height:0;flex:1}
.bio-open{font-size:13px;min-height:48px;align-items:center;margin-top:6px;color:var(--ink)}
.bio-open:hover span{transform:translate(2px,-2px)}
.bio-open span{transition:transform .2s ease}

/* 3. Founder video: substantial early anchor, clearly a placeholder */
.video-grid{grid-template-columns:.8fr 1.35fr;gap:7%}
.video-placeholder{aspect-ratio:16/9;padding:56px;background:radial-gradient(ellipse at 70% 30%,#33403a 0%,#222b27 70%);box-shadow:0 30px 70px -40px #19231f99}
.video-placeholder:after{inset:22px}
.video-placeholder h3{font-size:clamp(34px,3.6vw,60px)}
.video-status{position:absolute;top:44px;right:48px;font-size:11px;letter-spacing:.18em;color:#d6c9ae;border:1px dashed #c9bca680;padding:8px 12px;z-index:1}
.video-placeholder p,.video-kicker{font-size:11px!important}

/* 4. Readability + controls */
.eyebrow,.section-label{font-size:11px}
.small-note{font-size:13px!important}
.future-examples p,.month-steps p,.experience-list p,.give-grid p,.faqs p{font-size:15px}
.faqs summary{font-size:16px;min-height:44px;align-items:center}
label{font-size:12px}
input,textarea{font-size:16px;min-height:52px}
.header-cta,.site-header nav a{min-height:44px;display:inline-flex;align-items:center}

/* 5. Decisive final CTA */
.invitation-meaning{max-width:520px;margin:28px auto 0;color:#e3dccd;font-size:15px}
.invitation-disclaimer{font-size:12px}
.invitation-section .button-light{min-height:64px;padding:22px 30px;font-size:14px}
.request-meaning{border-top:1px solid #c9c3b4;border-bottom:1px solid #c9c3b4;padding:22px 0 18px;margin-top:22px}
.request-meaning .eyebrow{margin-bottom:12px}
.request-meaning ul{margin:0;padding:0;list-style:none}
.request-meaning li{font-size:15px;line-height:1.6;color:#4f564d;padding-left:22px;position:relative}
.request-meaning li:before{content:"";position:absolute;left:0;top:.75em;width:10px;height:1px;background:#9b815b}
.request-meaning strong{color:var(--ink);font-weight:600}
.request-grid form .button{min-height:62px;font-size:14px}
#form-status{font-size:14px}

@media(max-width:1000px){.video-grid{grid-template-columns:1fr;gap:40px}.member-portrait{height:auto}}
@media(max-width:700px){
 .hero{min-height:0;padding:100px 7% 120px}
 .hero h1{margin:40px 0 36px}
 .hero-intro{font-size:19px}
 .hero-description{font-size:16px;margin-bottom:40px}
 .hero-actions{flex-direction:column;align-items:stretch;gap:24px}
 .hero-cta{width:100%}
 .light-link{align-self:flex-start}
 .hero-bottom{font-size:10px}
 .section-label,.eyebrow{font-size:11px}
 .prose p,.fit-grid p{font-size:17px}
 .member-grid{grid-template-columns:1fr;gap:28px}
 .member-portrait{height:auto;aspect-ratio:4/5}
 .member-info{padding:22px 20px 16px}
 .member-info h3{font-size:30px}
 .member-expertise{font-size:11px;min-height:0}
 .member-summary{font-size:16px;min-height:0}
 .bio-open{font-size:14px}
 .video-placeholder{aspect-ratio:4/5;padding:34px}
 .video-status{top:34px;right:auto;left:34px;font-size:10px}
 .video-monogram{margin-top:44px}
 .network-caption{font-size:9px}
 .future-examples p,.month-steps p,.experience-list p,.give-grid p,.faqs p{font-size:16px}
 .price-block p,.invitation-meaning{font-size:15px}
 .invitation-section .button-light{width:100%}
 .footer-bottom{font-size:11px}
 .site-header nav a{font-size:12px}
 .header-cta{font-size:11px}
 dialog .dialog-bio{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-cta,.button,.bio-open span{transition:none}}

/* Membership-copy refinement: keep the editorial palette and rhythm. */
.experience-copy h2,.gathering-callout h3,.membership-heading h2,.in-person-grid h2,.pricing-story h2{text-wrap:balance}
.experience-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(44px,7vw,105px);align-items:start}
.experience-copy h2{font-size:clamp(42px,5.7vw,76px);line-height:1.05;margin:0 0 32px;max-width:720px}
.experience-copy>p,.gathering-callout>p,.membership-heading>p,.membership-item p,.in-person-grid>div>p,.pricing-story-copy>p{font-size:16px;line-height:1.75;color:#5b6057}
.experience-copy>p{max-width:670px;margin:0 0 18px}
.experience-copy>p strong{color:var(--ink)}
.gathering-callout{margin-top:20px;border-left:1px solid var(--line);padding:4px 0 4px 30px}
.gathering-callout>.eyebrow{margin:0 0 14px;font-size:11px}
.gathering-callout h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,48px);line-height:1.13;margin:0 0 20px}
.gathering-callout h3 em,.experience-promise em,.membership-close em,.in-person-close em,.pricing-close em{font-weight:400}
.gathering-callout>p{margin:0 0 14px}
.gathering-prompts{list-style:none;margin:22px 0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:0}
.gathering-prompts li{padding:10px 0;font-family:'Libre Caslon Display',Georgia,serif;font-size:22px;line-height:1.2;color:var(--ink);border-bottom:1px solid #dcd8ce}
.gathering-prompts li:last-child{border-bottom:0}
.experience-promise{max-width:960px;margin:70px 0 18px;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(30px,4vw,48px);line-height:1.16}
.experience-list{margin-top:22px}
.experience-list article{grid-template-columns:58px minmax(0,1fr) 24px;gap:20px;padding:30px 0;align-items:start}
.experience-list .process-context{margin:0 0 6px;font-size:10px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#766f61}
.experience-list h3{margin:0 0 6px;font-size:clamp(32px,4.2vw,54px);line-height:1.08;text-transform:none}
.experience-list article div>p:last-child{max-width:700px;margin:0;font-size:16px;line-height:1.65;color:#62665d}
.article-arrow{color:#91846c}
.first-month-close{max-width:820px;margin:36px 0 0;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(29px,3.5vw,42px);line-height:1.2}

.membership-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:8%;align-items:end}
.membership-heading>.eyebrow,.membership-heading .eyebrow{margin:0 0 18px}
.membership-heading h2{margin:0;font-size:clamp(42px,5.5vw,72px);line-height:1.08}
.membership-heading>p{max-width:600px;margin:0 0 4px}
.membership-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:54px;margin-top:64px;border-top:1px solid var(--line)}
.membership-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:26px 0 28px;border-bottom:1px solid var(--line)}
.membership-item>.number{margin-top:5px;font-size:12px}
.membership-item h3{margin:0 0 8px;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(24px,2.3vw,31px);font-weight:400;line-height:1.15}
.membership-item p{margin:0;font-size:15px}
.membership-close{max-width:930px;margin:62px auto 0;text-align:center;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(30px,3.8vw,46px);line-height:1.2}

.in-person-section{background:#f1eee5;border-top:1px solid #e3ded2;border-bottom:1px solid #e3ded2}
.in-person-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%;align-items:start}
.in-person-grid h2{margin:0;font-size:clamp(38px,5.2vw,66px);line-height:1.1}
.in-person-grid>div>p{max-width:670px;margin:0 0 15px}
.in-person-grid>div>.in-person-close{margin:28px 0 0;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(26px,3vw,36px);line-height:1.2;color:var(--ink)}

.pricing-philosophy{background:#f1eee5}
.pricing-story{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:9%;row-gap:32px;align-items:start}
.pricing-story>.eyebrow{grid-column:1/-1;margin:0 0 -16px}
.pricing-story h2{margin:0;font-size:clamp(42px,5.4vw,70px);line-height:1.08}
.pricing-story-copy>p{margin:0 0 17px}
.pricing-story-copy>p strong{color:var(--ink)}
.pricing-story-copy>.pricing-close{margin:30px 0 0;font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(28px,3.3vw,40px);line-height:1.18;color:var(--ink)}

@media(max-width:1000px){
 .experience-overview,.membership-heading,.in-person-grid,.pricing-story{grid-template-columns:1fr;gap:28px}
 .experience-copy h2,.membership-heading h2,.pricing-story h2{max-width:740px}
 .gathering-callout{margin-top:8px;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
 .gathering-prompts{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}
 .gathering-prompts li{font-size:20px}
 .pricing-story>.eyebrow{grid-column:auto;margin:0 0 -8px}
 .pricing-story-copy{max-width:760px}
}
@media(max-width:700px){
 .experience-overview{gap:20px}
 .experience-copy h2{font-size:clamp(38px,10vw,50px);margin-bottom:25px}
 .experience-copy>p,.gathering-callout>p,.membership-heading>p,.membership-item p,.in-person-grid>div>p,.pricing-story-copy>p{font-size:16px;line-height:1.72}
 .gathering-callout{padding-top:23px}
 .gathering-callout h3{font-size:36px}
 .gathering-prompts{grid-template-columns:1fr;margin:18px 0}
 .gathering-prompts li{padding:11px 0;font-size:21px}
 .experience-promise{margin:45px 0 15px;font-size:31px}
 .experience-list{margin-top:15px}
 .experience-list article{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:24px 0}
 .experience-list h3{font-size:36px}
 .experience-list .article-arrow{display:none}
 .experience-list article div>p:last-child{font-size:16px}
 .first-month-close{margin-top:30px;font-size:31px}
 .membership-heading{gap:20px}
 .membership-heading h2,.pricing-story h2{font-size:clamp(39px,10vw,50px)}
 .membership-list{grid-template-columns:1fr;margin-top:36px}
 .membership-item{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 0}
 .membership-item h3{font-size:28px}
 .membership-close{margin-top:40px;text-align:left;font-size:32px}
 .in-person-grid{gap:24px}
 .in-person-grid h2{font-size:clamp(38px,9vw,48px)}
 .pricing-story{gap:22px}
 .pricing-story>.eyebrow{margin:0}
 .pricing-story-copy>.pricing-close{font-size:30px}
}
