/* Fiona Kids - About page. Scoped to .fiona-about to protect shared storefront components. */
.fiona-about{--ab-pink:#f52c8b;--ab-pink2:#ff78b8;--ab-purple:#7837d7;--ab-teal:#11b9c4;--ab-yellow:#ffc529;--ab-ink:#17275e;--ab-muted:#69728c;--ab-line:#f7d7e8;overflow:hidden;background:#fffafc;color:var(--ab-ink)}
.fiona-about *{box-sizing:border-box}
.fiona-about .about-container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.fiona-about .about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:flex;align-items:center;padding:clamp(55px,7vw,92px) 0 66px;background:linear-gradient(90deg,rgba(255,226,242,.08) 0%,rgba(255,245,251,.12) 43%,rgba(255,248,253,.24) 100%),url("../images/hero/fiona-kids-hero.jpg") center center/cover no-repeat;border:1px solid #f9c9e3;border-radius:28px;margin:18px auto 0;max-width:1360px}
.fiona-about .about-hero:before,.fiona-about .about-hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.fiona-about .about-hero:before{width:330px;height:330px;top:-170px;right:-90px;background:#ff8dc533}
.fiona-about .about-hero:after{width:280px;height:280px;bottom:-170px;left:18%;background:#11b9c433}
.fiona-about .about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,70px);width:min(1200px,calc(100% - 40px))}
.fiona-about .about-hero-copy{position:relative;z-index:2;grid-column:1;max-width:590px;margin-inline-start:0;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.fiona-about .about-kicker,.fiona-about .about-section-tag{display:inline-flex;align-items:center;gap:9px;padding:9px 17px;border-radius:50px;background:#fff;border:1px solid #ffd0e5;color:var(--ab-pink);font-weight:700;font-size:14px;box-shadow:0 7px 20px #d84a9812}
.fiona-about .about-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.22;font-weight:900;color:var(--ab-purple);margin:20px 0 15px;letter-spacing:-.5px}
.fiona-about .about-hero-copy>p{font-size:clamp(16px,1.5vw,19px);line-height:1.95;color:#51446f;margin:0;max-width:580px}
.fiona-about .about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px}
.fiona-about .about-btn{min-height:49px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.fiona-about .about-btn:hover{transform:translateY(-3px)}
.fiona-about .about-btn-primary{color:#fff;background:linear-gradient(120deg,var(--ab-pink),var(--ab-purple));box-shadow:0 10px 24px #b13d9b38}
.fiona-about .about-btn-light{background:#fff;color:var(--ab-purple);border:1px solid #e8d5fa}
.fiona-about .about-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#756b8f;font-size:13px;font-weight:700}
.fiona-about .about-trust span{display:inline-flex;align-items:center;gap:7px}
.fiona-about .about-trust i{color:var(--ab-pink)}
.fiona-about .about-floating-note{position:absolute;z-index:2;bottom:8%;left:5%;display:flex;align-items:center;gap:9px;background:#fff;padding:12px 17px;border-radius:16px;color:var(--ab-purple);font-size:14px;font-weight:700;box-shadow:0 12px 28px #653a7b20;transform:rotate(-4deg)}
.fiona-about .about-floating-note i{color:var(--ab-pink);font-size:19px}
.fiona-about .about-hero-bottom{display:flex;justify-content:center;gap:7px;margin-top:25px}
.fiona-about .about-hero-bottom span{width:8px;height:8px;border-radius:50%;background:#e9a9cf}
.fiona-about .about-hero-bottom span:nth-child(2){background:var(--ab-pink);width:23px;border-radius:10px}
.fiona-about .about-story{padding:clamp(54px,7vw,90px) 0;background:#fff}
.fiona-about .about-story-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(30px,6vw,78px)}
.fiona-about .about-story-photo{position:relative;padding:16px;background:linear-gradient(140deg,#ffe0ef,#eee2ff,#d8fbff);border-radius:30px;box-shadow:0 18px 45px #9d5c8d1a}
.fiona-about .about-story-photo>img{display:block;width:100%;height:390px;object-fit:cover;border-radius:21px;background:#fff}
.fiona-about .about-photo-sticker{position:absolute;bottom:0;right:0;transform:translate(10px,15px);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #f9d3e7;border-radius:15px;padding:12px 17px;box-shadow:0 9px 24px #9d5c8d20;color:var(--ab-purple);font-size:14px}
.fiona-about .about-photo-sticker i{color:var(--ab-pink);font-size:20px}
.fiona-about .about-story-copy h2,.fiona-about .about-section-heading h2{font-size:clamp(29px,3.3vw,42px);line-height:1.35;color:var(--ab-purple);margin:15px 0;font-weight:900}
.fiona-about .about-story-copy>p{font-size:16px;line-height:2;color:var(--ab-muted);margin:0 0 12px}
.fiona-about .about-story-sign{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--ab-pink);font-weight:700}
.fiona-about .about-story-sign span{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#fff0f7}
.fiona-about .about-features{padding:70px 0;background:linear-gradient(180deg,#fff7fb,#fff)}
.fiona-about .about-section-heading{text-align:center;max-width:720px;margin:0 auto 34px}
.fiona-about .about-section-heading>p{color:var(--ab-muted);line-height:1.8;margin:0}
.fiona-about .about-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fiona-about .about-feature-card{position:relative;overflow:hidden;min-height:210px;padding:25px 22px;border:1px solid var(--ab-line);border-radius:22px;background:#fff;box-shadow:0 9px 25px #8c4c7c0b;transition:transform .22s,box-shadow .22s}
.fiona-about .about-feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #8c4c7c18}
.fiona-about .about-feature-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;left:-45px;bottom:-55px;background:#ffe9f4;opacity:.8}
.fiona-about .about-feature-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:23px;margin-bottom:15px}
.fiona-about .about-feature-card.pink .about-feature-icon{background:#fff0f7;color:var(--ab-pink)}
.fiona-about .about-feature-card.purple .about-feature-icon{background:#f3eaff;color:var(--ab-purple)}
.fiona-about .about-feature-card.teal .about-feature-icon{background:#e6fbfc;color:#079da7}
.fiona-about .about-feature-card.yellow .about-feature-icon{background:#fff7dc;color:#bd8500}
.fiona-about .about-feature-card h3{font-size:19px;color:var(--ab-ink);margin:0 0 9px;line-height:1.5}
.fiona-about .about-feature-card p{font-size:14px;line-height:1.85;color:var(--ab-muted);margin:0}
.fiona-about .about-stats{padding:0 0 75px;background:#fff}
.fiona-about .about-stats-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(120deg,#7837d7,#a23fbd 55%,#e84c9b);border-radius:25px;overflow:hidden;box-shadow:0 18px 38px #8c3e9d25}
.fiona-about .about-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:27px 15px;color:#fff;position:relative}
.fiona-about .about-stat:not(:last-child):after{content:"";position:absolute;top:25%;bottom:25%;left:0;width:1px;background:#ffffff45}
.fiona-about .about-stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#ffffff20;color:#ffe27a;font-size:20px;margin-bottom:8px}
.fiona-about .about-stat strong{font-size:clamp(25px,3vw,36px);line-height:1.3;color:#fff;font-weight:900}
.fiona-about .about-stat-label{font-size:14px;color:#fff;margin-top:3px}
.fiona-about .about-journey{padding:70px 0;background:#f7f1ff}
.fiona-about .about-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fiona-about .about-step{position:relative;text-align:center;padding:26px 18px 23px;background:#fff;border:1px solid #eadcfb;border-radius:21px;box-shadow:0 9px 24px #7d48a00c}
.fiona-about .about-step-number{position:absolute;top:12px;right:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff0f7;color:var(--ab-pink);font-weight:900;font-size:13px}
.fiona-about .about-step-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:4px auto 14px;background:linear-gradient(135deg,#ffe7f2,#eee4ff);color:var(--ab-purple);font-size:24px}
.fiona-about .about-step h3{font-size:18px;margin:0 0 9px;color:var(--ab-ink)}
.fiona-about .about-step p{font-size:14px;line-height:1.85;color:var(--ab-muted);margin:0}
.fiona-about .about-cta{padding:70px 0;background:#fff}
.fiona-about .about-cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:clamp(28px,5vw,55px);border-radius:28px;background:linear-gradient(120deg,#7837d7,#a43bbd 56%,#ed4a99);box-shadow:0 18px 40px #873a9d28}
.fiona-about .about-cta-card:before,.fiona-about .about-cta-card:after{content:"";position:absolute;border:1px solid #ffffff24;border-radius:50%;pointer-events:none}
.fiona-about .about-cta-card:before{width:360px;height:360px;left:-100px;top:-210px}
.fiona-about .about-cta-card:after{width:250px;height:250px;right:30%;bottom:-200px}
.fiona-about .about-cta-copy{position:relative;z-index:1}
.fiona-about .about-cta-copy .about-section-tag{background:#ffffff1e;color:#fff;border-color:#ffffff55}
.fiona-about .about-cta-copy h2{font-size:clamp(28px,3.5vw,43px);line-height:1.35;color:#fff;margin:17px 0 12px;font-weight:900}
.fiona-about .about-cta-copy p{color:#fff;line-height:1.9;font-size:16px;margin:0}
.fiona-about .about-cta-copy .about-btn-primary{background:var(--ab-yellow);color:#5c347b;box-shadow:0 9px 22px #3c174d33}
.fiona-about .about-cta-copy .about-btn-light{background:#ffffff1b;color:#fff;border-color:#ffffff70}
.fiona-about .about-cta-art{position:relative;z-index:1;display:grid;place-items:center;min-height:210px}
.fiona-about .about-cta-art img{width:min(100%,250px);max-height:240px;object-fit:contain;filter:drop-shadow(0 12px 18px #45155a35)}
.fiona-about .about-cta-heart{position:absolute;bottom:12%;right:16%;width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:#fff;color:var(--ab-pink);font-size:19px;box-shadow:0 8px 20px #42165a30}
@media(max-width:900px){.fiona-about .about-hero-grid,.fiona-about .about-story-grid{grid-template-columns:1fr}.fiona-about .about-hero-copy{text-align:center}.fiona-about .about-hero-copy>p{margin-inline:auto}.fiona-about .about-actions,.fiona-about .about-trust{justify-content:center}.fiona-about .about-hero{min-height:480px}.fiona-about .about-story-photo{max-width:620px;margin-inline:auto;width:100%}.fiona-about .about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fiona-about .about-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fiona-about .about-container{width:calc(100% - 28px)}.fiona-about .about-hero{margin:10px 8px 0;border-radius:20px;padding:36px 0 28px}.fiona-about .about-hero h1{font-size:34px;margin:15px 0 10px}.fiona-about .about-hero-copy>p{font-size:15px;line-height:1.85}.fiona-about .about-hero{min-height:560px;background-position:28% center;background-image:linear-gradient(180deg,rgba(255,242,249,.88) 0%,rgba(255,242,249,.78) 46%,rgba(255,242,249,.08) 100%),url("../images/hero/fiona-kids-hero.jpg");padding:34px 0 30px}.fiona-about .about-hero-grid{grid-template-columns:1fr}.fiona-about .about-hero-copy{grid-column:1;text-align:center;max-width:100%;align-self:start}.fiona-about .about-floating-note{bottom:6%;left:4%}.fiona-about .about-floating-note{font-size:12px;bottom:3%;left:0;padding:9px 12px}.fiona-about .about-trust{gap:10px;font-size:12px}.fiona-about .about-btn{width:100%;min-height:48px}.fiona-about .about-actions{gap:9px}.fiona-about .about-story{padding:48px 0}.fiona-about .about-story-photo{padding:9px;border-radius:22px}.fiona-about .about-story-photo>img{height:250px;border-radius:15px}.fiona-about .about-photo-sticker{transform:translate(3px,10px);font-size:12px;padding:9px 12px}.fiona-about .about-story-copy h2,.fiona-about .about-section-heading h2{font-size:29px}.fiona-about .about-story-copy>p{font-size:14px}.fiona-about .about-features,.fiona-about .about-journey,.fiona-about .about-cta{padding:48px 0}.fiona-about .about-feature-grid{grid-template-columns:1fr;gap:12px}.fiona-about .about-feature-card{min-height:0;padding:20px}.fiona-about .about-stats{padding-bottom:48px}.fiona-about .about-stats-panel{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:19px}.fiona-about .about-stat{padding:20px 10px}.fiona-about .about-stat:nth-child(2):after{display:none}.fiona-about .about-stat strong{font-size:28px}.fiona-about .about-stat-label{font-size:12px}.fiona-about .about-journey-grid{grid-template-columns:1fr;gap:12px}.fiona-about .about-step{padding:22px 17px}.fiona-about .about-cta-card{grid-template-columns:1fr;padding:27px 20px;border-radius:21px;text-align:center}.fiona-about .about-cta-art{min-height:130px;grid-row:1}.fiona-about .about-cta-art img{width:150px;max-height:145px}.fiona-about .about-cta-copy h2{font-size:28px}.fiona-about .about-cta-copy p{font-size:14px}.fiona-about .about-cta-heart{right:24%;bottom:8%}}

.fiona-about .about-story-photo{isolation:isolate}

.fiona-about .about-feature-icon i,.fiona-about .about-stat-icon i,.fiona-about .about-step-icon i{display:inline-block;line-height:1;font-style:normal;font-family:FontAwesome,"Font Awesome 5 Free";font-weight:900}