/* Botanical personal story, warm correspondence, and calm utility scenes. */
.about-page{--story-plum:#4e6151;--story-soft:#edf0e7}
.about-page .about-intro{position:relative;isolation:isolate;background:#f6f3ea;overflow:hidden}
.about-page .about-intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf6f0 15%,#faf6f0eb 48%,#faf6f0a8),url(aboutGardenPath.d249e29db7.webp) center/cover}
.about-page .about-intro figure{max-width:380px;padding:8px 8px 0;background:#fffaf2;transform:rotate(2deg);box-shadow:8px 18px 35px #283c2921}
.about-page .about-intro figure img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:3px;max-height:none}
.about-page .about-intro figcaption{padding:0 8px 15px;margin-top:13px;font-size:11px}
.about-page .about-story,.about-page .about-next{background:#edf0e7}
.about-page .awakening-portrait{width:100%;max-width:420px;align-self:center}
.about-page .awakening-portrait img{aspect-ratio:1;object-fit:cover;object-position:64% 35%;border-radius:4px}
.about-page .awakening-portrait figcaption{font-family:var(--font-display);font-size:23px;line-height:1.35;margin-top:24px;color:#4e6151}
.about-page .about-mission{background:#172a25}
.about-page .about-mission>img{opacity:.48;object-position:50% 55%}
.about-page .about-mission:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10261fe0,#10261f85);z-index:-1}
.about-page .story-family{background:#fffaf2;padding:8px 8px 0;transform:rotate(-2deg);box-shadow:6px 14px 24px #26392c16}
.about-page .story-family img{display:block;aspect-ratio:1.12;object-fit:cover;object-position:50% 0;background:#e5dfd2}
.about-page .story-family figcaption{padding:0 6px 18px;margin-top:16px}
.about-page .today-grid figure{padding:8px 8px 0;background:#fffaf2;box-shadow:5px 12px 27px #26392c17;transform:rotate(2deg)}
.about-page .today-grid figure img{border-radius:3px}
.about-page .today-grid figcaption{padding:0 8px 14px;font-size:12px}
.contact-page .contact-intro{background:linear-gradient(125deg,#faf6f0,#f3e9dc);padding-block:70px}
.contact-page .contact-intro figure{position:relative;max-width:560px}
.contact-page .contact-intro figure img{aspect-ratio:4/3;object-fit:cover;object-position:65% 50%;border-radius:5px;box-shadow:7px 17px 34px #6b51461d}
.contact-page .contact-intro figcaption{font-family:var(--font-script);font-size:28px;color:#72534f;margin-top:18px;text-align:center}
.contact-page .contact-ways{padding-top:30px}
.contact-page .member-access{background:#eee7ef}
.appointment-intro{position:relative;isolation:isolate;overflow:hidden;background:#f8f0e6}
.appointment-art,.wayfinding-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.appointment-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf6f0ee,#faf6f0db 63%,#faf6f0a8);z-index:-1}
.appointment-page .journey-lilac{background:#eee9e2}
.inside-calendar .appointment-art{display:none}
.wayfinding-page .not-found{position:relative;isolation:isolate;overflow:hidden;background:#101f24;color:var(--cream);min-height:70vh}
.wayfinding-page .not-found:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101e28e8,#101e28a3)}
.wayfinding-page .not-found .journey-lead{color:#f0e8dd}
.wayfinding-page .not-found .script{color:var(--goldsoft)}
@media(max-width:900px){
 .about-page .about-intro{padding-top:28px}
 .about-page .about-intro figure{width:min(100%,330px)}
 .about-page .about-intro figure img{height:350px;aspect-ratio:auto;object-position:50% 20%}
 .about-page .about-intro figcaption{display:block}
 .about-page .about-intro-grid{gap:35px}
 .about-page .awakening-portrait{width:100%;max-width:420px}
 .about-page .awakening-portrait img{aspect-ratio:1.2}
 .about-page .about-mission>img{object-position:68% 50%}
 .contact-page .contact-intro{padding-block:40px}
 .contact-page .contact-intro figure img{aspect-ratio:1.6;object-position:65% 60%}
 .contact-page .contact-intro figcaption{font-size:27px}
 .appointment-page .appointment-intro>.wrap{padding-block:25px!important}
 .appointment-art{object-position:75% center}
 .appointment-intro:before{background:#faf6f0df}
 .wayfinding-art{object-position:70% center}
}