/* Audit revision: source artwork, readable copy, verified publication URL. */
:root{--pink:#f34f91;--font-heading:Hand,serif}
@font-face{font-family:Hand;src:url('fonts/hand-subset.woff2') format('woff2');font-display:swap}
.hand,.concept-title h2,.diagnosis-heading h2,.diagnostic h3,.join h2{font-family:Hand,serif;font-weight:400;-webkit-text-stroke:.25px currentColor}
.meaning-wrap{display:grid;grid-template-columns:54% 46%;position:relative;background:#f2faff}
.meaning-wrap .empathy{min-height:300px;display:block;background:none;padding-top:45px}
.meaning-wrap .empathy:before{background-size:1024px 1536px;background-position:center -418px;max-height:none;opacity:.35;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.meaning-wrap .empathy h2{left:12%;top:0;width:77%;position:absolute}
.meaning-wrap .self-words,.meaning-wrap .fan-words{position:relative;width:47%;display:inline-block;vertical-align:top;font-size:12px;padding:8px;line-height:1.7}
.meaning-wrap .self-words p{margin:0 0 7px}.meaning-wrap .self-words span,.meaning-wrap .fan-words span{padding:4px 6px;margin:6px 0;background:#fffffff0}
.meaning-wrap .fan-words b{font-size:12px;text-align:center}
.meaning-wrap .empathy-end{position:relative;left:auto;top:auto;width:60%;margin:8px auto 0;max-width:none}
.reference-concept{padding:8px 12px 8px 0;background:none}
.concept-paper{padding:12px 10px 18px;border:0;clip-path:none;background:#fffdf5;box-shadow:1px 2px 7px #77889933;transform:rotate(-1deg)}
.reference-concept .concept-title h2{font-size:28px;line-height:1.2}
.concept-intro{font-size:12px;margin:8px 0 12px}
.reference-concept .concept-five{font-size:12px;line-height:1.6}.concept-principle{padding:0 2px}.principle-icon{width:40px;height:40px;margin-bottom:5px}
.reference-concept .concept-key{font-size:18px;gap:12px;margin-top:10px}.reference-concept .concept-key em{font-size:21px}
.reference-diagnosis{padding:15px 5% 25px;background-image:linear-gradient(#ffffff80,#ffffff00 25%),url('images/section-quality.webp');background-size:100% 100%,100% 200%;background-position:center,center bottom}
.reference-diagnosis .diagnosis-list{gap:12px;margin-top:12px}.reference-diagnosis .diagnosis-heading h2{font-size:30px}.reference-diagnosis .diagnosis-heading p{font-size:13px;background:#ffffffab;padding:5px 9px;border-radius:7px}
.reference-diagnosis .diagnostic{height:245px}.reference-diagnosis .goods-art{height:225px}.reference-diagnosis .fan .goods-art{height:260px}
.reference-diagnosis .diagnostic h3{font-family:Hand,serif;font-size:23px;font-weight:700}.reference-diagnosis .purple h3{font-size:20px}
.reference-diagnosis .diagnostic p{font-size:13px;min-height:65px;line-height:1.5}.goods-copy>span{min-height:36px;font-size:13px;background:#f34f91}.yellow .goods-copy>span{background:#ffe365;color:#172a68}.fan .goods-copy>span{background:#168c91}.purple .goods-copy>span{background:#8654ba}.goods-copy>small{font-size:10px}
.reference-diagnosis .ticket{transform:rotate(3deg)}.reference-diagnosis .yellow{transform:rotate(-3deg)}.reference-diagnosis .purple{transform:rotate(3deg)}
.hero-restored span{position:absolute;font-family:Hand,serif;line-height:1.65;color:#0d2268}.restored-note,.restored-books{display:none}.restored-check{right:1.6%;top:14cqw;font-size:1cqw;transform:rotate(-8deg)}
.hero-body{font-size:12px;line-height:1.6;top:22.6cqw;width:37%}
.contact-pending{font-size:14px;background:#ffffffba;border-radius:12px;padding:10px}.members-empty{font-size:18px!important}
@media(max-width:800px){.meaning-wrap{display:block}.meaning-wrap .empathy{min-height:300px}.reference-concept{padding:12px 4% 22px}.concept-paper{padding:20px 12px}.reference-concept .concept-five{grid-template-columns:repeat(6,1fr);font-size:15px;gap:16px 6px}.concept-principle{grid-column:span 2}.concept-principle:nth-child(4),.concept-principle:nth-child(5){grid-column:span 3}.concept-intro{font-size:16px;line-height:1.7}.reference-concept .concept-key{display:block;font-size:22px}.meaning-wrap .self-words,.meaning-wrap .fan-words{font-size:14px}.meaning-wrap .fan-words b{font-size:14px}}
@media(max-width:700px){
.hero{height:calc(177.69cqw + 125px);min-height:calc(177.69cqw + 125px)}
.hero:before{background-size:100cqw 177.69cqw;background-position:center top;background-repeat:no-repeat;bottom:125px}
.hero-body{left:7%;top:57cqw;width:86%;font-size:15px;line-height:1.7;transform:none;background:#f4fbffeb;padding:10px 12px;border-radius:8px;text-shadow:none;z-index:2}
.hero-body br{display:none}.hero>.original-key{top:calc(131.13cqw + 100px)}.hero>.hero-cta{top:calc(150.1cqw + 100px)}.scroll-hint{bottom:0}
.hero:after{content:'';position:absolute;left:0;right:0;top:82cqw;height:calc(95.69cqw + 100px);background:url('images/mobile-clean.webp') center bottom/100cqw 177.69cqw no-repeat;z-index:-1}
.restored-check{display:none}.restored-note{display:block;left:3%;top:calc(92cqw + 100px);font-size:2.6cqw;transform:rotate(-14deg)}.restored-books{display:block;left:2%;top:calc(114cqw + 100px);font-size:2.3cqw;line-height:3.2!important;transform:rotate(-7deg)}
.hero-doodles .laptop{top:calc(113.07cqw + 100px)}.hero-doodles .cup{top:calc(119.45cqw + 100px)}
.reference-diagnosis{padding:20px 5%;background-size:auto,auto 100%;background-position:center,center bottom}
.reference-diagnosis .diagnosis-heading h2{font-size:29px}.reference-diagnosis .diagnosis-heading p{font-size:16px;margin-top:15px}
.reference-diagnosis .diagnosis-list{grid-template-columns:1fr;gap:16px;max-width:330px;margin:20px auto 0}
.reference-diagnosis .diagnostic{height:310px}.reference-diagnosis .goods-art{height:300px}.reference-diagnosis .fan{height:355px}.reference-diagnosis .fan .goods-art{height:355px}
.reference-diagnosis .diagnostic h3{font-size:29px}.reference-diagnosis .purple h3{font-size:26px}.reference-diagnosis .diagnostic p{font-size:16px;min-height:84px}.reference-diagnosis .goods-copy{padding-top:40px!important}.reference-diagnosis .fan .goods-copy{padding-top:35px!important}.goods-copy>span{font-size:16px;min-height:44px;min-width:165px}.goods-copy>small{font-size:12px}
.reference-concept .concept-key em{font-size:26px}.maker-form>p,.join>p,.support,.faq p{font-size:16px}.join #contact-note:empty{display:none}
}
/* Source panel alignment and natural hand lettering weight. */
.hand,.concept-title h2,.diagnosis-heading h2,.diagnostic h3,.join h2{-webkit-text-stroke:.55px currentColor}
.meaning-wrap .empathy:before{background-image:url('images/section-quality.webp');background-size:182% auto;background-position:left 20%;opacity:1;mask-image:none;inset:35px 0 45px}
.meaning-wrap .self-words,.meaning-wrap .fan-words{padding:10px 5px 0 22%;width:49%;font-size:11px;line-height:1.4}
.meaning-wrap .fan-words{padding-left:17%;width:49%}.meaning-wrap .self-words p{font-size:11px}.meaning-wrap .self-words span,.meaning-wrap .fan-words span{padding:1px 0;margin:9px 0;background:none;white-space:nowrap;font-size:10px}.meaning-wrap .fan-words b{font-size:10px;white-space:nowrap}
.meaning-wrap .empathy{height:300px;min-height:300px}.meaning-wrap .empathy-end{position:absolute;bottom:0;left:14%;width:64%;height:40px;overflow:hidden}.meaning-wrap .empathy-end svg{height:40px}
@media(max-width:700px){.scroll-hint{top:auto!important;bottom:0!important}.restored-books{top:calc(115cqw + 100px);font-size:2.1cqw;left:3%}.hero-body{background:linear-gradient(100deg,#effaffed,#ffffffda);font-weight:500}.meaning-wrap .empathy{height:290px;min-height:290px}.meaning-wrap .empathy:before{background-position:left 15%;inset:40px 0 55px}.meaning-wrap .self-words,.meaning-wrap .fan-words{padding-left:8px;font-size:13px}.meaning-wrap .self-words span,.meaning-wrap .fan-words span{font-size:12px;white-space:normal;background:#ffffffe6;border-radius:12px;padding:4px;margin:7px 0}.meaning-wrap .self-words p{font-size:13px}.meaning-wrap .fan-words b{font-size:12px}.meaning-wrap .empathy-end{height:45px;bottom:2px}}
.source-title svg{display:block;width:100%;height:auto}.reference-concept .concept-title .source-title{max-width:170px;margin:0 auto;width:100%;transform:none}.reference-diagnosis .diagnosis-heading .source-title{width:290px;max-width:65%}
.reference-diagnosis{background-image:url('images/collage.webp');background-size:cover;background-position:center}
.final h2 .original-ink{clip-path:none}
.meaning-wrap .empathy:before{inset:48px 0 47px;background-position:left 17%;background-size:182% auto}
.meaning-wrap .self-words,.meaning-wrap .fan-words{position:absolute;top:50px;padding:0;display:block;width:27%;left:22%;font-size:11px}
.meaning-wrap .fan-words{left:73%;width:25%}.meaning-wrap .self-words p{height:30px;margin:0 0 4px;font-size:11px;line-height:1.4}.meaning-wrap .self-words span,.meaning-wrap .fan-words span{font-size:10px;padding:3px 2px;margin:7px 0;white-space:normal;line-height:1.5;background:#ffffffe8}.meaning-wrap .fan-words b{font-size:10px;line-height:1.4;padding:3px;height:30px;margin:0 0 4px}.meaning-wrap .empathy-end{font-size:19px;line-height:1.4;left:5%;width:90%;height:auto;bottom:12px;text-align:center;max-width:none}
.final h2 .original-ink{clip-path:polygon(0 0,100% 0,100% 100%,38% 100%,38% 58%,0 58%)}
@media(max-width:700px){.meaning-wrap .empathy{height:365px}.meaning-wrap .empathy:before{opacity:.3;inset:48px 0 50px;background-size:240% auto}.meaning-wrap .self-words,.meaning-wrap .fan-words{top:65px;left:4%;width:44%;font-size:14px}.meaning-wrap .fan-words{left:52%}.meaning-wrap .self-words p{font-size:14px;height:48px}.meaning-wrap .self-words span,.meaning-wrap .fan-words span{font-size:14px;padding:8px 6px;line-height:1.5;margin:7px 0}.meaning-wrap .fan-words b{font-size:14px;height:48px;padding:10px 3px}.meaning-wrap .empathy-end{font-size:19px;bottom:10px}.scroll-hint{position:absolute;top:auto!important;bottom:4px!important;height:45px!important}.hero{height:calc(177.69cqw + 155px);min-height:calc(177.69cqw + 155px)}.hero:after{height:calc(95.69cqw + 100px)}.hero:before{bottom:155px}}
@media(max-width:700px){.reference-diagnosis{background-size:700px 350px;background-repeat:repeat-y;background-position:center top}}