/* Brand Camp simplified waitlist page (v3), Nov 12 2026.
   Loaded last, after style.css, story.css and camp-v2.css. Only touches the new sections. */

/* What we cover: three moves, no day numbers */
.covers .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.covers .steps-grid .num{font-size:.78rem}
@media(max-width:1000px){.covers .steps-grid{grid-template-columns:1fr}}

/* Hero facts strip without dates */
.camp-facts.no-dates dt mark{white-space:nowrap}

/* The first campers: chat screenshot wall */
.campers{background:var(--paper)}
.campers-head{max-width:760px;margin:0 auto 48px;text-align:center}
.campers-head h2{margin:14px 0 18px}
.campers-head p{margin:0 auto;max-width:600px;color:var(--soft);font-size:var(--t-body,1.06rem);line-height:1.65}
.chat-wall{columns:3 300px;column-gap:28px;padding:10px 0 20px}
.chat-wall figure{break-inside:avoid;margin:0 0 6px;padding:14px 6px;display:flex;justify-content:center;background:none;position:relative}
.chat-wall img{display:block;width:auto!important;max-width:100%;height:auto!important;border-radius:8px;box-shadow:0 10px 26px #332f1e24,0 1px 3px #332f1e1f}
.chat-wall img[src*="02-lp"]{width:100%!important}
.chat-wall figure:nth-child(1){rotate:-2deg;translate:-6px 0;margin-top:0px;z-index:1}
.chat-wall figure:nth-child(2){rotate:2.5deg;translate:40px 0;margin-top:-10px;z-index:1}
.chat-wall figure:nth-child(3){rotate:-1.5deg;translate:-24px 0;margin-top:-30px;z-index:2}
.chat-wall figure:nth-child(4){rotate:3deg;translate:50px 0;margin-top:-26px;z-index:1}
.chat-wall figure:nth-child(5){rotate:-1.8deg;translate:0px 0;margin-top:0px;z-index:1}
.chat-wall figure:nth-child(6){rotate:1.6deg;translate:16px 0;margin-top:-8px;z-index:2}
.chat-wall figure:nth-child(7){rotate:-2.8deg;translate:-36px 0;margin-top:-28px;z-index:1}
.chat-wall figure:nth-child(8){rotate:1.2deg;translate:28px 0;margin-top:-22px;z-index:1}
.chat-wall figure:nth-child(9){rotate:-3deg;translate:-44px 0;margin-top:-24px;z-index:2}
.chat-wall figure:nth-child(10){rotate:1.4deg;translate:10px 0;margin-top:-6px;z-index:1}
.chat-wall figure:nth-child(11){rotate:-2.2deg;translate:32px 0;margin-top:-28px;z-index:1}
.chat-wall figure:nth-child(12){rotate:2.6deg;translate:-28px 0;margin-top:-18px;z-index:2}
.chat-wall figure:nth-child(13){rotate:-1.2deg;translate:40px 0;margin-top:-24px;z-index:1}
.chat-wall figure:nth-child(14){rotate:2deg;translate:-14px 0;margin-top:-16px;z-index:1}
.chat-wall figure:nth-child(15){rotate:-2.4deg;translate:30px 0;margin-top:-26px;z-index:2}
.campers-note{text-align:center;margin:30px 0 0;font-size:.9rem;color:var(--soft)}
@media(max-width:650px){.campers-head{margin-bottom:24px;text-align:left}.chat-wall{columns:1}.chat-wall figure{padding:10px 0}.chat-wall figure:nth-child(odd){rotate:-1.6deg;translate:-8px 0;margin-top:-14px}.chat-wall figure:nth-child(even){rotate:1.8deg;translate:14px 0;margin-top:-14px}.chat-wall figure:first-child{margin-top:0}}


/* What you get: six tiles in the existing take-home grid */
.takeaways .take-home{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.takeaways .take-home{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.takeaways .take-home{grid-template-columns:1fr}}

/* Waitlist CTA box sits on its own */
.waitlist-band{padding-top:0}
.waitlist-band .camp-cta{margin-top:0}
.waitlist-band .camp-cta h3{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.08;letter-spacing:-.035em;max-width:760px}
.waitlist-band .camp-cta p{max-width:620px;margin:0 0 24px}
@media(max-width:650px){.waitlist-band .camp-cta{padding:30px 24px}.waitlist-band .camp-cta h3{font-size:1.8rem}}

/* Tighter gaps: what you get, who it's for, waitlist box (Em, Nov 12) */
.section.takeaways{padding-bottom:48px}
.section.fit{padding-top:48px;padding-bottom:40px}
.section.waitlist-band{padding-top:0;padding-bottom:80px}
@media(max-width:650px){.section.takeaways{padding-bottom:36px}.section.fit{padding-top:36px;padding-bottom:28px}.section.waitlist-band{padding-bottom:56px}}

/* Header wordmark with the Daytime credit (Em, Nov 12) */
.nav .wordmark{display:inline-flex;align-items:baseline;gap:.4em;white-space:nowrap}
.nav .wordmark-x{font-family:Sauce,Arial,sans-serif;font-size:.42em;font-weight:500;letter-spacing:.04em;opacity:.85}
@media(max-width:650px){.nav .wordmark{flex-direction:column;align-items:flex-start;gap:0;line-height:1}.nav .wordmark-x{font-size:.36em;margin-top:4px}}