@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#06172d;--deep:#071c34;--mid:#113a59;--ice:#73e4ee;--gold:#f4cb7a;--cream:#f7fafb;--ink:#173048;--mute:#587087;--line:#dce8ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);font:16px/1.62 'DM Sans',Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12}.wrap{width:min(1260px,calc(100% - 68px));margin-inline:auto}.skip{position:absolute;top:-80px;left:15px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.site-head{position:absolute;z-index:30;inset:0 0 auto;color:white;background:linear-gradient(180deg,rgba(2,11,25,.62),transparent);transition:background .25s,backdrop-filter .25s}.site-head.scrolled{position:fixed;background:rgba(5,20,38,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 28px #020c1830}.nav-wrap{height:92px;display:flex;align-items:center;gap:26px}.brand img{width:125px;height:78px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:24px;margin:auto}.main-nav a{font-size:.85rem;font-weight:650;white-space:nowrap;opacity:.95}.main-nav a.active,.main-nav a:hover{color:var(--gold)}.actions{display:flex;gap:12px;align-items:center}.phone-pill{border:1px solid #ffffff65;background:#ffffff18;color:white;padding:10px 14px;border-radius:40px;font-size:.84rem;font-weight:700;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:12px 22px;border-radius:99px;font-size:.9rem;font-weight:800;line-height:1.3;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.gold{background:linear-gradient(110deg,#ffe6ab,#e9b65c);color:#081c30;box-shadow:0 9px 24px #f0b75333}.outline{border-color:#8adce388;color:white;background:#0d2b45aa}.nav-action{padding:10px 15px;white-space:nowrap;font-size:.82rem}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:45px;height:45px;border:1px solid #ffffff77;background:#061a3099;border-radius:10px}.menu-toggle span{display:block;width:22px;height:2px;margin:auto;background:white}.mobile-nav{display:none;background:#071c34;padding:12px 24px 24px}.mobile-nav a{display:block;padding:12px 0;color:white;font-weight:700}.eyebrow{color:var(--ice);letter-spacing:.22em;text-transform:uppercase;font-size:.71rem;font-weight:800}.hero{min-height:725px;color:white;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 68% 30%,#174b67,#051629 75%)}.hero-picture{position:absolute;inset:0 0 0 34%;background:url('assets/care-hero.webp') center 31%/cover no-repeat;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06172d 0%,#06172df7 28%,#06172d99 52%,#06172d18 88%),linear-gradient(0deg,#06172d8f,transparent 38%);z-index:-2}.hero .wrap{min-height:725px;display:flex;align-items:center;padding:130px 0 88px}.hero-copy{width:min(585px,60%)}.hero h1{font-size:clamp(3rem,5.3vw,5.25rem);line-height:1.06;margin:22px 0}.hero h1 em,.inner-hero em,.headline em{font-style:normal;color:var(--gold)}.hero p{color:#d4e4ef;font-size:1.04rem;max-width:545px}.hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;color:#c6dae5;font-size:.78rem;margin-top:42px}.hero-trust span+span{border-left:1px solid #ffffff55;padding-left:18px}.hero-mark{position:absolute;bottom:0;height:4px;left:0;right:0;background:linear-gradient(90deg,transparent,#59cfe7,#efc980,transparent)}.inner-hero{background:radial-gradient(circle at 90% 0%,#16405d,#07192e 65%);color:white;padding:170px 0 82px;position:relative;overflow:hidden}.inner-hero:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #ffffff16;border-radius:50%;right:-130px;top:-130px}.inner-hero .wrap{position:relative;z-index:1}.inner-hero h1{font-size:clamp(2.8rem,5.5vw,5rem);max-width:850px;margin:16px 0 22px}.inner-hero p{max-width:670px;color:#cbdde9;font-size:1.1rem}.content{padding:84px 0}.headline{font-size:clamp(2rem,3.5vw,3.6rem);margin-bottom:18px}.kicker{color:#097f92;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.2em}.intro-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro-split figure{margin:0;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px #123d4a20}.intro-split img{width:100%;height:460px;object-fit:cover}.intro-split .description{color:var(--mute)}.intro-split .tagline{font:700 1.45rem Manrope;color:#173d54}.light-section{background:#eaf3f6}.service-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.tile{background:white;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 34px #0d466610;transition:transform .25s,border-color .25s,box-shadow .25s}.tile:hover{transform:translateY(-5px);border-color:#5dbecb;box-shadow:0 18px 38px #0d466621}.tile .symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#e0f5f6;color:#0f718d;font-size:24px;margin-bottom:21px}.tile h3{font-size:1.27rem}.tile p{font-size:.93rem;color:var(--mute)}.tile a,.text-link{display:inline-flex;gap:9px;align-items:center;color:#0b718c;font-weight:800;font-size:.88rem}.tile a:hover,.text-link:hover{text-decoration:underline}.promenade{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gateway{padding:33px;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(150deg,#0e4962,#07172e);color:#fff;border-radius:22px;position:relative;overflow:hidden;transition:transform .25s}.gateway:hover{transform:translateY(-5px)}.gateway:nth-child(2){background:linear-gradient(160deg,#274c5b,#0a203a)}.gateway:nth-child(3){background:linear-gradient(160deg,#114364,#0b2137)}.gateway span{font-size:.72rem;letter-spacing:.17em;color:var(--ice);text-transform:uppercase}.gateway h3{font-size:1.8rem;margin:12px 0}.gateway p{font-size:.92rem;color:#d3e5ef}.gateway b{color:var(--gold);font-size:1.3rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px}.feature-box{padding:29px;border:1px solid var(--line);background:white;border-radius:20px}.feature-box h3{margin-top:0}.feature-box p{color:var(--mute)}.notice{border-left:4px solid #2da9b5;background:#e9f7f8;padding:18px 22px;border-radius:0 12px 12px 0;color:#335466;margin-top:20px;font-size:.92rem}.steps-list{counter-reset:step;display:grid;gap:14px}.step-box{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:22px;background:white;border:1px solid var(--line);border-radius:15px}.step-box .number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0d5270;color:white;font-weight:800}.step-box h3{font-size:1.1rem;margin-bottom:5px}.step-box p{color:var(--mute);margin:0}.faq details{border-bottom:1px solid #d9e7eb;padding:17px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{margin:12px 0 0;color:var(--mute)}.cta-bar{color:white;background:linear-gradient(120deg,#081a34,#104366);padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-inner h2{font-size:clamp(2rem,3vw,3.2rem);margin:0 0 8px}.cta-inner p{color:#bdd4e2;margin:0}.footer{background:#07182d;color:white;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px}.footer-brand{width:150px;height:98px;object-fit:contain;margin-bottom:5px}.footer p,.footer a{color:#b9d0e0;font-size:.89rem}.footer a:hover{color:var(--gold)}.footer-links{display:grid;gap:7px}.footer h3{font-size:1rem;margin-bottom:12px}.fine{border-top:1px solid #ffffff2a;margin-top:35px;padding-top:21px;color:#9bb2c0;font-size:.76rem}.map{width:100%;min-height:365px;border:0;border-radius:20px;box-shadow:0 15px 35px #0d44601a}.subnav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 8px}.subnav a{border:1px solid #bed5dc;border-radius:40px;padding:9px 15px;color:#0f506b;font-weight:700;font-size:.8rem}.subnav a:hover{background:#dff1f6}.care-list{list-style:none;margin:25px 0;padding:0}.care-list li{border-bottom:1px solid #dce9eb;padding:14px 0;display:flex;align-items:flex-start;gap:14px}.care-list li:before{content:'✓';display:grid;place-items:center;flex-shrink:0;background:#e0f6f1;color:#087774;width:28px;height:28px;border-radius:50%;font-weight:900}.pending{color:#5b7186;font-size:.83rem}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.enter{animation:up-in .85s both}@keyframes up-in{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:1050px){.nav-wrap{gap:14px}.main-nav{gap:13px}.main-nav a{font-size:.75rem}.brand img{width:105px}.phone-pill{font-size:.75rem}.nav-action{display:none}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav-wrap{height:77px}.brand img{width:100px;height:67px}.main-nav,.phone-pill,.nav-action{display:none}.menu-toggle{display:flex;margin-left:auto}.mobile-nav:not([hidden]){display:block}.hero{min-height:735px}.hero .wrap{min-height:735px;padding-top:275px;padding-bottom:65px;align-items:flex-end}.hero-copy{width:100%}.hero-picture{inset:0 0 28% 0;background-position:65% center}.hero-shade{background:linear-gradient(0deg,#06172d 25%,#06172dd6 44%,#06172d2a 85%)}.hero h1{font-size:clamp(2.7rem,9vw,4.3rem)}.hero-trust{margin-top:25px}.intro-split,.two-col{grid-template-columns:1fr;gap:32px}.intro-split img{height:320px}.service-preview,.promenade{grid-template-columns:repeat(2,1fr)}.content{padding:60px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-inner{flex-direction:column;align-items:flex-start}.inner-hero{padding:128px 0 62px}}@media(max-width:570px){.service-preview,.promenade{grid-template-columns:1fr}.hero h1{font-size:2.7rem}.hero-links .btn{width:100%}.hero-trust span+span{border:0;padding:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.enter{opacity:1;transform:none;animation:none;transition:none;filter:none}}




