@charset "UTF-8";
/* Reading specification, separate from the visual art direction. */
:root{--reading-body:16px;--reading-note:14px}
body{font-size:var(--reading-body);line-height:1.95}
p,li,h1,h2,h3,summary,button,a{word-break:normal;line-break:strict;overflow-wrap:break-word;hyphens:manual}
p,li{white-space:normal;text-wrap:pretty}
h1,h2,h3{white-space:normal;text-wrap:pretty;letter-spacing:.015em}
.hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.5}
.intro h2,.learning h2,.finder h2,.journal .section-heading h2,.everyday h2,.support-copy h2,.about-copy h2,.faq h2{font-size:clamp(36px,3.8vw,54px);line-height:1.55}
.closing h2{font-size:clamp(40px,5vw,70px);line-height:1.5}
.content-page h1{font-size:clamp(40px,5vw,68px);line-height:1.5}
.content-block h2{font-size:36px;line-height:1.6}
.product h3,.recommendation h3,.support-paper h3,.journal h3{font-size:32px;line-height:1.65}
.journal-grid article:first-child h3{font-size:40px;line-height:1.6}
.scope-grid h3{font-size:24px;line-height:1.6}
.heading-english{display:block;margin-top:16px;font:400 23px/1.5 var(--serif);letter-spacing:.015em;color:var(--sage-deep);white-space:normal;word-break:normal;overflow-wrap:break-word}
h3 .heading-english{font-size:20px;margin-top:12px}
.hero h1 .heading-english{font-size:25px;margin-top:21px}
.hero-panel>p:not(.eyebrow),.intro-copy,.section-heading>p,.product h3+p,.finder>div>p:not(.eyebrow),.recommend-copy p,.article-description,.concerns p,.support-copy>p:not(.eyebrow),.support-paper h3+p,.about-copy>p:not(.eyebrow),.closing p:not(.eyebrow),.questions details>p,.content-page>p:not(.eyebrow),.content-block p{font-size:var(--reading-body);line-height:1.95}
.hero-panel>p:not(.eyebrow),.about-copy>p:not(.eyebrow){margin-top:24px}
.intro-copy{padding-top:5px;max-width:36em}
.intro-copy p+p,.support-copy p+p,.content-block p+p{margin-top:24px}
.product ul,.scope-grid ul,.process-list{font-size:var(--reading-body);line-height:1.9}
.product li+li,.scope-grid li+li,.process-list li+li{margin-top:12px}
.process-list{padding-inline-start:1.5em;margin-block:25px}
.eyebrow,.hero-panel .eyebrow,.recommendation .eyebrow,.closing .eyebrow{font-size:13px;line-height:1.75;letter-spacing:.08em;white-space:normal}
.course-label,.course-label>span,.complete .course-label>span,.article-category,.status,.paper-rule{font-size:14px;line-height:1.8}
.course-label>span{margin-right:14px}
.purchase-note{max-width:55em;margin-top:40px}
.purchase-note,.purchase-note p,.small,.support-paper .small,.about-copy .about-note,.price small,.notice{font-size:var(--reading-note);line-height:1.9}
.purchase-note p+p{margin-top:16px}
.price{font-size:48px}
.price small{margin-top:8px}
.button,.text-link,.product-bottom .text-link,.read-link,.closing .button,.closing-sub{font-size:16px;line-height:1.75}
.button{min-height:48px}
.read-link{margin-top:25px}
.nav-wrap nav,.menu-button:not([hidden]),.footer-top nav,.footer-top p,.footer-bottom{font-size:14px;line-height:1.8}
.edition-bar,.edition-bar p+p{font-size:12px;line-height:1.7}
.preview{font-size:11px;line-height:1.7}
.hero-foot{font-size:12px;line-height:1.8;white-space:normal}
.hero-artwork figcaption,.botanical-artwork figcaption{font-size:11px;line-height:1.8;bottom:-30px}
.choices{justify-content:flex-start;gap:8px;flex-wrap:wrap}
.choices button{font-size:15px;line-height:1.7;padding:12px 14px;min-height:48px;white-space:normal}
.recommendation{min-height:0;padding-bottom:15px}
.recommendation .heading-english{font-size:21px;margin:13px 0 22px}
.recommend-copy p+p{margin-top:18px}
.recommend-copy{margin-bottom:25px}
.questions summary{font-size:18px;line-height:1.85;padding-block:24px}
.questions details>p{padding-bottom:0;margin-bottom:22px}
.questions details>p+p{margin-top:0}
.section-heading{gap:40px;align-items:flex-start}
.section-heading>div{min-width:0;flex:1 1 55%}
.section-heading>p{min-width:0;max-width:28em;flex:1 1 35%;margin-top:0}
.product,.product-body,.finder>div,.support-grid>div,.about>div,.journal-grid article,.concerns p,.scope-grid>div{min-inline-size:0}
.concerns{column-gap:32px}
.concerns p{padding-top:27px;padding-bottom:32px}
.concerns p span{top:31px}
.hero-word{white-space:normal;overflow-wrap:normal;word-break:normal}
.journal-display{font-size:clamp(64px,11vw,160px);white-space:normal;overflow-wrap:normal;word-break:normal}
.journal-display em{padding-left:0}
.content-page{max-width:1000px}
.content-page>p:not(.eyebrow){max-width:40em}
.content-block p{max-width:42em}
/* Kohaku's approved wordmark and stamp form one indivisible logo asset. */
.about-mark{display:flex;flex-direction:column;align-items:flex-start;background:transparent;padding:0;text-align:left}
.about-mark .kohaku-lockup{display:block;width:min(100%,480px);max-width:100%;height:auto;margin:0;opacity:1;mix-blend-mode:normal;transform:none;object-fit:contain}
.about-mark .eyebrow{font-size:12px;line-height:1.8;margin-top:24px;letter-spacing:.06em}
@media(max-width:1100px){
 .hero-panel{width:47%;padding-right:28px}
 .hero h1{font-size:50px}
 .intro h2,.learning h2,.finder h2,.journal .section-heading h2,.everyday h2,.support-copy h2,.about-copy h2,.faq h2{font-size:39px}
 .product h3,.recommendation h3,.support-paper h3,.journal h3{font-size:30px}
 .journal-grid article:first-child h3{font-size:36px}
 .product-bottom{flex-direction:column;align-items:flex-start;gap:18px}
 .concerns{grid-template-columns:1fr 1fr;column-gap:30px}
 .intro-copy{padding-left:20px}
}
@media(max-width:760px){
 :root{--reading-body:16px;--reading-note:14px}
 .hero h1{font-size:43px;line-height:1.5}
 .intro h2,.learning h2,.finder h2,.journal .section-heading h2,.everyday h2,.support-copy h2,.about-copy h2,.faq h2{font-size:35px;line-height:1.6}
 .closing h2{font-size:40px;line-height:1.55}
 .content-page h1{font-size:40px}
 .content-block h2{font-size:32px}
 .product h3,.recommendation h3,.support-paper h3,.journal h3{font-size:29px;line-height:1.65}
 .journal-grid article:first-child h3{font-size:33px}
 .heading-english{font-size:22px;margin-top:15px}
 h3 .heading-english{font-size:19px;margin-top:12px}
 .hero h1 .heading-english{font-size:23px;margin-top:18px}
 .eyebrow,.hero-panel .eyebrow,.recommendation .eyebrow,.closing .eyebrow{font-size:12px}
 .intro-copy{padding:0;max-width:none}
 .section-heading>p{font-size:var(--reading-body);max-width:none;margin-top:25px}
 .course-label,.course-label>span,.article-category,.status,.paper-rule{font-size:14px}
 .product ul,.scope-grid ul,.process-list{font-size:17px}
 .product.trial{margin-right:0}.product.complete{margin-left:0}
 .product-bottom{flex-direction:column;align-items:flex-start;gap:19px}
 .price{font-size:45px}
 .choices button{font-size:16px;padding:12px;min-height:49px}
 .recommendation .heading-english{font-size:21px}
 .questions summary{font-size:17px;padding-block:23px}
 .concerns{grid-template-columns:1fr;gap:0}
 .concerns p{font-size:var(--reading-body);padding:25px 0 28px 39px}
 .concerns p span{position:absolute;left:0;top:30px;font-size:23px;margin:0}
 .about-mark{display:flex;flex-direction:column;gap:0;align-items:flex-start}
 .about-mark .kohaku-lockup{width:min(100%,400px);max-width:100%;height:auto;margin:0}
 .about-mark .eyebrow{font-size:12px;margin-top:20px;letter-spacing:.06em}
 .button,.text-link,.product-bottom .text-link,.read-link,.closing .button,.closing-sub{font-size:16px}
 .button,.closing .button{gap:18px}
 .edition-bar,.edition-bar p+p{font-size:11px;max-width:none}
 .edition-bar{flex-wrap:wrap;gap:8px 22px}.edition-bar p+p{text-align:left}
 .hero-artwork figcaption,.botanical-artwork figcaption{font-size:10px;line-height:1.8;bottom:-31px}
 .hero-photo.hero-artwork.botanical-artwork{margin-bottom:36px}
 .nav-wrap nav,.menu-button:not([hidden]),.footer-top nav,.footer-top p,.footer-bottom{font-size:14px}
 .hero-foot{font-size:11px;letter-spacing:.07em}
}
@media(max-width:370px){
 .hero h1{font-size:39px}
 .intro h2,.learning h2,.finder h2,.journal .section-heading h2,.everyday h2,.support-copy h2,.about-copy h2,.faq h2{font-size:32px}
 .closing h2{font-size:35px}
 .content-page h1{font-size:35px}
 .product h3,.recommendation h3,.support-paper h3,.journal h3{font-size:27px}
 .journal-grid article:first-child h3{font-size:30px}
 .heading-english{font-size:20px}
 .about-mark .kohaku-lockup{width:100%;height:auto}
}