/* Preserve the photograph: contrast support follows glyphs, not a panel. */
.hero-motto,.nature-quote{color:#172b24;font-weight:650;letter-spacing:0;background:none;box-shadow:none;text-shadow:0 0 1px #fff,0 0 2px #ffffffd9,0 1px 3px #ffffffa6}
.hero-motto::before,.nature-quote::before{content:none}
.hero-motto{top:11%;right:4.5%;font-size:26px;line-height:1.75;padding:14px 18px}
.nature-quote{top:23px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:85%;font-size:28px;line-height:1.65;padding:12px 30px}
@media(min-width:1600px){.hero-motto{font-size:28px}.nature-quote{font-size:30px}}
@media(min-width:821px) and (max-width:1180px){.hero-motto{font-size:22px}.nature-quote{font-size:24px;padding:10px 20px}}
@media(max-width:820px){.hero-motto{top:7%;right:4%;font-size:21px;padding:8px 10px}.nature-quote{font-size:23px;top:15px;padding:8px 15px}}
@media(max-width:480px){.hero-motto{font-size:17px;line-height:1.7;right:3%;padding:7px}.nature-quote{font-size:20px;line-height:1.6;top:10px;padding:7px 12px}}

.hero-motto,.nature-quote{isolation:isolate;text-shadow:0 1px 2px #ffffffb3}
.hero-motto::before,.nature-quote::before{
 content:"";position:absolute;inset:1px -4px;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at center,rgba(255,253,246,.69) 0%,rgba(255,253,246,.57) 40%,rgba(255,253,246,.22) 67%,rgba(255,253,246,0) 83%);
 filter:blur(5px);
}
@media(max-width:480px){.hero-motto::before,.nature-quote::before{inset:0 -3px;filter:blur(3px)}}