.home-hero {
    position:relative; overflow:hidden; display:flex; align-items:center; min-height:360px;
    margin:20px 0 28px; padding:52px 54px; color:#fff; border-radius:7px;
    background:linear-gradient(125deg,#14283f 0%,#174d63 70%,#1d6d70 100%);
    box-shadow:0 6px 18px rgba(20,40,63,.2);
}
.hero-copy { position:relative; z-index:2; max-width:720px; }
.hero-kicker,.feature-kicker,.section-heading>span {
    display:block; margin-bottom:8px; color:#7ed6c4; font-size:13px; font-weight:700;
    letter-spacing:1.2px; text-transform:uppercase;
}
.home-hero h1 { margin:0 0 16px; color:#fff; font-size:46px; line-height:1.08; font-weight:700; }
.home-hero p { max-width:650px; margin:0 0 24px; color:#eaf4f5; font-size:20px; line-height:1.5; }
.hero-actions .btn { margin:0 8px 8px 0; padding:11px 20px; }
.home-hero .btn-primary { background:#d64541; border-color:#bd3835; }
.home-hero .btn-primary:hover,.home-hero .btn-primary:focus { background:#bd3835; border-color:#a8322f; }
.hero-ball {
    position:absolute; right:-55px; bottom:-82px; width:285px; height:285px;
    border-radius:50%; background:#bf3739; opacity:.92; transform:rotate(-18deg);
    box-shadow:inset -24px -18px 0 rgba(0,0,0,.1);
}
.hero-ball:before,.hero-ball:after,.hero-ball span:before,.hero-ball span:after {
    content:""; position:absolute; left:137px; width:3px; height:78px; background:#f6d7c9; border-radius:3px;
}
.hero-ball:before { top:45px; }
.hero-ball:after { bottom:45px; }
.hero-ball span:before { top:42px; left:126px; transform:rotate(-9deg); }
.hero-ball span:after { top:42px; left:148px; transform:rotate(9deg); }

.site-stats {
    display:flex; margin:0 0 42px; padding:22px 15px; background:#fff;
    border:1px solid #dce3e8; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.site-stats .stat { flex:1; padding:4px 20px; text-align:center; border-right:1px solid #e2e7eb; }
.site-stats .stat:last-child { border-right:0; }
.site-stats strong { display:block; color:#173f55; font-size:31px; line-height:1.1; }
.site-stats span { display:block; margin-top:5px; color:#5e6a72; }

.home-section { margin:0 0 48px; }
.home-section-muted { margin-left:-20px; margin-right:-20px; padding:36px 20px 24px; background:#f3f6f7; border-radius:7px; }
.section-heading { max-width:720px; margin-bottom:18px; }
.section-heading>span { color:#26756d; }
.section-heading h2 { margin:0 0 8px; color:#173f55; font-size:30px; }
.section-heading p { color:#5c6870; font-size:16px; }
.destination-grid { display:flex; flex-wrap:wrap; margin:0 -9px; }
.destination-card {
    display:flex; flex-direction:column; width:calc(25% - 18px); min-height:235px;
    margin:9px; padding:22px; background:#fff; border:1px solid #dce3e8; border-radius:6px;
    box-shadow:0 2px 7px rgba(0,0,0,.07); transition:transform .15s ease,box-shadow .15s ease;
}
.destination-card:hover { transform:translateY(-2px); box-shadow:0 6px 15px rgba(0,0,0,.11); }
.card-label { margin-bottom:12px; color:#26756d; font-size:12px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }
.destination-card h3 { margin:0 0 10px; font-size:20px; line-height:1.3; }
.destination-card h3 a { color:#173f55; }
.destination-card p { margin-bottom:18px; color:#5c6870; line-height:1.55; }
.card-link { margin-top:auto; color:#b33235; font-weight:700; }
.card-link span { margin-left:4px; }

.grounds-feature {
    display:flex; gap:45px; margin:8px 0 45px; padding:35px 38px;
    color:#fff; background:#173f55; border-radius:7px;
}
.grounds-feature>div { flex:1; }
.grounds-feature h2 { margin:0 0 12px; color:#fff; font-size:28px; }
.grounds-feature p { color:#e3eef1; font-size:16px; line-height:1.6; }
.feature-points>div { display:flex; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.18); }
.feature-points>div:last-child { border-bottom:0; }
.feature-points strong { width:75px; color:#7ed6c4; }
.feature-points span { flex:1; color:#eef6f7; }

@media (max-width:991px) {
    .home-hero { padding:42px 36px; }
    .home-hero h1 { font-size:39px; }
    .hero-ball { right:-120px; opacity:.55; }
    .destination-card { width:calc(50% - 18px); }
}
@media (max-width:650px) {
    .home-hero { min-height:0; padding:34px 24px; }
    .home-hero h1 { font-size:34px; }
    .home-hero p { font-size:17px; }
    .hero-ball { display:none; }
    .site-stats { display:block; }
    .site-stats .stat { padding:12px; border-right:0; border-bottom:1px solid #e2e7eb; }
    .site-stats .stat:last-child { border-bottom:0; }
    .destination-card { width:calc(100% - 18px); min-height:0; }
    .grounds-feature { display:block; padding:28px 24px; }
    .feature-points { margin-top:20px; }
}