:root{
  --navy:#061d49;
  --navy-2:#0b2a61;
  --gold:#f7bf2f;
  --cream:#f7f3ec;
  --paper:#fffdf8;
  --ink:#14213d;
  --muted:#5c6575;
  --line:#ded8ce;
  --white:#ffffff;
  --shadow:0 18px 45px rgba(6,29,73,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"DM Sans",system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
}
h1,h2,h3{font-family:"Libre Baskerville",serif;line-height:1.14;color:var(--navy);margin:0 0 18px}
h1{font-size:clamp(3rem,6vw,5.4rem);letter-spacing:-.04em}
h2{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.03em}
h3{font-size:1.2rem}
p{margin:0 0 16px}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
  font-weight:800;
  color:#c99000;
  margin-bottom:14px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:14px 22px;
  min-height:50px;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  border:none;
  cursor:pointer;
}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-navy{background:var(--navy);color:#fff}
.text-link,.path-card a,.service-card a{
  color:var(--navy);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:800;
  font-size:.8rem;
}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--navy);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-wrap{height:86px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:max-content}
.brand-mark{font-size:1.55rem;color:var(--gold)}
.brand-text{display:flex;flex-direction:column;line-height:1.02;letter-spacing:.15em;font-family:"Libre Baskerville",serif}
.brand-text strong{font-size:1.08rem}
.brand-text span{font-size:.85rem}
.main-nav{display:flex;gap:27px;margin-left:auto}
.main-nav a{font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem}
.hero{background:linear-gradient(90deg,#fffdf9 0%,#fffdf9 49%,#eef0ec 49%,#eef0ec 100%)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;min-height:610px}
.hero-copy{padding:78px 48px 70px 0;display:flex;flex-direction:column;justify-content:center}
.hero-copy h1 span,.philosophy h2 span,.parent-strip h2 span{color:var(--gold)}
.hero-lede{font-size:1.12rem;margin:18px 0}
.pill-row{display:flex;gap:18px;flex-wrap:wrap;margin:5px 0 28px;font-size:.78rem;text-transform:uppercase;font-weight:800}
.pill-row span{display:flex;gap:7px;align-items:center}
.hero-visual,.photo-panel{position:relative;min-height:480px}
.visual-note{
  position:absolute;
  z-index:2;
  top:65px;
  right:55px;
  background:rgba(255,255,255,.75);
  border:1px solid #d4d0c7;
  padding:15px 18px;
  font-family:"Libre Baskerville",serif;
  color:var(--navy);
  font-size:1.15rem;
  text-align:center;
  transform:rotate(-2deg);
}
.visual-placeholder{
  height:100%;
  min-height:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
  background:
    linear-gradient(rgba(6,29,73,.03),rgba(6,29,73,.10)),
    radial-gradient(circle at 68% 25%,#fbf1da 0 18%,transparent 19%),
    linear-gradient(135deg,#e9ece5,#d6ddd5);
  color:#4a596c;
}
.visual-placeholder span{font-weight:800;font-size:1rem}
.visual-placeholder small{margin-top:6px}
.parent-strip{background:var(--navy);color:#fff;padding:34px 0}
.parent-grid{display:grid;grid-template-columns:70px 1.2fr 1fr;gap:28px;align-items:center}
.parent-strip h2{font-size:1.65rem;color:#fff;margin-bottom:8px}
.parent-strip p{font-size:.92rem;color:#d8dfed;margin-bottom:7px}
.parent-icon{
  width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;
  display:grid;place-items:center;color:var(--gold);font-family:"Libre Baskerville",serif;font-size:1.6rem
}
.parent-cta{border-left:1px solid rgba(255,255,255,.35);padding-left:35px}
.audiences,.services-section,.resources,.contact-section{padding:78px 0}
.section-heading{text-align:center;max-width:780px;margin:0 auto 34px}
.card-grid{display:grid;gap:20px}
.card-grid.three{grid-template-columns:repeat(3,1fr)}
.card-grid.four{grid-template-columns:repeat(4,1fr)}
.path-card,.service-card{
  background:#fff;
  border:1px solid var(--line);
  padding:28px;
  min-height:285px;
  box-shadow:0 10px 28px rgba(6,29,73,.04);
  display:flex;
  flex-direction:column;
}
.path-card p,.service-card p{color:var(--muted);font-size:.92rem}
.path-card a,.service-card a{margin-top:auto;padding-top:12px;border-bottom:2px solid var(--gold);width:max-content}
.card-icon{font-size:1.6rem;margin-bottom:14px;color:var(--gold)}
.philosophy{background:var(--cream)}
.philosophy-grid{display:grid;grid-template-columns:1fr 1.12fr;min-height:500px}
.philosophy-copy{padding:70px 58px 70px 0;align-self:center}
/* Philosophy consultation image — seamless cream-to-photo transition */
.philosophy-photo{
  min-height:500px;
  background-image:
    linear-gradient(90deg, var(--cream) 0%, rgba(248,246,239,.96) 3%, rgba(248,246,239,.62) 10%, rgba(248,246,239,0) 24%),
    url("outsmart-aging-family-planning.png");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.check-list{list-style:none;padding:0;margin:22px 0}
.check-list li{margin:11px 0}
.check-list li::before{content:"✓";color:#c99000;margin-right:10px;border:1px solid #e2b32b;border-radius:50%;padding:0 4px}
.strong{font-weight:800}
.founder{background:var(--navy);color:#fff;padding:56px 0}
.founder-grid{display:grid;grid-template-columns:155px 1.2fr 1.7fr;gap:34px;align-items:center}
.founder h2{color:#fff;font-size:2rem}
.founder h2 span{font-size:1.05rem}
.founder-title{color:#f6ca57;font-weight:700}
.founder-copy p:not(.eyebrow):not(.founder-title){color:#d9e0ec}
.founder .text-link{color:var(--gold)}
.founder-photo .visual-placeholder{min-height:145px;width:145px;height:145px}
.founder-headshot{display:block;width:145px;height:145px;object-fit:cover;object-position:center;border:2px solid var(--gold);background:#fff}
.circular{border-radius:50%;border:2px solid var(--gold)}
.credential-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.25)}
.credential-grid div{padding:18px;border-right:1px solid rgba(255,255,255,.18);text-align:center}
.credential-grid strong{display:block;color:#fff;font-family:"Libre Baskerville",serif;font-size:.9rem;margin-bottom:7px}
.credential-grid span{display:block;color:#bdc8d9;font-size:.72rem;line-height:1.4}
.resources{background:#fff}
.resource-placeholder{
  background:var(--cream);
  border:1px dashed #c8bfae;
  padding:34px;
  text-align:center;
}
.final-cta{background:var(--gold);padding:30px 0}
.final-cta-grid{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center}
.final-cta h2{font-size:1.7rem;margin-bottom:3px}
.final-cta p{font-family:"Libre Baskerville",serif;font-style:italic;font-size:1.2rem;margin:0}
.heart{font-size:3rem;color:var(--navy)}
.contact-section{background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-form{background:#fff;padding:30px;border:1px solid var(--line);box-shadow:var(--shadow)}
.contact-form label{display:block;font-weight:700;font-size:.82rem;margin-bottom:15px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
input,select,textarea{
  width:100%;
  border:1px solid #cfc9bf;
  padding:12px 13px;
  margin-top:7px;
  font:inherit;
  background:#fff;
}
textarea{resize:vertical}
.form-note{margin-top:10px;font-size:.85rem;color:var(--muted)}
.site-footer{background:#04183b;color:#dce3ef;padding:42px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:34px;align-items:start}
.footer-links{display:grid;gap:8px}
.footer-links a{text-transform:uppercase;font-size:.76rem;letter-spacing:.06em;font-weight:700}
.copyright{font-size:.8rem;color:#abb8cd}

@media (max-width:980px){
  .main-nav,.nav-cta{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .main-nav.open{
    display:flex;position:absolute;left:0;right:0;top:86px;background:var(--navy);
    padding:20px;flex-direction:column;border-top:1px solid rgba(255,255,255,.1)
  }
  .hero-grid,.philosophy-grid,.contact-grid{grid-template-columns:1fr}
  .hero{background:#fffdf9}
  .hero-copy{padding-right:0}
  .parent-grid{grid-template-columns:55px 1fr}
  .parent-cta{grid-column:1 / -1;border-left:none;border-top:1px solid rgba(255,255,255,.25);padding:20px 0 0}
  .card-grid.four{grid-template-columns:repeat(2,1fr)}
  .founder-grid{grid-template-columns:150px 1fr}
  .credential-grid{grid-column:1 / -1}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:680px){
  .container{width:min(100% - 28px,1180px)}
  .nav-wrap{height:74px}
  .main-nav.open{top:74px}
  .hero-grid{min-height:unset}
  .hero-copy{padding:54px 0}
  .hero-visual{min-height:370px}
  .visual-note{top:25px;right:20px}
  .parent-grid{grid-template-columns:1fr}
  .parent-icon{display:none}
  .card-grid.three,.card-grid.four{grid-template-columns:1fr}
  .philosophy-copy{padding:55px 0}
  .philosophy-photo{min-height:390px;background-position:62% center}
  .founder-grid{grid-template-columns:1fr;text-align:center}
  .founder-photo{display:flex;justify-content:center}
  .credential-grid{grid-template-columns:repeat(2,1fr);border-left:none}
  .final-cta-grid{grid-template-columns:1fr;text-align:center}
  .heart{display:none}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}



/* v6 corrected header logo — same visual treatment as footer */
.site-logo{
  display:block;
  width:220px;
  height:70px;
  object-fit:contain;
  object-position:left center;
  background:transparent;
}
.footer-logo{
  display:block;
  width:220px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  background:transparent;
}

/* v6 hero: original supplied photograph only; no AI changes to the person */
.hero-visual{
  position:relative;
  min-height:610px;
  overflow:hidden;
  background:#f3f5f2;
}
.hero-photo{
  width:100%;
  height:610px;
  display:block;
  object-fit:cover;
  object-position:center center;
}

/* Actual workbook clipped from the user's event photograph */
.hero-workbook{
  position:absolute;
  left:7%;
  bottom:19%;
  width:118px;
  height:auto;
  z-index:3;
  object-fit:contain;
  filter:drop-shadow(0 8px 10px rgba(6,29,73,.22));
}

@media (max-width:980px){
  .site-logo{width:205px;height:66px}
  .hero-visual{min-height:520px}
  .hero-photo{height:520px}
  .hero-workbook{width:100px;left:6%;bottom:18%}
}
@media (max-width:680px){
  .site-logo{width:185px;height:58px}
  .hero-visual{min-height:430px}
  .hero-photo{height:430px;object-position:center center}
  .hero-workbook{width:78px;left:5%;bottom:17%}
}


/* v7 VISUAL MATCH — approved reference screenshot */

/* The logo file itself is now tightly cropped, so 205px is truly visible. */
.site-logo{
  display:block !important;
  width:205px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
}
.footer-logo{
  display:block !important;
  width:180px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
}
.nav-wrap{
  height:78px !important;
}

/* Match the reference's wide hero rather than fitting a vertical portrait into a narrow box. */
.hero{
  background:#fffdf9 !important;
}
.hero-grid{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:40% 60% !important;
  min-height:504px !important;
}
.hero-copy{
  padding:40px 42px 32px max(40px, calc((100vw - 1220px)/2)) !important;
  justify-content:center !important;
}
.hero-copy h1{
  font-size:clamp(3.4rem,4.65vw,5.25rem) !important;
  line-height:1.02 !important;
  max-width:600px !important;
}
.hero-lede{
  margin:12px 0 12px !important;
}
.pill-row{
  margin:4px 0 18px !important;
}
.hero-visual{
  position:relative !important;
  min-height:504px !important;
  height:504px !important;
  overflow:hidden !important;
  background:#f5f6f2 !important;
}
.hero-photo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.hero-workbook{display:none !important;}

@media (max-width:980px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }
  .hero-copy{
    padding:52px 28px !important;
  }
  .hero-visual{
    height:auto !important;
    min-height:0 !important;
  }
  .hero-photo{
    height:auto !important;
    object-fit:contain !important;
  }
}
@media (max-width:680px){
  .site-logo{
    width:175px !important;
    max-height:54px !important;
  }
  .nav-wrap{height:70px !important;}
  .hero-copy h1{
    font-size:clamp(2.8rem,14vw,4rem) !important;
  }
}


/* v8: headroom-only adjustment — no other visual changes */
@media (min-width:981px){
  .hero-photo{
    object-position:center top !important;
  }
}


/* v9 — approved mockup match
   These overrides intentionally reproduce the hero/ribbon details from the approved reference. */

@media (min-width:981px){
  .hero-grid{
    grid-template-columns:40% 60% !important;
    min-height:504px !important;
  }

  .hero-copy{
    padding-top:34px !important;
    padding-bottom:30px !important;
  }

  .hero-copy h1{
    margin-bottom:14px !important;
  }

  /* Gold rule directly beneath the complete hero headline */
  .hero-copy h1::after{
    content:"" !important;
    display:block !important;
    width:100% !important;
    max-width:420px !important;
    height:3px !important;
    margin-top:14px !important;
    background:#f6bd20 !important;
  }

  .hero-lede{
    margin-top:0 !important;
    margin-bottom:16px !important;
    font-size:1.15rem !important;
    line-height:1.38 !important;
  }

  /* Gold icon treatment: EDUCATE / EMPOWER / TAKE ACTION */
  .pill-row{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    margin:8px 0 18px !important;
  }

  .hero-benefit{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:0 18px !important;
    min-height:42px !important;
    color:#082b61 !important;
    font-size:.94rem !important;
    white-space:nowrap !important;
  }

  .hero-benefit:first-child{
    padding-left:0 !important;
  }

  .hero-benefit + .hero-benefit{
    border-left:1px solid rgba(8,43,97,.48) !important;
  }

  .benefit-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    color:#f6bd20 !important;
    border:3px solid #f6bd20 !important;
    font-size:1.35rem !important;
    line-height:1 !important;
    font-weight:700 !important;
    flex:0 0 34px !important;
  }

  .book-icon{
    border-radius:2px !important;
    font-size:1.55rem !important;
  }

  .heart-icon{
    border-radius:50% 50% 46% 46% !important;
    border-color:transparent !important;
    font-size:2.5rem !important;
    width:38px !important;
    height:38px !important;
  }

  .check-icon{
    border-radius:50% !important;
  }

  /* Match the mockup's shorter hero so the navy ribbon rises directly under the image. */
  .hero-visual{
    height:504px !important;
    min-height:504px !important;
  }

  .hero-photo{
    height:504px !important;
    object-position:center top !important;
  }

  /* Remove the excess cream gap below the hero and bring the navy ribbon up. */
  .hero{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  .hero + .parent-strip{
    margin-top:0 !important;
  }

  .parent-strip{
    position:relative !important;
    z-index:5 !important;
  }
}

/* Keep the new benefit symbols clean on tablet/mobile too. */
.hero-benefit{
  color:#082b61;
}
.benefit-icon{
  color:#f6bd20;
}

@media (max-width:980px){
  .hero-copy h1::after{
    content:"";
    display:block;
    width:100%;
    max-width:420px;
    height:3px;
    margin-top:12px;
    background:#f6bd20;
  }
  .pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
  }
  .hero-benefit{
    display:flex;
    align-items:center;
    gap:7px;
  }
  .benefit-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    color:#f6bd20;
    border:2px solid #f6bd20;
    font-weight:700;
  }
  .heart-icon{border-color:transparent;font-size:2rem;}
  .check-icon{border-radius:50%;}
}


/* v10 — coordinated desktop hero alignment fix
   Match approved mockup proportions: wider copy column, compact headline,
   one-line benefit row, equal-height hero sides, ribbon immediately below. */
@media (min-width:981px){

  .hero-grid{
    display:grid !important;
    grid-template-columns:40% 60% !important;
    width:100% !important;
    max-width:none !important;
    height:504px !important;
    min-height:504px !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }

  .hero-copy{
    height:504px !important;
    box-sizing:border-box !important;
    padding:
      34px
      38px
      28px
      max(42px, calc((100vw - 1220px)/2)) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .eyebrow{
    margin:0 0 6px !important;
  }

  .hero-copy h1{
    font-size:clamp(3.15rem,4.15vw,4.55rem) !important;
    line-height:.94 !important;
    letter-spacing:-.035em !important;
    max-width:520px !important;
    margin:0 0 12px !important;
  }

  .hero-copy h1::after{
    content:"" !important;
    display:block !important;
    width:100% !important;
    max-width:420px !important;
    height:3px !important;
    margin-top:14px !important;
    background:#f6bd20 !important;
  }

  .hero-lede{
    font-size:1.12rem !important;
    line-height:1.28 !important;
    margin:0 0 12px !important;
  }

  .pill-row{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:0 !important;
    width:max-content !important;
    max-width:100% !important;
    margin:2px 0 14px !important;
  }

  .hero-benefit{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:7px !important;
    min-height:38px !important;
    padding:0 15px !important;
    font-size:.82rem !important;
    white-space:nowrap !important;
  }

  .hero-benefit:first-child{
    padding-left:0 !important;
  }

  .benefit-icon{
    width:31px !important;
    height:31px !important;
    flex:0 0 31px !important;
    font-size:1.15rem !important;
  }

  .heart-icon{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
    font-size:2.1rem !important;
  }

  .hero-copy .btn{
    margin-top:0 !important;
  }

  .hero-visual{
    height:504px !important;
    min-height:504px !important;
    max-height:504px !important;
    overflow:hidden !important;
  }

  .hero-photo{
    width:100% !important;
    height:504px !important;
    min-height:504px !important;
    max-height:504px !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  .hero{
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .hero + .parent-strip{
    margin-top:0 !important;
  }

  .parent-strip{
    margin-top:0 !important;
  }
}

/* v11 — precision mockup tightening: restore CTA and match approved hero proportions */
@media (min-width:981px){
  /* Keep the approved 504px hero/ribbon seam, but give the copy enough usable width. */
  .hero-grid{
    grid-template-columns:42% 58% !important;
    height:504px !important;
    min-height:504px !important;
  }

  .hero-copy{
    height:504px !important;
    padding:28px 34px 26px max(34px, calc((100vw - 1360px)/2)) !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  .hero-copy .eyebrow{
    margin:0 0 7px !important;
  }

  /* Target mockup: three compact lines, not the tall five-line stack. */
  .hero-copy h1{
    font-size:clamp(3rem,3.65vw,4.15rem) !important;
    line-height:1.01 !important;
    letter-spacing:-.04em !important;
    max-width:560px !important;
    margin:0 0 10px !important;
  }

  .hero-copy h1::after{
    max-width:430px !important;
    height:3px !important;
    margin-top:12px !important;
  }

  .hero-lede{
    font-size:1.08rem !important;
    line-height:1.25 !important;
    margin:0 0 9px !important;
  }

  .pill-row{
    margin:0 0 10px !important;
  }

  .hero-benefit{
    padding:0 13px !important;
    min-height:36px !important;
    gap:7px !important;
    font-size:.80rem !important;
  }
  .hero-benefit:first-child{padding-left:0 !important;}
  .benefit-icon{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    border-width:2px !important;
    font-size:1.1rem !important;
  }
  .heart-icon{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
    font-size:2.05rem !important;
  }

  /* The missing Discover ribbon/button: keep it fully inside the hero copy. */
  .hero-copy > .btn.btn-navy{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-self:flex-start !important;
    width:100% !important;
    max-width:430px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:12px 22px !important;
    position:relative !important;
    z-index:10 !important;
  }

  .hero-visual,
  .hero-photo{
    height:504px !important;
    min-height:504px !important;
    max-height:504px !important;
  }

  .parent-strip{
    padding:22px 0 !important;
  }
  .parent-grid{
    min-height:126px !important;
  }
}

/* v12 — final hero seam blend only. Preserve approved v11 geometry. */
@media (min-width:981px){
  .hero-visual{
    position:relative !important;
  }
  .hero-visual::before{
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:92px !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      #fffdf9 0%,
      rgba(255,253,249,.96) 14%,
      rgba(255,253,249,.72) 38%,
      rgba(255,253,249,.34) 67%,
      rgba(255,253,249,0) 100%) !important;
  }
}


/* v14 — philosophy image crop correction */
@media (min-width:981px){
  .philosophy-photo{
    background-position:right center !important;
  }
}


/* v15 — philosophy section full-width composition fix
   Uses the available right-side space, keeps Jodanie clearly visible,
   and shortens the cream fade so the family consultation remains crisp. */
@media (min-width:981px){
  .philosophy-grid{
    width:min(1540px, calc(100% - 40px)) !important;
    max-width:none !important;
    grid-template-columns:minmax(500px, 620px) minmax(0, 1fr) !important;
    min-height:500px !important;
  }

  .philosophy-copy{
    padding:70px 58px 70px 0 !important;
  }

  .philosophy-photo{
    min-height:500px !important;
    background-image:
      linear-gradient(90deg,
        var(--cream) 0%,
        rgba(248,246,239,.88) 1.5%,
        rgba(248,246,239,.40) 4%,
        rgba(248,246,239,0) 8%),
      url("outsmart-aging-family-planning.png") !important;
    background-size:cover !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
  }
}


/* v16 — philosophy section: remove baked-in duplicate text and extend photo right */
@media (min-width:981px){
  .philosophy-grid{
    max-width:none !important;
    width:calc(100% - max(32px, calc((100% - 1540px) / 2))) !important;
    margin-left:max(32px, calc((100% - 1540px) / 2)) !important;
    margin-right:0 !important;
    grid-template-columns:minmax(500px, 620px) minmax(0, 1fr) !important;
    min-height:500px !important;
  }

  .philosophy-copy{
    padding:70px 58px 70px 0 !important;
    position:relative;
    z-index:2;
    background:var(--cream);
  }

  .philosophy-photo{
    min-height:500px !important;
    background-image:
      linear-gradient(90deg,
        var(--cream) 0%,
        rgba(248,246,239,.78) 2%,
        rgba(248,246,239,.25) 5%,
        rgba(248,246,239,0) 9%),
      url("outsmart-aging-family-planning-photo-only.png") !important;
    background-size:cover !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
  }
}


/* v17 — approved philosophy mockup inserted exactly as reviewed */
.philosophy-approved{
  width:100%;
  margin:0;
  padding:0;
  background:var(--cream);
  overflow:hidden;
}
.philosophy-approved-image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
@media (max-width:700px){
  .philosophy-approved-image{
    width:210%;
    max-width:none;
    transform:translateX(-2%);
  }
}


/* v19 — REAL event photo. No facial generation or retouching. */
.philosophy-real{background:var(--cream);width:100%;overflow:hidden}
.philosophy-real-inner{display:grid;grid-template-columns:46% 54%;min-height:590px;max-width:1900px;margin:0 auto;background:var(--cream)}
.philosophy-real-copy{position:relative;z-index:2;padding:76px 70px 70px max(7vw,70px);display:flex;flex-direction:column;justify-content:center}
.philosophy-real-copy .eyebrow{margin:0 0 12px;color:#bd8520;font-weight:700;letter-spacing:.13em;font-size:14px}
.philosophy-real-copy h2{margin:0 0 24px;color:var(--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,4.1vw,72px);line-height:.94;font-weight:700;letter-spacing:-.025em}
.philosophy-real-copy h2 span{color:#e5b83f}
.philosophy-points{list-style:none;margin:0 0 26px;padding:0;color:var(--navy);font-size:17px;line-height:1.6}
.philosophy-points li{position:relative;padding-left:38px;margin:8px 0}
.philosophy-points li:before{content:'✓';position:absolute;left:0;top:1px;width:24px;height:24px;border:1.7px solid #d6a62b;border-radius:50%;display:grid;place-items:center;color:#d6a62b;font-size:15px;font-weight:700;line-height:1}
.philosophy-closing{margin:0;color:var(--navy);font-weight:700;font-size:17px}
.philosophy-real-photo{position:relative;min-height:590px;background-image:url('outsmart-aging-real-helping-photo.png');background-size:cover;background-position:57% 28%;background-repeat:no-repeat}
.philosophy-real-photo:before{content:'';position:absolute;inset:0 auto 0 0;width:36%;background:linear-gradient(90deg,var(--cream) 0%,rgba(250,248,242,.97) 18%,rgba(250,248,242,.82) 42%,rgba(250,248,242,.46) 68%,rgba(250,248,242,.16) 86%,rgba(250,248,242,0) 100%);pointer-events:none}
@media(max-width:900px){.philosophy-real-inner{grid-template-columns:1fr}.philosophy-real-copy{padding:54px 7vw}.philosophy-real-photo{min-height:520px;background-position:57% 28%}.philosophy-real-photo:before{display:none}}

/* v21 — philosophy photo: preserve headroom, reveal more room, nearly invisible blend */
@media (min-width:901px){
  .philosophy-real-inner{
    grid-template-columns:40% 60%;
  }
  .philosophy-real-copy{
    padding-right:34px;
  }
  .philosophy-real-photo{
    min-height:590px;
    background-size:cover;
    background-position:56% 24%;
  }
  .philosophy-real-photo:before{
    width:24%;
    background:linear-gradient(90deg,
      var(--cream) 0%,
      rgba(250,248,242,.82) 14%,
      rgba(250,248,242,.52) 32%,
      rgba(250,248,242,.26) 52%,
      rgba(250,248,242,.09) 72%,
      rgba(250,248,242,.025) 88%,
      rgba(250,248,242,0) 100%);
  }
}

/* v22 — seamless philosophy composition: photo spans behind copy; no center seam */
@media (min-width:901px){
  .philosophy-real-inner{
    position:relative;
    display:block;
    min-height:590px;
    max-width:1900px;
    overflow:hidden;
    background:var(--cream);
  }
  .philosophy-real-photo{
    position:absolute;
    inset:0;
    z-index:0;
    min-height:590px;
    background-image:url('outsmart-aging-real-helping-photo.png');
    background-size:cover;
    /* Move the photograph right to suppress the other vendor's table/materials. */
    background-position:68% 24%;
    background-repeat:no-repeat;
  }
  .philosophy-real-photo:before{
    content:'';
    position:absolute;
    inset:0;
    width:100%;
    /* One continuous veil over the photograph removes the visible panel boundary.
       Left stays cream for copy; the real room gradually emerges toward center. */
    background:linear-gradient(90deg,
      rgba(250,248,242,1) 0%,
      rgba(250,248,242,1) 31%,
      rgba(250,248,242,.98) 35%,
      rgba(250,248,242,.92) 39%,
      rgba(250,248,242,.78) 43%,
      rgba(250,248,242,.58) 47%,
      rgba(250,248,242,.36) 51%,
      rgba(250,248,242,.18) 55%,
      rgba(250,248,242,.07) 59%,
      rgba(250,248,242,.015) 63%,
      rgba(250,248,242,0) 67%);
    pointer-events:none;
  }
  .philosophy-real-copy{
    position:relative;
    z-index:2;
    width:46%;
    min-height:590px;
    box-sizing:border-box;
    padding:76px 30px 70px max(5vw,70px);
  }
}


/* v23 — final approved philosophy mockup */
.philosophy-final{width:100%;margin:0;padding:0;background:var(--cream);overflow:hidden;line-height:0}
.philosophy-final-image{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:700px){.philosophy-final{overflow-x:auto}.philosophy-final-image{width:1400px;max-width:none}}

/* v25 — hero framing correction only: preserve approved image aspect ratio and reveal full lower composition */
@media (min-width:981px){
  .hero-grid{
    height:600px !important;
    min-height:600px !important;
  }
  .hero-copy{
    height:600px !important;
  }
  .hero-visual{
    height:600px !important;
    min-height:600px !important;
    max-height:600px !important;
  }
  .hero-photo{
    width:100% !important;
    height:100% !important;
    min-height:600px !important;
    max-height:600px !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
}

/* v27 — smaller desktop/laptop hero refinement only.
   Preserve the approved hero artwork and large-desktop composition.
   On narrower desktop viewports, slightly shorten the hero and extend a
   very soft cream veil into the photograph so the copy/photo transition
   reads as one continuous composition rather than a hard split. */
@media (min-width:981px) and (max-width:1700px){
  .hero-grid{
    height:540px !important;
    min-height:540px !important;
  }
  .hero-copy{
    height:540px !important;
  }
  .hero-visual{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
  }
  .hero-photo{
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
  .hero-visual::after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    z-index:2;
    width:22%;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(255,253,249,.42) 0%,
      rgba(255,253,249,.25) 28%,
      rgba(255,253,249,.12) 52%,
      rgba(255,253,249,.045) 72%,
      rgba(255,253,249,0) 100%);
  }
}

/* v28 — laptop hero transition refinement only.
   Preserve all approved artwork, text, book, subject, positioning and
   large-desktop layout. On laptop/smaller desktop widths, widen and soften
   the cream veil so the copy and photograph blend more naturally. */
@media (min-width:981px) and (max-width:1700px){
  .hero-visual::after{
    width:30% !important;
    background:linear-gradient(90deg,
      rgba(255,253,249,.58) 0%,
      rgba(255,253,249,.40) 26%,
      rgba(255,253,249,.23) 50%,
      rgba(255,253,249,.10) 72%,
      rgba(255,253,249,.035) 87%,
      rgba(255,253,249,0) 100%) !important;
  }
}

/* v29 — seamless desktop hero blend.
   Begin at the exact cream copy-panel color at full coverage, then fade
   much farther into the photograph to eliminate the visible vertical seam. */
@media (min-width:981px){
  .hero-visual::after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    z-index:2;
    width:48% !important;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(255,253,249,1) 0%,
      rgba(255,253,249,.99) 8%,
      rgba(255,253,249,.94) 18%,
      rgba(255,253,249,.82) 31%,
      rgba(255,253,249,.64) 45%,
      rgba(255,253,249,.44) 59%,
      rgba(255,253,249,.26) 72%,
      rgba(255,253,249,.12) 84%,
      rgba(255,253,249,.04) 93%,
      rgba(255,253,249,0) 100%) !important;
  }
}

/* v31 — refined hero blend using the LOCKED approved portrait.
   IMPORTANT: approved-hero-visual.jpg is the exact approved source image.
   Do not regenerate, retouch, filter, blur, recolor, or alter the subject.
   The transition is CSS-only: cream at the copy edge, then a clean,
   progressive feather that reaches full photo clarity before the subject. */
@media (min-width:981px){
  .hero{
    background:#fffdf9 !important;
  }
  .hero-visual::after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    z-index:2;
    width:38% !important;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(255,253,249,1) 0%,
      rgba(255,253,249,.98) 9%,
      rgba(255,253,249,.88) 23%,
      rgba(255,253,249,.66) 39%,
      rgba(255,253,249,.40) 56%,
      rgba(255,253,249,.20) 71%,
      rgba(255,253,249,.07) 85%,
      rgba(255,253,249,0) 100%) !important;
  }
}

/* Smaller desktop/laptop: extend only the feather, never alter the photo. */
@media (min-width:981px) and (max-width:1700px){
  .hero-visual::after{
    width:43% !important;
    background:linear-gradient(90deg,
      rgba(255,253,249,1) 0%,
      rgba(255,253,249,.98) 10%,
      rgba(255,253,249,.88) 24%,
      rgba(255,253,249,.65) 41%,
      rgba(255,253,249,.38) 58%,
      rgba(255,253,249,.18) 73%,
      rgba(255,253,249,.055) 87%,
      rgba(255,253,249,0) 100%) !important;
  }
}

/* V32 multi-page interior-page system */
.page-hero{padding:82px 0 64px;background:linear-gradient(105deg,#fffdf9 0%,#fffdf9 62%,#f5f7fb 100%);border-bottom:1px solid #e6e9ef}
.page-hero .eyebrow{margin-bottom:12px}.page-hero h1{font-family:'Libre Baskerville',serif;color:var(--navy);font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.05;max-width:900px;margin:0 0 20px}.page-hero h1 span{color:var(--gold)}
.page-hero p:not(.eyebrow){max-width:760px;font-size:1.08rem;line-height:1.7;color:#33415c}
.page-content{padding:72px 0 88px}.page-content.alt{background:#f8f7f3}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.content-grid h2,.page-content h2{font-family:'Libre Baskerville',serif;color:var(--navy);font-size:clamp(1.8rem,3vw,2.7rem);margin-top:0}.content-grid p,.page-content p{line-height:1.75}.page-panel{background:#071b46;color:white;padding:34px;border-radius:2px}.page-panel h3{font-family:'Libre Baskerville',serif;font-size:1.45rem;margin-top:0}.page-panel p{color:#e8edf7}.next-step{margin-top:30px;padding-top:25px;border-top:1px solid #e3e6ec}.placeholder-note{border-left:4px solid var(--gold);background:#fff8df;padding:20px 24px;margin:28px 0;color:#293650}.interior-cards{margin-top:34px}.interior-cards .service-card,.interior-cards .path-card{height:100%}.nav-current{color:var(--gold)!important}.page-photo{width:100%;max-width:360px;border-radius:50%;border:2px solid var(--gold);display:block;margin:auto}.founder-page-grid{display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:center}
@media(max-width:800px){.content-grid,.founder-page-grid{grid-template-columns:1fr}.page-hero{padding:58px 0 48px}.page-content{padding:52px 0 64px}.page-photo{max-width:280px}}


/* v33 multipage architecture: explicit Home navigation and restrained interior photography */
.home-paths{padding:72px 0;background:#fffdf9}
.home-philosophy{position:relative}
.image-section-link{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);background:rgba(6,29,73,.94);padding:12px 20px}
.image-section-link a{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.78rem}
.home-founder-prompt{border-left:1px solid rgba(255,255,255,.28);padding-left:30px;color:#fff}
.home-founder-prompt p{color:#d9e0ec;margin-bottom:18px}
.interior-photo-band{height:260px;background-size:cover;background-position:center;position:relative}
.interior-photo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,249,.12),rgba(255,253,249,0) 55%)}
.about-band{background-image:url('founder-jodanie-headshot.png');background-position:center 28%;height:300px;background-size:cover}
.services-band{background-image:url('services-family.jpg');background-position:center 48%}
.resources-band{background-image:url('jodanie-original-floral.jpg');background-position:center 31%}
.organizations-band{background-image:url('services-family.jpg');background-position:center 48%}
.start-path-grid .path-card{min-height:280px;display:flex;flex-direction:column}
.start-path-grid .path-card a{margin-top:auto}
.start-unsure{max-width:720px;margin:44px auto 0;text-align:center;padding:30px;background:#f7f2e8;border:1px solid #ead9a8}
@media (max-width:1100px){.main-nav{gap:18px}.main-nav a{font-size:.7rem}.nav-wrap{gap:20px}.start-path-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.interior-photo-band{height:190px}.about-band{height:220px}.start-path-grid{grid-template-columns:1fr}.image-section-link{display:none}.home-founder-prompt{border-left:0;padding-left:0}}

.start-here-band{background-image:url('start-here-path.jpg');background-position:center 50%}

/* v35 Services review — give the family photograph enough room to tell the story.
   Services only; no Home or Jodanie imagery changes. */
.services-band{
  height:500px;
  background-image:url('services-family-v36.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.services-band:after{
  background:linear-gradient(90deg,rgba(255,253,249,.06),rgba(255,253,249,0) 38%);
}
@media (max-width:1100px){
  .services-band{height:420px;background-position:center 54%;}
}
@media (max-width:760px){
  .services-band{height:330px;background-position:center 54%;}
}

/* v37 Services family framing — reveal more of the children vertically while
   preserving the approved high-resolution image and every other page. */
.services-band{
  height:560px;
  background-position:center 58%;
}
@media (max-width:1100px){
  .services-band{height:500px;background-position:center 60%;}
}
@media (max-width:760px){
  .services-band{height:390px;background-position:center 61%;}
}


/* v38 Services integrated story hero — page implementation of approved concept.
   Uses the existing approved high-resolution family image; no people are altered. */
.services-story-hero{
  min-height:590px;
  position:relative;
  display:flex;
  align-items:flex-start;
  background-image:
    linear-gradient(90deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.92) 22%,rgba(255,253,249,.48) 38%,rgba(255,253,249,.05) 52%,rgba(255,253,249,0) 100%),
    url('services-family-v36.png');
  background-size:cover;
  background-position:center 58%;
  background-repeat:no-repeat;
  border-bottom:1px solid #e6e9ef;
}
.services-story-copy{
  width:100%;
  padding-top:72px;
  padding-bottom:64px;
  position:relative;
  z-index:1;
}
.services-story-copy .eyebrow{margin:0 0 12px;}
.services-story-copy h1{
  font-family:'Libre Baskerville',serif;
  color:var(--navy);
  font-size:clamp(2.7rem,4.4vw,4.65rem);
  line-height:1.04;
  max-width:650px;
  margin:0 0 22px;
}
.services-story-copy h1 span{color:var(--gold);display:block;}
.services-story-copy p:not(.eyebrow){
  max-width:610px;
  font-size:1.08rem;
  line-height:1.65;
  color:#33415c;
}
@media (max-width:1100px){
  .services-story-hero{min-height:540px;background-position:center 58%;}
  .services-story-copy{padding-top:58px;}
  .services-story-copy h1{max-width:570px;}
  .services-story-copy p:not(.eyebrow){max-width:530px;}
}
@media (max-width:760px){
  .services-story-hero{
    min-height:650px;
    background-image:
      linear-gradient(180deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.94) 34%,rgba(255,253,249,.2) 57%,rgba(255,253,249,0) 72%),
      url('services-family-v36.png');
    background-position:62% center;
  }
  .services-story-copy{padding-top:42px;padding-bottom:40px;}
  .services-story-copy h1{font-size:clamp(2.25rem,10vw,3.4rem);max-width:100%;}
  .services-story-copy p:not(.eyebrow){max-width:100%;font-size:1rem;}
}

/* v40 Services hero refinement — give integrated story copy deliberate left breathing room. */
.services-story-copy{
  box-sizing:border-box;
  padding-left:56px;
  padding-right:24px;
}
@media (max-width:760px){
  .services-story-copy{
    padding-left:20px;
    padding-right:20px;
  }
}


/* v41 Resources integrated story hero — approved Resources concept rendered as the page hero.
   Text is intentionally part of the hero artwork, matching the Services visual treatment. */
.resources-story-hero{
  width:100%;
  aspect-ratio:1768 / 683;
  min-height:500px;
  background-image:url('resources-story-hero.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border-bottom:1px solid #e6e9ef;
}
@media (max-width:1100px){
  .resources-story-hero{min-height:430px;background-position:center center;}
}
@media (max-width:760px){
  .resources-story-hero{
    aspect-ratio:auto;
    min-height:520px;
    background-size:cover;
    background-position:center center;
  }
}

/* v50 — HOME HERO BOOK REMOVAL, CSS-ONLY.
   V48 remains the locked source photograph. The founder is not regenerated,
   retouched, replaced, or altered. This localized cream veil visually removes
   the workbook from the top table while preserving the original mug/plant and
   all other V48 page content. */
@media (min-width:981px){
  .hero-visual::before{
    content:"";
    position:absolute;
    z-index:3;
    pointer-events:none;
    left:13.5%;
    top:27%;
    width:20%;
    height:47%;
    background:radial-gradient(ellipse at 48% 43%,
      rgba(255,253,249,.995) 0%,
      rgba(255,253,249,.985) 38%,
      rgba(255,253,249,.92) 58%,
      rgba(255,253,249,.62) 73%,
      rgba(255,253,249,.24) 87%,
      rgba(255,253,249,0) 100%);
    filter:blur(8px);
  }
}

/* v55 Resources hero framing refinement — preserve approved artwork.
   Add a small amount of vertical breathing room so the mug is not visually
   pinned to the hero/content boundary. No artwork, portrait, text, or nav changes. */
@media (min-width:1101px){
  .resources-story-hero{
    aspect-ratio:auto;
    min-height:calc(100vw * 683 / 1768 + 24px);
    background-size:100% auto;
    background-position:center top;
    background-color:#fffdf9;
  }
}

/* v56 Resources hero — approved replacement artwork; preserve full image. */
.resources-story-hero{
  width:100%;
  aspect-ratio:1848 / 757;
  min-height:0;
  background-image:url('resources-story-hero.png');
  background-size:100% 100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#fffdf9;
}
@media (max-width:1100px){
  .resources-story-hero{
    min-height:0;
    aspect-ratio:1848 / 757;
    background-size:100% 100%;
    background-position:center center;
  }
}
@media (max-width:760px){
  .resources-story-hero{
    min-height:0;
    aspect-ratio:1848 / 757;
    background-size:100% 100%;
    background-position:center center;
  }
}

/* v57 Resources hero — approved exact replacement, 2026-09-25.
   Asset-only update: preserve the complete approved 1847x851 artwork without cropping or stretching. */
.resources-story-hero{
  width:100%;
  aspect-ratio:1847 / 851;
  min-height:0;
  background-image:url('resources-story-hero.png');
  background-size:100% 100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#fffdf9;
}
@media (max-width:1100px){
  .resources-story-hero{
    min-height:0;
    aspect-ratio:1847 / 851;
    background-size:100% 100%;
    background-position:center center;
  }
}
@media (max-width:760px){
  .resources-story-hero{
    min-height:0;
    aspect-ratio:1847 / 851;
    background-size:100% 100%;
    background-position:center center;
  }
}

/* v60 — remove the thin baked-in top edge from the approved philosophy artwork without altering the image */
.home-philosophy{
  clip-path: inset(4px 0 0 0);
  margin-top:-4px;
}

/* v61 — approved philosophy hero: flat books + single real clickable CTA overlay.
   The HTML link covers the visual CTA in the approved image; no duplicate button below. */
@media (min-width:761px){
  .home-philosophy .image-section-link{
    left:51%;
    bottom:13.4%;
    width:19.5%;
    height:4.1%;
    min-height:30px;
    padding:0;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#071d49;
    line-height:1;
    z-index:2;
  }
  .home-philosophy .image-section-link a{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    color:#fff;text-decoration:none;
  }
}

/* v63 — exact original event photograph; only webpage layout/cropping changed. */
.home-philosophy-original{
  display:grid;
  grid-template-columns:minmax(500px,48%) minmax(0,52%);
  width:min(100%,1600px);
  margin:0 auto;
  background:#fbfaf6;
  overflow:hidden;
  border:0;
  position:relative;
}
.home-philosophy-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(38px,4vw,68px) clamp(34px,4.2vw,72px);
  background:#fbfaf6;
  position:relative;
  z-index:2;
}
.home-philosophy-copy:after{
  content:'';
  position:absolute;
  top:0;
  right:-92px;
  width:94px;
  height:100%;
  background:linear-gradient(90deg,#fbfaf6 0%,rgba(251,250,246,.82) 42%,rgba(251,250,246,0) 100%);
  pointer-events:none;
}
.home-philosophy-copy .eyebrow{color:#b78b32;margin:0 0 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-philosophy-copy h2{font-family:Georgia,'Times New Roman',serif;color:#0d2257;font-size:clamp(2.8rem,3.65vw,4.65rem);line-height:.96;letter-spacing:-.035em;margin:0 0 24px}
.home-philosophy-copy h2 span{color:#d8ae4c}
.philosophy-points{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;color:#10265c;font-size:clamp(1.02rem,1.1vw,1.28rem)}
.philosophy-points li{position:relative;padding-left:46px}
.philosophy-points li:before{content:'✓';position:absolute;left:0;top:-4px;width:31px;height:31px;border:2px solid #d8ae4c;border-radius:50%;display:grid;place-items:center;color:#d8ae4c;font-weight:700;font-size:17px}
.philosophy-closing{font-weight:700;color:#10265c;font-size:clamp(1.02rem,1.08vw,1.22rem);margin:0 0 26px}
.philosophy-real-cta{display:inline-flex;align-items:center;gap:12px;align-self:flex-start}
.home-philosophy-photo{
  min-height:580px;
  max-height:640px;
  background:#fbfaf6;
  overflow:hidden;
  position:relative;
}
.home-philosophy-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% 48%;
  filter:none!important;
  transform:none!important;
}
@media(max-width:900px){
  .home-philosophy-original{grid-template-columns:1fr;width:100%}
  .home-philosophy-copy{padding:44px 26px}
  .home-philosophy-copy:after{display:none}
  .home-philosophy-photo{min-height:0;max-height:none}
  .home-philosophy-photo img{width:100%;height:auto;object-fit:contain;object-position:center}
}


/* v64 — soften philosophy copy/photo transition only; exact photo remains untouched. */
@media(min-width:901px){
  .home-philosophy-copy:after{
    right:-150px;
    width:154px;
    background:linear-gradient(90deg,
      #fbfaf6 0%,
      rgba(251,250,246,.96) 12%,
      rgba(251,250,246,.82) 32%,
      rgba(251,250,246,.58) 52%,
      rgba(251,250,246,.32) 70%,
      rgba(251,250,246,.12) 86%,
      rgba(251,250,246,0) 100%);
  }
}


/* v66: V64 geometry retained; only panel tone/seam blending changed.
   Exact original photograph file is untouched. */
@media(min-width:901px){
 .home-philosophy-original{background:rgb(222,204,177);}
 .home-philosophy-copy{
   background:linear-gradient(90deg,rgb(222,204,177) 0%,rgb(222,204,177) 76%,rgba(222,204,177,.96) 85%,rgba(222,204,177,.70) 93%,rgba(222,204,177,0) 100%);
 }
 .home-philosophy-copy:after{
   right:-125px;width:130px;
   background:linear-gradient(90deg,rgba(222,204,177,.68) 0%,rgba(222,204,177,.38) 42%,rgba(222,204,177,.12) 76%,rgba(222,204,177,0) 100%);
 }
}


/* v67 — approved blue feather treatment.
   Exact philosophy-original-photo.png is unchanged.
   Layout/content/buttons/people/photo pixels are untouched. */
@media (min-width:901px) {
  .home-philosophy-original {
    background: rgb(232,240,249);
  }

  .home-philosophy-copy {
    background:
      linear-gradient(90deg,
        rgba(246,249,252,1) 0%,
        rgba(241,246,251,.99) 46%,
        rgba(228,238,249,.97) 70%,
        rgba(205,224,245,.86) 84%,
        rgba(181,210,241,.58) 93%,
        rgba(165,201,239,0) 100%);
  }

  .home-philosophy-copy:after {
    right: -170px;
    width: 175px;
    background:
      linear-gradient(90deg,
        rgba(190,216,244,.62) 0%,
        rgba(174,207,242,.46) 32%,
        rgba(158,198,239,.27) 62%,
        rgba(145,190,236,.10) 82%,
        rgba(145,190,236,0) 100%);
    pointer-events: none;
  }
}


/* v68 — CSS-only feathering of the EXACT original philosophy photograph.
   No image regeneration or pixel editing. */
@media (min-width:901px) {
  .home-philosophy-photo img,
  .home-philosophy-visual img,
  .home-philosophy-original img {
    -webkit-mask-image:
      linear-gradient(to right, transparent 0, #000 7%, #000 100%),
      linear-gradient(to bottom, transparent 0, #000 2.5%, #000 88%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0, #000 7%, #000 100%),
      linear-gradient(to bottom, transparent 0, #000 2.5%, #000 88%, transparent 100%);
    mask-composite: intersect;
  }
}


/* v69 About page: broad portrait band removed.
   Founder portrait asset remains completely untouched. */
body:has(.founder-page-grid) .page-hero {
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
body:has(.founder-page-grid) .page-content {
  padding-top: clamp(3rem, 5vw, 5rem);
}


/* v71 Organizations page — business partner section. Original partner logos are used untouched. */
.partner-section {
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  background: linear-gradient(180deg, #f7f9fc 0%, #eef4fa 100%);
  border-top: 1px solid rgba(18, 35, 82, .08);
}
.partner-intro { max-width: 760px; margin: 0 auto 2.4rem; text-align: center; }
.partner-intro h2 { margin: .25rem 0 1rem; color: #112352; }
.partner-intro p:last-child { max-width: 680px; margin-left: auto; margin-right: auto; }
.partner-logo-grid {
  max-width: 880px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 2.5rem);
  align-items: stretch;
}
.partner-logo-card {
  min-height: 230px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: #fff;
  border: 1px solid rgba(18, 35, 82, .10);
  box-shadow: 0 12px 32px rgba(18, 35, 82, .07);
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logo-card img { display:block; max-width: 100%; width:auto; height:auto; object-fit:contain; }
.partner-logo-card:first-child img { max-height: 190px; }
.partner-logo-card:last-child img { max-height: 105px; max-width: 78%; }
@media (max-width:700px) {
  .partner-logo-grid { grid-template-columns: 1fr; }
  .partner-logo-card { min-height: 190px; }
}

/* v72 Contact storytelling treatment */
.contact-section{background:linear-gradient(90deg,#f7f4ee 0%,#eef5fc 46%,#f7f4ee 100%)}
.contact-grid{align-items:stretch}
.contact-story{position:relative;min-height:520px;padding:0 8px 34px 0;overflow:hidden}
.contact-story h2,.contact-story>p{position:relative;z-index:2;max-width:520px}
.contact-story-photo{position:absolute;z-index:1;left:-38px;right:-22px;bottom:-4px;height:390px;background-image:linear-gradient(to bottom,rgba(238,245,252,.06) 55%,rgba(238,245,252,.98) 100%),linear-gradient(to right,rgba(247,244,238,.88) 0%,rgba(247,244,238,.12) 20%,rgba(238,245,252,.04) 72%,rgba(238,245,252,.96) 100%),url('contact-planning-conversation.png');background-size:cover;background-position:center bottom;border-radius:0;filter:none}
.contact-form{position:relative;z-index:3}
@media(max-width:900px){.contact-story{min-height:480px}.contact-story-photo{left:-20px;right:-20px;height:340px}}

/* v73 Contact cleanup — clean story image extracted from approved contact mockup.
   Removes the stray embedded lettering above the subjects while preserving the
   blue feathered storytelling treatment and existing live form. */
.contact-story-photo{
  background-image:
    linear-gradient(to bottom,rgba(238,245,252,.02) 56%,rgba(238,245,252,.98) 100%),
    linear-gradient(to right,rgba(247,244,238,.78) 0%,rgba(247,244,238,.08) 18%,rgba(238,245,252,.02) 76%,rgba(238,245,252,.95) 100%),
    url('contact-planning-conversation-clean.png');
  background-position:center bottom;
}

/* v74 Contact final cleanup — source image only cropped to remove the final
   stray lettering above the photo. No regeneration or other page changes. */
.contact-story-photo{background-position:center bottom;}

/* v75 Start Here — approved directional signpost story */
.start-here-story{position:relative;max-width:1536px;margin:0 auto;background:#f5f7fb;overflow:hidden}
.start-here-story>img{display:block;width:100%;height:auto}
.start-hotspots{position:absolute;inset:0;pointer-events:none}
.start-hotspots .hotspot{position:absolute;display:block;pointer-events:auto;border-radius:12px}
.start-hotspots .hotspot:focus-visible{outline:4px solid #f2c94c;outline-offset:3px;background:rgba(255,255,255,.08)}
.start-hotspots .own{left:25.5%;top:21.4%;width:25.5%;height:14%}
.start-hotspots .loved{left:50.5%;top:24.1%;width:27%;height:14%}
.start-hotspots .crisis{left:24.5%;top:37.1%;width:27%;height:15%}
.start-hotspots .org{left:49%;top:42.5%;width:28%;height:15%}
.start-hotspots .unsure{left:36%;top:78.9%;width:28%;height:13%}
@media(max-width:760px){.start-here-story{overflow-x:auto}.start-here-story>img{width:980px;max-width:none}.start-hotspots{width:980px}}

/* v78 For Organizations — broader circle of support */
.support-network{padding:76px 0 84px;background:#f8f3e9}
.support-network .partner-intro{max-width:820px;margin:0 auto 40px}
.support-network .partner-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.35rem,4vw,3.65rem);line-height:1.05;letter-spacing:-.025em;color:#112352}
.support-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.support-card{background:#fff;border:1px solid rgba(17,35,82,.12);border-radius:18px;padding:28px 26px 30px;box-shadow:0 10px 30px rgba(17,35,82,.07);text-align:left}
.support-logo{height:138px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border-bottom:1px solid rgba(17,35,82,.09);padding:0 8px 20px}
.support-logo img{display:block;max-width:100%;max-height:112px;width:auto;height:auto;object-fit:contain}
.support-logo-osa img{max-height:104px}
.support-card h3{font-family:Georgia,'Times New Roman',serif;color:#112352;font-size:1.45rem;line-height:1.2;margin:0 0 13px}
.support-card p{margin:0;color:#46516d;line-height:1.65}
.support-network-note{max-width:820px;margin:38px auto 0;text-align:center;padding:28px 30px;background:#112352;border-radius:18px;color:#fff}
.support-network-note p{margin:0 auto 20px;max-width:650px;line-height:1.6;color:#fff}
@media(max-width:900px){.support-card-grid{grid-template-columns:1fr}.support-card{max-width:620px;width:100%;margin:0 auto}.support-logo{height:120px}}

/* v80 Resources — Planner & Workbook feature */
.book-feature{padding:76px 0 90px;background:#f8f5eb;border-top:1px solid #e5e1d7}
.book-feature-grid{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:76px;align-items:center;max-width:1080px}
.book-cover-wrap{text-align:center}
.book-cover{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;box-shadow:0 20px 46px rgba(7,27,70,.18)}
.book-feature-copy{max-width:610px}
.book-feature-copy .eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:700;color:#b78628;margin-bottom:14px}
.book-feature-copy h2{font-family:'Libre Baskerville',serif;color:var(--navy);font-size:clamp(2rem,4vw,3.35rem);line-height:1.12;margin:0 0 22px}
.book-feature-copy p{font-size:1.02rem;line-height:1.75;color:#293650}
.book-feature-copy .book-lead{font-size:1.13rem;color:#17284e;margin-bottom:18px}
.book-amazon-btn{display:inline-flex;margin-top:14px;text-decoration:none}
.book-store-note{font-size:.82rem!important;color:#697386!important;margin:13px 0 0!important}
@media(max-width:800px){.book-feature{padding:54px 0 66px}.book-feature-grid{grid-template-columns:1fr;gap:40px}.book-cover{max-width:300px}.book-feature-copy{text-align:left}}

/* v81 Resources — gated My Aging Parent Starter Kit + live social links */
.footer-social a{color:inherit;text-decoration:none}.footer-social a:hover,.footer-social a:focus{text-decoration:underline}
.starter-kit-feature{padding:78px 0 88px;background:#fff}
.starter-kit-grid{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,1fr);gap:76px;align-items:center;max-width:1080px}
.starter-kit-preview{display:flex;justify-content:center}.starter-kit-sheet{width:min(100%,340px);aspect-ratio:.77;background:#fbfaf5;border:14px solid #183b67;box-shadow:0 20px 46px rgba(7,27,70,.14);padding:42px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.starter-kit-sheet img{width:155px;max-height:92px;object-fit:contain;margin-bottom:28px}.starter-kit-sheet .starter-kicker{font-size:.72rem;letter-spacing:.16em;color:#b78628;font-weight:700}.starter-kit-sheet h3{font-family:'Libre Baskerville',serif;color:var(--navy);font-size:2.15rem;line-height:1.18;margin:12px 0 18px}.starter-kit-sheet p{color:#34415b;line-height:1.5}.starter-kit-sheet span{margin-top:auto;color:#b78628;font-weight:700}.starter-kit-copy{max-width:610px}.starter-kit-copy .eyebrow,.resource-modal-card .eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:700;color:#b78628;margin-bottom:14px}.starter-kit-copy h2,.resource-modal-card h2{font-family:'Libre Baskerville',serif;color:var(--navy);font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;margin:0 0 22px}.starter-kit-copy p{font-size:1.02rem;line-height:1.75;color:#293650}.starter-kit-copy .starter-kit-lead{font-size:1.13rem;color:#17284e}.starter-kit-note{font-size:.84rem!important;color:#697386!important;margin-top:14px!important}
.resource-modal[hidden]{display:none}.resource-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}.resource-modal-backdrop{position:absolute;inset:0;background:rgba(9,27,58,.72);backdrop-filter:blur(3px)}.resource-modal-card{position:relative;z-index:1;width:min(100%,620px);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:42px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.resource-modal-card h2{font-size:2rem}.resource-modal-card>div>p{color:#46516d;line-height:1.6}.resource-modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#526078;font-size:2rem;line-height:1;cursor:pointer}.starter-kit-form{display:grid;gap:17px;margin-top:25px}.starter-kit-form label{display:grid;gap:7px;font-weight:600;color:#17284e}.starter-kit-form label>span{font-weight:400;color:#697386}.starter-kit-form input[type=text],.starter-kit-form input[type=email],.starter-kit-form input[type=tel]{width:100%;padding:13px 14px;border:1px solid #cbd2dc;border-radius:8px;font:inherit}.starter-kit-form .consent-row{grid-template-columns:auto 1fr;align-items:start;font-weight:400;font-size:.88rem;line-height:1.45}.starter-kit-form .consent-row input{margin-top:4px}.form-note{font-size:.8rem;color:#697386;line-height:1.45}.starter-thanks{text-align:center;padding:24px 4px}.starter-thanks .btn{margin-top:10px}.prototype-note{margin-top:18px}.modal-open{overflow:hidden}
@media(max-width:800px){.starter-kit-feature{padding:54px 0 66px}.starter-kit-grid{grid-template-columns:1fr;gap:40px}.starter-kit-sheet{width:290px}.resource-modal-card{padding:36px 24px}}

/* V82 Resources: workbook + free starter kit side-by-side on desktop */
@media (min-width: 901px){
  .resources-story-hero + .book-feature{padding:72px 0 82px;background:#f8f5eb;border-top:1px solid #e5e1d7}
  .resources-story-hero + .book-feature .book-feature-grid,
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-grid{
    display:flex;flex-direction:column;gap:30px;align-items:center;text-align:center;max-width:none
  }
  .resources-story-hero + .book-feature,
  .resources-story-hero + .book-feature + .starter-kit-feature{width:50%;display:inline-block;vertical-align:top;box-sizing:border-box}
  .resources-story-hero + .book-feature{padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:34px}
  .resources-story-hero + .book-feature + .starter-kit-feature{padding:72px max(24px,calc((100vw - 1180px)/2)) 82px 34px;background:#f8f5eb;border-top:1px solid #e5e1d7;margin-left:-4px}
  .resources-story-hero + .book-feature .container,
  .resources-story-hero + .book-feature + .starter-kit-feature .container{width:100%;padding:0}
  .resources-story-hero + .book-feature .book-cover{width:255px;max-width:100%}
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet{width:255px;max-width:100%;padding:30px 20px;border-width:11px}
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet img{width:120px;margin-bottom:18px}
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet h3{font-size:1.65rem}
  .resources-story-hero + .book-feature .book-feature-copy,
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-copy{max-width:500px;text-align:center}
  .resources-story-hero + .book-feature .book-feature-copy h2,
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-copy h2{font-size:clamp(1.8rem,2.6vw,2.55rem)}
  .resources-story-hero + .book-feature .book-feature-copy p,
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-copy p{font-size:.98rem;line-height:1.65}
}

/* V83 Resources: equal visual cover height for cleaner desktop alignment */
@media (min-width: 901px){
  .resources-story-hero + .book-feature .book-cover{
    width:auto;
    height:330px;
    max-width:100%;
    object-fit:contain;
  }
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet{
    width:255px;
    height:330px;
    aspect-ratio:auto;
    max-width:100%;
  }
}

/* V84 Resources: add breathing room inside Starter Kit preview only */
@media (min-width: 901px){
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet{
    padding-top:38px;
    padding-bottom:38px;
  }
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet img{
    transform:translateY(4px);
  }
  .resources-story-hero + .book-feature + .starter-kit-feature .starter-kit-sheet span{
    margin-bottom:8px;
  }
}

/* V86 button concept: OutSmart directional edge */
.btn{
  position:relative;
  padding-left:24px;
  padding-right:32px;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%);
  transition:transform .18s ease,filter .18s ease,background-color .18s ease;
}
.btn span{
  display:inline-block;
  transition:transform .18s ease;
}
.btn:hover,
.btn:focus-visible{
  transform:translateY(-2px);
  filter:drop-shadow(0 7px 8px rgba(8,25,57,.18));
}
.btn:hover span,
.btn:focus-visible span{
  transform:translateX(4px);
}
.btn:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
.btn-gold:hover,.btn-gold:focus-visible{background:#f6cc50}
.btn-navy:hover,.btn-navy:focus-visible{background:#17295d}
@media (prefers-reduced-motion:reduce){.btn,.btn span{transition:none}.btn:hover,.btn:focus-visible{transform:none}.btn:hover span,.btn:focus-visible span{transform:none}}

/* v87 Start Here healthcare concept — hotspots mapped to new artwork */
.start-hotspots .own{left:24.0%;top:25.5%;width:25.2%;height:19.5%}
.start-hotspots .loved{left:50.7%;top:28.0%;width:28.0%;height:20.5%}
.start-hotspots .crisis{left:24.0%;top:45.2%;width:25.2%;height:16.5%}
.start-hotspots .org{left:50.7%;top:51.0%;width:27.8%;height:16.5%}
.start-hotspots .unsure{left:24.5%;top:77.0%;width:51.0%;height:18.5%}

/* V90 — HOME HERO ORIGINAL-PHOTO LOCK
   Source: exact original photograph supplied by the client/user.
   HARD RULE: do not regenerate, retouch, filter, recolor, blur, or otherwise
   modify Jodanie's photograph. All presentation changes are CSS-only. */
.hero-visual{
  background:#fffdf9 !important;
}
.hero-photo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 54% !important;
  filter:none !important;
  transform:none !important;
}
@media (min-width:981px){
  .hero-visual::after{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    z-index:2;
    width:34% !important;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(255,253,249,1) 0%,
      rgba(255,253,249,.98) 10%,
      rgba(255,253,249,.88) 25%,
      rgba(255,253,249,.66) 42%,
      rgba(255,253,249,.40) 59%,
      rgba(255,253,249,.18) 75%,
      rgba(255,253,249,.05) 89%,
      rgba(255,253,249,0) 100%) !important;
  }
}
@media (max-width:980px){
  .hero-photo{
    object-position:center 50% !important;
  }
  .hero-visual::after{display:none !important;}
}

/* V93: Services CTA spacing after card grid */
.services-story-hero + .page-content .interior-cards + .btn{margin-top:32px;}

.mobile-start-link{display:none}
@media(max-width:980px){.main-nav.open .mobile-start-link{display:block;background:#E9BB45;color:#0B1F4D;font-weight:800;padding:13px 30px 13px 18px;margin-top:10px;width:fit-content;text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%)}}

/* Events and masterclass registration */
.event-section{padding:70px 0 90px;background:#fbfaf6}.event-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:52px;align-items:center}.event-poster{border:2px solid #e9bb45;background:#fffdf6;text-align:center;padding:55px 30px;box-shadow:0 18px 45px #0b1f4d14}.event-poster h2{font-family:"Libre Baskerville",serif;font-size:clamp(2.3rem,4vw,4.4rem);color:#0b1f4d;line-height:1.1}.event-subhead{background:#e9bb45;color:#0b1f4d;padding:12px;font-weight:700}.event-flyer-note{margin-top:30px;color:#687080;font-size:.85rem}.event-details h2{font-family:"Libre Baskerville",serif;color:#0b1f4d;font-size:clamp(1.9rem,3vw,3rem)}.event-details p{line-height:1.7}.event-days{border-left:3px solid #e9bb45;padding-left:20px;margin:24px 0}.event-pending{background:#fff7d9;border-left:3px solid #e9bb45;padding:15px}@media(max-width:760px){.event-layout{grid-template-columns:1fr;gap:26px}.event-section{padding:42px 0}}

/* V97: display the original, unmodified masterclass flyer */
.event-poster-original{padding:0;background:transparent;border:0;box-shadow:none;overflow:hidden}
.event-poster-original img{display:block;width:100%;height:auto;max-width:100%;border:1px solid #e9bb45;box-shadow:0 18px 45px #0b1f4d14}

/* V99: make original event flyer prominent and link to registration preview. */
.event-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}
.event-poster-link{display:block;text-decoration:none;cursor:pointer;border-radius:2px;transition:transform .18s ease,box-shadow .18s ease}
.event-poster-link:hover{transform:translateY(-3px)}
.event-poster-link:focus-visible{outline:4px solid #e9bb45;outline-offset:5px}
.event-poster-link:hover img,.event-poster-link:focus-visible img{box-shadow:0 22px 50px #0b1f4d30}
@media(max-width:800px){.event-layout{grid-template-columns:1fr;gap:26px}.event-poster-link{max-width:620px;margin-inline:auto}}