.about-page{background:#14191f;--muted:#c6d6e7}
.about-page .page-backdrop{position:fixed;inset:0;width:100%;height:100lvh;object-fit:cover;object-position:70% center;filter:brightness(.8) saturate(1.1);opacity:.27}
.about-page:before{background:linear-gradient(90deg,#11161ce8,#11161c99 65%,#11161c59)}
.about-page header{background:#0c1b2be8}
.about-page .about-opening{display:block;padding-top:76px;padding-bottom:76px}
.about-heading{grid-area:heading}
.about-heading h1{font-size:clamp(48px,5vw,76px);letter-spacing:-3px;line-height:1.06;margin:24px 0 36px}
.about-heading .eyebrow{color:#b6d5f1}
.about-origin{grid-area:origin;max-width:760px}
.about-origin .eyebrow{color:#eac48a;margin:0 0 18px}
.about-origin>p:last-child,.about-lesson-inner>p:last-child,.about-gift-inner>p{font-size:18px;line-height:1.9;margin:0;color:#d4e1ed}
.about-lesson{padding-top:0;padding-bottom:76px}
.about-lesson-inner{max-width:960px;margin:0 auto;padding:38px 44px;border-left:3px solid #eac48a;border-radius:0 12px 12px 0;background:#171d25c4;box-shadow:0 15px 40px #030a1526}
.about-lesson-inner .eyebrow{color:#eac48a;margin:0 0 18px}
.about-lesson-inner strong{display:block;max-width:700px;margin-top:28px;font-size:clamp(26px,3vw,39px);font-weight:500;line-height:1.3;letter-spacing:-.7px;color:#f5f4ec}
.about-gift{padding-top:64px;padding-bottom:76px;background:#171d2545;border-top:1px solid #e1f1ff40;color:#edf4ff}
.about-gift-inner{max-width:860px;margin:auto}
.about-gift h2{margin:0 0 28px;font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;color:#edf4ff}
.about-gift-inner>p{color:#d4e1ed}
.about-gift .button{margin-top:34px;background:#143b5a;color:#f1f7fd}
.about-gift .button:hover{background:#1c4b70}
.about-page footer{background:#0b1b2be8}
@media(max-width:800px){
.about-page .page-backdrop{object-position:68% center;opacity:.22}
.about-page:before{background:linear-gradient(90deg,#11161cd9,#11161c80)}
.about-page .about-opening{padding-top:44px;padding-bottom:44px}
.about-heading h1{font-size:clamp(42px,9vw,64px);margin-bottom:30px}
.about-origin{max-width:none}
.about-origin>p:last-child,.about-lesson-inner>p:last-child,.about-gift-inner>p{font-size:17px;line-height:1.85}
.about-lesson{padding-bottom:44px}
.about-lesson-inner{padding:28px 24px}
.about-lesson-inner strong{margin-top:24px}
.about-gift{padding-top:44px;padding-bottom:48px}
.about-gift h2{letter-spacing:-1px}
}

/* Recolor the image layer itself, fading amber into its original cyan light. */
.about-page .about-backdrop-warm{filter:brightness(.85) sepia(1) saturate(2);mask-image:linear-gradient(90deg,#000 10%,#000d 35%,transparent 80%);pointer-events:none}