
:root{--font-sans:'BNB Sans','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
body,.kids-app{font-family:'BNB Sans','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,li,blockquote,dd{word-break:keep-all;overflow-wrap:anywhere}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
button,input,select,textarea{font-family:inherit}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.hero h1{font-size:clamp(38px,3.55vw,56px);line-height:1.55;letter-spacing:-.035em}
.hero-description{font-size:17px;line-height:1.95;max-width:36em}
.hero-copy{min-width:0;padding-right:3vw}
.section{padding-block:clamp(80px,8vw,120px)}
.section-heading h2,.method h2{font-size:clamp(32px,3.4vw,50px);line-height:1.5;letter-spacing:-.035em}
.section-heading>p,.section-heading.split>p,.method li p{font-size:17px;line-height:1.95}
.section-heading.split{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.story-line h3{line-height:1.5}.story-line p{font-size:15px;line-height:1.9}
.course-copy h3{font-size:28px;line-height:1.5;letter-spacing:-.025em}
.course-copy p{font-size:16px;line-height:1.9}
.detail-title h3{font-size:38px;line-height:1.4}
.book-detail dd{line-height:1.9}
.closing h2{font-size:clamp(30px,3.6vw,52px);line-height:1.6;letter-spacing:-.03em}
.book-hero{gap:5vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.book-hero h1{font-size:clamp(56px,6.5vw,96px);line-height:1.3;letter-spacing:-.045em}
.book-hero blockquote{font-size:clamp(22px,2.2vw,30px);line-height:1.85}
.video-heading h2,.summary-heading h2,.map-copy h2,.reflection h2{font-size:clamp(30px,3.4vw,48px);line-height:1.5;letter-spacing:-.03em}
.summary-cards h3{font-size:22px;line-height:1.6}.summary-cards p,.summary-cards li,.map-copy p,.reflection p{font-size:16px;line-height:1.95}
.study-intro h2,.study-materials .study-intro h2{font-size:clamp(32px,3.1vw,46px);line-height:1.5;letter-spacing:-.03em}
.study-intro>p,.study-summary,.study-format p{font-size:16px;line-height:1.95}
.study-title-row h3{line-height:1.5}.week-grid li{line-height:1.7}
.kids-app .hero h1{font-family:'BNB Serif',Batang,serif;font-size:clamp(42px,4.6vw,68px);line-height:1.4;letter-spacing:-.035em}
.kids-app .hero-description{font-size:17px;line-height:1.95}
.kids-app .family-discussion-heading h2{font-family:'BNB Serif',Batang,serif;line-height:1.5;letter-spacing:-.03em}
.kids-app .family-discussion-list p{line-height:1.9}
@media(min-width:1500px){body:not(.kids-app) .hero-copy{padding-left:max(5vw,calc((100vw - 1360px)/2))}.section{padding-inline:max(5vw,calc((100vw - 1360px)/2))}}
@media(max-width:1050px){.section-heading.split{grid-template-columns:1fr;gap:22px}.hero h1{font-size:clamp(34px,4.7vw,49px)}}
@media(max-width:760px){
.hero h1{font-size:clamp(30px,6.9vw,43px);line-height:1.6}.hero-description{font-size:16px}
.book-hero{grid-template-columns:1fr}.book-hero h1{font-size:60px}
.section-heading h2,.method h2{font-size:32px;line-height:1.55}
.section-heading>p,.section-heading.split>p{font-size:16px}
.course-copy h3{font-size:26px}.closing h2{font-size:29px;line-height:1.65}
.kids-app .hero h1{font-size:clamp(34px,8.2vw,48px);line-height:1.4}
.study-intro h2,.study-materials .study-intro h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

