.story-page{background:#fffaf0;color:#3f4c51}.story-nav{display:flex;gap:20px}.story-nav a{color:#3f4c51;text-decoration:none;font-weight:800}.story-page main{max-width:1120px;margin:auto;padding:24px}.story-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:center}.story-copy{padding:35px 10px}.story-kicker{font-size:12px;letter-spacing:1.5px;font-weight:900;color:#986142}.story-copy h1{font-size:clamp(42px,6vw,72px);line-height:1.04;margin:15px 0;color:#334650}.story-copy h1 em{font-family:Georgia,serif;color:#d06c4c}.story-copy>p{font-size:18px;line-height:1.6;max-width:390px}.story-cta{display:inline-flex;gap:9px;align-items:center;background:#ffdf4f;color:#3c3411;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 5px 0 #dfba28;margin-top:14px}.story-art{height:430px;border-radius:38px;position:relative;overflow:hidden;background:linear-gradient(#bce7f2 0 52%,#d9edc6 52%);box-shadow:0 18px 44px #705c331a}.sun{position:absolute;right:13%;top:9%;width:84px;height:84px;border-radius:50%;background:#ffdb64}.plant{position:absolute;color:#69a866;font-size:62px;bottom:26%;z-index:2}.plant-one{left:8%}.plant-two{right:9%;font-size:48px;bottom:37%}.granny,.ishan{position:absolute;bottom:20%;z-index:3}.granny{left:22%;width:175px;height:245px}.ishan{right:22%;width:150px;height:218px}.granny-face,.ishan-face{position:absolute;z-index:2;border-radius:45% 45% 48% 48%;background:#e9af83;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset -5px -5px #c78169}.granny-face{width:110px;height:122px;left:31px;top:38px}.ishan-face{width:98px;height:105px;left:25px;top:42px}.granny-hair,.ishan-hair{position:absolute;z-index:3;border-radius:55% 55% 28% 28%;background:#eee0bd}.granny-hair{width:126px;height:70px;left:22px;top:25px}.ishan-hair{width:105px;height:55px;left:21px;top:27px;background:#44352e}.granny-sari,.ishan-shirt{position:absolute;bottom:0;border-radius:55% 55% 12% 12%;height:135px;width:175px;background:#668b72;clip-path:polygon(26% 0,75% 0,100% 100%,0 100%)}.ishan-shirt{width:150px;height:115px;background:#eb754e}.glasses{font-size:22px;color:#65594d;z-index:4;margin-top:16px}.eyes{font-size:19px;z-index:4;margin-top:13px}.smile{font-size:26px;color:#884b48;z-index:4;line-height:1}.pencil{position:absolute;right:-8px;top:108px;z-index:5;color:#f1bc3d;font-size:48px;transform:rotate(-22deg)}.table{position:absolute;z-index:4;bottom:12%;left:16%;width:68%;height:65px;background:#c88052;border-radius:14px;box-shadow:0 12px 0 #a85d3f;display:flex;align-items:center;justify-content:space-evenly;font-size:32px}.art-caption{position:absolute;bottom:3%;width:100%;text-align:center;font-size:12px;font-weight:800;color:#425c4f}.story-intro{margin:32px 0;padding:28px 32px;border:1px solid #eae2ce;border-radius:28px;background:#ffffffc9;display:flex;gap:20px;align-items:flex-start;backdrop-filter:blur(12px)}.story-icon{font-size:40px;color:#db8d71}.story-intro h2,.toolkit h2{margin:0 0 8px;font-size:27px}.story-intro p,.toolkit p{margin:0;line-height:1.7;max-width:850px}.golden-rules{margin:38px 0}.section-title{text-align:center}.section-title>span{font-size:11px;letter-spacing:1.6px;font-weight:900;color:#967454}.section-title h2{font-size:34px;margin:8px 0 22px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rules-grid article{background:#fff;padding:24px;border-radius:24px;border:1px solid #eee6d7}.rules-grid h3{margin:12px 0 5px;font-size:21px}.rules-grid p{margin:0;line-height:1.55}.rule-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;font-size:27px}.peach{background:#ffe4d9;color:#c76e56}.blue{background:#e2f2ff;color:#5682ae}.green{background:#e7f1d9;color:#688c4d}.toolkit{display:flex;justify-content:space-between;align-items:center;padding:28px 34px;background:linear-gradient(110deg,#fff0a5,#ffe4d1);border-radius:30px}.tool-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.tool-list span{padding:9px 13px;background:#fff;border-radius:999px;font-weight:800}.toolkit-art{display:flex;gap:10px;align-items:center;font-size:54px}.pledge{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0;padding:18px;border-radius:22px;background:#e8f2e0}.pledge>span{color:#db9a39;font-size:28px}.pledge p{font-family:Georgia,serif;font-size:20px;font-weight:700}.pledge a{color:#365d47;font-weight:900;text-decoration:none}.story-page footer{text-align:center;padding:20px;color:#73786e;font-size:12px;border-top:1px solid #e7e1d6}@media(max-width:760px){.story-page main{padding:16px}.story-hero{grid-template-columns:1fr}.story-copy{padding:12px 5px 0}.story-copy h1{font-size:48px}.story-copy>p{font-size:16px}.story-art{height:360px}.granny{left:15%;transform:scale(.84);transform-origin:bottom left}.ishan{right:15%;transform:scale(.84);transform-origin:bottom right}.rules-grid{grid-template-columns:1fr}.rules-grid article{padding:19px}.toolkit{gap:12px;padding:24px;flex-wrap:wrap}.toolkit-art{font-size:42px}.pledge{flex-direction:column;text-align:center;gap:5px}.story-nav{gap:9px;font-size:12px}}@media(max-width:420px){.story-page main{padding:12px}.story-art{height:310px}.granny{left:6%;transform:scale(.72);transform-origin:bottom left}.ishan{right:6%;transform:scale(.72);transform-origin:bottom right}.story-intro{padding:20px;gap:12px}.story-intro h2,.toolkit h2{font-size:23px}.story-copy h1{font-size:42px}.story-nav{display:none}}
/* Story page visual direction based on the supplied Stitch reference. */
.story-page{background:linear-gradient(135deg,#fff8ed,#f8f0ff 54%,#eff7ff)}.story-page main{max-width:1120px;padding:22px 24px}.story-hero{grid-template-columns:1fr 1fr;gap:34px;padding:24px;background:#ffffffc9;border:1px solid #e9e2f0;border-radius:34px;box-shadow:0 14px 40px #56447a12}.hero-art-card{position:relative;padding:14px;background:linear-gradient(140deg,#add2f4,#f8b9d9);border-radius:27px;box-shadow:0 7px 0 #e6a2c5}.hero-art-card .story-art{height:340px;border:7px solid #fff;border-radius:21px;box-shadow:none}.hero-art-card .granny{left:18%;transform:scale(.82);transform-origin:bottom left}.hero-art-card .ishan{right:18%;transform:scale(.82);transform-origin:bottom right}.art-sticker,.art-ribbon{position:absolute;z-index:7;background:#ffdf47;border:2px solid white;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;box-shadow:0 4px 8px #28203a20}.art-sticker{left:5px;top:4px;transform:rotate(-5deg)}.art-ribbon{right:-7px;bottom:1px;background:#ee64aa;color:white;transform:rotate(3deg)}.story-copy{padding:8px 3px}.story-copy h1{font-size:clamp(36px,4.4vw,54px);margin:12px 0;color:#273a66}.story-copy h1 em{color:#c04492}.story-copy>p{font-size:14px;line-height:1.65}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.story-stats span{display:flex;flex-direction:column;gap:3px;text-align:center;background:#f5f1ff;border-radius:16px;padding:10px 5px;font-size:10px;color:#72718b}.story-stats b{font-size:18px;color:#344a9b}.hero-note{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#f4f0ff;border:1px solid #e4dcfa;border-radius:16px}.hero-note>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#67a8f8;color:white}.hero-note div{display:flex;flex-direction:column;gap:4px}.hero-note small{color:#6e6981}.hero-note i{margin-left:auto;color:#efb84f}.origin-grid{margin:22px 0}.origin-card,.why-card,.practice-list,.teaching{background:#ffffffdc;border:1px solid #eae2f0;border-radius:27px;padding:25px;box-shadow:0 10px 32px #48375b0b}.origin-card h2,.why-card h2,.toolkit-section h2,.practice-list h2,.teaching h2{font-size:23px;color:#263b6c;margin:8px 0 16px}.origin-columns{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}.origin-columns>div{font-size:13px;line-height:1.65}.origin-columns>div p{margin-top:8px}.origin-columns aside{background:#f0edff;border-radius:22px;padding:19px;font-size:13px}.origin-columns aside p{background:white;border-radius:13px;padding:10px;margin:10px 0 0;line-height:1.5}.why-card{margin:20px 0;background:linear-gradient(110deg,#dceeff,#ffe5f2);min-height:195px}.why-card p{max-width:790px;line-height:1.7;font-size:14px}.signature{font-size:12px;font-weight:800;color:#ab3e82}.toolkit-section{margin:25px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-heading h2{margin:4px 0}.section-heading>span{font-size:11px;color:#777}.toolkit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.toolkit-grid article{min-height:138px;background:white;border:1px solid #eee;border-bottom:4px solid #61a8ed;border-radius:20px;padding:17px;display:flex;flex-direction:column;gap:8px;box-shadow:0 7px 17px #4a41600a}.toolkit-grid article:nth-child(2){border-bottom-color:#eb6aa6}.toolkit-grid article:nth-child(3){border-bottom-color:#e5c800}.toolkit-grid article:nth-child(4){border-bottom-color:#8574db}.toolkit-grid i{font-style:normal;font-size:22px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e1f0ff;color:#3874bf}.toolkit-grid .tool-pink{background:#ffe1ef;color:#c14b86}.toolkit-grid .tool-yellow{background:#fff6b8;color:#a18500}.toolkit-grid .tool-violet{background:#eae5ff;color:#715dc7}.toolkit-grid b{font-size:14px}.toolkit-grid small{font-size:11px;line-height:1.4;color:#727384}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;align-items:stretch}.practice-list>p{margin:-8px 0 13px;font-size:12px;color:#79778a}.practice-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px;background:#f7f5ff;border-radius:14px;margin:9px 0}.practice-list>div span{display:flex;flex-direction:column;gap:3px;font-size:12px}.practice-list>div small{color:#77768a}.practice-list em{font-style:normal;font-size:9px;font-weight:900;padding:6px 8px;border-radius:99px;background:#56a4f1;color:white}.practice-list>div:last-child em{background:#ee68a7}.studio-photo{min-height:290px;position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(180deg,#fff7dd 0 42%,#c4a17e 43% 56%,#f7e5ca 57%);box-shadow:inset 0 0 0 1px #e8d6ba}.studio-window{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:52%;height:115px;border:9px solid #d6a777;border-bottom-width:13px;border-radius:7px;background:linear-gradient(90deg,#d8f1ff 49%,#fff 50% 53%,#d8f1ff 54%);display:grid;place-items:center;color:#ffc938;font-size:28px}.studio-table{position:absolute;left:10%;right:10%;top:57%;height:58px;background:#bd8156;border-radius:12px;display:grid;place-items:center;font-size:22px;box-shadow:0 9px #9a6045}.studio-photo p{position:absolute;bottom:2px;width:100%;text-align:center;font-size:12px;font-weight:900;color:#655247}.teaching{text-align:center;margin:28px 0;background:linear-gradient(115deg,#fff,#f3f4ff);padding:27px}.teaching h2{margin:8px 0}.teaching>p{font-size:13px;color:#757489}.topic-picks{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px}.topic-picks button{border:0;border-radius:999px;background:#f0edff;color:#4b4b72;padding:9px 13px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.teaching .story-cta{font-size:12px;margin-top:2px}.pledge{background:linear-gradient(100deg,#0878c9,#1950ad);color:white;justify-content:space-between;padding:19px 24px}.pledge>span,.pledge p{color:white}.pledge a{background:#ffe144;color:#433600;padding:11px 15px;border-radius:999px}.story-page footer{font-size:11px}.story-nav a:last-child{background:#fff0a0;border-radius:99px;padding:8px 12px}@media(max-width:760px){.story-page main{padding:14px}.story-hero{grid-template-columns:1fr;padding:17px;gap:20px}.hero-art-card .story-art{height:300px}.hero-art-card .granny{left:11%;transform:scale(.72);transform-origin:bottom left}.hero-art-card .ishan{right:11%;transform:scale(.72);transform-origin:bottom right}.story-copy h1{font-size:42px}.origin-card,.why-card,.practice-list,.teaching{padding:20px}.origin-columns,.practice-grid{grid-template-columns:1fr}.toolkit-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;gap:10px;flex-direction:column}.studio-photo{min-height:230px}.pledge{flex-direction:row;flex-wrap:wrap}.pledge p{font-size:18px}.story-nav{display:flex}.story-nav a{font-size:11px}}@media(max-width:420px){.story-nav{display:none}.hero-art-card .story-art{height:255px}.hero-art-card .granny{left:5%;transform:scale(.63);transform-origin:bottom left}.hero-art-card .ishan{right:5%;transform:scale(.63);transform-origin:bottom right}.story-copy h1{font-size:36px}.story-stats b{font-size:15px}.origin-card h2,.why-card h2,.toolkit-section h2,.practice-list h2,.teaching h2{font-size:20px}.toolkit-grid article{padding:13px;min-height:130px}.pledge{justify-content:center;text-align:center}}
.story-art .story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:1}.hero-art-card .story-art> :not(.story-photo){display:none}.hero-art-card .story-art{background:#f4d8b2}.hero-art-card .story-photo{border-radius:14px}.story-page main,.origin-grid,.toolkit-section,.practice-grid,.teaching,.pledge{min-width:0}.story-page img{max-width:100%}@media(max-width:760px){.hero-art-card .story-art{height:clamp(240px,68vw,390px)}.hero-art-card{margin:0 3px}.story-stats{gap:6px}.story-stats span{font-size:9px;padding:9px 3px}.origin-columns aside{min-width:0}.toolkit-grid article{overflow-wrap:anywhere}}