@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/inter-latin-var.woff2) format('woff2')}  /* Inter, SIL Open Font License 1.1, self-hosted (no third-party requests) */
/* Born in the Nest · v2 "Modern Nest" stylesheet · see brand/brand-system.md */
:root{--paper:#fff;--bone:#F6F3EF;--sand:#E8E1D9;--ink:#121012;--graphite:#6B6568;--berry:#9C2A5C;--berry-ink:#7A1E47;--blush:#F6E9EF;
--sans:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--read:680px;--wide:1200px;--r:24px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:'ss01','cv11'}
img{display:block;max-width:100%;height:auto}
a{color:var(--berry);text-underline-offset:3px}
a:hover{color:var(--berry-ink)}
:focus-visible{outline:2px solid var(--berry);outline-offset:3px;border-radius:6px}
/* layout */
main{display:block}
main > :not(.full):not(.wide):not(.signup):not(.band){width:min(var(--read),calc(100% - 40px));margin-left:auto;margin-right:auto}
.wide{width:min(var(--wide),calc(100% - 40px));margin-left:auto;margin-right:auto}
.full{width:100%}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--berry);margin:0 0 14px}
/* header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(18,16,18,.06);display:flex;align-items:center;gap:8px 28px;padding:0 20px;min-height:56px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;padding:12px 0}
.brand:hover{color:var(--ink)}
.mark{width:28px;height:21px;color:var(--berry)}
.word{font-size:17px;font-weight:500;letter-spacing:-.02em}
.word b{font-weight:700}
.nav{display:flex;gap:4px 22px;font-size:14px;margin-left:auto;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--ink);text-decoration:none;opacity:.72;padding:6px 0;border-bottom:1.5px solid transparent}
.nav a:hover{opacity:1}
.nav a[aria-current]{opacity:1;border-bottom-color:var(--ink)}
@media (max-width:719px){.nav{margin-left:0;width:calc(100% + 40px);margin:0 -20px;padding:0 20px 10px;gap:20px}}
.draft-banner{background:var(--ink);color:#fff;text-align:center;font-size:12.5px;padding:7px 14px;line-height:1.4;letter-spacing:.01em}
.draft-banner b{color:#F3B6CF;font-weight:600}
/* buttons */
.btn,.su-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;font:inherit;font-size:16px;font-weight:500;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s,color .2s}
.btn.primary,.su-form button{background:var(--berry);color:#fff}
.btn.primary:hover,.su-form button:hover{background:var(--berry-ink);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
/* hero */
.hero{position:relative;overflow:hidden;background:var(--bone)}
.hero-txt{padding:44px 20px 36px;max-width:640px}
.hero h1{font-size:clamp(40px,6.2vw,88px);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0 0 20px}
.hero .sub{font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:#3a3437;margin:0 0 30px;max-width:30em}
.hero-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:68% 40%}
@media (min-width:900px){
 .hero{height:calc(100svh - 57px);min-height:640px;max-height:980px}
 .hero-img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:62% 50%}
 .hero-txt{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 0 40px max(40px,calc((100% - var(--wide))/2));max-width:min(48%,720px)}
}
/* statement */
.statement{padding:96px 0 88px}
.statement .hook{font-size:clamp(22px,2.5vw,32px);line-height:1.38;letter-spacing:-.018em;font-weight:500;color:var(--graphite);margin:0}
.statement .hook strong{color:var(--ink);font-weight:600}
.statement{width:min(860px,calc(100% - 40px))!important}
/* cinematic story band */
.story{position:relative;overflow:hidden;background:var(--ink);color:#fff}
.story img{width:100%;height:min(86svh,820px);min-height:520px;object-fit:cover;object-position:50% 40%}
.story::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(18,16,18,.62),rgba(18,16,18,0) 55%)}
.story-txt{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 20px 44px;width:min(var(--wide),100%);margin:0 auto}
.story .eyebrow{color:#F3B6CF}
.story h2{font-size:clamp(34px,5vw,72px);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0;max-width:12ch}
@media (min-width:900px){.story-txt{padding:0 40px 72px}}
/* sections */
.sec{padding:96px 0}
.sec-h,.list-h,.su-h,.prose h2{font-weight:600;letter-spacing:-.03em;line-height:1.08}
.sec-h,.list-h{font-size:clamp(30px,4.2vw,56px);margin:0 0 40px;max-width:20ch}
.list-h{max-width:24ch;font-size:clamp(28px,3.4vw,46px)}
/* lesson tiles */
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.tiles::-webkit-scrollbar{display:none}
.tiles li{scroll-snap-align:start}
.tiles a{display:flex;flex-direction:column;height:100%;min-height:270px;background:var(--bone);border-radius:var(--r);padding:26px 24px 22px;color:var(--ink);text-decoration:none;transition:transform .3s ease,background .3s}
.tiles a:hover{transform:translateY(-4px);background:#F1ECE6}
.tiles .num{font-size:44px;font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--berry);font-variant-numeric:tabular-nums}
.tiles .day{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);margin:18px 0 8px}
.tiles .tt{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25;flex:1}
.tiles .go{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:20px}
.tiles .go span:last-child{width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:17px}
@media (min-width:900px){.tiles{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);overflow:visible}.tiles a{min-height:320px}}
/* split */
.split{display:grid;gap:36px;align-items:center;padding:24px 0 96px}
.split img{width:100%;border-radius:var(--r);aspect-ratio:4/3;object-fit:cover}
.split h2{font-size:clamp(30px,4vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:0 0 18px}
.split p{font-size:18.5px;color:#3a3437;margin:0 0 22px}
.split .eyebrow{font-size:13px;color:var(--berry);margin:0 0 14px}
.split .link{font-weight:500;text-decoration:none;font-size:17px}
@media (min-width:900px){.split{grid-template-columns:1.1fr 1fr;gap:72px}}
/* cards */
.cards{display:grid;gap:18px}
.cards a{display:block;background:var(--bone);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none}
.cards .ci{display:block;overflow:hidden}
.cards img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .6s ease}
.cards a:hover img{transform:scale(1.03)}
.cards .ct{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:20px 22px 24px;font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.cards .ct span:last-child{flex:0 0 auto;color:var(--berry)}
@media (min-width:700px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(4,1fr)}}
/* page head */
.band{text-align:center;padding:64px 20px 8px}
.band.has-img{padding:0}
.band .bimg{width:100%;height:min(62svh,620px);min-height:300px;object-fit:cover}
.band .btxt{width:min(860px,calc(100% - 40px));margin:0 auto;padding:52px 0 8px}
.band .tagline{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--berry);margin-bottom:16px}
.band h1{font-size:clamp(34px,5vw,64px);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:0 0 16px}
.band .dek{margin:0 auto;font-size:clamp(18px,1.7vw,22px);line-height:1.45;color:var(--graphite);max-width:34em}
.band .bemo{font-size:30px;display:block;margin-bottom:10px}
/* prose */
.prose{padding:28px 0 8px}
.lesson{padding-top:40px}
.prose p{margin:0 0 20px}
@media (min-width:720px){body{font-size:18px}}
.prose h2{font-size:clamp(26px,3vw,36px);margin:52px 0 14px}
.prose h3{font-weight:600;letter-spacing:-.015em;font-size:21px;margin:30px 0 8px}
.quote,.practice{background:var(--blush);border-radius:20px;padding:22px 24px}
.quote{font-weight:600;font-size:clamp(20px,2vw,24px);letter-spacing:-.015em;line-height:1.35}
.practice{font-size:16.5px}
.list,.steps{margin:0 0 22px;padding-left:22px}
.list li,.steps li{margin:0 0 10px}
.steps .list{margin:10px 0 0}
hr.soft{border:0;height:1px;background:var(--sand);margin:40px 0}
.draft-note{background:#fff;border:1.5px dashed var(--berry);border-radius:16px;padding:14px 16px;color:var(--graphite);font-size:15px}
.draft-note span{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--berry);margin-bottom:4px}
.src{font-size:13.5px;color:var(--graphite);line-height:1.55;border-top:1px solid var(--sand);padding-top:12px;margin-top:4px}
.src span{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--ink);margin-right:6px}
.src a{color:var(--graphite)}
.cta-line a{font-weight:500;text-decoration:none}
.hook{font-size:inherit}
/* lesson list rows */
.card.lessons{background:var(--bone);border-radius:var(--r);overflow:hidden;margin:10px auto 28px}
.lrow{display:flex;gap:14px;align-items:center;padding:16px 20px;border-top:1px solid var(--sand);font-size:16px;color:var(--ink);text-decoration:none;line-height:1.4;transition:background .2s}
.lrow:first-child{border-top:0}
.lrow:hover{background:#F1ECE6}
.lrow[aria-current]{background:#EFE8E0}
.pill{background:var(--ink);color:#fff;border-radius:999px;font-size:11.5px;font-weight:600;padding:4px 10px;white-space:nowrap;letter-spacing:.02em}
.lt{flex:1}.chev{color:var(--berry);font-weight:500;font-size:20px}
.mut{color:var(--graphite);font-size:14.5px;font-weight:400}
.emo{font-size:18px;line-height:1.3;flex:0 0 auto}
/* sign-off */
.sign{border-top:1px solid var(--sand);padding:28px 0 8px;font-size:16px;line-height:1.55;margin:24px auto 28px;color:var(--graphite)}
.sign b{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.heart{font-size:16px}
.prevnext{display:grid;gap:12px;margin:0 auto 64px}
.pn{display:block;background:var(--bone);border-radius:20px;padding:18px 22px;text-decoration:none;color:var(--ink);transition:background .2s}
.pn:hover{background:#F1ECE6;color:var(--ink)}
.pn span{display:block;font-size:13px;color:var(--berry);font-weight:600;margin-bottom:4px}
.pn b{font-weight:600;font-size:16px;letter-spacing:-.01em}
.pn.next{text-align:right}
@media (min-width:720px){.prevnext{grid-template-columns:1fr 1fr}}
/* signup: the dark "Tesla" moment */
.signup{background:var(--ink);color:#fff;padding:96px max(20px,calc((100% - 560px)/2)) 88px;margin:0}
.su-h{font-size:clamp(32px,4.4vw,56px);margin:0 0 14px;color:#fff}
.su-sub{margin:0 0 30px;font-size:18px;color:#bdb6b9;line-height:1.5}
.su-form{display:grid;gap:14px}
.su-form label{display:grid;gap:7px;font-size:14px;font-weight:500;color:#e9e4e6}
.opt{font-weight:400;color:#9a9396}
.su-form input{font:inherit;font-size:16px;min-height:52px;padding:0 22px;border:1px solid #3a3538;border-radius:999px;background:#1d1a1c;color:#fff}
.su-form input::placeholder{color:#857e81}
.su-form input:focus{outline:2px solid #F3B6CF;outline-offset:2px;border-color:transparent}
.su-form button{justify-self:start;margin-top:6px;min-height:52px;padding:0 30px}
.su-note{margin:0;font-size:14px;color:#F3B6CF}
.small{font-size:13px;color:#9a9396;line-height:1.55;margin:18px 0 0}
.prose .small,.empty .small{color:var(--graphite)}
/* misc */
.empty{text-align:center;background:var(--bone);border-radius:var(--r);padding:40px 24px;margin:24px 0}
.empty p{margin:0 0 6px}.emo-big{font-size:36px;display:block;margin-bottom:10px}
.mail-card{background:var(--bone);border-radius:var(--r);padding:26px;text-align:center;font-size:clamp(19px,2.4vw,26px);font-weight:600;letter-spacing:-.02em}
.mail-card a{text-decoration:none;word-break:break-word}
.toc{background:var(--bone);border-radius:var(--r);padding:22px 26px;margin:12px 0 28px}
.toc-h{font-weight:600;margin:0 0 10px!important;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--berry)}
.toc ul{margin:0;padding-left:18px;font-size:16px}.toc li{margin:0 0 8px}
.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--berry)}
.qa{border-top:1px solid var(--sand);padding-top:6px}
.qa h2{font-size:clamp(22px,2.4vw,28px);margin-top:30px}
.price{background:var(--bone);border-radius:var(--r);padding:28px 24px;text-align:center;font-size:18px}
.price span{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--berry);margin-bottom:8px}
.price b{font-size:28px;font-weight:600;letter-spacing:-.03em}
/* footer */
.site-foot{background:var(--bone);color:var(--graphite);padding:56px 20px 44px;font-size:14px;text-align:center}
.site-foot p{margin:0 auto 10px;max-width:620px}
.site-foot a{color:var(--ink);text-decoration:none}
.site-foot a:hover{color:var(--berry)}
.site-foot .tag{font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.025em;color:var(--ink);margin-bottom:22px}
.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:0 0 18px}
.foot-nav a{font-size:14.5px}
.site-foot .fine{font-size:12px;color:#8f888b;line-height:1.55}
/* motion */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}*{transition:none!important}}
img[src$="confident-walk.jpg"]{object-position:50% 12%}
/* ---- humor, Sybille photo placeholders ---- */
.hero-note{margin:18px 0 0;font-size:14px;color:var(--graphite);letter-spacing:.01em}
.meet{display:grid;gap:32px;align-items:center;padding:24px 0 72px}
.meet h2{font-size:clamp(30px,4vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:0 0 18px}
.meet p{font-size:18.5px;color:#3a3437;margin:0 0 18px}
.meet .eyebrow{font-size:13px;color:var(--berry);margin:0 0 14px}
.meet .link{font-weight:500;text-decoration:none;font-size:17px}
@media (min-width:900px){.meet{grid-template-columns:.8fr 1fr;gap:72px}}
.photo-ph{background:var(--bone);border:1.5px dashed var(--berry);color:var(--berry);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.photo-ph.lg{width:100%;max-width:440px;aspect-ratio:4/5;border-radius:var(--r);gap:10px;padding:20px}
.photo-ph.lg .mark{width:56px;height:42px}
.ph-t{font-weight:600;font-size:17px;color:var(--ink)}
.ph-s{font-size:13px;color:var(--graphite)}
.photo-ph.sm{width:56px;height:56px;border-radius:50%;flex:0 0 auto;font-weight:600;font-size:20px}
.sy-photo.lg{width:100%;max-width:440px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.sy-photo.sm{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.sign{display:flex;gap:16px;align-items:center}
.about-photo{margin:36px auto 0;display:flex;justify-content:center}
.about-photo .photo-ph.lg{max-width:360px}
.site-foot .wink{font-size:13.5px;font-style:italic;color:var(--graphite);margin-bottom:10px}
/* ---- real photos ---- */
.pfig{margin:32px 0}
.pfig img{width:100%;border-radius:var(--r)}
.pfig:not(.wide-fig) img{max-width:420px;margin:0 auto;aspect-ratio:4/5;object-fit:cover}
.about-photo .sy-photo.lg{max-width:400px;aspect-ratio:2/3}
.meet .sy-photo.lg{max-width:480px}
.small a{color:inherit;text-decoration:underline}
/* ---- thank-you pages ---- */
.ty-head{padding-top:56px}
.ty-head .sy-photo.sm{width:96px;height:96px;margin:0 auto 22px;display:block;box-shadow:0 0 0 6px var(--blush)}
.ty-card{background:var(--blush);border-radius:var(--r);padding:30px 26px;margin-top:28px!important;margin-bottom:12px!important}
.ty-card h2{font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0 0 14px}
.ty-card p{margin:0 0 14px}.ty-card .ctas{margin-top:20px}
.ty-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 28px}
.ty-steps li{counter-increment:s;position:relative;padding:0 0 18px 52px}
.ty-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:600}
.ty-steps b{display:block;font-weight:600}.ty-steps span{color:var(--graphite)}
.ty-wink{font-size:19px;font-weight:500;letter-spacing:-.01em}
.ty-ctas{margin:28px 0 8px}
.prose .aside{font-size:15.5px;color:var(--graphite);margin-top:-8px}
