/* Baddies Know AI preview restyle, Oct 22 2026. Original CSS, written for this site. */
:root{--cream:#f5efe4;--cream2:#ece3d3;--paper:#fbf8f2;--ink:#171717;--ink2:#3b3632;--muted:#6d655c;--gold:#a8834f;--gold2:#d9bf8f;--line:rgba(23,23,23,.12);
--serif:"Iowan Old Style","Iowan Old Style BT",Palatino,"Palatino Linotype",Georgia,serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.9,.3,1);--pad:clamp(20px,5vw,56px)}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;line-height:1.08;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(44px,11vw,96px)}
h2{font-size:clamp(32px,7.4vw,58px)}
h3{font-size:clamp(21px,5vw,26px);line-height:1.2}
h1 em,h2 em{font-style:italic;color:var(--gold)}
p{margin:0 0 1em;max-width:62ch;text-wrap:pretty}
ul,ol{padding-left:1.2em}
.visually-hidden,.bot-check{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--gold);transform-origin:0 50%;transform:scaleX(var(--p,0));z-index:60}
main{display:block;overflow-x:clip}
.wrap,main>section,main>div,.simple-page>*,.coaching-page>*{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}
main.wrap,main.simple-page,main.coaching-page{max-width:none;padding:0}
section{padding-top:clamp(56px,12vw,120px);padding-bottom:0}
main>section:first-child,main>div:first-child,.hero{padding-top:clamp(120px,30vw,200px)}
.eyebrow,.mini-kicker,.zoom-month,.zoom-first span,.sample-tag,.file-type{display:inline-flex;align-items:center;gap:.5em;font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.eyebrow:before{content:"";width:7px;height:7px;background:currentColor;transform:rotate(45deg);flex:none}
/* header */
.bk-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:10px;padding:12px var(--pad);transition:background .5s var(--ease),box-shadow .5s var(--ease),padding .5s var(--ease)}
.bk-header.is-scrolled{background:rgba(245,239,228,.82);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 var(--line);padding-top:8px;padding-bottom:8px}
.bk-header .brand{margin-right:auto;display:block}
.bk-header .brand img{width:64px;height:64px;transition:width .5s var(--ease),height .5s var(--ease)}
.bk-header.is-scrolled .brand img{width:48px;height:48px}
.bk-cta,.button,.bk-drawer-join,summary.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 15px/1 var(--sans);text-decoration:none;border:1px solid var(--ink);cursor:pointer;transition:transform .35s var(--ease),background .35s,color .35s,box-shadow .35s;white-space:nowrap}
.bk-cta{min-height:44px;padding:0 18px;font-size:14px;opacity:0;transform:translateY(-6px);pointer-events:none}
.bk-header.is-scrolled .bk-cta{opacity:1;transform:none;pointer-events:auto}
.button:hover,.bk-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.45)}
.button:not(.dark),.coaching-button{background:transparent;color:var(--ink)}
.bk-burger{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(251,248,242,.7);display:grid;place-content:center;gap:6px;cursor:pointer;flex:none}
.bk-burger span{display:block;width:20px;height:1.5px;background:var(--ink);transition:transform .4s var(--ease)}
.bk-burger[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.bk-burger[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
/* sidebar drawer */
.bk-scrim{position:fixed;inset:0;background:rgba(23,23,23,.35);z-index:70;opacity:0;transition:opacity .5s var(--ease)}
.bk-scrim.is-on{opacity:1}
.bk-drawer{position:fixed;top:0;right:0;bottom:0;width:min(86vw,420px);background:var(--paper);z-index:80;transform:translateX(102%);transition:transform .6s var(--ease);display:flex;flex-direction:column;padding:16px 24px calc(24px + env(safe-area-inset-bottom));box-shadow:-30px 0 60px -30px rgba(0,0,0,.35);overflow-y:auto}
.bk-drawer:before{content:"";position:absolute;left:24px;top:96px;bottom:110px;width:1px;background:linear-gradient(var(--gold2),transparent)}
.bk-drawer.is-open{transform:none}
.bk-drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.bk-close{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--ink)}
.bk-drawer-nav{display:flex;flex-direction:column}
.bk-drawer-nav a:not(.bk-drawer-join){position:relative;padding:14px 0 14px 26px;font:500 28px/1.15 var(--serif);text-decoration:none;border-bottom:1px solid var(--line);opacity:0;transform:translateX(24px);transition:opacity .5s var(--ease),transform .6s var(--ease),color .3s}
.bk-drawer-nav a:not(.bk-drawer-join):before{content:"";position:absolute;left:-3.5px;top:50%;width:7px;height:7px;margin-top:-3.5px;background:var(--gold);transform:rotate(45deg) scale(.6);transition:transform .3s}
.bk-drawer-nav a[aria-current=page]{color:var(--gold)}.bk-drawer-nav a[aria-current=page]:before,.bk-drawer-nav a:hover:before{transform:rotate(45deg) scale(1.2)}
.bk-drawer.is-open .bk-drawer-nav a{opacity:1;transform:none}
.bk-drawer-join{margin-top:28px;opacity:0;transition:opacity .5s .35s}
.bk-drawer.is-open .bk-drawer-join{opacity:1}
.bk-drawer-foot{margin-top:auto;padding-top:28px;display:flex;gap:20px;font-size:15px;color:var(--muted)}
body.bk-locked{overflow:hidden}
/* reveal motion */
.js [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}.bk-drawer,.bk-drawer-nav a{transition:none}html{scroll-behavior:auto}}
/* hero */
.hero{min-height:88svh;display:flex;align-items:center;text-align:center;justify-content:center;background:radial-gradient(120% 70% at 50% 0%,var(--paper),var(--cream) 60%);position:relative}
.hero:after{content:"";position:absolute;left:50%;bottom:24px;width:1px;height:56px;background:linear-gradient(transparent,var(--gold));animation:bkDrop 2.4s var(--ease) infinite}
@keyframes bkDrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero-copy{max-width:760px;margin:0 auto}
.hero-support{font-size:clamp(18px,4.6vw,22px);color:var(--ink2);margin:0 auto 32px}
.hero-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;max-width:340px;margin:0 auto}
.statement-band{background:var(--ink);color:var(--paper);padding:clamp(40px,10vw,80px) 0;margin-top:0;text-align:center;font:italic 500 clamp(28px,7vw,56px)/1.15 var(--serif)}
.statement-band .wrap{padding-top:0}
/* cards and timelines */
.benefits-grid,.ai-staff-grid,.program-week-grid,.work-showcase-grid,.starter-contents,.application-grid{display:grid;gap:16px;margin:28px 0 0;padding:0;list-style:none}
.benefits-grid article,.ai-staff-grid>*,.program-week,.work-showcase-grid article,.starter-item,.private-coaching-section .gallery-offer-copy,.community-benefits ul,.coaching-apply,.assistant-case,.cleanup-receipt,.task-workspace,form{background:linear-gradient(var(--paper),var(--paper)) padding-box,linear-gradient(140deg,rgba(217,191,143,.9),rgba(255,255,255,.4) 45%,rgba(168,131,79,.5)) border-box;border:1px solid transparent;border-radius:22px;padding:24px;box-shadow:0 18px 40px -28px rgba(60,40,20,.35)}
.benefits-grid,.program-week-grid,.zoom-topic-list,.community-benefits ul{position:relative;padding-left:28px!important}
.benefits-grid:before,.program-week-grid:before,.zoom-topic-list:before,.community-benefits ul:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--gold),rgba(168,131,79,.15))}
.benefits-grid>*,.program-week,.zoom-topic-list>li,.community-benefits li{position:relative}
.benefits-grid>*:before,.program-week:before,.zoom-topic-list>li:before,.community-benefits li:before{content:"";position:absolute;left:-25px;top:30px;width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}
.community-benefits ul{background:none;border:0;box-shadow:none;list-style:none;padding:0}
.community-benefits li{margin:0 0 18px}.community-benefits li:before{left:-25px;top:9px}
.zoom-topic-list{list-style:none;margin:20px 0}.zoom-topic-list>li{padding:0 0 20px}.zoom-topic-list>li:before{top:4px;left:-25px}
.home-community{background:var(--cream2);margin-top:clamp(56px,12vw,120px);padding-bottom:clamp(56px,12vw,100px);text-align:left}
.community-mark{font:italic 600 64px/1 var(--serif);color:var(--gold);margin-bottom:12px}
.text-link,.example-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.text-link:after,.example-link:after{content:"→";transition:transform .3s var(--ease)}.text-link:hover:after{transform:translateX(4px)}
.private-coaching-section .gallery-offer-copy{display:flex;flex-direction:column;gap:16px}
.gallery-preview,.feature-image,.founder-photo,.task-preview-photo{display:block;border-radius:18px;overflow:hidden;box-shadow:0 22px 50px -30px rgba(0,0,0,.45);margin:0 0 16px}
.gallery-preview img,.feature-image img{transition:transform 1.2s var(--ease)}.gallery-preview:hover img{transform:scale(1.03)}
.project-carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}
.project-carousel-slide{flex:0 0 86%;scroll-snap-align:center}
/* forms */
form{margin-top:20px}
fieldset{border:0;padding:0;margin:0;min-width:0}
label,legend{display:block;font-weight:600;font-size:15px;margin:0 0 6px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;font:16px/1.4 var(--sans);color:var(--ink)}
textarea{min-height:110px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.application-field{margin-bottom:16px}
.field-hint,.signup-state,.zoom-status,.affiliate-disclosure,.sample-note,.ai-staff-note,.coaching-note,.starter-note{font-size:15px;color:var(--muted)}
.consent-label{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:15px;line-height:1.45}
.consent-label input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--ink)}
form button,form [type=submit]{width:100%;min-height:52px;border-radius:999px;background:var(--ink);color:var(--paper);border:0;font:600 16px var(--sans);margin-top:8px}
details{border-top:1px solid var(--line);padding:6px 0}
details>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600;list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary:not(.button):after{content:"+";margin-left:auto;font-size:22px;transition:transform .3s}
details[open]>summary:not(.button):after{transform:rotate(45deg)}
details.coaching-intake,details.assistant-intake{border:0}
.zoom-first strong{display:block;font:500 26px/1.2 var(--serif)}
.coaching-facts{font-weight:600;border-left:2px solid var(--gold);padding-left:12px}
table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
/* footer */
.footer{margin-top:clamp(72px,14vw,140px);background:var(--ink);color:var(--cream);padding:48px 0 calc(64px + env(safe-area-inset-bottom))}
.footer-inner{display:flex;flex-direction:column;gap:24px}
.bk-foot-logo img{width:56px;height:56px;filter:invert(1);margin-bottom:10px}
.footer p{margin:0;color:rgba(245,239,228,.7);font-size:14px}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 22px}.footer-links a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;font-size:15px}
.bk-preview-flag{position:fixed;left:12px;bottom:12px;z-index:40;background:rgba(23,23,23,.86);color:#fff;font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;pointer-events:none}
/* desktop */
@media (min-width:860px){
 body{font-size:18px}
 .bk-header .brand img{width:78px;height:78px}
 .hero-actions{flex-direction:row;max-width:none;justify-content:center}
 .benefits-grid,.program-week-grid,.ai-staff-grid,.starter-contents{grid-template-columns:repeat(2,1fr)}
 .work-showcase-grid{grid-template-columns:repeat(3,1fr)}
 .free-toolbox-band,.founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
 .private-coaching-section .gallery-offer-copy{flex-direction:row;align-items:flex-end;justify-content:space-between;padding:40px}
 .project-carousel-slide{flex-basis:48%}
 .footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-end}
}
/* pass 2 fixes */
[class*=trap],.honeypot,[name=website]{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bk-drawer{box-shadow:none}.bk-drawer.is-open{box-shadow:-30px 0 60px -30px rgba(0,0,0,.35)}
.bk-drawer:not(.is-open){visibility:hidden;transition:transform .6s var(--ease),visibility 0s .6s}
.bk-drawer-foot a{min-height:44px;display:inline-flex;align-items:center}
label[class*=consent]{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:15px;line-height:1.45}
label[class*=consent] input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--ink)}
.eyebrow,.mini-kicker,.zoom-month,.zoom-first span,.sample-tag,.file-type{font-size:13px}
main p a:not(.button),main li a:not(.button){display:inline-block;min-height:28px;text-underline-offset:3px;text-decoration-color:var(--gold)}
.project-carousel-controls button,.task-tabs button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font:600 14px var(--sans);color:var(--ink)}
.task-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.bk-preview-flag{left:auto;right:10px;bottom:10px;font-size:10px;padding:5px 9px;opacity:.75}
main>.statement-band,main>.home-community{max-width:none;padding-left:0;padding-right:0}
.statement-band .wrap,.home-community .wrap{max-width:1180px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
dl{margin:0}dd{margin:6px 0 0}dt{font:500 22px/1.2 var(--serif)}
@media (min-width:860px){.bk-header.is-scrolled .bk-cta{margin-right:6px}.home-community{border-radius:0}}
.example-arrow{display:none!important}
main>.hero{max-width:none}
.hero-copy{padding:0 var(--pad)}
/* cinematic hero (current live home) */
.hero-cinematic{position:relative;min-height:100svh;padding:0!important;overflow:hidden;color:var(--paper);display:flex;align-items:flex-end;justify-content:center;background:var(--ink)}
.hero-cinematic .hero-pane{position:absolute;inset:0}
.hero-cinematic .hero-pane img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:bkZoom 2.6s var(--ease) forwards}
@keyframes bkZoom{to{transform:scale(1)}}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,23,23,.45) 0%,rgba(23,23,23,.05) 30%,rgba(23,23,23,.7) 78%,rgba(23,23,23,.88))}
.hero-shade{display:none}
.hero-cinematic .hero-copy{position:relative;z-index:2;width:100%;max-width:820px;padding:0 var(--pad) clamp(88px,18vw,140px);text-align:center}
.hero-cinematic h1 em{color:var(--gold2)}
.hero-cinematic .hero-support{color:rgba(251,248,242,.88)}
.hero-cinematic .button.dark{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.hero-cinematic:after{z-index:2;background:linear-gradient(transparent,var(--gold2))}
.bk-header:not(.is-scrolled) .brand img{filter:var(--logo-filter,none)}
body.has-dark-hero .bk-header:not(.is-scrolled) .brand img{filter:invert(1)}
body.has-dark-hero .bk-header:not(.is-scrolled) .bk-burger{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
body.has-dark-hero .bk-header:not(.is-scrolled) .bk-burger span{background:#fff}
main>section.joalia-section{max-width:none;padding-left:0;padding-right:0}
.joalia-section>.wrap{max-width:1180px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.free-toolbox-band .button{margin:8px 0 18px}
fieldset.intake-choice{margin:18px 0}
.intake-choice label{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:500;cursor:pointer;transition:border-color .3s,background .3s}
.intake-choice label:has(input:checked){border-color:var(--gold);background:#fffaf0}
.intake-choice input{width:20px;height:20px;accent-color:var(--ink);flex:none}
#intake-form>fieldset>label,#intake-form label[for]{margin-top:14px}