/* Isolated proposals for the four thinking perspectives. */
.growth-design{--growth-ink:#293e4e;--growth-gold:#a48552;--growth-line:#dfd1b9;--growth-paper:#fcf9f2;max-width:920px;margin:45px auto 0;padding-top:32px;border-top:1px solid var(--growth-line);color:#414249;scroll-margin-top:110px}
.growth-design *{box-sizing:border-box}
.growth-design .growth-title{font:700 23px/1.85 var(--font);letter-spacing:0;margin:0 0 30px;color:#414249;text-wrap:pretty}
.growth-design .growth-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 36px}
.growth-design .growth-item{position:relative;min-width:0;padding:0;border:0;font:400 17px/1.95 var(--font);color:var(--growth-ink)}
.growth-design .growth-key{display:block;margin:0 0 7px;color:var(--growth-gold);font:400 11px/1.5 var(--font);letter-spacing:.13em}
.growth-design .growth-item p{margin:0;font:inherit}
.growth-design .growth-reflection{margin:0;padding:0;background:none;border:0}
.growth-design .growth-reflection>span{display:block;margin:0 0 7px;font:400 14px/1.8 var(--font);color:#74716c}
.growth-design .growth-reflection>p{margin:0;font:400 23px/1.95 HuiFont,cursive;font-style:oblique 6deg;font-synthesis:style;color:var(--growth-ink);letter-spacing:0}
.growth-design .growth-character{display:block;object-fit:contain;object-position:center bottom;width:100%;height:100%;filter:drop-shadow(0 5px 4px #3427160b)}
.growth-design .growth-character-wrap{margin:0;position:relative}
.growth-design .growth-bubble{position:relative}
/* A: one generous speech panel and an in-flow Toua. */
.growth-design[data-growth-design="a"] .growth-bubble{padding:30px 36px;border:1px solid #ccb991;border-radius:15px;background:linear-gradient(125deg,#fff 35%,#fcf9f2);box-shadow:0 6px 20px #23394a06}
.growth-design[data-growth-design="a"] .growth-bubble::after{content:"";position:absolute;left:78px;bottom:-12px;width:22px;height:22px;background:#fff;border-right:1px solid #ccb991;border-bottom:1px solid #ccb991;transform:skewY(-17deg) rotate(45deg)}
.growth-design[data-growth-design="a"] .growth-item{padding-left:25px}
.growth-design[data-growth-design="a"] .growth-item::before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;transform:rotate(45deg);border:1px solid #b79a62;background:#f3e9d5}
.growth-design[data-growth-design="a"] .growth-after{display:flex;align-items:center;gap:30px;margin:23px 30px 0}
.growth-design[data-growth-design="a"] .growth-character-wrap{flex:0 0 112px;height:145px}
/* B: four thought balloons surround the character. */
.growth-design[data-growth-design="b"] .growth-map{display:grid;grid-template-columns:1fr 155px 1fr;grid-template-rows:auto auto;gap:20px 26px;align-items:center;padding:12px 0 0}
.growth-design[data-growth-design="b"] .growth-items{display:contents}
.growth-design[data-growth-design="b"] .growth-item{padding:20px 22px;min-height:117px;border:1px solid var(--growth-line);border-radius:20px;background:#fff;box-shadow:0 5px 0 #faf6ee}
.growth-design[data-growth-design="b"] .growth-item:nth-child(1){grid-column:1;grid-row:1}
.growth-design[data-growth-design="b"] .growth-item:nth-child(2){grid-column:3;grid-row:1}
.growth-design[data-growth-design="b"] .growth-item:nth-child(3){grid-column:1;grid-row:2}
.growth-design[data-growth-design="b"] .growth-item:nth-child(4){grid-column:3;grid-row:2;background:#fcf9f2;border-color:#c5ac7f}
.growth-design[data-growth-design="b"] .growth-item::after{content:"";position:absolute;top:53%;width:8px;height:8px;border:1px solid #d8c6a6;border-radius:50%;background:#fff;right:-16px;box-shadow:11px 8px 0 -2px #d8c6a6}
.growth-design[data-growth-design="b"] .growth-item:nth-child(even)::after{right:auto;left:-16px;box-shadow:-11px 8px 0 -2px #d8c6a6}
.growth-design[data-growth-design="b"] .growth-character-wrap{grid-column:2;grid-row:1/3;align-self:center;height:218px;isolation:isolate}
.growth-design[data-growth-design="b"] .growth-character-wrap::before{content:"";position:absolute;inset:30px -12px -5px;border-radius:50%;background:radial-gradient(ellipse,#f7eedc,transparent 70%);z-index:-1}
.growth-design[data-growth-design="b"] .growth-reflection{margin:35px 0 0;text-align:center}
.growth-design[data-growth-design="b"] .growth-thinking{display:grid;place-items:center}
.growth-design .growth-thinking>.toua-thinker{width:100%;max-width:182px}
.growth-design .growth-reflection>.reflection-intro{display:block;margin:0 0 7px;font:400 14px/1.8 var(--font);color:#74716c}
.low-motion .growth-thinking .toua-hand-composite,.low-motion .growth-thinking .toua-tapping-hand{animation:none}
/* C: an understated notebook, no character. */
.growth-design[data-growth-design="c"] .growth-notebook{position:relative;border:1px solid #ddceb4;border-radius:5px;background:#fffdf8;padding:31px 38px 28px;box-shadow:6px 6px 0 #f1ebe0}
.growth-design[data-growth-design="c"] .growth-notebook::before{content:"";position:absolute;right:32px;top:-1px;width:24px;height:36px;background:#23394a;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.growth-design[data-growth-design="c"] .growth-items{gap:15px 30px}
.growth-design[data-growth-design="c"] .growth-item{border-bottom:1px solid #e4d8c4;padding:13px 0 18px 36px}
.growth-design[data-growth-design="c"] .growth-number{position:absolute;left:0;top:10px;color:#b29a70;font:400 21px/1.5 HuiFont,cursive;font-style:oblique 6deg}
.growth-design[data-growth-design="c"] .growth-reflection{margin:27px 0 0;padding-top:21px;border-top:1px dashed #dfd1b8}
@media(max-width:760px){
 .growth-design{margin-top:32px;padding-top:26px}.growth-design .growth-title{font-size:20px;line-height:1.85;margin-bottom:24px}.growth-design .growth-items{grid-template-columns:1fr;gap:19px}.growth-design .growth-item{font-size:16px}.growth-design .growth-reflection>p{font-size:20px}.growth-design .growth-reflection>span{font-size:13px}
 .growth-design[data-growth-design="a"] .growth-bubble{padding:25px 22px}.growth-design[data-growth-design="a"] .growth-bubble::after{left:43px}.growth-design[data-growth-design="a"] .growth-after{gap:12px;margin:23px 0 0;align-items:start}.growth-design[data-growth-design="a"] .growth-character-wrap{flex-basis:66px;height:92px}.growth-design[data-growth-design="a"] .growth-reflection{padding-top:8px;min-width:0}.growth-design[data-growth-design="a"] .growth-reflection>p{font-size:17px}
 .growth-design[data-growth-design="b"] .growth-map{grid-template-columns:1fr 1fr;gap:16px 12px}.growth-design[data-growth-design="b"] .growth-item{min-height:130px;padding:18px 14px;font-size:15px;grid-column:auto!important;grid-row:auto!important}.growth-design[data-growth-design="b"] .growth-item::after{display:none}.growth-design[data-growth-design="b"] .growth-character-wrap{grid-column:1/-1;grid-row:2;height:130px;margin:0 auto}.growth-design[data-growth-design="b"] .growth-character{width:112px}.growth-design[data-growth-design="b"] .growth-reflection{margin-top:25px;text-align:left}
 .growth-design .growth-thinking>.toua-thinker{width:108px}
 .growth-design[data-growth-design="c"] .growth-notebook{padding:26px 22px}.growth-design[data-growth-design="c"] .growth-notebook::before{right:20px;width:19px;height:29px}.growth-design[data-growth-design="c"] .growth-items{gap:4px}.growth-design[data-growth-design="c"] .growth-item{padding-left:30px}
}