/* Little stories from the family. */
.character-page{--character:#d23678;--character-soft:#ffe0ed;--character-pale:#fff5f9}
.character-page.father{--character:#2d5d99;--character-soft:#dbe8ff;--character-pale:#f2f7ff}
.character-page.yaqub{--character:#008c80;--character-soft:#cbf2e7;--character-pale:#effbf6}
.character-page.yalna{--character:#947018;--character-soft:#fff0b2;--character-pale:#fffbee}
.profile-wrap{width:100%;max-width:1200px;margin:0 auto}
.profile-hero{padding:28px 6% 39px;background:var(--cream);border-bottom:5px solid white}
.back-family{display:inline-block;color:#42647c;font-size:13px;font-weight:900;text-decoration:none;margin-bottom:23px}
.back-family:hover{text-decoration:underline;text-underline-offset:4px}
.profile-introduction{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:65px;align-items:center}
.profile-picture{position:relative;background:var(--character-soft);border:6px solid white;border-radius:46% 46% 28px 28px;min-height:355px;display:flex;align-items:flex-end;justify-content:center;padding:20px 25px 0;box-shadow:0 7px 0 #c3dfd7;overflow:hidden}
.profile-picture:before{content:'';position:absolute;inset:20px 20px 0;background:#ffffff4d;border-radius:48% 48% 0 0}
.profile-picture img{display:block;position:relative;width:100%;height:340px;object-fit:contain;object-position:center bottom;z-index:1}
.character-page.yaqub .profile-picture img,.character-page.yalna .profile-picture img{height:300px}
.profile-star{position:absolute;right:25px;top:50px;color:white;font-size:43px;z-index:2;transform:rotate(12deg)}
.profile-copy h1{font:800 clamp(54px,5.8vw,80px)/1.03 Clubhouse,'Trebuchet MS',sans-serif;color:var(--character);letter-spacing:-1.9px}
.profile-copy .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:18px}
.profile-role{font-size:23px;font-weight:900;margin:13px 0 17px}
.profile-bio{font-size:18px;line-height:1.65;color:#355b76;max-width:570px}
.profile-jump{display:inline-block;margin-top:22px;color:var(--character);font-size:14px;font-weight:900;text-underline-offset:5px}
.profile-section{padding:52px 6%}
.profile-section-head{margin-bottom:26px}
.profile-section h2{font:800 clamp(31px,3.2vw,44px)/1.08 Clubhouse,'Trebuchet MS',sans-serif;color:#103657;letter-spacing:-.8px}
.story-section{background:var(--character-pale);border-bottom:5px solid white}
.story-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center}
.story-picture{margin:0;overflow:hidden;background:white;border:6px solid white;border-radius:30px;box-shadow:0 7px 0 #c3dfd7;transform:rotate(-1deg)}
.story-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--character-soft)}
.story-picture figcaption{padding:15px 16px 13px;text-align:center;font:800 23px/1.2 Clubhouse,'Trebuchet MS',sans-serif;color:var(--character)}
.story-copy .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:16px}
.story-copy h2{max-width:450px;margin:0 0 20px}
.story-prose{color:#355b76;font-size:17px;line-height:1.75}
.story-prose p+p{margin-top:15px}
.favourites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.favourite-card{position:relative;background:white;border:4px solid white;border-radius:23px;box-shadow:0 6px 0 #bdded9;padding:23px 22px 25px}
.favourite-mark{display:grid;place-items:center;background:var(--character-soft);color:var(--character);width:43px;height:43px;border-radius:14px;font:800 26px/1 Clubhouse,sans-serif;margin-bottom:16px;transform:rotate(-5deg)}
.favourite-card h3{font:800 26px/1.08 Clubhouse,'Trebuchet MS',sans-serif;color:#103657;margin:0 0 10px;letter-spacing:-.3px}
.favourite-card p{font-size:15px;line-height:1.6;color:#42637a}
.meet-others{padding-top:15px}
.meet-others h2{margin-bottom:24px}
.other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.other-character{display:flex;align-items:center;gap:18px;background:white;border:4px solid white;border-radius:24px;padding:12px 21px 10px;text-decoration:none;box-shadow:0 6px 0 #bdded9;transition:transform .18s}
.other-character:hover{transform:translateY(-3px)}
.other-character:focus-visible,.profile-jump:focus-visible,.back-family:focus-visible{outline:3px solid var(--character);outline-offset:5px}
.other-character img{display:block;width:75px;height:112px;object-fit:contain;object-position:center bottom;background:#f5f9f6;border-radius:40px 40px 8px 8px}
.other-character>span{font:800 30px/1.1 Clubhouse,'Trebuchet MS',sans-serif;color:#103657}
.other-character small{display:block;font:900 12px/1.4 Adventure,sans-serif;margin-top:8px;color:#008c89}
@media(max-width:1050px){.profile-introduction{gap:35px}.story-layout{gap:28px}.story-prose{font-size:16px;line-height:1.65}.other-character{padding-left:12px;padding-right:12px;gap:13px}.other-character>span{font-size:26px}}
@media(max-width:850px){.story-layout{grid-template-columns:1fr;gap:32px}.story-picture{width:100%;max-width:620px;margin:0 auto;transform:none}.story-copy{max-width:680px;margin:auto}.story-copy h2{max-width:none}.story-prose{font-size:17px;line-height:1.75}.favourites-grid{gap:16px}.favourite-card{padding:20px 16px 22px}.favourite-card h3{font-size:23px}}
@media(max-width:760px){.profile-hero{padding:22px 6% 34px}.back-family{margin-bottom:25px}.profile-introduction{grid-template-columns:1fr;gap:27px}.profile-copy{order:0;text-align:center}.profile-picture{order:1;max-width:380px;width:100%;margin:auto;min-height:325px}.profile-picture img{height:307px}.character-page.yaqub .profile-picture img,.character-page.yalna .profile-picture img{height:275px}.profile-copy h1{font-size:60px;letter-spacing:-1.4px}.profile-role{font-size:21px;margin:13px 0}.profile-bio{font-size:16px;max-width:480px;margin:auto;line-height:1.6}.profile-copy .eyebrow{font-size:8px;letter-spacing:1px;padding:7px 12px;max-width:100%}.profile-jump{font-size:13px;margin-top:18px}.profile-section{padding:38px 6%}.profile-section h2{font-size:34px}.story-picture{border-width:5px;border-radius:24px}.story-picture figcaption{font-size:21px;padding:12px}.story-copy .eyebrow{font-size:8px;letter-spacing:.8px}.story-prose{font-size:16px;line-height:1.75}.favourites-grid{grid-template-columns:1fr}.favourite-card{padding:21px}.favourite-mark{float:left;margin:0 15px 6px 0}.favourite-card h3{padding-top:3px}.favourite-card p{clear:both;padding-top:7px}.other-grid{grid-template-columns:1fr;max-width:420px}.other-character{padding:10px 22px;gap:25px}.other-character img{height:100px;width:75px}.other-character>span{font-size:30px}.meet-others{padding-top:10px}}
@media(max-width:420px){.profile-copy h1{font-size:53px}.profile-section h2{font-size:31px}.story-picture figcaption{font-size:20px}}
@media(prefers-reduced-motion:reduce){.other-character{transition:none}}

.character-page.waleed{--character:#617c36;--character-soft:#e4edc9;--character-pale:#f7faee}
.character-page.waleed .profile-picture img{height:320px}
.other-family-link{display:flex;align-items:center;gap:17px;background:#fff8df;border:4px solid white;border-radius:24px;padding:20px;text-decoration:none;box-shadow:0 6px 0 #bdded9;transition:transform .18s}
.other-family-link:hover{transform:translateY(-3px)}
.other-family-link>span:first-child{font-size:46px;line-height:1;color:#d23678}
.other-family-link>span:last-child{font:800 29px/1.1 Clubhouse,'Trebuchet MS',sans-serif;color:#103657}
.other-family-link small{display:block;font:900 12px/1.4 Adventure,sans-serif;margin-top:8px;color:#008c89}
@media(max-width:760px){.character-page.waleed .profile-picture img{height:287px}.other-family-link{min-height:125px;padding:20px 25px;gap:22px}}
@media(prefers-reduced-motion:reduce){.other-family-link{transition:none}}

.character-page.naima{--character:#795195;--character-soft:#eae0f5;--character-pale:#faf5ff}.character-page.naima .profile-picture img{height:310px}@media(max-width:760px){.character-page.naima .profile-picture img{height:287px}}