@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Montserrat:wght@500;600&display=swap');

  :root{
    --cream:#FAF6EF; --ink:#2C2822; --mut:#6B6459;
    --green:#2E5E4E; --dgreen:#1F4A3C; --gold:#C0913F; --goldsoft:#EAD9B8;
    --sage:#E9F0E9; --card:#FFFFFF; --line:#E4DCCC;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--cream);color:var(--ink);
       font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
       font-size:1.125rem;line-height:1.65}
  h1,h2,h3{font-family:Georgia,'Iowan Old Style',serif;color:var(--dgreen);line-height:1.2;margin:0 0 .5em}
  h1{font-size:2.5rem} h2{font-size:1.85rem} h3{font-size:1.25rem;margin-bottom:.35em}
  p{margin:0 0 1em}
  a{color:var(--green)}
  img{max-width:100%;display:block}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
  .btn{display:inline-block;border-radius:999px;padding:.85rem 1.7rem;font-weight:700;
       text-decoration:none;font-size:1.03rem;border:2px solid transparent;cursor:pointer}
  .btn-gold{background:var(--gold);color:#241C0E}
  .btn-gold:hover{background:#D3A550}
  .btn-outline{border-color:var(--green);color:var(--green);background:transparent}
  .btn-outline:hover{background:var(--sage)}
  .btn-ghost{border-color:rgba(255,255,255,.75);color:#fff}
  .btn-ghost:hover{background:rgba(255,255,255,.12)}
  .ph{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;
      color:#8A6A25;background:#F6EBD3;border:1px dashed #C9A662;border-radius:6px;
      padding:.05rem .4rem;vertical-align:middle;margin-left:.35rem;text-transform:uppercase}

  /* ---------- demo bar ---------- */
  .demobar{background:#F6EBD3;color:#6B5320;text-align:center;font-size:.82rem;
           padding:.45rem 12px;border-bottom:1px solid #E3D2AC}

  /* ---------- header (editorial — same shape as the home page, 2026-10-24) ---------- */
  header.site{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #E6DFD3}
  header.site .wrap{max-width:1280px}
  header.site .headrow{display:grid;grid-template-columns:auto 1fr;
            grid-template-areas:"brand right" "brand nav";
            column-gap:44px;row-gap:2px;align-items:center;padding:12px 0 10px;min-height:96px}
  header.site .brand{grid-area:brand;display:flex;align-items:center;margin:0;text-decoration:none}
  header.site .brand img{height:100px;width:auto;border-radius:0;mix-blend-mode:multiply}
  header.site .head-right{grid-area:right;justify-self:end;display:flex;align-items:center}
  header.site nav.main{grid-area:nav;justify-self:end;margin:0;display:flex;gap:20px;align-items:center}
  header.site nav.main a{display:inline-flex;align-items:center;gap:8px;
              font-family:'Montserrat',system-ui,sans-serif;color:#25402A;
              text-decoration:none;font-size:11.5px;font-weight:500;letter-spacing:.09em;
              text-transform:uppercase;white-space:nowrap;padding:9px 0}
  header.site nav.main a::after{content:"";flex:0 0 auto;width:0;height:0;
              border-left:4px solid transparent;border-right:4px solid transparent;
              border-top:5px solid currentColor;transform:translateY(1px)}
  header.site nav.main a:hover{color:#B18431}
  /* the Care item: a real drop-down (memory care + personal care) */
  header.site nav.main .hasmenu{position:relative}
  header.site nav.main .hasmenu::after{content:"";position:absolute;left:-12px;right:-12px;
              top:100%;height:18px}
  header.site nav.main .hasmenu > a::after{border-top-color:currentColor}
  /* the Care item opens the drop-down but goes nowhere on its own */
  header.site nav.main .hasmenu > a.menustatic{cursor:default}
  header.site nav.main .submenu{position:absolute;top:calc(100% + 10px);left:50%;
              transform:translateX(-50%);min-width:214px;background:#fff;
              border:1px solid #E6DFD3;border-radius:3px;
              box-shadow:0 14px 34px rgba(40,32,18,.16);padding:8px 0;display:none;z-index:65}
  header.site nav.main .hasmenu:hover .submenu,
  header.site nav.main .hasmenu:focus-within .submenu{display:block}
  header.site nav.main .submenu a{display:block;padding:11px 22px;font-size:11px;
              letter-spacing:.08em;white-space:nowrap;color:#25402A}
  header.site nav.main .submenu a::after{display:none}
  header.site nav.main .submenu a:hover{background:#FAF6EF;color:#B18431}
  header.site .head-phone{display:inline-flex;align-items:center;gap:8px;
              font-family:'Open Sans',system-ui,sans-serif;font-weight:600;font-size:13.5px;
              color:#25402A;text-decoration:none;white-space:nowrap;
              padding-right:18px;margin-right:18px;border-right:1px solid #E6DFD3}
  header.site .head-phone svg{width:15px;height:15px;stroke:#B18431;fill:none;stroke-width:1.6}
  header.site .head-sched{font-family:Georgia,'Iowan Old Style',serif;font-size:16px;color:#25402A;
              text-decoration:none;white-space:nowrap;padding-right:18px;margin-right:18px;
              border-right:1px solid #E6DFD3}
  header.site .head-sched:hover{color:#B18431}
  header.site .head-social{display:flex;align-items:center;gap:12px;margin-left:6px}
  header.site .head-social a{display:grid;place-items:center;width:20px;height:20px}
  header.site .head-social svg{width:18px;height:18px;stroke:#5E7145;fill:none;stroke-width:1.5}
  @media (min-width:1280px){ header.site .head-social{display:flex} }
  @media (max-width:1180px){
    header.site .headrow{gap:20px}
    header.site nav.main{gap:13px}
    header.site nav.main a{font-size:10.5px;letter-spacing:.045em}
    header.site .head-sched{border-right:0;padding-right:0;margin-right:0}
  }
  @media (min-width:1025px) and (max-width:1180px){
    header.site .head-phone{font-size:0;gap:0;padding-right:0;margin-right:16px;border-right:0}
    header.site .head-phone svg{width:17px;height:17px}
  }
  @media (min-width:821px) and (max-width:1080px){
    header.site .headrow{display:grid;grid-template-columns:auto 1fr;
              grid-template-areas:"brand right" "brand nav";
              column-gap:30px;row-gap:2px;align-items:center;padding:12px 0 10px;min-height:92px}
    header.site .brand{grid-area:brand}
    header.site nav.main{grid-area:nav;justify-self:end;margin:0;gap:14px}
    header.site nav.main a{font-size:10.5px}
    header.site .head-right{grid-area:right;justify-self:end}
    header.site .head-phone{font-size:13px;gap:7px;padding-right:14px;margin-right:14px;
              border-right:1px solid #E6DFD3}
    header.site .head-sched{font-size:15px;border-right:0;padding-right:0;margin-right:0}
  }
  @media (max-width:820px){
    /* 2026-10-25: the row had no side padding (padding:9px 0 beat .wrap), so the
       logo sat hard against the screen edge. 18px keeps the mark inside the bar
       and matches the home page. */
    header.site .headrow{min-height:68px;gap:16px;padding:9px 18px}
    header.site nav.main{display:none}
    header.site .head-phone{display:none}
    header.site .head-sched{font-size:15px;padding:10px 0}
    header.site .brand img{height:68px}
  }

  /* ---------- hero (people-first split, v2) ---------- */
  .hero{max-width:1120px;margin:10px auto 0;display:grid;grid-template-columns:1.02fr 1fr;
        border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(40,32,18,.12);min-height:540px}
  .hero-copy{background:linear-gradient(135deg,#31654F 0%,#1F4A3C 78%);color:#fff;
             display:flex;flex-direction:column;justify-content:center;padding:64px 54px}
  .hero h1{color:#fff;max-width:15em;text-shadow:0 2px 18px rgba(0,0,0,.18)}
  .hero p.lede{font-size:1.15rem;max-width:32em;color:#EFEAD9}
  .hero .ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.4rem 0 1.4rem}
  .chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
  .chip{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.35rem .95rem;
        font-size:.9rem;color:#F7F3E9;background:rgba(255,255,255,.08)}
  .hero-photo{position:relative;background:url('assets/care-joy.jpg') center 28%/cover no-repeat}
  .hero-badge{position:absolute;left:-56px;bottom:46px;width:126px;height:126px;border-radius:50%;
              background:#FAF6EF;border:2px solid var(--gold);color:var(--dgreen);
              display:flex;align-items:center;justify-content:center;text-align:center;
              font-family:Georgia,serif;font-size:.84rem;line-height:1.3;padding:14px;
              box-shadow:0 8px 22px rgba(40,32,18,.18)}
  @media (max-width:900px){
    .hero{grid-template-columns:1fr;border-radius:16px;margin-top:8px}
    .hero-copy{padding:40px 24px}
    .hero-photo{order:-1;min-height:270px;background-position:center 22%}
    .hero-badge{left:auto;right:14px;bottom:14px;width:106px;height:106px;font-size:.74rem}
  }

  /* ---------- sections ---------- */
  section{padding:72px 0}
  .alt{background:var(--sage)}
  .kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--gold);margin-bottom:.5rem}

  .signs-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
  .signs-grid ul{margin:0;padding-left:0;list-style:none}
  .signs-grid li{padding:.55rem 0 .55rem 2rem;position:relative}
  .signs-grid li::before{content:"✓";position:absolute;left:0;top:.55rem;color:var(--gold);font-weight:800}
  .signs-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;
              box-shadow:0 12px 30px rgba(60,50,30,.07)}
  .signs-card h3{margin-top:0}

  .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}
  .tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
  .tile .ico{font-size:1.5rem;margin-bottom:.4rem}
  .tile p{margin:0;color:var(--mut);font-size:.99rem}

  /* ---------- rooms ---------- */
  .rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
  .room{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
  .room .draw{padding:14px 14px 0}
  .room .draw svg{width:100%;height:auto}
  .room .draw img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
  .room .draw .photospot{border-radius:12px;height:auto;min-height:190px;line-height:1.5}
  .room .body .planrate{margin:.6rem 0 0;font-size:.9rem;font-weight:600;color:var(--green)}
  .room .body{padding:16px 20px 22px}
  .room .body p{margin:0;color:var(--mut);font-size:.97rem}
  .rlabel{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

  /* ---------- pricing ---------- */
  .rates{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
  .rate{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px}
  .rate h3{margin-bottom:.35em}
  .rate .rnote{color:var(--mut);font-size:.96rem}
  .rate table{width:100%;border-collapse:collapse;margin:.5rem 0 .2rem}
  .rate tr{border-top:1px dashed var(--line)}
  .rate tr:first-child{border-top:0}
  .rate th{text-align:left;font-weight:600;color:var(--ink);font-size:1rem;padding:.7rem 0}
  .rate td{text-align:right;font-family:Georgia,serif;font-size:1.5rem;color:var(--dgreen);
           padding:.55rem 0;white-space:nowrap}
  .rate td span{font-family:system-ui,sans-serif;font-size:.85rem;color:var(--mut);margin-left:.1rem}
  .rate .fineprint{margin-top:.6rem}
  .calc{grid-column:1/-1;max-width:820px;background:var(--card);border:1px solid var(--line);
        border-radius:18px;padding:26px;box-shadow:0 12px 30px rgba(60,50,30,.07)}
  .calcrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .calc label{display:block;font-weight:700;font-size:.92rem;margin:1rem 0 .3rem}
  .calc select{width:100%;padding:.65rem .8rem;border:1px solid var(--line);border-radius:10px;
               font-size:1rem;background:#fff}
  .calc .out{margin-top:1.3rem;padding:18px;border-radius:14px;background:#F7F2E6;border:1px dashed #D8C79E}
  .calc .out .big{font-family:Georgia,serif;font-size:1.55rem;color:var(--dgreen)}
  .calc .out small{color:var(--mut)}
  .fineprint{font-size:.86rem;color:var(--mut);margin-top:1rem}

  /* ---------- gallery ---------- */
  .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .gallery figure{margin:0;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
  .gallery img{width:100%;height:230px;object-fit:cover}
  .gallery figcaption{padding:10px 14px;font-size:.88rem;color:var(--mut)}
  .photospot{height:230px;display:flex;align-items:center;justify-content:center;text-align:center;
             padding:18px;color:#8A6A25;background:repeating-linear-gradient(45deg,#F8F1DE,#F8F1DE 12px,#F3E9CC 12px,#F3E9CC 24px);
             font-size:.92rem;font-weight:600}

  /* ---------- quote ---------- */
  .quote{max-width:820px;margin:0 auto;text-align:center}
  .quote blockquote{font-family:Georgia,serif;font-size:1.5rem;color:var(--dgreen);margin:0 0 .6rem}
  .quote .who{color:var(--mut)}

  /* ---------- faq ---------- */
  .faq{max-width:820px;margin:0 auto}
  details{background:var(--card);border:1px solid var(--line);border-radius:14px;
          padding:18px 22px;margin-bottom:12px}
  summary{cursor:pointer;font-weight:700;color:var(--dgreen);font-size:1.05rem}
  details p{margin:.8rem 0 0;color:var(--mut)}

  /* ---------- schedule ---------- */
  .sched-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}
  .pick{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0 1rem}
  .pick button{border:1px solid #BFB49C;background:#fff;border-radius:999px;padding:.5rem 1.1rem;
               font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer}
  .pick button.on{background:var(--green);color:#fff;border-color:var(--green)}
  .sched-form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;
              box-shadow:0 12px 30px rgba(60,50,30,.07)}
  .sched-form input{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;
                    font-size:1rem;margin-bottom:.8rem;background:#fff}
  .sched-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .okmsg{display:none;background:#EEF5EF;border:1px solid #BFD8C4;border-radius:12px;
         padding:18px;color:var(--dgreen);font-weight:600}

  /* ---------- visit / footer ---------- */
  .visit-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
  .visit .bigphone{font-family:Georgia,serif;font-size:1.6rem;color:var(--dgreen);text-decoration:none;display:inline-block;margin:.3rem 0}
  footer.site{background:var(--dgreen);color:#DFE8DF;padding:44px 0 34px;font-size:.95rem}
  footer.site a{color:#EFE6CE;text-decoration:none}
  footer.site h4{color:#fff;font-family:Georgia,serif;margin:0 0 .6rem}
  footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
  footer small{color:#A9BBA9}
  footer .cols-2{grid-template-columns:1.2fr 1fr}
  .replay{cursor:pointer;text-decoration:underline}

  /* ---------- mobile bar ---------- */
  .mobar{display:none}

  @media (max-width:900px){
    .signs-grid,.rates,.sched-grid,.visit-row{grid-template-columns:1fr}
    .gallery{grid-template-columns:1fr 1fr}
    footer .cols{grid-template-columns:1fr}
  }
  @media (max-width:640px){
    .calcrow{grid-template-columns:1fr}
  }
  @media (max-width:740px){
    h1{font-size:1.9rem}
    nav.main{display:none}
    .gallery{grid-template-columns:1fr}
    body{padding-bottom:64px}
    .mobar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
           background:var(--dgreen);padding:.6rem .875rem;gap:1rem}
    .mobar .btn{flex:1;text-align:center;padding:.75rem .5rem}
  }

  /* ---------- intro overlay ---------- */
  #intro{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;
         background:radial-gradient(120% 120% at 50% 30%,#2E5E4E 0%,#1B3C31 70%,#122B23 100%);
         transition:opacity .7s ease, visibility .7s ease}
  #intro.done{opacity:0;visibility:hidden}
  #intro .inner{text-align:center;color:#fff;position:relative;z-index:2;padding:0 24px}
  #intro .brandline{letter-spacing:.35em;font-size:.8rem;color:#CBE0CD;text-transform:uppercase;
                    opacity:0;animation:fadeUp .9s ease .3s forwards}
  #intro .w1,#intro .w2{font-family:Georgia,serif;font-size:4rem;line-height:1.05;color:#FBF7EC;
                        opacity:0;animation:fadeUp 1.1s ease forwards}
  #intro .w1{animation-delay:.8s} #intro .w2{animation-delay:1.5s;color:#E8CE96}
  #intro .tag{font-size:1.15rem;color:#D9E6DA;margin-top:1rem;opacity:0;animation:fadeUp 1.1s ease 2.6s forwards}
  #intro .rule{width:64px;height:2px;background:#C0913F;margin:1.1rem auto 0;opacity:0;
               animation:fadeUp 1s ease 2.3s forwards}
  #intro .skip{position:absolute;top:22px;right:26px;z-index:3;color:#CFE0D0;text-decoration:none;
               font-size:.9rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;
               padding:.35rem 1rem;cursor:pointer;background:transparent}
  #intro .skip:hover{background:rgba(255,255,255,.1)}
  .orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;animation:drift 9s ease-in-out infinite}
  .orb.o1{width:150px;height:150px;background:#C0913F55;left:12%;top:22%}
  .orb.o2{width:90px;height:90px;background:#E8CE9655;right:16%;top:58%;animation-delay:1.2s}
  .orb.o3{width:210px;height:210px;background:#9CC3A855;left:64%;top:8%;animation-delay:.6s}
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-18px)}}
  @media (prefers-reduced-motion:reduce){
    #intro .brandline,#intro .w1,#intro .w2,#intro .tag,#intro .rule{animation-duration:.01s;opacity:1}
    .orb{animation:none}
  }
  @media (max-width:740px){
    #intro .w1,#intro .w2{font-size:2.6rem}
  }

  /* ---------- sub-page components (added with the inside pages) ---------- */
  .pagehero{position:relative;color:#fff;background:var(--dgreen);overflow:hidden}
  .pagehero .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28}
  .pagehero .wrap{position:relative;padding-top:64px;padding-bottom:56px}
  .pagehero h1{color:#fff;max-width:18em;text-shadow:0 2px 14px rgba(0,0,0,.25)}
  .pagehero p{color:#E3EDE3;max-width:42em;margin:0}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
  .split img{border-radius:16px;border:1px solid var(--line)}
  .daylist{list-style:none;margin:0;padding:0}
  .daylist li{padding:.6rem 0;border-bottom:1px dashed var(--line)}
  .daylist b{color:var(--dgreen);display:inline-block;min-width:8em}
  .guide{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;
         padding:22px;text-decoration:none;color:var(--ink)}
  .guide:hover{box-shadow:0 12px 26px rgba(60,50,30,.09)}
  .guide b{display:block;font-family:Georgia,serif;color:var(--dgreen);font-size:1.12rem;margin-bottom:.35rem}
  .guide span{color:var(--mut);font-size:.95rem}
  .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
  .person{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
  .person .avatar{height:140px;border-radius:12px;display:flex;align-items:center;justify-content:center;
                  color:#8A6A25;font-size:.9rem;font-weight:600;text-align:center;padding:12px;
                  background:repeating-linear-gradient(45deg,#F8F1DE,#F8F1DE 12px,#F3E9CC 12px,#F3E9CC 24px);margin-bottom:12px}
  .person b{color:var(--dgreen)}
  .person span{display:block;color:var(--mut);font-size:.92rem}
  .cta-band{background:#33654F;color:#fff;text-align:center;padding:60px 0}
  .cta-band h2{color:#fff}
  .cta-band p{color:#DCE7DC;max-width:36em;margin:0 auto 1.2rem}
  .gloss dt{font-weight:800;color:var(--dgreen);margin-top:.9rem}
  .gloss dd{margin:.15rem 0 0;color:var(--mut)}
  @media (max-width:900px){.split{grid-template-columns:1fr}}


  /* ---------- care photos + pizzazz + the little popup (2026-10-07) ---------- */
  .photostrip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:26px 0 10px}
  .photostrip figure{margin:0;border-radius:16px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
  .photostrip img{width:100%;height:300px;object-fit:cover}
  .photostrip figcaption{padding:10px 14px;font-size:.9rem;color:var(--mut)}
  .hero .bg{animation:kb 26s ease-in-out infinite alternate}
  @keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
  .tile,.room,.guide,.person{transition:transform .25s ease,box-shadow .25s ease}
  .tile:hover,.room:hover,.guide:hover,.person:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(60,50,30,.09)}
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  .popup{position:fixed;left:18px;bottom:18px;z-index:55;width:270px;background:var(--card);
         border:1px solid var(--line);border-radius:16px;
         box-shadow:0 14px 34px rgba(30,25,15,.16);opacity:0;transform:translateY(14px);
         transition:opacity .45s ease,transform .45s ease;pointer-events:none;cursor:pointer}
  .popup.show{opacity:1;transform:none;pointer-events:auto}
  .popup .pbody{padding:14px 16px 15px}
  .popup .pbody b{font-family:Georgia,serif;color:var(--dgreen);font-size:1.02rem}
  .popup .pbody p{margin:.3rem 0 .75rem;color:var(--mut);font-size:.9rem;line-height:1.45}
  .popup .pbtns{display:flex;gap:.45rem}
  .popup .pbtns .btn{padding:.5rem .9rem;font-size:.88rem}
  .popup .px{position:absolute;top:6px;right:8px;width:26px;height:26px;border-radius:50%;
             border:0;background:#F4EFE4;color:#555;font-size:1rem;cursor:pointer;line-height:1}
  .popup.mini{width:auto;border-radius:999px}
  .popup.mini .pbody{padding:9px 18px}
  .popup.mini .pbody p,.popup.mini .pbtns,.popup.mini .px{display:none}
  .popup.mini .pbody b{font-size:.95rem}
  .popup.mini .pbody b::after{content:" \2192";color:var(--gold)}
  @media (max-width:900px){.photostrip{grid-template-columns:1fr 1fr}}
  @media (max-width:740px){.popup{display:none}.photostrip{grid-template-columns:1fr}.photostrip img{height:230px}}
  /* ---------- $1,500 community fee badge (top right, every page) ---------- */
  .feebadge{position:absolute;top:14px;right:14px;z-index:30;width:178px;height:178px;
            display:grid;place-items:center;text-decoration:none;
            filter:drop-shadow(0 10px 20px rgba(20,14,4,.30));transition:transform .18s ease}
  .feebadge:hover,.feebadge:focus-visible{transform:scale(1.045)}
  /* the cream disc: one hairline gold rim and one fine inner ring (approved artwork) */
  .feebadge::before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;
    border:1.5px solid #B18431;
    background:
      radial-gradient(circle closest-side,rgba(0,0,0,0) calc(100% - 9px),rgba(177,132,49,.55) calc(100% - 9px),rgba(177,132,49,.55) calc(100% - 7px),rgba(0,0,0,0) calc(100% - 7px)),
      radial-gradient(circle at 50% 30%,#FDF9EF 0%,#F3ECDF 62%,#E7DAC4 100%)}
  /* two mirrored olive sprigs, tucked behind the disc rim */
  .feebadge::after{content:"";position:absolute;inset:-21px;z-index:0;pointer-events:none;
    background-position:center;background-size:contain;background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><g fill='none' stroke='%235E7145' stroke-width='1.5' stroke-linecap='round'><path d='M110 16C132.1 16 153.5 23.8 170.4 38C187.3 52.2 198.8 71.9 202.6 93.7'/><path d='M110 16C87.9 16 66.5 23.8 49.6 38C32.7 52.2 21.2 71.9 17.4 93.7'/></g><g fill='%236B7C4E'><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(123.1,16.9) rotate(8)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(154.1,27) rotate(28)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(179.9,47.1) rotate(48)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(197.2,74.8) rotate(68)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(96.9,16.9) rotate(-8)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(65.9,27) rotate(-28)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(40.1,47.1) rotate(-48)'/><path d='M0 0C4.6-4 4.6-11.5 0-15C-4.6-11.5-4.6-4 0 0Z' transform='translate(22.8,74.8) rotate(-68)'/></g></svg>")}
  .feebadge > span{position:relative;z-index:2;width:112px;text-align:center;color:#25402A;
                   font-family:'Open Sans','Segoe UI',system-ui,sans-serif;line-height:1;
                   transform:translateY(10px)}
  .feebadge b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:27px;
              font-weight:600;letter-spacing:-.005em;color:#25402A}
  /* the small gold heart, sitting just above the $1,500 */
  .feebadge b::before{content:"";position:absolute;left:50%;top:-27px;margin-left:-11px;
    width:22px;height:19px;
    background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 21'><path d='M12 20.5C12 20.5 2 14.2 2 8.1C2 5.2 4.3 3 7.1 3C9 3 10.7 4 12 5.8C13.3 4 15 3 16.9 3C19.7 3 22 5.2 22 8.1C22 14.2 12 20.5 12 20.5Z' fill='%23B18431'/></svg>") center/contain no-repeat}
  .feebadge i{display:block;font-style:normal;font-size:8px;font-weight:700;letter-spacing:.2em;
              text-transform:uppercase;color:#4E6238;margin-top:5px}
  .feebadge strong{display:block;width:calc(100% + 112px);margin:12px 0 9px -56px;padding:7px 0 6px;
                   background:linear-gradient(180deg,#CBA45C 0%,#B18431 58%,#946A22 100%);
                   color:#fff;font-size:13px;font-weight:700;letter-spacing:.17em;
                   text-transform:uppercase;
                   clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%)}
  .feebadge em{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;
               font-size:11.5px;line-height:1.3;color:#3B5032;letter-spacing:0}
  @media (max-width:900px){
    .feebadge{position:static;margin:0 0 16px auto;width:136px;height:136px;
              filter:drop-shadow(0 6px 14px rgba(20,14,4,.28))}
    .feebadge > span{width:112px;transform:translateY(11px) scale(.74)}
  }
  /* ---------- the $1,500 community fee line under every rate ---------- */
  .feeline{display:block;font-size:.9rem;font-weight:700;color:#8A6118;margin:.6rem 0 0;
           line-height:1.5;letter-spacing:.01em}
  @media (prefers-reduced-motion:reduce){.hero .bg{animation:none}}

  /* ---------- home-page faces & palette for the inside pages (2026-10-25) ----------
     The home page runs on theme.css: Playfair Display headings, Open Sans body,
     Montserrat nav, and the warm ivory / deep-green / gold palette. Every inside
     page shares this file, so the same faces and colours are set here once. */
  :root{
    --cream:#FBF9F3; --ink:#393A35; --mut:#6D6E66;
    --green:#2F4F2F; --dgreen:#25402A; --gold:#B18431; --goldsoft:#E8CE96;
    --sage:#FAF7EF; --card:#FFFFFF; --line:#E6DFD3;
    --serif:'Playfair Display',Georgia,'Iowan Old Style',serif;
    --sans:'Open Sans','Segoe UI',system-ui,-apple-system,Roboto,sans-serif;
  }
  body{font-family:var(--sans)}
  h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.18}
  .kicker{font-family:var(--sans);color:var(--gold)}
  .btn{font-family:var(--sans)}
  .pagehero{background:var(--dgreen)}
  .pagehero h1,.cta-band h2,.quote blockquote,.rate td,.guide b,.popup .pbody b,.person b{font-family:var(--serif)}
  header.site .head-sched{font-family:var(--serif)}
  .cta-band{background:#5E7145}
  footer.site{background:var(--cream);color:var(--mut);border-top:1px solid var(--line)}
  footer.site h4{font-family:var(--serif);font-weight:500;color:var(--dgreen)}
  footer.site a{color:var(--mut)}
  footer.site a:hover{color:var(--gold)}
  footer small{color:var(--mut)}

  /* ---------- About Us: Our Team cards (mockup, 2026-10-25) ---------- */
  .teamlead{max-width:54em;color:var(--mut);margin-bottom:0}
  .teamcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}
  .tcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
         border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(60,50,30,.06);
         transition:transform .25s ease,box-shadow .25s ease}
  .tcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(60,50,30,.10)}
  .tcard .tart{height:210px;background:#E4EDE4;overflow:hidden;line-height:0}
  .tcard .tart svg,.tcard .tart img{width:100%;height:100%;display:block;object-fit:cover}
  .tcard .tbody{display:flex;flex-direction:column;flex:1;padding:22px 24px 26px}
  .tcard h3{font-family:var(--serif);font-size:1.32rem;font-weight:500;color:var(--dgreen);margin:0 0 .3rem}
  .tcard .trole{font-family:var(--sans);font-size:.71rem;font-weight:700;letter-spacing:.14em;
                text-transform:uppercase;color:var(--gold);margin:0 0 .95rem}
  .tcard p{color:var(--mut);font-size:.95rem;line-height:1.6;margin:0 0 1.35rem}
  .tcard .tbtn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;
               border:1.5px solid var(--dgreen);border-radius:999px;padding:.62rem 1.3rem;
               color:var(--dgreen);text-decoration:none;font-family:var(--sans);
               font-size:.89rem;font-weight:700;background:#fff;
               transition:background .2s ease,color .2s ease}
  .tcard .tbtn:hover,.tcard .tbtn:focus-visible{background:var(--dgreen);color:#fff}
  @media (max-width:900px){
    .teamcards{grid-template-columns:1fr;max-width:470px;margin-left:auto;margin-right:auto}
  }

  /* ---------- mobile menu (2026-10-25) ----------
     Below 820px the six top links were hidden with nothing to open them. The
     burger (built by site.js) opens the same nav as a panel under the bar, with
     the Care item listing its two pages inline for touch. */
  header.site .navtoggle{display:none}
  @media (max-width:820px){
    header.site .navtoggle{display:inline-grid;place-items:center;width:42px;height:42px;
      margin-left:14px;padding:0;border:1px solid #E6DFD3;border-radius:3px;background:#fff;
      color:#25402A;cursor:pointer;-webkit-tap-highlight-color:transparent}
    header.site .navtoggle span{position:relative;display:block;width:20px;height:2px;background:currentColor}
    header.site .navtoggle span::before,
    header.site .navtoggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor}
    header.site .navtoggle span::before{top:-6px}
    header.site .navtoggle span::after{top:6px}
    header.site .navtoggle[aria-expanded="true"] span{background:transparent}
    header.site .navtoggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
    header.site .navtoggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
    header.site .navtoggle:focus-visible{outline:2px solid #B18431;outline-offset:2px}
    header.site nav.main.open{display:block;position:absolute;grid-area:auto;justify-self:stretch;
      left:0;right:0;top:100%;z-index:59;
      background:#fff;border-top:1px solid #E6DFD3;border-bottom:1px solid #E6DFD3;
      box-shadow:0 20px 34px rgba(40,32,18,.16);padding:4px 18px 12px;
      max-height:calc(100vh - 80px);overflow:auto}
    header.site nav.main.open > a,
    header.site nav.main.open .hasmenu > a{display:block;padding:14px 2px;font-size:12.5px;
      letter-spacing:.09em;border-bottom:1px solid #F1ECE2;color:#25402A}
    header.site nav.main.open a::after{display:none}
    header.site nav.main.open .hasmenu{position:static}
    header.site nav.main.open .submenu{display:block;position:static;transform:none;
      min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;
      padding:0 0 4px;margin:0}
    header.site nav.main.open .submenu a{display:block;padding:12px 2px 12px 18px;font-size:11.5px;
      letter-spacing:.08em;color:#5E7145;border-bottom:1px solid #F6F2EA}
    header.site nav.main.open .submenu a:last-child{border-bottom:0}
  }