.quote-section{background:#173238}
.quote-grid{align-items:stretch;gap:48px}
.quote-grid>.quote-story{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:720px;padding:34px;border-radius:6px;color:var(--cream);background-image:linear-gradient(to bottom,rgba(10,30,34,.96) 0%,rgba(10,30,34,.88) 24%,rgba(10,30,34,.16) 45%,rgba(10,30,34,.16) 63%,rgba(10,30,34,.92) 82%,rgba(10,30,34,.97) 100%),url('assets/fence-cleaning-photo.jpg');background-size:cover;background-position:center}
.quote-story>.eyebrow{color:var(--lime)}
.quote-story>h2{font-size:40px;letter-spacing:-1.7px}
.quote-grid>.quote-story>p:not(.eyebrow){color:#e0e8e2;font-size:13px;margin:20px 0 0;max-width:340px}
.quote-scene-labels{flex:1;min-height:210px;display:flex;align-items:center;justify-content:space-around;position:relative;gap:12px;padding:25px 0 50px}
.quote-scene-labels>span{font-size:11px;letter-spacing:.5px;font-weight:600;background:#10282de0;color:var(--cream);border:1px solid #ffffff65;border-radius:30px;padding:6px 15px;box-shadow:0 2px 8px #0002}
.quote-scene-labels>small{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:9px;color:#fff;background:#10282dbd;padding:4px 8px;border-radius:3px;width:max-content;max-width:100%;margin:auto}
.quote-story>.contact-options{margin-top:0;gap:23px;padding-top:20px}
.quote-story .contact-options small{color:var(--lime)}
.quote-story .contact-options a:hover{color:var(--lime)}
@media(max-width:1000px){.quote-grid{gap:28px}.quote-grid>.quote-story{padding:25px}.quote-story>h2{font-size:34px}}
@media(max-width:600px){.quote-grid{gap:24px}.quote-grid>.quote-story{min-height:690px;padding:28px 24px}.quote-story>h2{font-size:36px}.quote-scene-labels{min-height:240px}.quote-story .contact-options a>span{font-size:12px}}