.about-page { background:radial-gradient(circle at 8% 18%,rgba(131,190,233,.34),transparent 22rem),radial-gradient(circle at 92% 24%,rgba(190,143,225,.32),transparent 24rem),radial-gradient(circle at 50% 74%,rgba(221,239,252,.72),transparent 30rem),#fffdf9; }
.about-page::after { content:""; position:fixed; z-index:0; right:-80px; top:145px; width:360px; height:360px; pointer-events:none; background:url("../assets/sis-dandelion-3d-transparent.svg") center/contain no-repeat; opacity:.34; filter:saturate(1.25) drop-shadow(0 20px 24px rgba(74,44,121,.12)); transform:rotate(14deg); }
.about-page main { position:relative; overflow:hidden; }
.about-dandelion { position:absolute; z-index:0; top:40px; right:-86px; width:min(34vw,390px); opacity:.72; filter:saturate(1.4) contrast(1.18) drop-shadow(0 20px 28px rgba(74,44,121,.22)); transform:rotate(13deg); pointer-events:none; }
.about-seeds { position:absolute; z-index:1; top:135px; right:18%; width:260px; height:180px; pointer-events:none; }
.about-seeds img { position:absolute; width:54px; opacity:.82; filter:saturate(1.5) contrast(1.2) drop-shadow(0 8px 12px rgba(49,95,158,.24)); }
.about-seeds img:nth-child(1) { left:4%; top:5%; transform:rotate(-24deg); }.about-seeds img:nth-child(2) { left:47%; top:34%; width:40px; transform:rotate(30deg); }.about-seeds img:nth-child(3) { right:0; bottom:6%; width:46px; transform:rotate(-8deg); }
.about-page main::before,.about-page main::after { content:""; position:absolute; z-index:0; width:250px; height:250px; border-radius:50%; pointer-events:none; filter:blur(2px); }
.about-page main::before { left:-95px; top:120px; background:radial-gradient(circle at 55% 45%,rgba(89,157,220,.34),rgba(212,235,252,.18) 54%,transparent 70%); }
.about-page main::after { right:-105px; bottom:80px; background:radial-gradient(circle at 42% 45%,rgba(155,104,204,.28),rgba(234,219,248,.18) 56%,transparent 72%); }
.about-page .story,.about-page .purpose-vision { z-index:1; }
.about-page .story-photo { position:relative; padding:15px; border:2px solid rgba(255,255,255,.95); background:linear-gradient(145deg,#fff,#e8f4fd 58%,#efe3fa); box-shadow:0 24px 55px rgba(74,44,121,.19),0 12px 30px rgba(47,142,235,.13); }
.about-page .story-photo::before { content:""; position:absolute; width:80px; height:80px; right:-28px; top:-24px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.9) 0 26%,rgba(143,105,199,.4) 28% 42%,rgba(107,170,222,.25) 44% 66%,transparent 68%); }
.about-page .story-copy { padding:clamp(22px,4vw,42px); border-radius:28px; background:rgba(255,255,255,.58); box-shadow:0 18px 48px rgba(74,44,121,.08); backdrop-filter:blur(8px); }
.about-page .purpose-vision { margin-top:14px; border:1px solid rgba(255,255,255,.86); }
.about-page .purpose-pillars article:nth-child(1) { border-color:rgba(47,142,235,.25); background:linear-gradient(145deg,rgba(232,245,255,.92),rgba(211,234,252,.68)); }
.about-page .purpose-pillars article:nth-child(2) { background:rgba(255,255,255,.78); }
.about-page .purpose-pillars article:nth-child(3) { border-color:rgba(128,97,178,.24); background:linear-gradient(145deg,rgba(248,244,253,.94),rgba(232,216,247,.68)); }
.about-page .why-family { margin:26px 0 14px; padding:7px; border-radius:22px; background:white; box-shadow:0 16px 30px rgba(74,44,121,.14); transform:rotate(-1.5deg); }
.about-page .why-family img { width:100%; height:205px; object-fit:cover; border-radius:16px; }
.about-page .why-family figcaption { padding:10px 8px 3px; color:var(--purple-deep); font-family:var(--font-script); font-size:1.5rem; line-height:1; }
.about-page .family-note { margin-bottom:0; font-weight:650; }
@media (max-width:760px) { .about-page::after { width:210px; height:210px; right:-58px; top:100px; opacity:.22; }.about-dandelion { top:40px; right:-68px; width:230px; opacity:.56; }.about-seeds { top:82px; right:6%; transform:scale(.72); transform-origin:top right; }.about-page .story-copy { padding:24px; }.about-page .story-photo::before { width:56px; height:56px; right:-14px; top:-14px; } }