/* V23: single continuous image plane under the transparent menu.
   Image fully fills the hero; masks fade only its LEFT side, not its top. */
@media (min-width:801px) {
  .hero { min-height: 725px; isolation:isolate; background:#06172d; }
  .hero-picture {
    position:absolute; inset:0; width:100%; height:100%;
    background-image:url('assets/care-hero.webp');
    background-size:cover;
    background-position:center 38%;
    background-repeat:no-repeat;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 24%,rgba(0,0,0,.45) 37%,black 56%);
    mask-image:linear-gradient(to right,transparent 0%,transparent 24%,rgba(0,0,0,.45) 37%,black 56%);
    z-index:-3;
  }
  .hero-shade {
    position:absolute;inset:0;
    background:linear-gradient(90deg,#06172d 0%,rgba(6,23,45,.98) 25%,rgba(6,23,45,.7) 39%,rgba(6,23,45,.09) 70%),
      linear-gradient(0deg,rgba(6,23,45,.26),transparent 24%);
    z-index:-2;
  }
  .site-head:not(.scrolled){background:linear-gradient(180deg,rgba(3,12,27,.22) 0%,transparent 100%);}
  .hero-copy{position:relative;z-index:1;}
}

/* V24 — intentional subject reframe, not a page/container shift.
   The background image is wider than the hero, so the horizontal position CAN move. */
@media (min-width:801px) {
  .hero-picture {
    background-size: 129% auto;
    background-position: 100% 42%;
  }
  .hero-shade {
    background:linear-gradient(90deg,#06172d 0%,rgba(6,23,45,.98) 23%,rgba(6,23,45,.82) 37%,rgba(6,23,45,.42) 49%,rgba(6,23,45,.06) 69%),
      linear-gradient(0deg,rgba(6,23,45,.24),transparent 28%);
  }
}


/* V25: Hero artwork reaches beneath the integrated top navigation; preserve V24 horizontal framing. */
@media(min-width:801px){
 .hero-picture{
   top:-102px;
   bottom:0;
   height:calc(100% + 102px);
   width:100%;
   background-size:cover;
   background-position: 61% 36%;
   background-repeat:no-repeat;
 }
 .site-head:not(.scrolled){background:transparent;}
 .site-head:not(.scrolled)::before{
   content:"";position:absolute;inset:0;pointer-events:none;
   background:linear-gradient(180deg,rgba(2,11,25,.36),transparent);
 }
 .site-head .nav-wrap{position:relative;z-index:1;}
}
/* V19's staggered reveal effect, adapted for the V24 three-line title. */
.hero-cinematic{animation:none;}
.hero-cinematic .hero-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;}
.hero-cinematic .hero-line>span{display:block;animation:v25Lift 1.08s cubic-bezier(.16,1,.3,1) both;}
.hero-cinematic .hero-line:nth-child(1)>span{animation-delay:.2s;}
.hero-cinematic .hero-line:nth-child(2)>span{animation-delay:.37s;}
.hero-cinematic .hero-line:nth-child(3)>span{animation-delay:.54s;}
.hero-cinematic .hero-line-gold{position:relative;width:max-content;max-width:100%;}
.hero-cinematic .hero-line-gold::after{
 content:"";position:absolute;left:0;bottom:1px;width:0;height:2px;
 background:linear-gradient(90deg,#f2c678,#fff0ba 60%,transparent);
 box-shadow:0 0 13px rgba(243,202,122,.4);
 animation:v25Trace .9s cubic-bezier(.22,1,.36,1) 1.36s both;
}
.hero-cinematic>.eyebrow{animation:v25Soft .75s cubic-bezier(.2,1,.3,1) .05s both;}
.hero-cinematic>p{animation:v25Soft .9s cubic-bezier(.16,1,.3,1) .89s both;}
.hero-cinematic>.hero-links{animation:v25Soft .8s cubic-bezier(.16,1,.3,1) 1.15s both;}
.hero-cinematic>.hero-trust{animation:v25Soft .85s cubic-bezier(.16,1,.3,1) 1.38s both;}
.hero-cinematic .hero-links .gold{position:relative;overflow:hidden;isolation:isolate;}
.hero-cinematic .hero-links .gold::after{
 content:"";position:absolute;inset:-25% auto -25% -95%;width:38%;
 background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);
 transform:skewX(-20deg);animation:v25Shine 1.05s ease 2s both;pointer-events:none;
}
@keyframes v25Lift{from{opacity:0;transform:translate3d(0,105%,0) rotate(1.5deg);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes v25Soft{from{opacity:0;transform:translate3d(0,23px,0);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes v25Trace{from{width:0;opacity:0}to{width:min(205px,65%);opacity:1}}
@keyframes v25Shine{from{left:-95%;opacity:0}18%{opacity:1}to{left:145%;opacity:0}}
@media(max-width:800px){
 .hero-cinematic .hero-line>span{overflow-wrap:normal;}
 .hero-cinematic .hero-line-gold{width:auto;}
}
@media(prefers-reduced-motion:reduce){
 .hero-cinematic .hero-line>span,.hero-cinematic .hero-line-gold::after,
 .hero-cinematic>.eyebrow,.hero-cinematic>p,.hero-cinematic>.hero-links,
 .hero-cinematic>.hero-trust,.hero-cinematic .hero-links .gold::after{
  animation:none!important;opacity:1!important;transform:none!important;filter:none!important;
 }
 .hero-cinematic .hero-line-gold::after{width:min(205px,65%);}
 .hero-cinematic .hero-links .gold::after{display:none;}
}


/* V26 — align hero copy and brand to the intended left edge.
   Do not modify the hero photograph's size, cropping or vertical position. */
@media (min-width: 801px) {
  .hero > .wrap {
    width: calc(100% - 104px);
    max-width: none;
    margin-inline: 52px;
  }
  .site-head .nav-wrap {
    width: calc(100% - 104px);
    max-width: none;
    margin-inline: 52px;
  }
  .hero-copy {
    width: min(600px, 48%);
    max-width: 600px;
  }
}
@media (max-width: 800px) {
  .hero > .wrap,
  .site-head .nav-wrap {
    width: calc(100% - 36px);
    max-width: none;
    margin-inline: 18px;
  }
  .hero-copy { width: 100%; max-width: none; }
}


/* V27 — slide 2 family storytelling carousel; preserves V26 positioning and animations */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-carousel{min-height:725px;isolation:isolate}
.hero-slide{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.05s ease,visibility 1.05s ease;overflow:hidden}
.hero-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}
.hero-slide .hero-picture{inset:0;top:0;bottom:0;z-index:-3;background-image:url('assets/care-hero.webp');background-repeat:no-repeat}
.hero-slide-family .hero-picture{background-image:url('assets/hero-grandparents-v29.webp')}
.hero-slide .hero-shade{z-index:-2;pointer-events:none}
.hero-slide>.wrap{position:relative;z-index:1;min-height:725px;display:flex;align-items:center;padding:130px 0 110px}
.hero-carousel .hero-mark{z-index:5;pointer-events:none}
.hero-slide:not(.is-active) .hero-cinematic .hero-line>span,
.hero-slide:not(.is-active) .hero-cinematic .hero-line-gold::after,
.hero-slide:not(.is-active) .hero-cinematic>.eyebrow,
.hero-slide:not(.is-active) .hero-cinematic>p,
.hero-slide:not(.is-active) .hero-cinematic>.hero-links,
.hero-slide:not(.is-active) .hero-cinematic>.hero-trust,
.hero-slide:not(.is-active) .hero-cinematic .hero-links .gold::after{animation:none!important}
.hero-carousel .hero-slide.is-active .hero-cinematic .hero-line>span{animation-name:v25Lift}
.hero-carousel .hero-slide.is-active .hero-cinematic .hero-line-gold::after{animation-name:v25Trace}
.hero-carousel .hero-slide.is-active .hero-cinematic>.eyebrow,
.hero-carousel .hero-slide.is-active .hero-cinematic>p,
.hero-carousel .hero-slide.is-active .hero-cinematic>.hero-links,
.hero-carousel .hero-slide.is-active .hero-cinematic>.hero-trust{animation-name:v25Soft}
.hero-carousel .hero-slide.is-active .hero-cinematic .hero-links .gold::after{animation-name:v25Shine}
/* Keep the subjects visible on the right and a dark text-friendly area to the left. */
@media(min-width:801px){
 .hero-slide>.wrap{width:calc(100% - 104px);max-width:none;margin-inline:52px}
 .hero-slide .hero-copy{width:min(600px,48%);max-width:600px}
 .hero-slide-family .hero-picture{background-size:cover;background-position:center 43%}
 .hero-slide-family .hero-shade{background:linear-gradient(90deg,#06172d 0%,rgba(6,23,45,.98) 20%,rgba(6,23,45,.8) 34%,rgba(6,23,45,.2) 57%,transparent 82%),linear-gradient(0deg,rgba(6,23,45,.19),transparent 35%)}
}
.hero-slider-controls{position:absolute;z-index:8;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 12px;border:1px solid rgba(220,240,255,.21);background:rgba(5,20,39,.73);color:white;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(0,0,0,.17)}
.hero-slider-controls button{cursor:pointer;border:0;color:inherit;background:transparent;font:700 .8rem 'DM Sans',sans-serif;display:grid;place-items:center;transition:background .2s,transform .2s}
.hero-slider-controls .hero-arrow{font:300 28px/1 Arial,sans-serif;width:30px;height:30px;border-radius:50%}
.hero-slider-controls button:hover{background:rgba(255,255,255,.14)}
.hero-slider-controls .hero-dot{height:30px;width:30px;border-radius:50%}
.hero-slider-controls .hero-dot span{height:7px;width:7px;background:#b4c6d5;border-radius:50%;transition:width .25s,background .25s}
.hero-slider-controls .hero-dot.is-current span{width:25px;background:#f4cb7a;border-radius:999px}
.hero-slider-controls .hero-pause{padding:7px 11px;border-left:1px solid #ffffff35;display:flex;gap:8px;white-space:nowrap}
.hero-slider-controls button:focus-visible{outline:2px solid #f4cb7a;outline-offset:3px}
@media(max-width:800px){
 .hero-carousel,.hero-slide>.wrap{min-height:725px}
 .hero-slide>.wrap{width:calc(100% - 36px);max-width:none;margin-inline:18px;padding-bottom:110px}
 .hero-slide .hero-copy{width:100%;max-width:none}
 .hero-slide-family .hero-picture{background-size:cover;background-position:63% center}
 .hero-slide-family .hero-shade{background:linear-gradient(0deg,#06172d 0%,rgba(6,23,45,.94) 30%,rgba(6,23,45,.37) 74%,rgba(6,23,45,.12) 100%)}
 .hero-slide-family .hero-copy{padding-top:110px}
 .hero-slider-controls{bottom:10px}
}
@media(max-width:480px){
 .hero-carousel,.hero-slide>.wrap{min-height:785px}
 .hero-slide-family .hero-picture{background-position:59% center}
 .hero-slider-controls{gap:4px}
 .hero-slide>.wrap{padding-bottom:120px}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none!important}.hero-carousel .hero-cinematic *{animation:none!important;transition:none!important}.hero-slide-family .hero-picture{animation:none!important}}

/* V29: photo-only approved family composition; overlay remains in accessible HTML. */
@media (min-width:801px){
 .hero-slide-family .hero-picture{background-position:right center;background-size:cover;background-color:#06172d}
 .hero-slide-family .hero-shade{background:linear-gradient(90deg,#06172d 0%,rgba(6,23,45,.99) 19%,rgba(6,23,45,.90) 33%,rgba(6,23,45,.45) 47%,rgba(6,23,45,.06) 72%,transparent 100%),linear-gradient(0deg,rgba(6,23,45,.16),transparent 35%)}
}

/* V30: Reveal Grandma. Limit the dark fade to the left-side text zone,
   leaving family faces unobscured. No changes to photography or layout. */
@media (min-width:801px){
 .hero-slide-family .hero-shade{
  background:linear-gradient(90deg,
   #06172d 0%,
   rgba(6,23,45,.99) 21%,
   rgba(6,23,45,.88) 27%,
   rgba(6,23,45,.52) 33%,
   rgba(6,23,45,.12) 40%,
   transparent 48%),
   linear-gradient(0deg,rgba(6,23,45,.12),transparent 28%);
 }
 .hero-slide-family .hero-copy h1,
 .hero-slide-family .hero-copy p{ text-shadow:0 2px 20px rgba(1,12,27,.24); }
}


/* V31: slide 2 should feel less cropped, with more image visible on the left.
   Use the full image height (no cover crop) and anchor the family to the right.
   Also remove the need for a pause/play control in the visual layout. */
@media (min-width:801px){
  .hero-slide-family .hero-picture{
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #06172d;
  }
  .hero-slide-family .hero-shade{
    background:
      linear-gradient(90deg,
        #06172d 0%,
        rgba(6,23,45,.98) 20%,
        rgba(6,23,45,.90) 31%,
        rgba(6,23,45,.52) 40%,
        rgba(6,23,45,.15) 50%,
        transparent 61%),
      linear-gradient(0deg,rgba(6,23,45,.10),transparent 24%);
  }
}

/* Tighten carousel controls now that the pause/play button is removed. */
.hero-slider-controls{
  gap:8px;
  padding:8px 12px;
}
.hero-slider-controls .hero-arrow{width:32px;height:32px}
.hero-slider-controls .hero-dot{width:26px;height:26px}
.hero-slider-controls .hero-dot span{height:8px;width:8px}
.hero-slider-controls .hero-dot.is-current span{width:24px}

@media (max-width:800px){
  .hero-slide-family .hero-picture{
    background-size: auto 100%;
    background-position: 78% center;
    background-repeat: no-repeat;
  }
  .hero-slide-family .hero-shade{
    background:linear-gradient(0deg,#06172d 0%,rgba(6,23,45,.95) 31%,rgba(6,23,45,.42) 71%,rgba(6,23,45,.12) 100%);
  }
}