.mayor-greeting{position:relative;padding:clamp(56px,7vw,110px) clamp(24px,6.25vw,120px);background:#102520;color:#f5f1e6;isolation:isolate;overflow:hidden;scroll-margin-top:95px}
.mayor-greeting::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 0%,#8eaa7820,transparent 65%)}
.mayor-greeting-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:clamp(28px,7vw,110px);margin-bottom:38px}
.mayor-greeting .eyebrow{font-size:11px;letter-spacing:.17em;color:#9fc5b4;margin:0 0 27px}
.mayor-greeting h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.5vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.07;margin:0}
.mayor-greeting h2 em{font-weight:400;color:#cbd1ad}
.mayor-greeting-heading>p{font-size:clamp(15px,1.3vw,20px);line-height:1.75;color:#c5cdc3;max-width:450px;margin:0 0 5px}
.mayor-greeting-player{box-shadow:0 20px 70px #020d1240;border:1px solid #d4dfbd20}
.mayor-greeting .film-cover-shade{background:linear-gradient(180deg,#091b1100 35%,#061e2240)}
.mayor-greeting .film-play-icon{background:#09272050}
.mayor-greeting .film-play:focus-visible{outline:3px solid #e9d998;outline-offset:-6px}
.mayor-greeting-caption{display:flex;align-items:baseline;justify-content:space-between;gap:22px;border-bottom:1px solid #b2c7ac42;padding:23px 0;font-size:10px;line-height:1.7;letter-spacing:.08em;color:#aebfae}
.mayor-greeting-caption>a{letter-spacing:.02em;text-underline-offset:5px}
.mayor-greeting-caption>a:hover,.mayor-greeting-caption>a:focus-visible{color:#f0e9cb;text-decoration:underline}
.mayor-greeting-caption>a>span{margin-left:8px}
@media(max-width:700px){.mayor-greeting-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.mayor-greeting .eyebrow{font-size:9px;margin-bottom:18px}.mayor-greeting-caption{flex-direction:column;gap:8px;font-size:9px;padding:18px 0}.mayor-greeting h2{font-size:clamp(35px,7.6vw,52px)}}