/* Body Autonomy page — its own bright "flower child" look. Scoped to body.ba-page / .ba so the rest of the site is unaffected.
   Site header, nav and footer still come from style.css unchanged. */
body.ba-page{background:#fff6e0}
body.ba-page::after{display:none}           /* drop the dark scanline/vignette overlay on this page only */
body.ba-page::before{opacity:.025}          /* keep a whisper of grain */

.ba{--cream:#fff6e0;--sun:#ffc93c;--orange:#ff8c42;--pink:#ff5d8f;--teal:#2ec4b6;--purple:#9b5de5;--green:#3bb273;--ink2:#3a2340;
  color:var(--ink2);font-family:'Nunito',system-ui,sans-serif;font-size:18px;line-height:1.6;overflow:hidden}

.ba-draftbar{background:repeating-linear-gradient(45deg,#ffe066 0 14px,#ffd23f 14px 28px);color:#3a2340;text-align:center;font:800 12px/1 'Nunito',sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:9px}
.ba-ph{display:inline-block;vertical-align:middle;font:800 10px/1 'Nunito',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7a4b00;background:#fff3c4;border:1.5px dashed #e0a100;border-radius:999px;padding:5px 10px;margin:0 0 10px}

/* HERO */
.ba-hero{position:relative;padding:96px 0 140px;text-align:center;
  background:radial-gradient(circle at 50% 118%,#ffe27a 0 22%,transparent 23%),linear-gradient(180deg,#ff9a5a 0%,#ffb65c 38%,#ffd66b 70%,#fff0b8 100%)}
.ba-sun{position:absolute;left:50%;top:48%;width:min(560px,90vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:repeating-conic-gradient(rgba(255,255,255,.22) 0 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%)}
.ba-wave{position:absolute;left:-10%;right:-10%;height:120px;border-radius:50%}
.ba-wave1{bottom:-54px;background:var(--pink);opacity:.9}
.ba-wave2{bottom:-78px;background:var(--cream)}
.ba-hero-in{position:relative;z-index:2}
.ba-kick{display:inline-block;background:#fffdf5;color:var(--ink2);border-radius:999px;padding:8px 18px;font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;box-shadow:0 4px 0 rgba(58,35,64,.15)}
.ba-title{font-family:'Shrikhand',cursive;font-weight:400;font-size:clamp(54px,10vw,118px);line-height:1;margin-top:26px;color:#fffdf5;
  text-shadow:4px 4px 0 var(--pink),8px 8px 0 var(--purple)}
.ba-title span{color:#fff3a8}
.ba-intro{max-width:640px;margin:30px auto 0;background:rgba(255,253,245,.92);border-radius:28px;padding:22px 28px;font-size:clamp(17px,2.2vw,20px);font-weight:600;box-shadow:0 8px 0 rgba(58,35,64,.12)}

/* decorations */
.daisy,.peace{position:absolute;z-index:1;pointer-events:none}
.daisy{animation:sway 7s ease-in-out infinite}
.d1{width:110px;left:6%;top:16%}
.d2{width:70px;left:15%;top:62%;animation-delay:-2s}
.d3{width:90px;right:7%;top:14%;animation-delay:-4s}
.d4{width:60px;right:17%;top:66%;animation-delay:-1s}
.peace{opacity:.85}
.p1{width:74px;right:22%;top:8%;transform:rotate(12deg)}
.p2{width:56px;left:24%;top:9%;transform:rotate(-14deg)}
@keyframes sway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}

/* PRINCIPLES */
.ba-principles{padding:40px 0 90px;background:var(--cream)}
.ba-h2{font-family:'Righteous',sans-serif;font-weight:400;font-size:clamp(28px,4.4vw,44px);text-align:center;color:var(--ink2);margin-bottom:40px}
.ba-h2 .ba-ph{margin:0 0 6px 8px}
.ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ba-card{position:relative;background:#fffdf5;border:3px solid var(--c);border-radius:32px 32px 32px 8px;padding:30px 28px 28px;box-shadow:8px 8px 0 var(--c);transition:transform .2s}
.ba-card:hover{transform:translate(-2px,-3px) rotate(-.5deg)}
.ba-num{position:absolute;top:-20px;left:24px;width:46px;height:46px;border-radius:50%;background:var(--c);color:#fffdf5;font:400 18px/46px 'Righteous',sans-serif;text-align:center;box-shadow:0 3px 0 rgba(58,35,64,.2)}
.ba-card h3{font-family:'Righteous',sans-serif;font-weight:400;font-size:24px;line-height:1.15;margin-top:10px;color:var(--ink2)}
.ba-card p{margin-top:10px;font-size:17px;color:#4d3653}

/* optional contributed slot */
.ba-slot{padding:0 0 80px;background:var(--cream)}
.ba-slot-in{background:#fffdf5;border:3px dashed var(--orange);border-radius:32px;padding:36px;text-align:center}

/* CLOSING */
.ba-close{position:relative;text-align:center;padding:90px 0 96px;background:linear-gradient(135deg,var(--pink),var(--purple) 55%,var(--teal));color:#fffdf5}
.ba-close::before{content:"";position:absolute;left:-10%;right:-10%;top:-60px;height:120px;border-radius:50%;background:var(--cream)}
.ba-close .wrap{position:relative;z-index:2}
.ba-closing{font-family:'Shrikhand',cursive;font-size:clamp(36px,6vw,64px);line-height:1.1;text-shadow:4px 4px 0 rgba(58,35,64,.25)}
.ba-sign{margin-top:18px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.ba-sign .ba-ph{margin:0 0 0 8px}
.ba-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.ba-btn{display:inline-block;background:#fff3a8;color:var(--ink2);font-weight:800;font-size:15px;letter-spacing:.04em;padding:14px 28px;border-radius:999px;box-shadow:0 5px 0 rgba(58,35,64,.3);transition:transform .15s}
.ba-btn:hover{transform:translateY(-2px)}
.ba-btn.ghost{background:transparent;color:#fffdf5;border:2px solid #fffdf5;box-shadow:none}
.d5{width:80px;left:8%;top:30%}
.d6{width:64px;right:10%;bottom:18%;animation-delay:-3s}
.p3{width:70px;right:14%;top:22%;opacity:.5;transform:rotate(10deg)}

@media (max-width:820px){
  .ba-grid{grid-template-columns:1fr;gap:34px}
  .ba-hero{padding:70px 0 120px}
  .d1{width:64px;left:2%;top:6%}.d2{width:44px;left:4%;top:78%}.d3{width:56px;right:3%;top:5%}.d4{width:40px;right:5%;top:82%}
  .p1{width:44px;right:20%;top:3%}.p2{display:none}
  .d5{width:48px;left:4%;top:12%}.d6{width:42px;right:5%;bottom:8%}.p3{width:44px;right:6%;top:10%}
}
@media (prefers-reduced-motion:reduce){.daisy{animation:none}}
/* fixes: keep site header its normal dark tone over the bright page; keep hero wave from covering the section heading */
body.ba-page header{background:rgba(10,10,11,.97)}
.ba-hero{overflow:hidden}
.ba-wave1{bottom:-60px}.ba-wave2{bottom:-84px}
.ba-principles{position:relative;z-index:2;padding-top:56px}

/* ===== Community Voices disclaimer, bright version ===== */
.ba .cv-wrap{background:var(--cream);padding:40px 0 0}
.ba .cv-note{background:#fffdf5;color:var(--ink2);border:3px solid var(--teal);border-radius:26px;box-shadow:6px 6px 0 var(--teal);font-size:17px;padding:22px 28px}
.ba .cv-note strong{color:var(--ink2);font-family:'Righteous',sans-serif;font-weight:400;text-transform:none;letter-spacing:0;font-size:22px}
.ba .cv-note .cv-ico{border-color:var(--teal);background:var(--teal);color:#fffdf5;font-family:'Righteous',sans-serif}

/* Community Voices link card on Body Autonomy */
.ba-voices{background:var(--cream);padding:0 0 110px;position:relative;z-index:2}
.ba-voice{display:block;max-width:760px;margin:0 auto;text-align:left}
.ba-voice .ba-num{font-size:24px}
.ba-voice-kick{margin-top:12px;font-weight:800;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
.ba-voice h3{margin-top:6px}
.ba-voice-go{display:inline-block;margin-top:14px;font-weight:800;color:var(--pink)}

/* ================= LEVI'S STORY (levis-story.html) ================= */
.ls-hero .ba-title{font-size:clamp(46px,8.4vw,100px)}
.ls-hero .ba-title span{display:block}
.ls-guest{display:inline-block;margin-top:22px;background:var(--green);color:#fffdf5;border-radius:999px;padding:7px 16px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 4px 0 rgba(58,35,64,.18)}
.ls-leaf{position:absolute;z-index:1;pointer-events:none;opacity:.16}
.ls-leaf.l1{width:150px;left:3%;bottom:18%;transform:rotate(-18deg)}
.ls-leaf.l2{width:120px;right:4%;bottom:24%;transform:rotate(16deg)}
.ls-leaf.l3{width:110px;right:3%;top:40px;transform:rotate(-12deg);opacity:.1}

.ls-sec{background:var(--cream);padding:56px 0;position:relative;z-index:2}
.ls-narrow{max-width:860px;margin:0 auto}
.ls-label{display:block;text-align:center;font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:10px}

/* pull quote */
.ls-quote{position:relative;max-width:900px;margin:0 auto;background:linear-gradient(135deg,#fff3a8,#ffd66b);border-radius:36px 36px 36px 10px;padding:48px 52px 36px;box-shadow:10px 10px 0 var(--pink)}
.ls-quote::before{content:"\201C";position:absolute;left:22px;top:-46px;font:400 150px/1 'Shrikhand',cursive;color:var(--pink)}
.ls-quote blockquote{font-family:'Righteous',sans-serif;font-size:clamp(23px,3vw,32px);line-height:1.35;color:var(--ink2);margin:0}
.ls-quote figcaption{margin-top:20px;font-weight:800;font-size:18px;letter-spacing:.06em;color:var(--ink2)}
.ls-quote .ls-tasks{display:block;margin-top:6px;font-weight:700;font-size:16px;letter-spacing:0}
.ls-quote .ls-tasks a{color:#b3124e;text-decoration:underline;text-underline-offset:3px}

/* story + photo */
.ls-story{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:start}
.ls-story h2{text-align:left;margin-bottom:18px}
.ls-story p+p{margin-top:16px}
.ls-callout{margin-top:22px;background:#fffdf5;border-left:6px solid var(--orange);border-radius:0 20px 20px 0;padding:16px 22px;font-weight:800;font-size:19px}
.ls-photo{aspect-ratio:4/5;border:4px dashed var(--purple);border-radius:32px;background:repeating-linear-gradient(45deg,#f6ecff 0 16px,#fffdf5 16px 32px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--purple);font-weight:800}
.ls-photo span{font-family:'Righteous',sans-serif;font-weight:400;font-size:22px}
.ls-photo small{display:block;margin-top:6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#6d4a8a}
.ls-photo.wide{aspect-ratio:16/7;max-width:860px;margin:40px auto 0}

/* the law */
.ls-law{background:#fffdf5;border:3px solid var(--orange);border-radius:32px;box-shadow:8px 8px 0 var(--orange);padding:36px 40px}
.ls-law h2{margin-bottom:18px}
.ls-law p+p{margin-top:14px}
.ls-law .ls-why{font-family:'Shrikhand',cursive;font-size:clamp(34px,5vw,48px);color:var(--pink);text-align:center;margin-top:18px;line-height:1}
.ls-rcw{display:inline-block;background:var(--orange);color:#fffdf5;border-radius:10px;padding:1px 9px;font-weight:800}

.ls-intro{text-align:center;max-width:720px;margin:-24px auto 40px;font-size:18px}
.ls-sec .ba-grid.two{grid-template-columns:repeat(2,1fr);gap:34px 28px}
.ls-art{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-top:12px;filter:brightness(.8)}
.ls-sec .ba-card h3{margin-top:4px}
.ls-note{text-align:center;margin-top:40px;font-family:'Righteous',sans-serif;font-size:clamp(22px,3vw,28px);color:var(--green)}

/* closing / action */
.ls-close .ba-closing{font-size:clamp(34px,5.6vw,60px)}
.ls-big{max-width:700px;margin:18px auto 0;font-size:19px;font-weight:600}
.ls-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:38px auto 0}
.ls-act{display:block;background:#fffdf5;color:var(--ink2);border-radius:26px;padding:22px 20px;text-align:center;box-shadow:0 6px 0 rgba(58,35,64,.3);transition:transform .15s}
.ls-act:hover{transform:translateY(-3px)}
.ls-act b{display:block;font-family:'Righteous',sans-serif;font-weight:400;font-size:21px;line-height:1.2}
.ls-act span{display:block;margin-top:6px;font-size:15px;font-weight:700;color:#6b4f70;word-break:break-word}
.ls-sig{margin-top:30px;font-weight:800;font-size:16px;letter-spacing:.06em}
.ls-sig a{text-decoration:underline;text-underline-offset:3px}
.ls-money{margin:14px auto 0;max-width:640px;font-size:14px;opacity:.9}

@media (max-width:820px){
  .ls-story{grid-template-columns:1fr;gap:28px}
  .ls-photo{aspect-ratio:4/3;max-width:420px;width:100%;margin:0 auto}
  .ls-sec .ba-grid.two{grid-template-columns:1fr}
  .ls-actions{grid-template-columns:1fr;max-width:420px}
  .ls-quote{padding:44px 24px 28px;border-radius:28px 28px 28px 8px;box-shadow:6px 6px 0 var(--pink)}
  .ls-quote::before{font-size:110px;top:-34px;left:14px}
  .ls-law{padding:28px 22px}
  .ls-leaf.l1{width:80px;left:-2%;bottom:14%}.ls-leaf.l2{width:70px;right:-2%;bottom:16%}.ls-leaf.l3{display:none}
  .ls-sec{padding:44px 0}
  .ba .cv-note{padding:18px 18px;font-size:16px}
  .ls-intro{margin-top:-20px}
}
.ls-photo-light{border-color:#fffdf5;color:#fffdf5;background:rgba(255,253,245,.12)}.ls-photo-light small{color:#fffdf5}
/* polish after screenshot review */
.ls-sec .ba-h2,.ls-law h2{line-height:1.2}
.ls-label{font-size:13px}
.ls-photo{aspect-ratio:1/1}
.ls-money{font-size:15px}
@media (max-width:820px){.ls-photo{aspect-ratio:4/3}.ls-photo.wide{aspect-ratio:16/9}}