/* Conversation and learning motifs for PeriodShala, distinct from growth illustrations. */
#periodshala-sabla{position:relative;overflow:hidden;background:radial-gradient(ellipse at 18% 50%,#fbefea 0,transparent 52%)}
#periodshala-sabla .periodshala-visual{position:relative;isolation:isolate}
#periodshala-sabla .home-photo{position:relative;z-index:1;border:6px solid #fff;box-shadow:0 18px 45px rgba(100,61,53,.12)}
#periodshala-sabla .periodshala-visual:before{content:"";position:absolute;inset:-21px 23px 23px -21px;border-radius:30px;background:repeating-linear-gradient(135deg,transparent,transparent 9px,rgba(191,135,124,.13) 9px,rgba(191,135,124,.13) 10px),#f8eae4;z-index:-1}
#periodshala-sabla .periodshala-visual:after{content:"";position:absolute;right:-22px;top:-30px;width:87px;height:67px;background:radial-gradient(circle,#d6aaa0 1.5px,transparent 2px) 0 0/13px 13px;z-index:0;opacity:.7}
#periodshala-sabla .periodshala-conversation{position:absolute;left:-42px;bottom:-55px;width:180px;height:154px;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(92,60,48,.08))}
#periodshala-sabla .periodshala-impact{padding:13px 17px;border:1px solid #ead8ce;border-radius:12px;background:linear-gradient(110deg,#fbefea,#fff9ee);color:#5d6250;line-height:1.65}
#periodshala-sabla .periodshala-impact strong{color:#a66b64;font-size:22px;font-weight:800;margin-right:3px;white-space:nowrap}
#periodshala-sabla .home-eyebrow{color:#996d67}
@media(max-width:767px){#periodshala-sabla .periodshala-visual{margin:16px 0 29px}#periodshala-sabla .home-photo{border-width:5px}#periodshala-sabla .periodshala-visual:before{inset:-14px 15px 15px -10px}#periodshala-sabla .periodshala-visual:after{right:-7px;top:-21px;width:62px;height:51px}#periodshala-sabla .periodshala-conversation{left:-8px;bottom:-36px;width:121px;height:104px}#periodshala-sabla .periodshala-impact{padding:12px 14px}}