/* Narrative rhythm and progressive disclosure, version 4. */
.local-detail{border-top:1px solid #26372c35}.local-detail:last-child{border-bottom:1px solid #26372c35}.local-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;padding:20px 0;font-size:14px;line-height:1.5}.local-detail>summary::-webkit-details-marker,.client-area>summary::-webkit-details-marker{display:none}.local-detail>summary>span{font-size:24px;font-weight:400;flex-shrink:0}.local-detail[open]>summary>span{transform:rotate(45deg)}.detail-body{padding:0 0 21px;max-width:780px}.detail-body p{font-size:13px;line-height:1.8;color:#56664f;margin:0 0 12px}.detail-body p:last-child{margin-bottom:0}.formats>.local-detail{margin-top:25px}.personal-section .local-detail{border-color:#ffffff35;margin-top:28px}.personal-section .detail-body p{color:#c6d1be}.personal-grid{margin-top:30px;gap:36px}.personal-grid p{margin-bottom:0}.possibilities{padding-block:65px}.possibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.possibility-grid article{min-width:0;scroll-margin-top:30px}.possibility-grid img{width:100%;height:230px;object-fit:cover;margin-bottom:24px}.possibility-grid h3{font-size:30px;line-height:1.2;margin-bottom:13px}.possibility-grid article>p{font-size:13px;color:#5b6a54;margin-bottom:20px}.possibility-grid summary{font-size:12px}.concept-note{font-size:10px;color:#68735f;margin-top:22px}.settings{padding-top:15px}.world-art{max-width:890px;margin-inline:auto}.settings>.local-detail{margin-top:24px}.scale-line{font-size:14px;color:#5b6a54;margin-bottom:28px}.practical{max-width:1000px}.practical h2{font-size:46px}.practical-folds{max-width:850px}.builder-section .local-detail{margin-top:18px}.builder-section .local-detail .detail-body{padding-top:15px}.guided-choice{font-size:12px;color:#5b6a54}.guided-choice button{border:0;border-bottom:1px solid currentColor;background:none;padding:8px 0;margin-left:8px;font-size:12px}.builder-summary{position:static!important;align-self:start}.builder-summary ul{font-size:12px}.builder-help{line-height:1.65}.client-area{padding-block:25px;margin-bottom:20px;border-bottom:1px solid #26372c30}.client-area>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:12px;padding-block:12px}.client-area>summary>span{font-size:22px}.client-area[open]>summary>span{transform:rotate(45deg)}.client-area .parent-brief{width:100%;padding-block:25px}.client-area h2{font-size:32px}.client-area .brief-open{margin-top:20px}.questions{padding-block:50px}.questions h2{font-size:41px}.footer>div{gap:18px;flex-wrap:wrap}.comic-view>.wrap{max-width:1020px}.comic-view{background:#eeeadd;padding-top:55px}.comic-intro{max-width:720px;margin-bottom:28px}.comic-intro h1{font-size:64px}.comic-jump{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:25px}.comic-jump a{text-align:left;justify-items:start;padding:12px;font-size:10px;line-height:1.6;min-height:46px}.comic-act{padding:40px 0 45px;border-top:1px solid #26372c35}.act-heading{margin-bottom:26px;max-width:720px}.act-heading>span{font-size:10px;letter-spacing:.16em;color:#7a6847}.act-heading h2{font-size:38px;margin:13px 0 10px}.act-heading>p{font-size:13px;color:#68735f;margin:0}.story-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;max-width:900px;margin-inline:auto}.comic-panel{grid-column:span 3;border:1px solid #68765b45;box-shadow:none;background:#fcf9f1;align-self:start;scroll-margin-top:25px}.comic-panel.wide{grid-column:span 6}.comic-panel.emotional{grid-column:span 6;max-width:490px;justify-self:center}.comic-art{aspect-ratio:1;background-color:#e1ddce}.comic-panel.wide .comic-art{aspect-ratio:3/2;background-size:200% 300%}.comic-caption{padding:20px 23px 22px}.comic-caption .eyebrow{font-size:9px;margin-bottom:10px}.comic-caption h3{font-size:27px;line-height:1.2;margin-bottom:12px}.comic-caption>p:last-child{font-size:13px;line-height:1.7}.panel-number{width:31px;height:31px;top:12px;left:12px;font-size:11px}.comic-act>.local-detail{margin:24px auto 0;max-width:900px}.comic-act>.local-detail>summary{font-size:12px}.comic-mode .practical{padding-top:40px}.comic-disclosure{font-size:11px}.comic-panel.wide .comic-caption{max-width:680px}.comic-act:nth-of-type(4) .comic-panel:nth-child(2){background:#e9eeeb}
@media(min-width:851px){.hero{padding-top:35px}.hero-art{max-width:470px;margin-left:auto}.hero-copy{padding-block:10px}.intro{padding-block:55px}.story-section{padding-block:58px}.formats{padding-block:58px}.personal-section{padding-block:58px}.enquire{padding-block:60px}}
@media(max-width:850px){.possibility-grid{gap:17px}.possibility-grid img{height:170px}.possibility-grid h3{font-size:25px}.comic-intro h1{font-size:54px}.comic-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-caption h3{font-size:25px}.story-grid{gap:18px}}
@media(max-width:600px){.possibilities{padding-block:40px}.possibility-grid{grid-template-columns:1fr;gap:30px}.possibility-grid article{display:grid;grid-template-columns:115px 1fr;column-gap:18px;align-items:start}.possibility-grid img{grid-column:1;grid-row:1/4;height:125px;margin:0}.possibility-grid h3{grid-column:2;font-size:24px;margin:0 0 8px}.possibility-grid article>p{grid-column:2;font-size:12px;margin:0}.possibility-grid .local-detail{grid-column:1/-1;margin-top:15px}.local-detail>summary{font-size:13px;padding-block:17px}.practical h2{font-size:36px}.scale-line{font-size:12px;line-height:1.9}.personal-grid{gap:23px}.personal-grid h3{font-size:28px}.personal-grid p{font-size:13px}.world-art{margin-bottom:25px}.setting-grid h3{font-size:28px}.comic-view{padding-block:30px}.comic-intro h1{font-size:44px}.comic-intro>p:not(.eyebrow){font-size:13px}.comic-jump{gap:7px;padding-block:10px}.comic-jump a{font-size:10px;padding:10px}.comic-act{padding-block:26px 30px}.act-heading h2{font-size:30px}.act-heading>p{font-size:12px}.story-grid{gap:12px}.comic-caption{padding:13px 12px 16px}.comic-caption .eyebrow{font-size:8px;letter-spacing:.06em;line-height:1.5;margin-bottom:8px}.comic-caption h3{font-size:21px;letter-spacing:-.025em;margin-bottom:9px}.comic-caption>p:last-child{font-size:12px;line-height:1.6}.panel-number{width:25px;height:25px;top:7px;left:7px;font-size:10px}.comic-panel.wide .comic-caption{padding:20px}.comic-panel.wide .comic-caption h3,.comic-panel.emotional .comic-caption h3{font-size:27px}.comic-panel.emotional{max-width:310px}.comic-panel.emotional .comic-caption{padding:20px}.comic-act>.local-detail{margin-top:18px}.client-area .parent-brief{padding-block:15px}.client-area h2{font-size:28px}.questions{padding-block:38px}.questions h2{font-size:34px}.guided-choice button{margin-left:0;display:inline-block}.footer>div{align-items:flex-start}.intro-grid h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.chapter-art{aspect-ratio:1;background-image:url('assets/family-chapter-1-v5.webp');background-size:cover;background-position:center;transform:none;border:3px solid #fcf9f1;box-shadow:none}

/* Comic cover: a book-like first impression, with language-independent artwork. */
.comic-cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);gap:clamp(30px,6vw,84px);align-items:center;margin:0 0 50px}.comic-cover-art{position:relative;border:1px solid #223f31;box-shadow:9px 10px 0 #d1cbb9,10px 11px 0 #71806a;overflow:hidden;background:#123226}.comic-cover-art>img{width:100%;height:auto;display:block}.comic-cover-type{position:absolute;inset:0 0 auto;padding:7% 7% 0;text-align:center;color:#f4e5b9}.comic-cover-type .eyebrow{font-size:clamp(8px,1vw,11px);letter-spacing:.12em;color:#ead7a1;margin:0 0 14px}.comic-cover-type h1{font-size:clamp(36px,4.5vw,58px);line-height:.98;margin:0 0 15px;letter-spacing:-.025em}.comic-cover-type h1 em{font-style:normal}.comic-cover-type .cover-line{font-size:clamp(11px,1.2vw,14px);line-height:1.6;color:#eee4c6;margin:0}.cover-edition{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:5px 12px;background:#eee3c5;color:#233d30;font-size:9px;letter-spacing:.05em;white-space:nowrap}.comic-cover-note h2{font-size:clamp(34px,4vw,49px);line-height:1.12;margin-bottom:25px}.comic-cover-note>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#52634f}.comic-cover-note .button{margin:20px 0}.comic-cover-note .cover-small{font-size:12px!important;max-width:25em}.comic-view{padding-top:40px}.view-switch{padding:5px!important}.comic-cover-type br{display:block}html[lang=zh-Hans] .comic-cover-type h1{font-size:clamp(34px,4.5vw,56px);line-height:1.2}html[lang=zh-Hans] .comic-cover-type p{line-height:1.5}html[lang=zh-Hans] .comic-cover-type .eyebrow{letter-spacing:.06em}html[lang=zh-Hans] .comic-cover-note h2{font-size:clamp(30px,3.6vw,44px)}
@media(max-width:650px){.comic-cover{grid-template-columns:1fr;gap:30px;margin-bottom:25px}.comic-cover-art{width:min(100%,450px);margin:auto}.comic-cover-note{text-align:center;max-width:450px;margin:auto}.comic-cover-note h2{font-size:34px;margin-bottom:15px}.comic-cover-note .eyebrow{display:none}.comic-cover-note .cover-small{margin-inline:auto}.comic-cover-type h1{font-size:clamp(38px,11vw,56px)}.comic-cover-type .eyebrow{font-size:9px}.comic-cover-type .cover-line{font-size:12px}.comic-view{padding-top:20px}html[lang=zh-Hans] .comic-cover-type h1{font-size:clamp(36px,11vw,54px)}}