/* Brand Camp · v2 pass, Oct 5 2026. Loads after story.css and wins the cascade.
   Smaller headlines, the live bar, the four steps, the day folders, the two seats. */

/* ---------- headline scale: about four fifths of the original ---------- */
.hero h1{font-size:clamp(2.9rem,5.2vw,5.3rem);line-height:1.02;margin:24px auto 28px;max-width:1000px}
.hero-intro{font-size:clamp(1.15rem,1.75vw,1.5rem);line-height:1.5;max-width:660px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.hero-reassurance{font-size:1rem;margin-top:14px}
.camp-facts{margin-top:34px}
h2,.order h2,.familiar-heading h2,.counselor h2,.proof-heading h2{font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.04}
.seats h2{font-size:clamp(2.8rem,5.2vw,5.4rem)}
.takeaways h2{font-size:clamp(2.4rem,4.2vw,3.9rem)}
.close-panel h2{font-size:clamp(2.1rem,3.6vw,3.2rem);line-height:1.1}
.days .section-head .marker,.seats h2 .marker,.proof-heading .marker{font-size:1.08em}
@media(max-width:650px){.hero h1{font-size:clamp(2.4rem,9.5vw,3.2rem)}h2,.seats h2,.takeaways h2{font-size:2.5rem}.close-panel h2{font-size:2.1rem}}

/* ---------- the live bar ---------- */
.nav,.nav.is-sticky{position:fixed;top:0;left:0;right:0;z-index:30;transform:none;visibility:visible;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:10px max(24px,calc((100% - 1440px)/2));background:#171714;color:var(--cream);border-bottom:0;backdrop-filter:none}
.nav .wordmark{color:var(--cream);font-size:1.7rem}
.nav .primary,.nav .button.primary{background:var(--yellow);color:var(--ink);min-height:40px;padding:9px 20px;font-size:.82rem}
.live-in{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:14px}
.live-lbl{font:400 .7rem/1 Woodrow,monospace;letter-spacing:.14em;text-transform:uppercase;color:#cfcab8;margin-right:6px}
.cd{display:inline-flex;align-items:baseline;gap:3px;background:#2a2924;border-radius:8px;padding:6px 9px;min-width:46px;justify-content:center}
.cd b{font-family:Camp,Georgia,serif;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--cream);font-variant-numeric:tabular-nums}
.cd i{font-style:normal;font-size:.62rem;color:#a8a391;text-transform:uppercase}
.live-in.is-over .cd{display:none}
.live-in.is-over .live-lbl{color:var(--yellow)}
.tent-label{top:96px}
.skip{top:72px}
.hero{padding-top:108px}
@media(max-width:860px){.live-lbl{display:none}.cd{min-width:40px;padding:5px 7px}.cd b{font-size:.95rem}}
@media(max-width:650px){.nav,.nav.is-sticky{padding:9px 16px;gap:10px;min-height:54px}.nav .wordmark{font-size:1.45rem}.live-in{gap:5px;margin-right:6px}.cd{min-width:34px;padding:4px 5px;border-radius:6px}.cd b{font-size:.85rem}.cd i{font-size:.55rem}.nav .button.primary{padding:8px 12px;font-size:.74rem;min-height:36px}.tent-label{top:80px}.hero{padding-top:95px}}

/* ---------- made with AI, now right after the hero ---------- */
.process{padding-top:96px}
.proof-tent{grid-column:1/-1;width:150px;height:auto;rotate:-5deg;margin-bottom:10px}
@media(max-width:650px){.proof-tent{width:96px}}

/* ---------- four steps inside the orange section ---------- */
.camp-steps{margin-top:64px;padding-top:40px;border-top:1px solid #faf6ec55}
.camp-steps>.eyebrow{margin-bottom:22px}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.steps-grid article{background:var(--cream);color:var(--ink);border-radius:12px;padding:26px 24px 28px;display:flex;flex-direction:column;gap:10px}
.steps-grid .num{font:400 .72rem/1 Woodrow,monospace;letter-spacing:.14em;color:var(--olive)}
.steps-grid h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.08;margin:4px 0 2px;color:var(--ink)}
.steps-grid p{font-size:.93rem;line-height:1.6;color:var(--soft);margin:0}
@media(max-width:1000px){.steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.camp-steps{margin-top:44px;padding-top:30px}.steps-grid{grid-template-columns:1fr;gap:12px}.steps-grid article{padding:22px 20px}}

/* ---------- the three days as file folders ---------- */
.days{padding-top:96px}
.days-head{display:block;text-align:center;max-width:760px;margin:0 auto 40px}
.days-head h2{margin:18px 0 18px}
.days .days-head .marker,.days .section-head .marker{display:inline;white-space:nowrap;font-size:1.06em}
.days-head .lead{font-size:1.1rem;line-height:1.65;max-width:620px;margin:0 auto}
.folders{position:relative;--c:var(--yellow);--ct:var(--ink)}
.folders[data-active="d2"]{--c:var(--sage);--ct:var(--ink)}
.folders[data-active="d3"]{--c:var(--orange);--ct:var(--cream)}
.folder-tabs{display:flex;gap:6px;align-items:flex-end;padding:0 18px;position:relative;z-index:2}
.folder-tabs [role="tab"]{appearance:none;border:1px solid transparent;border-bottom:0;color:var(--ink);border-radius:12px 12px 0 0;padding:14px 26px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:inherit;min-width:160px;transition:background .2s,transform .2s;opacity:.85}
.folder-tabs [role="tab"][data-color="d1"]{background:color-mix(in srgb,var(--yellow) 45%,var(--cream))}
.folder-tabs [role="tab"][data-color="d2"]{background:color-mix(in srgb,var(--sage) 55%,var(--cream))}
.folder-tabs [role="tab"][data-color="d3"]{background:color-mix(in srgb,var(--orange) 28%,var(--cream))}
.folder-tabs [role="tab"] span{font-family:Camp,Georgia,serif;font-weight:700;font-size:1.5rem;letter-spacing:-.03em;line-height:1}
.folder-tabs [role="tab"] small{font:400 .68rem/1 Woodrow,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.folder-tabs [role="tab"]:hover{opacity:1}
.folder-tabs [role="tab"][aria-selected="true"]{opacity:1;transform:translateY(1px);padding-bottom:18px}
.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"]{background:var(--yellow)}
.folder-tabs [role="tab"][data-color="d2"][aria-selected="true"]{background:var(--sage)}
.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"]{background:var(--orange);color:var(--cream)}
.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"] small{color:var(--cream);opacity:.85}
.folder-tabs [role="tab"]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.folder-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:44px;background:var(--cream);border:1px solid #332f1e30;border-top:5px solid var(--c);border-radius:0 12px 12px 12px;padding:40px 44px 42px;position:relative;z-index:1}
.folder-panel[hidden]{display:none}
.folder-copy .eyebrow{margin-bottom:12px}
.folder-copy h3{font-size:clamp(1.9rem,2.9vw,2.6rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 14px}
.folder-lead{font-size:1.1rem;line-height:1.65;color:var(--ink);max-width:640px;margin:0 0 24px}
.how{list-style:none;margin:0 0 28px;padding:22px 0 0;border-top:1px solid #332f1e22;display:flex;flex-direction:column;gap:12px}
.how li{position:relative;padding-left:24px;font-size:1.02rem;line-height:1.6;color:var(--soft)}
.how li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--c);border:1px solid #332f1e30}
.kit{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kit-item{background:var(--paper);border-radius:12px;padding:16px 18px}
.kit-item.tools{background:var(--orange);color:var(--cream)}
.kit-item p{margin:0;font-size:.98rem;line-height:1.55;color:var(--soft)}
.kit-item.tools p,.kit-item.tools strong{color:var(--cream)}
.kit-item strong{display:block;margin-bottom:2px}
.kind{display:inline-block;font:600 .66rem/1 Sauce,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--sage-light);color:var(--olive-deep);border-radius:99px;padding:5px 9px;margin:0 0 10px}
.kit-item.tools .kind{background:var(--yellow);color:var(--ink)}
.folder-photo{border-radius:12px;overflow:hidden;background:var(--paper);align-self:start}
.folder-photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1.05;border-radius:12px}
.days .camp-cta{margin-top:56px;padding:44px 52px}
.days .camp-cta h3{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:14px;max-width:760px}
.days .camp-cta p{font-size:1.05rem;line-height:1.6;margin:0 0 24px;max-width:620px}
.days .camp-cta .eyebrow{margin-bottom:14px}
@media(max-width:1000px){.folder-panel{grid-template-columns:1fr;gap:28px;padding:32px 28px 34px}.folder-photo{order:-1}.folder-photo img{aspect-ratio:16/9}}
@media(max-width:650px){.days-head{margin-bottom:26px}.folder-tabs{padding:0 10px;gap:4px}.folder-tabs [role="tab"]{min-width:0;flex:1;padding:12px 10px 14px;align-items:center;text-align:center}.folder-tabs [role="tab"] span{font-size:1.2rem}.folder-tabs [role="tab"] small{font-size:.58rem}.folder-panel{padding:24px 20px 28px;border-radius:12px;border-top-width:5px}.kit{grid-template-columns:1fr}.folder-copy h3{font-size:1.9rem}.folder-lead{font-size:1.02rem}.days .camp-cta{padding:30px 24px}.days .camp-cta h3{font-size:1.8rem}}

/* ---------- the two seats ---------- */
.seats .wrap{max-width:1180px}
.seat-intro{max-width:620px}
.seat-grid{gap:28px;margin-top:56px;align-items:stretch}
.seat-card{padding:40px 38px 36px;display:flex;flex-direction:column}
.seat-card.playbook{padding-top:70px}
.seat-head h3{font-family:Camp,Georgia,serif;font-size:2rem;letter-spacing:-.035em;margin:0 0 8px;padding:0}
.seat-head .seat-lead{margin:0;font-size:1rem;line-height:1.55;color:var(--soft)}
.seat-price{display:flex;align-items:baseline;gap:10px;margin:26px 0 0}
.seat-price .amt{font-family:Camp,Georgia,serif;font-weight:700;font-size:4.2rem;letter-spacing:-.06em;line-height:1;color:var(--orange)}
.seat-price .per{font-size:.9rem;color:var(--soft)}
.seat-rule{border:0;border-top:1px solid #332f1e28;margin:26px 0 24px}
.seat-card .checklist{margin:0 0 30px;flex:1}
.seat-card li{font-size:.97rem;line-height:1.6;margin-bottom:14px;padding-left:28px}
.seat-card li::before{color:var(--olive-deep);font-weight:700}
.seat-card li strong{color:var(--ink);font-weight:700}
.seat-fine{margin:14px 0 0;font-size:.8rem;line-height:1.5;color:var(--soft)}
.seat-card.playbook,.seat-card.playbook .seat-head h3,.seat-card.playbook .seat-lead,.seat-card.playbook .per,.seat-card.playbook li,.seat-card.playbook li strong,.seat-card.playbook li::before,.seat-card.playbook .seat-fine{color:var(--cream)}
.seat-card.playbook .seat-lead,.seat-card.playbook .seat-fine,.seat-card.playbook .per{opacity:.9}
.seat-card.playbook .amt{color:var(--yellow)}
.seat-card.playbook .seat-rule{border-top-color:#faf6ec44}
.seat-card.playbook .button.primary{background:var(--yellow);color:var(--ink)}
@media(max-width:650px){.seat-card{padding:30px 24px}.seat-card.playbook{padding-top:62px}.seat-price .amt{font-size:3.6rem}}

/* ---------- polish after the first look ---------- */
.nav .wordmark,.nav .button{white-space:nowrap}
@media(max-width:650px){.nav .wordmark{font-size:1.3rem}.nav .button.primary{padding:8px 11px;font-size:.7rem}}
.order .steps-grid article{text-align:left}
.order .camp-steps>.eyebrow{text-align:center}
.days-head,.days-head .lead{text-align:left}

/* ---------- body copy, one notch up ---------- */
.steps-grid p{font-size:1rem}
.seat-card li{font-size:1rem}
.faq-item p{font-size:1rem;line-height:1.75}
.fit li{font-size:1.05rem}
.counselor p{font-size:1.05rem}
.take-home span{font-size:1.02rem}
.proof-heading>p:last-child{font-size:1.08rem}
.hero-reassurance{font-size:1.02rem}

/* ---------- counselor: label sits above the headline ---------- */
.counselor-copy .eyebrow{margin-bottom:16px}
.counselor-sticker{display:none}

/* ---------- sound familiar + the order matters: copy back up to size ---------- */
.familiar .story-lead{font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.5;max-width:700px}
.familiar .story-support{font-size:1.15rem;line-height:1.7;max-width:600px}
.order h2{font-size:clamp(2.9rem,5.2vw,5rem)}
.order .wrap>p:not(.eyebrow){max-width:640px;margin:28px auto 0;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.65}
@media(max-width:650px){.familiar .story-lead{font-size:1.2rem}.familiar .story-support{font-size:1.05rem}.order h2{font-size:3rem}.order .wrap>p:not(.eyebrow){font-size:1.1rem}}

/* ---------- one body type scale for the whole page ----------
   lead  1.3rem  the one supporting line under a headline
   body  1.08rem everything you read
   small .85rem  fine print, captions, dates                                 */
:root{--t-lead:clamp(1.2rem,1.7vw,1.35rem);--t-body:1.08rem;--t-small:.85rem}
.hero-intro,.familiar .story-lead,.order .wrap>p:not(.eyebrow),.folder-lead,.seat-intro,.proof-heading>p:last-child,.takeaways .story-lead{font-size:var(--t-lead);line-height:1.5}
.hero-reassurance,.familiar .story-support,.steps-grid p,.days-head .lead,.how li,.kit-item p,.days .camp-cta p,.take-home span,.fit li,.seat-head .seat-lead,.seat-card li,.counselor p,.faq-item p,.faq-item button,.camp-facts dd,.showcase-caption{font-size:var(--t-body);line-height:1.65}
.fine,.seat-fine,.hero .fine,.close-panel .fine{font-size:var(--t-small);line-height:1.6}
.hero-intro{font-weight:600}
@media(max-width:650px){:root{--t-lead:1.15rem;--t-body:1.02rem;--t-small:.82rem}}

/* ---------- tighter page width ---------- */
.familiar .story-pair,.order .wrap,.takeaways .wrap,.process .wrap,.fit .wrap,.seats .wrap,.counselor .wrap,.questions .wrap,.days .wrap,.proof-heading,.hero-panel,.js .hero-panel{max-width:1180px}
.wrap{max-width:1180px}

/* ---------- folders: solid tabs in orange, sage, lime; no top line; photo matches the copy ---------- */
.days-head{margin-bottom:36px}
.days-head h2{margin-bottom:0}
.folder-tabs [role="tab"],.folder-tabs [role="tab"][data-color="d1"],.folder-tabs [role="tab"][data-color="d2"],.folder-tabs [role="tab"][data-color="d3"]{opacity:1;border:0}
.folder-tabs [role="tab"][data-color="d1"],.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"]{background:var(--orange);color:var(--cream)}
.folder-tabs [role="tab"][data-color="d1"] small{color:var(--cream);opacity:.85}
.folder-tabs [role="tab"][data-color="d2"],.folder-tabs [role="tab"][data-color="d2"][aria-selected="true"]{background:var(--sage);color:var(--ink)}
.folder-tabs [role="tab"][data-color="d2"] small{color:var(--olive-deep)}
.folder-tabs [role="tab"][data-color="d3"],.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"]{background:var(--yellow);color:var(--ink)}
.folder-tabs [role="tab"][data-color="d3"] small{color:var(--olive-deep)}
.folder-tabs [role="tab"]{transform:translateY(6px);padding:12px 26px 14px}
.folder-tabs [role="tab"][aria-selected="true"]{transform:translateY(0);padding:14px 26px 18px}
.folders{--c:var(--orange)}
.folders[data-active="d2"]{--c:var(--sage)}
.folders[data-active="d3"]{--c:var(--yellow)}
.folder-panel{border:1px solid #332f1e30;border-top:1px solid #332f1e30;align-items:stretch}
.folder-photo{position:relative;align-self:stretch;min-height:320px}
.folder-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.how li::before{background:var(--c)}
@media(max-width:1000px){.folder-photo{position:static;min-height:0}.folder-photo img{position:static;aspect-ratio:16/9;height:auto}}

/* ---------- designers are welcome too ---------- */
.fit-aside{font-size:var(--t-lead);color:var(--soft)}
.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"] small{color:var(--olive-deep);opacity:1}

/* ---------- days: centered header, plain tabs, no photos ---------- */
.days-head{text-align:center}
.days-head .marker{color:var(--orange)}
.folder-tabs{padding:0;gap:8px;align-items:flex-end}
.folder-tabs [role="tab"],.folder-tabs [role="tab"][data-color="d1"],.folder-tabs [role="tab"][data-color="d2"],.folder-tabs [role="tab"][data-color="d3"],.folder-tabs [role="tab"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d2"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"]{background:var(--paper);color:var(--ink);border:1px solid #332f1e40;border-bottom:0;transform:none;padding:14px 26px 16px;min-width:150px;border-radius:12px 12px 0 0;transition:background .2s}
.folder-tabs [role="tab"] small,.folder-tabs [role="tab"][data-color="d1"] small,.folder-tabs [role="tab"][data-color="d2"] small,.folder-tabs [role="tab"][data-color="d3"] small,.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"] small,.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"] small{color:var(--soft);opacity:1}
.folder-tabs [role="tab"]:hover{background:var(--cream)}
.folder-tabs [role="tab"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d2"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"]{background:var(--cream);position:relative;z-index:3;margin-bottom:-1px;padding-bottom:17px}
.folder-tabs [role="tab"][aria-selected="true"] small{color:var(--orange)}
.folder-panel{grid-template-columns:1fr;gap:0;padding:40px 44px 44px;border-radius:0 12px 12px 12px}
.folder-copy{max-width:860px}
.folder-cols,.kit{grid-template-columns:1fr 1fr}
.how li::before{background:var(--olive)}
@media(max-width:650px){.folder-tabs [role="tab"],.folder-tabs [role="tab"][aria-selected="true"]{min-width:0;flex:1;padding:12px 10px 14px;align-items:center;text-align:center}.folder-panel{padding:24px 20px 28px;border-radius:0 0 12px 12px}}

/* ---------- phone fixes: tabs fit, bar fits, no sideways scroll ---------- */
/* sticky tent needs a free body: no overflow-x here */
@media(max-width:650px){
.folder-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0}
.folder-tabs [role="tab"],.folder-tabs [role="tab"][data-color="d1"],.folder-tabs [role="tab"][data-color="d2"],.folder-tabs [role="tab"][data-color="d3"],.folder-tabs [role="tab"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d2"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"]{min-width:0;width:100%;padding:11px 6px 13px;align-items:center;text-align:center;gap:2px}
.folder-tabs [role="tab"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d1"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d2"][aria-selected="true"],.folder-tabs [role="tab"][data-color="d3"][aria-selected="true"]{padding-bottom:14px}
.folder-tabs [role="tab"] span{font-size:1.15rem}
.folder-tabs [role="tab"] small{font-size:.56rem;letter-spacing:.08em;white-space:nowrap}
.folder-panel{border-radius:0 0 12px 12px;padding:22px 18px 26px}
.nav,.nav.is-sticky{padding:8px 12px;gap:8px;min-height:52px}
.nav .wordmark{font-size:1.2rem}
.live-in{gap:4px;margin-right:4px}
.cd{min-width:30px;padding:4px 4px;border-radius:5px;gap:2px}
.cd b{font-size:.8rem}.cd i{font-size:.5rem}
.nav .button.primary{padding:7px 10px;font-size:.68rem;min-height:34px}
}
@media(max-width:360px){.live-in .cd:last-child{display:none}}
@media(max-width:650px){.folder-cols,.kit{grid-template-columns:1fr}.kind{white-space:nowrap}}

/* made with AI: headline hugs the eyebrow */
.proof-heading{align-items:start}
.proof-heading .eyebrow{margin-bottom:18px}
.proof-heading h2{margin-top:0}
.proof-heading>p:last-child{align-self:start;padding-top:6px}
.process .proof-heading,.process header.proof-heading{align-items:start}
