/* Homepage intro "Coastal comfort, made easy." — the client's 1855x848 mockup (plate-v2 = mockup with the words and
   button removed, 70px mirrored on the left so the sea oats bleed off-screen). Everything is laid out in mockup pixels
   x --k, where 1745 mockup px (button/lead origin 110 -> right edge 1855) span rail -> frame right edge, so the copy's
   left edge sits on the hero rail (170px / clamp(80px,8.947vw,170px) / 24px) and the art still ends on the frame edge.
   Rails mirror park-here-aerial-live.css; all rules are confined to this section. */
@font-face{font-family:"Comfort Newsreader";src:url("../fonts/hero/newsreader-var.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Comfort Bodoni";src:url("../fonts/library/bauer-bodoni/bauer-bodoni-400.woff2") format("woff2");font-weight:400;font-display:swap}
.cc-intro{--cc-rail:170px;--cc-navy:#073b57;--cc-gold:#997347;--cc-btn:#07435e;position:relative;isolation:isolate;padding:0 0 70px;background:#faf6ef;color:var(--cc-navy);overflow:hidden}
.cc-intro__frame{position:relative;max-width:1900px;margin-inline:auto;container-type:inline-size}
.cc-intro__canvas{--k:calc((100cqw - var(--cc-rail)) / 1745);position:relative}
.cc-intro__art{position:absolute;z-index:-1;left:calc(var(--cc-rail) - 180 * var(--k));top:calc(150px - 40 * var(--k));width:calc(1925 * var(--k));height:auto;max-width:none;pointer-events:none;user-select:none}
.cc-intro__stage{position:relative;height:calc(150px + 808 * var(--k))}
.cc-intro__copy{position:absolute;left:var(--cc-rail);top:calc(150px + 125.7 * var(--k));width:calc(700 * var(--k))}
.cc-intro__kicker{display:flex;align-items:center;gap:max(14px,23 * var(--k));margin:0;color:var(--cc-gold);font:400 max(11px,20.2 * var(--k))/1.4 "Univers Next",Arial,sans-serif;letter-spacing:.145em;text-transform:uppercase}
.cc-intro__kicker::before{content:"";flex:none;width:max(30px,53 * var(--k));height:2px;background:currentColor}
.cc-intro__heading{margin:calc(16.7 * var(--k)) 0 0;color:var(--cc-navy);font-weight:400}
.cc-intro__heading-main{display:block;margin-left:-.04em;font:400 max(58px,109.8 * var(--k))/1 "Comfort Bodoni",Georgia,serif;letter-spacing:-.045em;white-space:nowrap}
.cc-intro__heading-script{display:block;margin:calc(-23.9 * var(--k)) 0 0 .047em;color:var(--cc-gold);font:400 max(60px,138.3 * var(--k))/1 "Coast Snell Roundhand",cursive;letter-spacing:-.015em;white-space:nowrap}
.cc-intro__lead{width:max-content;max-width:none;white-space:nowrap;margin:calc(8.8 * var(--k)) 0 0;font:400 max(18px,24.3 * var(--k))/max(24px,32.7 * var(--k)) "Comfort Newsreader",Georgia,serif;font-variation-settings:"opsz" 14;letter-spacing:-.012em}
.cc-intro__more{display:inline-flex;align-items:center;justify-content:space-between;gap:max(20px,35 * var(--k));min-height:max(50px,67 * var(--k));margin-top:calc(24.2 * var(--k));padding:0 max(30px,41 * var(--k)) 0 max(32px,44 * var(--k));border-radius:999px;background:var(--cc-btn);color:#fffaf1;font:400 max(18px,24.2 * var(--k))/1.1 "Comfort Newsreader",Georgia,serif;font-variation-settings:"opsz" 14;text-decoration:none;box-shadow:0 5px 14px #073b5716;transition:background .2s,transform .2s}
.cc-intro__more svg{flex:none;width:max(18px,22 * var(--k));height:auto;aspect-ratio:24/18;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cc-intro__more:hover{background:#0b536e;transform:translateY(-2px)}
.cc-intro__more:focus-visible{outline:3px solid #0f6f86;outline-offset:5px}
.cc-intro__mobile-photo{display:none}
.cc-intro__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;margin:calc(-10 * var(--k)) var(--cc-rail) 0;padding:0 0 35px}
.cc-intro__stat{display:flex;align-items:flex-start;gap:clamp(14px,1.6cqw,25px);padding:0 clamp(18px,2cqw,32px);border-left:1px solid #b798716e}
.cc-intro__stat:first-child{padding-left:0;border-left:0}
.cc-intro__stat:last-child{padding-right:0}
.cc-intro__icon{display:grid;place-items:center;flex:none;width:clamp(60px,5cqw,78px);height:clamp(60px,5cqw,78px);border-radius:50%;background:linear-gradient(135deg,#f7efdf,#faedd7);color:var(--cc-navy)}
.cc-intro__icon svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cc-intro__stat b{display:block;margin:4px 0 8px;font:400 clamp(34px,3.05cqw,49px)/1 "Comfort Newsreader",Georgia,serif;letter-spacing:-.035em;white-space:nowrap}
.cc-intro__stat small{display:block;color:#a3754f;font:400 clamp(11px,.86cqw,14px)/1.5 "Univers Next",Arial,sans-serif;letter-spacing:.145em;text-transform:uppercase}
@media(min-width:1901px){.cc-intro__art{-webkit-mask:linear-gradient(90deg,transparent,#000 90px,#000 calc(100% - 90px),transparent);mask:linear-gradient(90deg,transparent,#000 90px,#000 calc(100% - 90px),transparent)}}
@media(max-width:1450px){.cc-intro{--cc-rail:clamp(80px,8.947vw,170px)}}
@media(max-width:1200px){.cc-intro__stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;margin-top:40px}.cc-intro__stat{padding-inline:30px;gap:22px}.cc-intro__stat:nth-child(3){padding-left:0;border-left:0}.cc-intro__stat:nth-child(2){padding-right:0}.cc-intro__stat b{font-size:40px}.cc-intro__stat small{font-size:12px;max-width:190px}.cc-intro__icon{width:70px;height:70px}}
/* stacked: the art is dropped and the pool photo follows the copy */
@media(max-width:1150px){.cc-intro{padding:150px 0 55px}.cc-intro__canvas{--k:1px}.cc-intro__art{display:none}.cc-intro__stage{height:auto}.cc-intro__copy{position:static;width:auto;padding-inline:var(--cc-rail)}.cc-intro__kicker{font-size:12px;gap:16px;letter-spacing:.2em}.cc-intro__kicker::before{width:40px}.cc-intro__heading{margin-top:23px}.cc-intro__heading-main{margin-left:0;font-size:clamp(43px,8.3cqw,76px)}.cc-intro__heading-script{margin:8px 0 0;font-size:clamp(57px,11.5cqw,98px)}.cc-intro__lead{width:auto;max-width:560px;white-space:normal;text-wrap:pretty;font-size:24px;line-height:1.3;margin-top:24px}.cc-intro__lb{display:none}.cc-intro__more{margin-top:25px;min-height:56px;padding:0 34px;gap:30px;font-size:22px}.cc-intro__more svg{width:20px}.cc-intro__mobile-photo{display:block;width:calc(100% - 2 * var(--cc-rail));margin:42px var(--cc-rail) 0;aspect-ratio:1.7;object-fit:cover;-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 90%,transparent);mask-image:linear-gradient(0deg,transparent,#000 12%,#000 90%,transparent)}.cc-intro__stats{margin:35px var(--cc-rail) 0;padding-bottom:0}}
@media(max-width:900px){.cc-intro{--cc-rail:24px}}
@media(max-width:540px){.cc-intro__kicker{font-size:10px;letter-spacing:.19em;gap:12px}.cc-intro__kicker::before{width:30px}.cc-intro__heading-main{font-size:clamp(35px,9.5cqw,48px)}.cc-intro__heading-script{font-size:clamp(51px,14.9cqw,66px)}.cc-intro__lead{font-size:21px;line-height:1.4}.cc-intro__mobile-photo{aspect-ratio:1.25;margin-top:32px}.cc-intro__stats{column-gap:26px;row-gap:30px}.cc-intro__stat{flex-direction:column;padding:0;border:0;gap:9px}.cc-intro__icon{width:62px;height:62px}.cc-intro__stat b{font-size:36px;margin-top:3px}.cc-intro__stat small{font-size:10px;letter-spacing:.11em}}
@media(prefers-reduced-motion:reduce){.cc-intro__more{transition:none}}