.sf-home{max-width:1440px;margin:0 auto}.sf-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:5rem max(1.5rem,5%);overflow:hidden}.sf-hero-copy{position:relative;z-index:1}.sf-hero h1{font-family:var(--display);font-size:clamp(2.8rem,5.1vw,5.4rem);line-height:1.03;letter-spacing:-.045em;max-width:12ch;margin-bottom:1.5rem}.sf-lead{font-size:1.15rem;max-width:38rem;color:var(--muted)}.sf-hero-button{padding:1rem 1.4rem;border-radius:99px}.sf-hero-note{font-size:.8rem;margin-top:1.2rem;color:var(--muted)}.sf-illustration{position:relative;min-height:540px;display:grid;place-items:center;border-radius:50% 40% 45% 35%;background:var(--accent)}.sf-story{width:245px;min-height:350px;border-radius:8px 20px 20px 8px;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 10px 0 0 #ffffff24,12px 18px 0 #142b4214;font-family:var(--display)}.sf-story span{font:700 .65rem/1.5 system-ui,sans-serif;letter-spacing:.1em}.sf-story strong{font-size:2.3rem;line-height:1.08}.sf-story-back{position:absolute;left:6%;top:11%;transform:rotate(-14deg);background:#f6cb66;color:#503b14}.sf-story-front{position:relative;transform:rotate(8deg);margin-left:18%;background:var(--brand);color:white}.sf-story-moon{width:105px;height:105px;background:#ffdf8a;border-radius:50%;margin:1.2rem auto;box-shadow:17px 8px 0 #ffffff26}.sf-star{position:absolute;color:var(--brand);font-size:4rem}.sf-star-one{right:5%;top:0}.sf-star-two{left:2%;bottom:10%;font-size:2.5rem}.sf-caption{position:absolute;bottom:1%;right:2%;padding:1.1rem 1.6rem;background:white;border:1px solid var(--line);border-radius:20px;transform:rotate(-5deg);box-shadow:0 8px 20px #142b420a;font-size:.9rem}.sf-section{padding:4rem max(1.5rem,5%)}.sf-section-heading{max-width:680px;margin-bottom:2rem}.sf-section h2{font-family:var(--display);font-size:clamp(1.8rem,3vw,3rem)}.sf-section-heading>p:not(.eyebrow){color:var(--muted)}.sf-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.sf-book-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.sf-cover{margin:1.5rem;min-height:300px;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:9px 18px 18px 9px;box-shadow:inset 9px 0 #ffffff30}.sf-cover strong{font-family:var(--display);font-size:2rem;line-height:1.15;position:relative;max-width:11ch}.sf-cover span{font-size:.72rem;position:relative}.sf-cover>span:last-child{font-size:2.4rem}.sf-cover-0{background:#f1c96b;color:#42331e}.sf-cover-1{background:#c7dcce;color:#1e4636}.sf-cover-2{background:#d9c5e2;color:#422651}.sf-cover-orbit{position:absolute!important;width:180px;height:180px;border:35px solid #ffffff40;border-radius:50%;right:-50px;bottom:40px}.sf-cover img{width:100%;height:300px;object-fit:contain}.sf-book-copy{padding:0 1.5rem 1.5rem}.sf-book-copy p{font-size:.9rem;color:var(--muted)}.sf-book-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.sf-book-bottom .button{font-size:.8rem}.sf-block-callout{margin:2rem 5%;padding:3.5rem;border-radius:28px;background:var(--accent)}.sf-block-text{max-width:900px}.sf-faq{max-width:900px}.sf-faq details{padding:.9rem 0;border-bottom:1px solid var(--line)}.sf-faq p{max-width:70ch;color:var(--muted)}.sf-centered .sf-hero{grid-template-columns:1fr;text-align:center;max-width:1000px;margin:auto}.sf-centered .sf-hero h1,.sf-centered .sf-lead{margin-left:auto;margin-right:auto}.sf-centered .sf-illustration{width:min(100%,550px);margin:auto}.public-body .site-header{background:var(--canvas)}.public-body .site-footer{border-top:1px solid var(--line)}
@media(max-width:900px){.sf-hero{gap:1.5rem;padding-top:3rem}.sf-illustration{min-height:430px}.sf-story{width:190px;min-height:290px;padding:1.4rem}.sf-story strong{font-size:1.8rem}.sf-story-moon{width:80px;height:80px}.sf-books{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-cover{min-height:270px}}@media(max-width:650px){.sf-hero{grid-template-columns:1fr;gap:2rem;padding:3rem 1.4rem}.sf-hero h1{font-size:3rem;max-width:13ch}.sf-illustration{max-width:420px;width:100%;margin:auto}.sf-section{padding:2.5rem 1.4rem}.sf-books{grid-template-columns:1fr}.sf-cover{min-height:320px}.sf-block-callout{padding:2rem 1.4rem;margin:1rem 1rem}.sf-caption{right:0}.sf-hero-note{font-size:.8rem}}