:root{--navy:#0b3477;--blue:#53ade3;--line:#b9e1f6}*{box-sizing:border-box}body{margin:0;color:#173b6b;background:#fff;font-family:Arial,serif;line-height:1.32}.page-width{width:min(100%,806px);margin:auto}.topbar{background:#fff}.nav-wrap{min-height:50px;display:flex;align-items:center;gap:18px;padding:0 27px}.brand{width:245px}.brand img{width:100%;display:block}.main-nav{margin-left:auto;display:flex;gap:23px;font:8px Arial,sans-serif}.main-nav a,.footer a{text-decoration:none;color:#12366c}.phone-pill{background:#59afe2;color:#fff;text-decoration:none;font:700 14px Arial,sans-serif;padding:8px 20px;border-radius:2px;white-space:nowrap}.hero{height:377px}.hero-grid{height:100%;display:grid;grid-template-columns:43% 57%;overflow:hidden}.hero-copy{padding:45px 8px 0 36px;background:linear-gradient(90deg,#fff 0,#fff 88%,rgba(255,255,255,.86) 100%)}.hero-copy h1{margin:0;color:var(--navy);font-size:54px;line-height:.9;letter-spacing:-1.5px}.hero-copy h1 span{color:var(--blue)}.hero-copy h2{font-size:24px;line-height:1.06;margin:14px 0 10px;color:var(--navy)}.hero-copy p{font-size:14px;margin:8px 0;max-width:300px}.rule{width:76px;height:2px;background:#82c9ec;margin:11px 0}.hero-copy .script{font-family:"Brush Script MT","Segoe Script",cursive;color:#26a6ef;font-size:37px;line-height:1;margin:8px 0 2px}.hero-copy .here{text-align:center;font-weight:700;font-size:16px;margin-right:72px}.hero-photo{background:url('../images/hero-photo.webp') center/cover no-repeat}.quick-strip{background:linear-gradient(90deg,#edf9ff,#dff4ff,#effaff);border-top:1px solid #e3f5fd;border-bottom:1px solid #d9edf7}.quick-grid{min-height:104px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 28px}.quick-grid article{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center;padding-right:15px;border-right:1px solid #9fd8f1}.quick-grid article+article{padding-left:15px}.quick-grid article:last-child{border-right:0}.quick-grid h3{margin:0 0 7px;font-size:16px;line-height:1.02;color:var(--navy)}.quick-grid p{margin:0;font-size:11px;line-height:1.15}.round-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#56afe5;color:#fff;font:300 30px Arial,sans-serif}.round-icon svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.planning-grid{display:grid;grid-template-columns:56% 44%;min-height:239px}.planning-copy{padding:17px 18px 12px 24px}.planning h2,.timeline>h2,.info-col h2,.alone-copy h2,.talk-copy h2{margin:0;color:var(--navy);font-size:22px;line-height:1.1}.planning-copy p{font-size:13px;margin:8px 0 10px}.soft-card{background:#e5f5fd;border-radius:9px;padding:10px 18px}.soft-card strong{display:block;font-family:"Brush Script MT","Segoe Script",cursive;font-size:24px;font-weight:400;line-height:1;color:#285997;margin-bottom:7px}.soft-card span{font-size:12px}.planning-image{position:relative;background:url('../images/planning-hands.jpg') center/cover no-repeat}.planning-caption{position:absolute;right:17px;bottom:10px;text-align:right;color:#fff;font-size:15px;line-height:1.06;font-weight:700;text-shadow:0 1px 3px #000}.timeline{padding:12px 20px 0}.timeline>h2{font-size:24px}.section-note{margin:2px 0 14px;font-size:12px}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.timeline-card{border:1px solid #dceaf3;border-radius:7px;box-shadow:0 2px 7px rgba(12,48,91,.08);overflow:visible;background:#fff}.timeline-head{background:linear-gradient(#e7f8ff,#d9f1fd);text-align:center;padding:7px 5px 6px;color:#1172b8;line-height:1.08;min-height:46px;position:relative}.timeline-card:not(:last-child) .timeline-head:after{content:"";position:absolute;right:-13px;top:13px;width:11px;height:11px;border-top:4px solid #5aaee0;border-right:4px solid #5aaee0;transform:rotate(45deg);z-index:2}.timeline-head strong{display:block;font-size:13px}.timeline-head span{display:block;font-size:11px;font-weight:700}.timeline-body{padding:9px 10px 4px;min-height:165px;font-size:11px}.timeline-body p{margin:0 0 8px}.timeline-body ul{margin:0;padding-left:14px}.timeline-card details{margin:0 10px 10px}.timeline-card summary{list-style:none;background:#d9f2fd;border-radius:16px;padding:6px 24px 6px 10px;text-align:center;font-size:11px;font-weight:700;cursor:pointer;position:relative}.timeline-card summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.timeline-card summary:after,.faq summary:after{content:"⌄";position:absolute;right:10px;color:#0c5c99}.timeline-card details div{padding:8px 4px 0;font-size:10.5px}.timeline-card details ul{margin:0;padding-left:14px}.info-section{display:grid;grid-template-columns:1.1fr 1fr .95fr;padding:14px 22px 18px}.info-col{padding:0 12px}.info-col:first-child{padding-left:3px}.info-col+.info-col{border-left:1px solid #dbe8f0}.info-col h2{font-size:19px}.info-col>p{font-size:11px;margin:3px 0 7px}.check-list{list-style:none;padding:0;margin:0 0 11px}.check-list li{font-size:11.5px;margin-bottom:5px;padding-left:24px;position:relative}.check-list li:before{content:"";position:absolute;left:0;top:0;width:13px;height:13px;border:1.5px solid #4da4de;border-radius:2px}.mini-card{background:#e5f5fd;border-radius:7px;padding:12px 11px;font-size:10.5px}.helps dl{margin:7px 0}.helps dt{color:#006fb7;font-weight:700;font-size:12px;margin-top:7px}.helps dd{margin:0;font-size:10.7px;line-height:1.25}.faq details{background:#f1f4f7;border-radius:5px;margin-bottom:4px}.faq summary{list-style:none;padding:5px 24px 5px 8px;font:10px Arial,sans-serif;cursor:pointer;position:relative}.faq summary:after{top:1px;font-size:16px}.faq details p{font-size:10px;padding:0 8px 7px;margin:0}.question-box{margin-top:10px;background:#dff3fd;border-radius:7px;display:flex;align-items:center;gap:10px;padding:9px 12px}.mail-icon{font-size:31px}.question-box div{display:flex;flex-direction:column}.question-box strong{font-size:13px}.question-box span{font-size:10px}.question-box a{font-size:12px;color:var(--navy);text-decoration:none;font-weight:700}.mini-card a{font-size:14px;color:var(--navy);text-decoration:none;font-weight:700}.alone{border-top:1px solid #dce9f0}.alone-grid{min-height:185px;display:grid;grid-template-columns:32% 50% 18%}.alone-image{background:url('../images/alone-man.jpg') center/cover no-repeat}.alone-copy{padding:18px 10px 5px 16px}.alone-copy h2{font-size:24px}.alone-copy p{font-size:11px;margin:7px 0}.alone-copy h3{font-size:18px;color:#159ada;margin:15px 0 3px}.alone-copy .no-pressure{font-size:15px}.alone-script,.talk-script{font-family:"Brush Script MT","Segoe Script",cursive;color:#14549a;text-align:center;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg)}.alone-script{font-size:20px;line-height:1.25}.talk{min-height:222px;background:url('../images/beach-bg.jpg') center bottom/cover no-repeat;position:relative}.talk:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.9) 62%,rgba(255,255,255,.5))}.talk-grid{position:relative;z-index:1;min-height:222px;display:grid;grid-template-columns:36% 48% 16%;padding:25px 27px 0}.talk-brand img{width:230px;max-width:100%;display:block}.talk-brand span{display:block;font-size:11px;margin-left:70px;margin-top:-5px}.talk-copy h2{font-size:26px}.talk-copy p{font-size:11px;max-width:330px;margin:5px 0 13px}.contact-line{display:flex;align-items:center;gap:14px}.contact-line a{font-size:18px;font-weight:700;color:var(--navy);text-decoration:none}.contact-line i{height:19px;width:1px;background:var(--navy)}.talk-copy small{display:block;margin-top:6px;font-size:10.5px}.talk-script{color:#1499d8;font-size:22px;line-height:1.15;align-items:flex-start;padding-top:8px}.footer{min-height:76px;background:#07387a;border-top:4px solid #65b8e7}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:center;position:relative}.footer nav{display:flex}.footer nav a{color:#fff;font:9px Arial,sans-serif;padding:0 14px;border-right:1px solid rgba(255,255,255,.7)}.footer nav a:last-child{border-right:0}.social{position:absolute;right:47px;display:flex;gap:13px}.social a{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#07387a;font:700 13px Arial,sans-serif;text-decoration:none}.social a:last-child{border-radius:2px;font-size:10px}
@media(max-width:760px){.nav-wrap{min-height:72px;padding:8px 15px;flex-wrap:wrap}.brand{width:210px}.main-nav{order:3;width:100%;justify-content:center;gap:14px;padding:7px 0 5px;font-size:11px}.phone-pill{margin-left:auto;font-size:13px;padding:8px 10px}.hero{height:auto}.hero-grid{display:block}.hero-copy{padding:30px 24px 24px}.hero-copy h1{font-size:50px}.hero-photo{height:300px}.quick-grid{grid-template-columns:1fr 1fr;padding:14px}.quick-grid article{border-right:0;border-bottom:1px solid #a7d9ef;padding:12px}.planning-grid{grid-template-columns:1fr}.planning-copy{padding:24px}.planning-image{height:260px}.timeline{padding:25px 18px}.timeline-grid{grid-template-columns:1fr 1fr}.timeline-card:not(:last-child) .timeline-head:after{display:none}.timeline-body{min-height:0}.info-section{grid-template-columns:1fr;padding:12px 18px 25px}.info-col,.info-col:first-child{padding:18px 0}.info-col+.info-col{border-left:0;border-top:1px solid #dbe8f0}.alone-grid{grid-template-columns:1fr}.alone-image{height:260px}.alone-copy{padding:24px}.alone-script{padding:10px 0 25px}.talk-grid{grid-template-columns:1fr;padding:25px 22px 40px}.talk-script{justify-content:flex-start;text-align:left;padding-top:18px}.footer-inner{padding:22px;display:block;text-align:center}.footer nav{flex-wrap:wrap;justify-content:center}.social{position:static;justify-content:center;margin-top:15px}}
@media(max-width:480px){.brand{width:185px}.main-nav{gap:8px;flex-wrap:wrap}.hero-copy h1{font-size:43px}.hero-copy h2{font-size:21px}.hero-photo{height:245px}.quick-grid{grid-template-columns:1fr}.quick-grid article{grid-template-columns:55px 1fr}.timeline-grid{grid-template-columns:1fr}.contact-line{flex-wrap:wrap;gap:8px}.contact-line i{display:none}.contact-line a{width:100%}}

/* =========================================================
   WIDE LANDING PAGE REVISION
   2026-09-15
   ========================================================= */

/* Open the design up on desktop so it feels like a true landing page,
   not a narrow boxed site template. */
.page-width{
  width:min(94vw,1380px);
  max-width:1380px;
}

/* Header */
.topbar{
  background:#fff;
  border-bottom:1px solid #eef3f7;
}
.nav-wrap{
  min-height:96px;
  padding:4px 28px;
  gap:34px;
}
.brand{
  width:250px;
  flex:0 0 250px;
}
.brand img{
  width:250px;
  height:88px;
  object-fit:contain;
}
.main-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:36px;
  font:600 15px/1.2 Arial,Helvetica,sans-serif;
}
.main-nav a{
  padding:16px 0;
  white-space:nowrap;
}
.main-nav a:hover{
  color:#43a9df;
}
.phone-pill{
  font:700 18px/1 Arial,Helvetica,sans-serif;
  padding:13px 24px;
  border-radius:3px;
}

/* Hero — proportioned to match the supplied topheader.png while remaining
   true HTML + CSS with a separate photo background. */
.hero{
  height:515px;
  background:#fff;
}
.hero-grid{
  width:min(100%,1380px);
  height:100%;
  grid-template-columns:43% 57%;
  position:relative;
  overflow:hidden;
}
.hero-copy{
  z-index:2;
  padding:52px 34px 24px 50px;
  background:linear-gradient(90deg,#fff 0%,#fff 82%,rgba(255,255,255,.97) 91%,rgba(255,255,255,.72) 100%);
}
.hero-copy h1{
  font-size:78px;
  line-height:.86;
  letter-spacing:-2px;
}
.hero-copy h2{
  font-size:31px;
  line-height:1.08;
  margin:22px 0 16px;
}
.hero-copy p{
  font-size:18px;
  line-height:1.42;
  max-width:475px;
  margin:12px 0;
}
.hero-copy .script{
  font-size:53px;
  line-height:1;
  margin-top:16px;
}
.hero-copy .here{
  font-size:20px;
  text-align:center;
  max-width:360px;
  margin:3px 0 0 55px;
}
.rule{
  width:92px;
  height:3px;
  margin:15px 0;
}
.hero-photo{
  background-image:url('../images/hero-photo.webp');
  background-size:cover;
  background-position:center center;
  min-width:0;
}

/* Four information items immediately below the hero */
.quick-strip{
  background:linear-gradient(90deg,#edf9ff 0%,#dff4ff 48%,#eefaff 100%);
  border-top:0;
  border-bottom:1px solid #d5edf8;
}
.quick-grid{
  min-height:142px;
  padding:0 42px;
  grid-template-columns:repeat(4,1fr);
}
.quick-grid article{
  grid-template-columns:66px 1fr;
  gap:16px;
  padding:18px 30px 18px 0;
  min-height:100px;
}
.quick-grid article+article{
  padding-left:30px;
}
.quick-grid h3{
  font-size:21px;
  line-height:1.05;
  margin:0 0 8px;
}
.quick-grid p{
  font-size:14px;
  line-height:1.28;
}
.round-icon{
  width:60px;
  height:60px;
  font-size:38px;
}
.round-icon svg{
  width:39px;
  height:39px;
}

/* Scale the rest of the page into the wider presentation rather than
   leaving the lower sections narrow. */
.planning-grid{grid-template-columns:55% 45%;min-height:335px}
.planning-copy{padding:30px 36px 22px 42px}
.planning h2,.timeline>h2,.info-col h2,.alone-copy h2,.talk-copy h2{font-size:30px}
.planning-copy p{font-size:17px;line-height:1.42;margin:12px 0 18px}
.soft-card{padding:18px 24px}
.soft-card strong{font-size:33px}
.soft-card span{font-size:15px}
.planning-caption{font-size:19px;right:26px;bottom:20px}

.timeline{padding:25px 34px 0}
.timeline>h2{font-size:34px}
.section-note{font-size:15px;margin:5px 0 20px}
.timeline-grid{gap:14px}
.timeline-head{padding:10px 8px 9px;min-height:60px}
.timeline-head strong{font-size:17px}
.timeline-head span{font-size:13px}
.timeline-body{padding:14px 16px 8px;min-height:230px;font-size:14px;line-height:1.35}
.timeline-body ul{padding-left:20px}
.timeline-card summary{font-size:14px;padding:9px 30px 9px 12px}
.timeline-card details div{font-size:13px}

.info-section{padding:25px 34px 30px}
.info-col{padding:0 22px}
.info-col h2{font-size:27px}
.info-col>p{font-size:14px}
.check-list li{font-size:14px;margin-bottom:8px;padding-left:27px}
.check-list li:before{width:15px;height:15px}
.mini-card{font-size:13px;padding:16px}
.helps dt{font-size:15px}
.helps dd{font-size:13px}
.faq summary{font-size:13px;padding:8px 28px 8px 10px}
.faq details p{font-size:12px;padding:0 10px 10px}
.question-box strong{font-size:16px}
.question-box span{font-size:12px}
.question-box a{font-size:15px}

.alone-grid{min-height:255px;grid-template-columns:31% 51% 18%}
.alone-copy{padding:28px 22px}
.alone-copy h2{font-size:32px}
.alone-copy p{font-size:14px}
.alone-copy h3{font-size:23px}
.alone-copy .no-pressure{font-size:19px}
.alone-script{font-size:27px}

.talk{min-height:300px}
.talk-grid{min-height:300px;padding:35px 42px 0;grid-template-columns:33% 50% 17%}
.talk-brand img{width:250px}
.talk-copy h2{font-size:35px}
.talk-copy p{font-size:14px;max-width:470px}
.contact-line a{font-size:23px}
.talk-copy small{font-size:13px}
.talk-script{font-size:28px}

.footer{min-height:90px}
.footer-inner{min-height:86px}
.footer nav a{font-size:12px;padding:0 20px}
.social{right:55px}

@media(max-width:1100px){
  .page-width{width:min(96vw,1080px)}
  .nav-wrap{gap:18px;padding-left:18px;padding-right:18px}
  .main-nav{gap:18px;font-size:13px}
  .phone-pill{font-size:15px;padding:11px 15px}
  .hero{height:470px}
  .hero-copy{padding:45px 22px 20px 35px}
  .hero-copy h1{font-size:67px}
  .hero-copy h2{font-size:27px}
  .hero-copy p{font-size:16px}
  .quick-grid{padding:0 22px}
  .quick-grid article{grid-template-columns:56px 1fr;padding-right:16px;gap:10px}
  .quick-grid article+article{padding-left:16px}
  .round-icon{width:52px;height:52px}
  .quick-grid h3{font-size:18px}
  .quick-grid p{font-size:12px}
}

@media(max-width:760px){
  .page-width{width:100%}
  .nav-wrap{padding:8px 15px;gap:8px}
  .brand,.brand img{width:210px;height:auto}
  .main-nav{font-size:13px;gap:16px}
  .hero{height:auto}
  .hero-copy{padding:30px 24px 25px}
  .hero-copy h1{font-size:54px}
  .hero-copy h2{font-size:24px}
  .hero-copy p{font-size:15px}
  .hero-copy .script{font-size:42px}
  .hero-copy .here{font-size:17px;margin-left:20px}
  .hero-photo{height:330px}
  .quick-grid{grid-template-columns:1fr 1fr;padding:12px 18px}
  .quick-grid article,.quick-grid article+article{padding:14px}
  .quick-grid h3{font-size:18px}
  .quick-grid p{font-size:13px}
  .planning h2,.timeline>h2,.info-col h2,.alone-copy h2,.talk-copy h2{font-size:26px}
  .timeline-grid{grid-template-columns:1fr 1fr}
  .timeline-body{min-height:0}
}

@media(max-width:480px){
  .brand,.brand img{width:185px}
  .phone-pill{font-size:13px;padding:9px 10px}
  .main-nav{font-size:12px;gap:10px}
  .hero-copy h1{font-size:46px}
  .hero-copy h2{font-size:21px}
  .hero-photo{height:250px}
  .quick-grid{grid-template-columns:1fr}
  .timeline-grid{grid-template-columns:1fr}
}

/* 2026-09-15 update: separate "You Don’t Have to Figure This Out Alone" and "Let’s Talk" sections more clearly */
.alone{
  background:#fff;
  border-top:1px solid #dce9f0;
  border-bottom:1px solid #dce9f0;
  position:relative;
  z-index:2;
}
.alone-grid{
  min-height:195px;
}
.talk{
  margin-top:0;
  background-color:#edf7fc;
  border-top:0;
  position:relative;
  z-index:1;
}
.talk:before{
  background:linear-gradient(90deg,rgba(241,248,252,.98),rgba(241,248,252,.93) 62%,rgba(241,248,252,.55));
}
@media(max-width:760px){
  .alone{border-bottom:0}
  .talk{border-top:1px solid #dce9f0}
}

/* 2026-09-16 update: make the Let's Talk section match the original artwork exactly */
.talk{
  min-height:215px;
  background:none;
}
.talk:before{display:none}
.talk-art{
  height:215px;
  background:url('../images/beach-bg.jpg') center top/100% 100% no-repeat;
}
/* hide old layout pieces if they are cached in older HTML */
.talk-grid,.talk-brand,.talk-copy,.talk-script{display:none}
@media(max-width:760px){
  .talk{min-height:auto}
  .talk-art{height:auto;aspect-ratio:806/215;background-size:contain}
}

/* 2026-09-16 update: render the Let's Talk artwork as a direct image so it matches exactly */
.talk{
  min-height:0;
  background:none !important;
  border-top:0;
}
.talk .page-width{
  display:block;
}
.talk-img{
  display:block;
  width:100%;
  height:auto;
}
.talk-art{display:none !important}

/* 2026-09-16 update: rebuild the Let's Talk section as HTML with beach scene */
.talk{
  min-height:0;
  background:none !important;
  border-top:0;
}
.talk .page-width{display:block}
.talk-img,.talk-art{display:none !important}
.talk-html{
  min-height:215px;
  display:grid;
  grid-template-columns:35% 47% 18%;
  align-items:start;
  gap:0;
  padding:20px 26px 0;
  background:
    linear-gradient(180deg, rgba(239,246,251,0.96) 0%, rgba(239,246,251,0.92) 38%, rgba(239,246,251,0.74) 62%, rgba(239,246,251,0.12) 100%),
    url('../images/talk-beach-bg.jpg') center bottom/cover no-repeat;
  overflow:hidden;
}
.talk-logo-wrap{
  display:flex;
  align-items:flex-start;
}
.talk-logo-img{
  width:270px;
  max-width:100%;
  height:auto;
  display:block;
}
.talk-content-html{
  padding-left:8px;
  color:#0d3478;
}
.talk-content-html h2{
  margin:0 0 6px;
  color:#0b3477;
  font-size:26px;
  line-height:1.05;
}
.talk-content-html p{
  margin:0 0 14px;
  font-size:13px;
  line-height:1.35;
  max-width:390px;
  color:#243f6a;
}
.talk-contact-html{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:8px;
  flex-wrap:wrap;
}
.talk-contact-html a{
  color:#0b3477;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
  line-height:1;
}
.talk-divider{
  color:#0b3477;
  font-weight:700;
  font-size:18px;
  line-height:1;
}
.talk-meta-html{
  color:#233b5a;
  font-size:11px;
}
.talk-note-html{
  justify-self:end;
  padding-top:2px;
  text-align:center;
  color:#27a7ef;
  font-family:"Brush Script MT","Segoe Script",cursive;
  font-size:28px;
  line-height:1.15;
  transform:rotate(-6deg);
  padding-right:16px;
}
@media(max-width:760px){
  .talk-html{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 18px 24px;
    background:
      linear-gradient(180deg, rgba(239,246,251,0.98) 0%, rgba(239,246,251,0.92) 55%, rgba(239,246,251,0.32) 100%),
      url('../images/talk-beach-bg.jpg') center bottom/cover no-repeat;
  }
  .talk-logo-img{width:240px}
  .talk-content-html{padding-left:0}
  .talk-content-html h2{font-size:28px}
  .talk-content-html p{font-size:14px;max-width:none}
  .talk-contact-html a,.talk-divider{font-size:22px}
  .talk-meta-html{font-size:12px}
  .talk-note-html{justify-self:start;padding-right:0;font-size:30px}
}
@media(max-width:480px){
  .talk-logo-img{width:210px}
  .talk-content-html h2{font-size:24px}
  .talk-contact-html{gap:8px}
  .talk-contact-html a,.talk-divider{font-size:18px}
}


/* 2026-09-16 FINAL FIX: clean HTML Let's Talk section */
.talk{
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  position:relative;
}
.talk::before,
.talk::after{display:none !important;content:none !important;}
.talk .page-width{
  width:min(100%, 1840px) !important;
  margin:0 auto !important;
  padding:0 !important;
  display:block !important;
}
.talk-html{
  position:relative;
  min-height:300px;
  display:grid !important;
  grid-template-columns:32% 50% 18%;
  align-items:start;
  padding:34px 46px 28px;
  overflow:hidden;
  background-image:
    linear-gradient(90deg, rgba(248,252,255,.94) 0%, rgba(248,252,255,.92) 56%, rgba(248,252,255,.70) 78%, rgba(248,252,255,.36) 100%),
    url('../images/talk-beach-clean.png') !important;
  background-position:center center, center 58% !important;
  background-size:cover, cover !important;
  background-repeat:no-repeat !important;
}
.talk-logo-wrap{
  display:flex !important;
  align-items:flex-start;
  justify-content:flex-start;
  padding-top:3px;
}
.talk-logo-img{
  display:block !important;
  width:360px !important;
  max-width:100% !important;
  height:auto !important;
  opacity:1 !important;
  filter:none !important;
}
.talk-content-html{
  display:block !important;
  padding:4px 18px 0 20px !important;
  color:#0b3477 !important;
  opacity:1 !important;
  position:relative;
  z-index:2;
}
.talk-content-html h2{
  margin:0 0 8px !important;
  color:#0b3477 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:44px !important;
  line-height:1 !important;
  font-weight:700 !important;
  opacity:1 !important;
}
.talk-content-html p{
  margin:0 0 18px !important;
  color:#183b69 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  line-height:1.35 !important;
  max-width:610px !important;
  opacity:1 !important;
}
.talk-contact-html{
  display:flex !important;
  align-items:center;
  gap:10x !important;
  margin:0 0 5px !important;
  flex-wrap:wrap;
  opacity:1 !important;
}
.talk-contact-html a,
.talk-divider{
  color:#0b3477 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  opacity:1 !important;align-items:center;
}
.talk-meta-html{
  color:#183b69 !important;
  font-family:Georgia,"Times New Roman",serif !important;
	padding:10px 0px 0 0 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  opacity:1 !important;
}
.talk-note-html{
  display:block !important;
  align-self:start;
  justify-self:end;
  padding:6px 18px 0 0 !important;
  color:#159fe3 !important;
  font-family:"Brush Script MT","Segoe Script",cursive !important;
  font-size:35px !important;
  line-height:1.15 !important;
  text-align:center;
  transform:rotate(-5deg);
  opacity:1 !important;
  position:relative;
  z-index:2;
}
.talk-img,.talk-art,.talk-grid,.talk-brand,.talk-copy,.talk-script{display:none !important;}

@media(max-width:900px){
  .talk-html{
    min-height:0;
    grid-template-columns:1fr;
    gap:16px;
    padding:28px 24px 80px;
    background-position:center center, center bottom !important;
  }
  .talk-logo-img{width:300px !important;}
  .talk-content-html{padding:0 !important;}
  .talk-content-html h2{font-size:36px !important;}
  .talk-content-html p{font-size:17px !important;}
  .talk-contact-html a,.talk-divider{font-size:20px !important;}
  .talk-meta-html{font-size:14px !important;}
  .talk-note-html{justify-self:start;padding:0 !important;font-size:30px !important;}
}

/* 2026-09-16: increase type size in timeline, signs, hospice help, and FAQ sections */
.timeline .section-note{font-size:16px}
.timeline-head strong{font-size:18px}
.timeline-head span{font-size:14px}
.timeline-body{font-size:15px;line-height:1.4}
.timeline-card summary{font-size:15px}
.timeline-card details div{font-size:14px}

.info-col>p{font-size:15px}
.check-list li{font-size:15px;line-height:1.35}
.mini-card{font-size:14px;line-height:1.4}
.helps dt{font-size:16px}
.helps dd{font-size:14px;line-height:1.35}
.faq summary{font-size:14px;line-height:1.3}
.faq details p{font-size:13px;line-height:1.4}
.question-box strong{font-size:17px}
.question-box span{font-size:13px}
.question-box a{font-size:16px}

/* Mobile layout corrections — based on Version 7, no page background */
@media (max-width:760px){
  /* Planning Ahead: image first, then heading/copy, then Asking About Hospice box */
  .planning-grid{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }
  .planning-image{
    order:1 !important;
    width:100% !important;
    height:260px !important;
    min-height:260px !important;
    background-position:center center !important;
  }
  .planning-copy{
    order:2 !important;
    width:100% !important;
    padding:24px !important;
  }
  .planning-copy h2{margin-top:0 !important}
  .planning-copy .soft-card{
    margin-top:16px !important;
  }

  /* You Don't Have to Figure This Out Alone: image first, text below */
  .alone-grid{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }
  .alone-image{
    order:1 !important;
    width:100% !important;
    height:260px !important;
    min-height:260px !important;
    background-position:center center !important;
  }
  .alone-copy{
    order:2 !important;
    width:100% !important;
    padding:24px !important;
  }
  .alone-script{
    order:3 !important;
    width:100% !important;
    padding:4px 24px 26px !important;
  }
}

@media (max-width:480px){
  .planning-image,
  .alone-image{
    height:230px !important;
    min-height:230px !important;
  }
}

/* 2026-09-16: center script lines on mobile */
@media (max-width:760px){
  .hero-copy .script{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin:10px auto 4px !important;
  }
  .hero-copy .here{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin:0 auto !important;
  }
  .talk-note-html,
  .talk-script{
    display:block !important;
    width:100% !important;
    justify-self:center !important;
    align-self:start !important;
    text-align:center !important;
    padding:0 0 6px !important;
    margin:0 auto !important;
  }
}

/* 2026-09-16: mobile hero image positioning so "More Good Days Matter" remains visible */
@media (max-width:760px){
  .hero-photo{
    background-position: 72% center !important;
  }
}
@media (max-width:480px){
  .hero-photo{
    background-position: 76% center !important;
  }
}


/* 2026-09-16: show the entire hero image on mobile so "More Good Days Matter" is never cropped */
@media (max-width:760px){
  .hero-photo{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:3 / 2 !important;
    background-size:contain !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-color:#fff !important;
  }
}
@media (max-width:480px){
  .hero-photo{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:3 / 2 !important;
    background-size:contain !important;
    background-position:center top !important;
  }
}