/* Supplied 759 × 498 reference, rebuilt with semantic HTML and native SVG icons. */
@font-face{font-family:"Libre Baskerville";src:url('../fonts/hero/libre-baskerville-var.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.srvs{--srvs-ink:#073b57;--srvs-title:#9d6e5c;--srvs-title-accent:#a77a72d4;--srvs-label:#997347;--srvs-h2:clamp(34px,2.95vw,56px);--srvs-home-k:calc((min(100vw,1900px) - max(clamp(40px,4.2vw,64px),calc((min(100vw,1900px) - 1400px)/2)))/1745);--srvs-accent:#08788b;--srvs-paper:var(--cream,#faf7ef);--srvs-line:#9ab8bc;--srvs-heading:"Libre Baskerville",Georgia,"Times New Roman",serif;--srvs-text:"HP Text",Arial,sans-serif;position:relative;isolation:isolate;background:transparent;color:var(--srvs-ink);container-type:inline-size;max-width:1400px;margin:100px auto 0;scroll-margin-top:100px}
/* Eased alpha stops avoid the visible bands of a short, linear edge fade. */
.srvs{--srvs-fade-x:linear-gradient(to right,transparent 0%,rgba(0,0,0,.025) 1%,rgba(0,0,0,.1) 2.5%,rgba(0,0,0,.26) 4.5%,rgba(0,0,0,.5) 7%,rgba(0,0,0,.74) 9.5%,rgba(0,0,0,.9) 12%,#000 16%,#000 82%,rgba(0,0,0,.95) 85%,rgba(0,0,0,.8) 88%,rgba(0,0,0,.56) 91%,rgba(0,0,0,.3) 94%,rgba(0,0,0,.1) 97%,transparent 100%);--srvs-fade-y:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.0096) 1.5%,rgba(0,0,0,0.0381) 3%,rgba(0,0,0,0.0843) 4.5%,rgba(0,0,0,0.1464) 6%,rgba(0,0,0,0.2222) 7.5%,rgba(0,0,0,0.3087) 9%,rgba(0,0,0,0.4025) 10.5%,rgba(0,0,0,0.5000) 12%,rgba(0,0,0,0.5975) 13.5%,rgba(0,0,0,0.6913) 15%,rgba(0,0,0,0.7778) 16.5%,rgba(0,0,0,0.8536) 18%,rgba(0,0,0,0.9157) 19.5%,rgba(0,0,0,0.9619) 21%,rgba(0,0,0,0.9904) 22.5%,#000 24%,#000 78%,rgba(0,0,0,.9) 83%,rgba(0,0,0,.65) 88%,rgba(0,0,0,.35) 92%,rgba(0,0,0,.1) 96%,transparent 100%)}
.srvs *{box-sizing:border-box}
.srvs :is(h2,h3,p,ul){margin:0;padding:0}
.srvs__canvas{position:relative;aspect-ratio:759/498;overflow:hidden}
.srvs__backdrop{position:absolute;inset:0;isolation:isolate;pointer-events:none;mask-image:var(--srvs-fade-y),var(--srvs-fade-x);mask-composite:intersect}
.srvs__art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
/* Original gallery photo: color grading is reversible CSS; the park itself is unchanged. */
/* A crop of the real photo's unobstructed upper-right sky spans the entire canvas.
   The same grading as the park image keeps the sky continuous across the blend. */
.srvs__photo-sky{position:absolute;inset:0 0 auto;height:45%;background:url('../img/rv-sites-watercolor-20261031/park-motorhome.webp') right top/280% auto no-repeat;filter:brightness(1.1) contrast(.94) saturate(1.08);mask-image:linear-gradient(to bottom,#000 0%,#000 28%,rgba(0,0,0,.92) 40%,rgba(0,0,0,.6) 58%,rgba(0,0,0,.22) 78%,transparent 100%);pointer-events:none}
/* Keep the supplied composition's left sky and shoreline. Its generated RV scene is masked out. */
.srvs__sky{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;mask-image:linear-gradient(to right,#000 0%,#000 49%,rgba(0,0,0,.8) 51%,rgba(0,0,0,.35) 54%,transparent 58%),linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.52) 8%,rgba(0,0,0,.62) 12%,rgba(0,0,0,.82) 18%,#000 25%,#000 43%,rgba(0,0,0,.85) 47%,rgba(0,0,0,.35) 52%,transparent 57%);mask-composite:intersect}
/* Authentic gallery photograph: this layer replaces only the generated park scene. */
.srvs__photo{position:absolute;left:44%;top:0;width:56%;height:57%;object-fit:cover;object-position:center 30%;filter:brightness(1.1) contrast(.94) saturate(1.08);pointer-events:none;mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.08) 5%,rgba(0,0,0,.3) 10%,rgba(0,0,0,.65) 17%,rgba(0,0,0,.92) 24%,#000 31%),linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.94) 77%,rgba(0,0,0,.72) 83%,rgba(0,0,0,.4) 89%,rgba(0,0,0,.12) 95%,transparent 100%);mask-composite:intersect}
/* Transparent watercolor pigment follows the supplied sky reference. */
.srvs__watercolor{display:none;position:absolute;inset:0 0 auto;height:44%;background:url('../img/rv-sites-watercolor-20261031/sky-watercolor-overlay.webp') center top/100% 100% no-repeat;opacity:.9}
/* The translucent paper wash protects the copy while leaving sky visible across the top. */
.srvs__veil{display:none;content:"";position:absolute;inset:0 0 auto;height:53%;pointer-events:none;background:radial-gradient(ellipse 58% 65% at 19% 49%,var(--srvs-paper) 0%,color-mix(in srgb,var(--srvs-paper) 94%,transparent) 35%,color-mix(in srgb,var(--srvs-paper) 65%,transparent) 58%,transparent 83%)}
.srvs__intro{position:absolute;z-index:1;left:7.64%;top:11.85%;width:63%;color:var(--srvs-ink)}
.srvs .srvs__eyebrow{font:400 max(11px,calc(20.2 * var(--srvs-home-k)))/1.4 "Univers Next",Arial,sans-serif;letter-spacing:.116em;text-transform:uppercase;color:var(--srvs-label)}
.srvs .srvs__title{margin-top:1.05cqw;font:700 var(--srvs-h2)/1.14 var(--srvs-heading);letter-spacing:-.012em;color:var(--srvs-title);font-variation-settings:normal}
.srvs__title span{display:block;white-space:nowrap;transform:none}
.srvs__title span+span{font-size:1em;font-weight:400;line-height:inherit;letter-spacing:inherit;color:var(--srvs-title-accent)}
.srvs .srvs__lead{margin-top:1.3cqw;font:400 max(18px,calc(25.2 * var(--srvs-home-k)))/max(24px,calc(32.7 * var(--srvs-home-k))) var(--srvs-text);letter-spacing:normal;color:var(--srvs-ink)}
.srvs__options{position:absolute;inset:53.4% 0 auto;display:grid;grid-template-columns:28.5% 25.3% 20.5% 25.7%}
.srvs__option{position:relative;min-width:0;padding-top:11.22cqw;font-family:var(--srvs-heading)}
.srvs__option+.srvs__option::before{content:'';position:absolute;left:0;top:7.8cqw;height:15cqw;width:1px;background:var(--srvs-line);opacity:.65}
.srvs__option--3::before,.srvs__option--4::before{height:12cqw!important}
.srvs__medallion{position:absolute;top:0;left:50.7%;transform:translateX(-50%);width:10cqw;height:10cqw;display:grid;place-items:center}
.srvs__option--2 .srvs__medallion{left:43.7%}
.srvs__option--4 .srvs__medallion{left:51.3%}
.srvs__medallion svg{width:7.25cqw;height:7.25cqw;fill:none;stroke:var(--srvs-ink);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.srvs .srvs__option h3{font:400 21px/1.08 var(--srvs-heading);letter-spacing:-.005em;color:var(--srvs-ink);white-space:normal}
.srvs__option--1 h3{padding-left:27.5%}
.srvs__option--2 h3{padding-left:10.7%}
.srvs__option--3 h3{padding-left:15.3%}
.srvs__option--4 h3{padding-left:23.5%}
.srvs .srvs__option ul{list-style:none;margin-top:1.32cqw;padding-left:21%;padding-right:2%}
.srvs .srvs__option--2 ul{padding-left:10.5%}
.srvs .srvs__option--3 ul{padding-left:15%}
.srvs .srvs__option--4 ul{padding-left:24%}
.srvs__option li{display:flex;gap:.8cqw;align-items:flex-start;font:400 clamp(15px,1.1vw,18px)/1.4 var(--srvs-heading);margin-top:.65cqw;letter-spacing:-.01em}
.srvs__option li:first-child{margin-top:0}
.srvs__option small{display:block;font:inherit;font-size:1em;white-space:normal}
.srvs__check{flex:none;width:1.7cqw;height:1.7cqw;margin-top:.02cqw;fill:none;stroke:var(--srvs-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.srvs__check--circle{stroke-width:1.5}
.srvs__check--circle circle{fill:var(--srvs-accent);stroke:none}
.srvs__check--circle path{stroke:var(--srvs-paper)}
/* On small screens the same content reflows into two readable columns. */
@media(max-width:1150px){
 .srvs__canvas{aspect-ratio:auto;overflow:hidden;padding:42px 24px 45px;display:flex;flex-direction:column}
 .srvs__backdrop{display:contents}
 .srvs__art{display:none}
 .srvs__sky{display:none}
 .srvs__photo-sky{height:260px;opacity:.24;mask-image:radial-gradient(ellipse 85% 75% at 50% 0%,#000 0%,rgba(0,0,0,.9) 25%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.12) 72%,transparent 90%),linear-gradient(to bottom,transparent,#000 28%);mask-composite:intersect}
 .srvs__watercolor{display:block;height:260px;background-size:100% 100%;opacity:.5;mask-image:var(--srvs-fade-y),var(--srvs-fade-x);mask-composite:intersect}
 .srvs__veil{height:330px;background:radial-gradient(ellipse 90% 80% at 35% 55%,var(--srvs-paper),color-mix(in srgb,var(--srvs-paper) 85%,transparent) 45%,transparent 85%)}
 .srvs__photo{position:relative;inset:auto;order:2;flex:none;width:calc(100% + 48px);max-width:none;height:280px;margin:10px -24px 0;object-position:center 65%;--srvs-fade-y:linear-gradient(to bottom,transparent,rgba(0,0,0,.025) 3%,rgba(0,0,0,.1) 7%,rgba(0,0,0,.3) 13%,rgba(0,0,0,.6) 21%,rgba(0,0,0,.86) 29%,#000 38%,#000 65%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.15) 94%,transparent);mask-image:var(--srvs-fade-y),var(--srvs-fade-x);mask-composite:intersect}

 .srvs__intro{position:relative;inset:auto;width:100%;padding-bottom:0;order:1}
 .srvs .srvs__eyebrow{font-size:12px;letter-spacing:.2em}
 .srvs .srvs__title{margin-top:14px}
 .srvs__title span{transform:none}
 .srvs__title span+span{font-size:1em}
 .srvs .srvs__lead{font-size:24px;line-height:1.3;margin-top:24px;max-width:560px;text-wrap:pretty}
 .srvs__lead br{display:none}
 .srvs__options{position:relative;inset:auto;order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
 .srvs__option{padding:0}
 .srvs__option+.srvs__option::before{display:none}
 .srvs .srvs__medallion{position:relative;left:auto;top:auto;transform:none;width:84px;height:84px;margin:0 auto 14px;background-image:url('../img/rv-sites-watercolor-20261031/watercolor-wash.webp');background-size:850px auto;background-position:-82px -299px;border-radius:50%}
 .srvs__medallion svg{width:59px;height:59px}
 .srvs .srvs__option h3{min-height:2.16em;padding:0;text-align:center;white-space:normal}
 .srvs .srvs__option ul{padding:0;margin-top:14px}
 .srvs__option li{font-size:16px;line-height:1.4;gap:6px;margin-top:10px}
 .srvs__option small{white-space:normal;font-size:inherit}
 .srvs__check{width:14px;height:14px;margin-top:2px}
}
@media(max-width:540px){.srvs .srvs__lead{font-size:21px;line-height:1.4}.srvs .srvs__eyebrow{font-size:10px;letter-spacing:.19em}}
@media(max-width:360px){.srvs__canvas{padding-inline:18px}.srvs__options{column-gap:16px}.srvs__photo{width:calc(100% + 36px);margin-inline:-18px}}

/* The homepage uses its larger body copy below its desktop composition breakpoint. */
@media(min-width:901px) and (max-width:1150px){.srvs .srvs__lead{font-size:24px;line-height:1.3}.srvs .srvs__eyebrow{font-size:12px;letter-spacing:.2em}}

@media(max-width:900px){.srvs{--srvs-h2:clamp(28px,7vw,44px)}}