:root{--p:0;--grass:0;--r:0;--ab:0px;--green:#7c9052;--green-dark:#5e7140;--brown:#603913;--brown-dark:#4c2d11;--cream:#f7f2e8;--paper:#fffdf8;--ink:#2f2a24;--muted:#686158;--line:#ddd4c5;--shadow:0 18px 46px rgba(74,57,35,.12)}
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(124,144,82,.18)}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:18px/1.65 Georgia,"Times New Roman",serif}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,a{touch-action:manipulation}
/* WP admin bar: --ab shifts all fixed/sticky chrome below it; our img
   reset (display:block) blew the Howdy avatar up huge — fence it off */
body.admin-bar{--ab:32px}
@media(max-width:782px){body.admin-bar{--ab:46px}}
#wpadminbar img,#wpadminbar svg{display:inline-block;width:auto;height:auto;max-width:none;vertical-align:middle}
.tz-utility{background:linear-gradient(90deg,#3b2817,#4a311c 50%,#3b2817);color:#fff;font:700 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.02em;box-shadow:inset 0 -1px 0 rgba(255,253,248,.08)}
.tz-utility-inner{max-width:1540px;margin:0 auto;padding:9px clamp(18px,4vw,80px);display:flex;align-items:center;justify-content:space-between;gap:10px 28px;flex-wrap:wrap}
.tz-utility span,.tz-utility a{display:inline-flex;align-items:center;gap:9px}
.tz-utility svg{flex:none;opacity:.85}
.tz-utility a{text-decoration:none}
.tz-utility a:hover .tz-util-num,.tz-utility a:hover{text-decoration:underline;text-underline-offset:3px}
/* enrollment notice — deep green strip with a hairline top/bottom light+shade
   edge, so it reads as a deliberate band rather than a flat color block */
.tz-enroll{background:linear-gradient(180deg,#61763f,#526335);box-shadow:inset 0 1px 0 rgba(255,253,248,.16),inset 0 -1px 0 rgba(0,0,0,.14);text-align:center;font:600 14px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.02em}
.tz-enroll a{display:inline-flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding:8px 16px;color:#fff;text-decoration:none}
.tz-enroll svg{flex:none;opacity:.85}
.tz-enroll-label strong{color:#f2e7c8;margin-left:2px}
.tz-enroll-cta{display:inline-flex;align-items:center;padding:3px 15px;border-radius:999px;border:1px solid rgba(255,253,248,.4);background:rgba(255,253,248,.12);font-weight:700;transition:background .2s ease,border-color .2s ease}
.tz-enroll a:hover .tz-enroll-cta{background:rgba(255,253,248,.24);border-color:rgba(255,253,248,.6)}
@media(max-width:760px){
  /* icon sits larger, vertically centered against a two-line label;
     the CTA pill drops so nothing crowds the hamburger */
  .tz-enroll{padding-right:64px}
  .tz-enroll a{gap:13px;min-height:72px;padding-top:6px;padding-bottom:6px;justify-content:flex-start;padding-left:20px}
  .tz-enroll svg{width:30px;height:30px;align-self:center}
  .tz-enroll-label{display:inline-flex;flex-direction:column;align-items:center;text-align:center;line-height:1.35;font-size:13.5px}
  .tz-enroll-label strong{font-size:14.5px}
  .tz-enroll-cta{display:none}
}
.tz-header{position:sticky;top:var(--ab);z-index:60;background:rgba(255,253,248,.96);overflow:hidden;transition:background .45s ease,box-shadow .45s ease}
.tz-header.tz-scrolled{background:rgba(255,253,248,.985);box-shadow:0 10px 28px rgba(58,44,30,.08)}
.tz-nav{position:relative;z-index:3;max-width:1540px;height:112px;margin:0 auto;padding:0 clamp(30px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(26px,3vw,46px)}

.tz-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(243,238,226,.42) 0%,rgba(251,248,241,.6) 55%,rgba(255,253,248,.8) 100%),url('../images/hero.png') center/cover no-repeat #fbf8f1;padding:58px 24px 150px;min-height:720px;margin-bottom:-35px}
.tz-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 33%,rgba(124,144,82,.12),transparent 30%),radial-gradient(circle at 85% 26%,rgba(96,57,19,.09),transparent 28%),linear-gradient(90deg,rgba(124,144,82,.06),transparent 22%,transparent 78%,rgba(96,57,19,.05))}
/* soft bottom fade so the hero dissolves into whatever follows it —
   kills the hard image edge at the section boundary */
.tz-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 55%,rgba(255,255,255,.92) 88%,#fff 100%)}
.tz-hero-inner{position:relative;max-width:1120px;margin:0 auto;text-align:center}
.tz-brandmark-wrap{display:flex;justify-content:center;transition:transform .08s linear, opacity .08s linear, filter .08s linear;will-change:transform,opacity,filter}
.tz-brandmark{width:min(475px,78vw);filter:drop-shadow(0 14px 18px rgba(96,57,19,.08))}
.tz-eyebrow{font:700 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dark);margin:18px 0 10px}
.tz-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.05;max-width:850px;margin:0 auto 18px;color:var(--brown);font-weight:500}
.tz-hero p{max-width:770px;margin:0 auto 30px;font-size:21px;color:#564f46}
.tz-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.tz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:13px 26px;border-radius:10px;font:700 17px Arial,Helvetica,sans-serif;border:2px solid var(--green-dark);transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease}
.tz-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.08)}
.tz-btn.tz-primary{background:var(--green-dark);color:#fff}
.tz-btn.tz-secondary{background:rgba(255,255,255,.88);color:var(--green-dark)}
.tz-trustline{margin:30px auto 0;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font:700 15px Arial,Helvetica,sans-serif;color:#5c574f}
.tz-trustline span::before{content:"✓";color:var(--green-dark);margin-right:8px}

.tz-section{padding:84px 24px}
#services.tz-services-photo{background:linear-gradient(rgba(255,253,248,.5),rgba(255,253,248,.5)),url("../images/consultation.png") center/100% 100% no-repeat;background-color:#f3ecdd}
@media(max-width:760px){#services.tz-services-photo{background:linear-gradient(145deg,rgba(124,144,82,.16),rgba(96,57,19,.08)),#f3ecdd}}
#why{background:linear-gradient(rgba(77,93,51,.28),rgba(77,93,51,.28)),url("../images/meadow.png") center/cover no-repeat}
[id]{scroll-margin-top:calc(140px + var(--ab))}
.tz-wrap{max-width:1120px;margin:0 auto}
.tz-intro{text-align:center;max-width:800px;margin:0 auto 44px}
.tz-kicker{font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--green-dark)}
h2{font-size:clamp(34px,4vw,48px);line-height:1.15;color:var(--brown);margin:8px 0 15px;font-weight:500}
.tz-intro p{color:var(--muted);font-size:19px}
/* tidy line breaks — balanced headings, no orphan last words */
h1,h2,h3{text-wrap:balance}
.tz-intro p,.tz-hero p,.tz-band p{text-wrap:pretty}
.tz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tz-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 10px 28px rgba(70,55,38,.06)}
.tz-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#edf0e4;color:var(--green-dark);font:700 24px Arial,Helvetica,sans-serif}
.tz-card h3{font-size:25px;color:var(--brown);margin:16px 0 8px}
.tz-card p{color:var(--muted);margin:0 0 14px}
.tz-card a{font:700 16px Arial,Helvetica,sans-serif;color:var(--green-dark)}
.tz-help{background:var(--green-dark);color:#fff}
.tz-help .tz-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.tz-help h2{color:#fff} .tz-help p{color:#f2f1e9;font-size:20px}
.tz-steps{display:grid;gap:12px} .tz-step{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.09);padding:17px;border-radius:10px}
.tz-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green-dark);font:700 18px Arial,Helvetica,sans-serif} .tz-step strong{display:block;font:700 18px Arial,Helvetica,sans-serif;margin-bottom:2px} .tz-step span{font:16px Arial,Helvetica,sans-serif;color:#edf0e6}
.tz-local{background:var(--cream);position:relative;overflow:hidden}
/* faint brand-tree watermark — logo.svg scaled so only the canopy +
   roots region shows, bleeding off the bottom-right corner */
.tz-local#about::after{content:"";position:absolute;right:max(-80px,-5vw);bottom:-30px;width:min(520px,46vw);height:min(285px,25vw);background:url("../images/logo.svg") top center/100% auto no-repeat;opacity:.07;pointer-events:none}
/* roots descending from the section's top edge — same art crop as
   .tz-hero-roots (x40–473, y332–512 of the 513² svg), much larger.
   --lg (scroll-driven in main.js) widens + fades them in as the
   section travels through the viewport, echoing the header roots */
.tz-local::before{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:calc(150px + (var(--lg,0) * min(1060px,92vw)));aspect-ratio:433/180;background:url("../images/logo.svg") 41.4% 100%/calc(100% * (513 / 433)) auto no-repeat;opacity:calc(var(--lg,0) * .11);pointer-events:none}
.tz-local .tz-wrap{position:relative;z-index:1}
.tz-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.tz-local-photo{min-height:430px;border-radius:18px;background:linear-gradient(145deg,rgba(96,57,19,.10),rgba(124,144,82,.22)),url('../images/mark_kristi.jpg') center/cover;box-shadow:var(--shadow);position:relative;overflow:hidden}
.tz-local-photo::after{content:"Local guidance. Familiar faces.";position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,253,248,.93);padding:18px 20px;border-radius:10px;color:var(--brown);font-size:24px}
.tz-founders{margin:20px 4px 0;padding-left:22px;border-left:3px solid var(--green);font:italic 18px/1.65 Georgia,"Times New Roman",serif;color:var(--brown)}
.tz-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0} .tz-fact{border-left:4px solid var(--green);padding:8px 13px;background:rgba(255,255,255,.64)} .tz-fact strong{display:block;color:var(--brown);font-size:20px} .tz-fact span{font:15px Arial,Helvetica,sans-serif;color:var(--muted)}
.tz-cta{text-align:center;background:var(--cream)} .tz-cta-box{max-width:920px;margin:0 auto;border:1px solid var(--line);border-radius:20px;padding:48px;background:linear-gradient(135deg,#fff,#f5f0e5);box-shadow:var(--shadow)} .tz-phone{font-size:clamp(30px,5vw,46px);color:var(--green-dark);font-weight:700;display:block;margin:14px 0} .tz-fine{font:14px/1.5 Arial,Helvetica,sans-serif;color:#746d63}
/* ============================================================
   FOOTER — light editorial band. The transparent logo sits directly
   on the paper; a green strip on top ties it to the header's grass.
   ============================================================ */
footer{position:relative;color:#4a443c;padding:96px 24px 0;border-top:6px solid var(--green-dark);background:linear-gradient(180deg,rgba(247,242,232,.66) 0%,rgba(250,246,238,.78) 55%,rgba(253,250,244,.88) 100%),url('../images/footer.png') center bottom/cover no-repeat,#f2ecdf}
.tz-footer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.4fr .9fr .9fr 1.1fr;gap:96px;align-items:start}
.tz-footer h4{font:700 13px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--green-dark);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(124,144,82,.35)}
.tz-footer p{margin:0;font:16px/1.75 Arial,Helvetica,sans-serif;color:#5a5348}
.tz-footer a{display:inline-block;font-weight:700;color:#4a443c;transition:color .2s ease,transform .2s ease}
.tz-footer a:hover{color:var(--green-dark);transform:translateX(3px)}
.tz-footer-logo{display:inline-block;width:190px;margin-top:-20px;margin-bottom:22px;filter:drop-shadow(0 2px 8px rgba(255,253,248,.4))}
.tz-footer-tag{max-width:340px;color:var(--muted)}
.tz-footer-phone{font-size:20px;color:var(--green-dark)}
.tz-footer .tz-hours{list-style:none;margin:0;padding:0;font:15px/1 Arial,Helvetica,sans-serif;color:#5a5348}
.tz-footer .tz-hours li{display:flex;justify-content:space-between;gap:14px;padding:4px 0}
.tz-footer .tz-hours li span:last-child{color:#4a443c;font-weight:700;text-align:right;white-space:nowrap}
/* the cream→brown fade lives inside the 56px gap above the divider, so it
   can never misalign with the bar — its bottom edge is exactly #392617 */
.tz-footer-bottom{position:relative;margin:90px -24px 0;border-top:1px solid rgba(255,255,255,.18);background:#392617}
.tz-footer-bottom::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:72px;pointer-events:none;background:linear-gradient(180deg,rgba(57,38,23,0) 0%,rgba(57,38,23,.38) 45%,rgba(57,38,23,.78) 78%,#392617 100%)}
.tz-footer-bottom .tz-wrap{max-width:none;padding:20px clamp(20px,3vw,52px);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font:13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.04em;color:#fff;text-transform:uppercase}
.tz-footer-bottom .tz-credit{color:rgba(255,253,248,.82);white-space:nowrap}
.tz-footer-bottom .tz-credit a{color:#fff;transition:color .2s ease}
.tz-footer-bottom .tz-credit a:hover{color:#e6edd6}
.tz-footer-bottom .tz-heart{display:inline-block;color:#d9684a;font-size:20px;line-height:1;transform:translateY(1px)}
.tz-menu-btn{display:none}
.tz-mobile-menu{display:none}
.tz-mobile-call{display:none}
@media (max-width:1120px){.tz-brand-name{font-size:24px}}
@media (max-width:900px){.tz-utility{display:none}.tz-hero{padding-top:34px;min-height:auto}.tz-brandmark{width:min(400px,88vw)}.tz-eyebrow{font-size:13px;letter-spacing:.12em;margin-top:14px}.tz-eyebrow .tz-tail{display:none}.tz-hero p{font-size:19px}.tz-cards,.tz-help .tz-wrap,.tz-local-grid,.tz-footer{grid-template-columns:1fr}.tz-facts{grid-template-columns:1fr}.tz-local-photo{min-height:320px}.tz-photo-col{order:2}.tz-section{padding:64px 20px}.tz-footer{gap:36px;text-align:center}.tz-footer-tag{margin-inline:auto}.tz-footer .tz-hours{max-width:340px;margin:0 auto;text-align:left}.tz-legal-tail{display:none}.tz-footer-bottom .tz-wrap{justify-content:center;text-align:center}.tz-footer-bottom{padding-bottom:92px}.tz-mobile-call{display:flex;position:fixed;z-index:55;bottom:14px;left:14px;right:14px;background:var(--green-dark);color:white;min-height:56px;border-radius:10px;align-items:center;justify-content:center;font:700 18px Arial,Helvetica,sans-serif;box-shadow:0 10px 25px rgba(0,0,0,.22)}footer{padding:72px 20px 0;background-position:20% 40%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ============================================================
   FRONT PAGE — trust strip, 4-card grid, FAQ accordion
   ============================================================ */
/* the hero's ::after fade ends in pure white — the strip continues that
   same white with no overlap, so the transition is seamless and there's
   no floating void between the CTAs and the stats */
.tz-trust{background:#fff;border-bottom:1px solid var(--line);padding:26px 24px 44px}
.tz-trust-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 56px}
.tz-trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 14px;opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.tz-trust-item:nth-child(2){transition-delay:.12s}
.tz-trust-item:nth-child(3){transition-delay:.24s}
.tz-trust-item:nth-child(4){transition-delay:.36s}
.tz-trust.tz-in .tz-trust-item{opacity:1;transform:none}
.tz-trust-item .tz-trust-icon{flex:none;width:52px;height:52px;margin:0 0 12px;border-radius:50%;display:grid;place-items:center;background:rgba(124,144,82,.14);color:var(--green-dark)}
.tz-trust-item .tz-trust-icon svg{width:25px;height:25px;display:block;margin:0}
.tz-trust-item strong{display:block;font-size:30px;line-height:1.1;color:var(--green-dark);font-weight:700}
.tz-trust-item span{display:block;margin-top:6px;font:15px/1.45 Arial,Helvetica,sans-serif;color:var(--muted)}
/* 2×2 horizontal cards — 4 text-heavy services squeezed into one row
   read cramped; side-by-side icon+text gives the copy room */
.tz-cards.tz-four{grid-template-columns:repeat(2,1fr);gap:22px}
.tz-cards.tz-four .tz-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;text-align:left}
.tz-cards.tz-four .tz-icon{grid-row:1/4;grid-column:1;margin:0}
.tz-cards.tz-four .tz-card>:not(.tz-icon){grid-column:2}
.tz-cards.tz-four .tz-card h3{margin-top:4px}
.tz-faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.tz-faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 6px 18px rgba(70,55,38,.05)}
.tz-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font:700 18px/1.4 Arial,Helvetica,sans-serif;color:var(--brown)}
.tz-faq-item summary::-webkit-details-marker{display:none}
.tz-faq-item summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--green-dark);border-bottom:2px solid var(--green-dark);transform:rotate(45deg);transition:transform .22s ease;margin-right:4px}
.tz-faq-item[open] summary::after{transform:rotate(225deg)}
.tz-faq-item p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:17px}
@media(max-width:900px){.tz-trust-grid{grid-template-columns:repeat(2,1fr)}.tz-trust-item strong{font-size:26px}.tz-cards.tz-four{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tz-trust-item{opacity:1;transform:none;transition:none}}

/* ============================================================
   INNER PAGES — services / about / faqs / contact
   ============================================================ */
/* light wash over the feathered hero.png — same treatment as the
   homepage hero, so the image's soft edges blend instead of
   looking 'cut out' against a dark band */
.tz-page-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(243,238,226,.55) 0%,rgba(251,248,241,.68) 55%,rgba(255,253,248,.94) 100%),url('../images/hero.png') center/cover no-repeat #fbf8f1;padding:100px 24px 110px;text-align:center;color:var(--ink);border-top:1px solid var(--line);border-bottom:2px solid var(--green)}
.tz-page-hero-inner{position:relative;max-width:820px;margin:0 auto}
.tz-page-hero h1{font-size:clamp(38px,4.6vw,56px);line-height:1.08;color:var(--brown);font-weight:500;margin:0 0 16px}
.tz-page-hero p{font-size:20px;color:#564f46;max-width:660px;margin:0 auto 26px}
.tz-page-hero .tz-actions{justify-content:center}
.tz-page-hero .tz-btn.tz-secondary{background:rgba(255,253,248,.55)}
.tz-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}
.tz-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,253,248,.72);border:1px solid var(--line);color:var(--brown);font:600 15px Arial,Helvetica,sans-serif;transition:background .2s ease}
a.tz-chip:hover{background:#fffdf8}
.tz-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}
.tz-pill{padding:9px 18px;border-radius:999px;border:1px solid var(--green-dark);background:rgba(255,253,248,.55);color:var(--green-dark);font:700 15px Arial,Helvetica,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease}
.tz-pill:hover{background:#fffdf8}
.tz-pill.tz-active{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}
.tz-split{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}
.tz-split:last-child{border-bottom:0;padding-bottom:0}
.tz-split:first-of-type{padding-top:0}
.tz-split-rev .tz-split-text{order:2}
.tz-split-rev .tz-photo{order:1}
.tz-split-head{display:flex;align-items:center;gap:18px;margin-bottom:12px}
.tz-split-head .tz-icon{flex-shrink:0}
.tz-split-head h3{margin:0}
.tz-split-text h3{font-size:30px;color:var(--brown);margin:14px 0 10px;font-weight:500}
.tz-split-text p{color:var(--muted);font-size:19px;margin:0 0 6px}
.tz-check{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:10px}
.tz-check li{position:relative;padding-left:30px;font-size:17px;color:var(--ink)}
.tz-check li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green-dark);font-weight:700}
.tz-photo{position:relative;min-height:340px;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
/* photo layer on top (cover = fills box, container size unchanged);
   logo layer sits behind it — if the photo fails to load, the logo
   shows clearly over the gradient instead of barely watermarking */
.tz-photo-a{background:url('../images/medicare.png') center/cover no-repeat,url('../images/logo.svg') center/55% no-repeat,linear-gradient(145deg,rgba(124,144,82,.3),rgba(96,57,19,.14)),#efe9dc}
.tz-photo-b{background:url('../images/individual.png') center/cover no-repeat,url('../images/logo.svg') center/55% no-repeat,linear-gradient(145deg,rgba(96,57,19,.18),rgba(124,144,82,.26)),#f2ecdf}
.tz-photo-c{background:url('../images/medicare_1.png') center/cover no-repeat,url('../images/logo.svg') center/55% no-repeat,linear-gradient(145deg,rgba(124,144,82,.2),rgba(47,42,36,.12)),#ede6d6}
.tz-photo-d{background:url('../images/medicare_3.png') center/cover no-repeat,url('../images/logo.svg') center/55% no-repeat,linear-gradient(145deg,rgba(76,45,17,.16),rgba(124,144,82,.3)),#f0ead9}
.tz-cards.tz-two{grid-template-columns:repeat(2,1fr)}
.tz-member{text-align:center}
.tz-avatar{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:var(--green-dark);color:#fff;font:700 26px Arial,Helvetica,sans-serif;box-shadow:0 10px 22px rgba(94,113,64,.28)}
.tz-member .tz-role{font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--green-dark);margin:-4px 0 14px}
.tz-member-contact{font:600 15px Arial,Helvetica,sans-serif;color:var(--muted)}
.tz-member-contact a{color:var(--green-dark)}
.tz-badge{flex:none;align-self:flex-start;display:inline-block;padding:3px 10px;border-radius:999px;font:700 11px Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.tz-badge-medicare{background:rgba(124,144,82,.16);color:var(--green-dark)}
.tz-badge-aca{background:rgba(96,57,19,.12);color:var(--brown)}
.tz-badge-supplements{background:rgba(47,42,36,.1);color:#5a5347}
.tz-badge-general{background:rgba(124,144,82,.1);color:#6f7a5c}
.tz-faq-q{flex:1}
.tz-faq-item.tz-hide{display:none}
.tz-faq-empty{text-align:center;color:var(--muted);padding:28px 0;font-size:18px}
/* why-us accordion — one translucent panel, hairline dividers,
   plus rotates to × on open */
.tz-acc{max-width:760px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden}
.tz-acc-item+.tz-acc-item{border-top:1px solid rgba(255,255,255,.14)}
.tz-acc-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font:700 18px/1.4 Arial,Helvetica,sans-serif;color:#fff;transition:background .18s ease}
.tz-acc-item summary:hover{background:rgba(255,255,255,.06)}
.tz-acc-item summary::-webkit-details-marker{display:none}
.tz-acc-item summary::after{content:"+";flex:none;font:300 28px/1 Georgia,serif;color:#dfe6cd;transition:transform .25s ease}
.tz-acc-item[open] summary::after{transform:rotate(45deg)}
.tz-acc-item p{margin:0;padding:0 24px 20px;font:16px/1.6 Arial,Helvetica,sans-serif;color:#edf0e6}
/* graceful grow/shrink for all details accordions — Chrome 129+ animates
   the keyword height via interpolate-size; older engines just snap */
@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}}
.tz-acc-item::details-content,.tz-faq-item::details-content{block-size:0;overflow-y:clip;transition:block-size .34s ease,content-visibility .34s ease;transition-behavior:allow-discrete}
.tz-acc-item[open]::details-content,.tz-faq-item[open]::details-content{block-size:auto}
.tz-band{background:linear-gradient(135deg,var(--green-dark) 0%,#4c6034 100%);color:#fff;padding:76px 24px;text-align:center}
.tz-band-inner{max-width:760px;margin:0 auto}
.tz-band h2{color:#fff;font-size:clamp(30px,3.4vw,42px);font-weight:500;margin:0 0 12px}
.tz-band p{color:#f0f1e6;font-size:19px;margin:0 auto 26px;max-width:620px}
.tz-btn.tz-light{background:#fffdf8;color:var(--green-dark);border-color:#fffdf8}
.tz-contact-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:44px;align-items:start}
.tz-map{max-width:860px;margin:0 auto;padding:12px;background:#fffdf8;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.tz-map iframe{display:block;width:100%;height:420px;border:0;border-radius:14px;filter:sepia(.32) saturate(.72) contrast(.95);transition:filter .4s ease}
/* muted tiles match the parchment theme — hover/focus restores Google's
   full color for legibility */
.tz-map iframe:hover,.tz-map iframe:focus{filter:none}
.tz-map-caption{text-align:center;margin:16px 0 0;color:var(--muted);font-size:17px}
.tz-form{display:grid;gap:16px;margin-top:20px}
.tz-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tz-field label{display:block;font:700 14px Arial,Helvetica,sans-serif;color:var(--brown);margin-bottom:6px}
.tz-field input,.tz-field select,.tz-field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:16px/1.4 Arial,Helvetica,sans-serif;color:var(--ink)}
.tz-field input:focus,.tz-field select:focus,.tz-field textarea:focus{outline:2px solid rgba(94,113,64,.35);border-color:var(--green-dark)}
.tz-field input.tz-valid{border-color:var(--green-dark)}
.tz-field input.tz-invalid{border-color:#b3483a}
.tz-field input.tz-invalid:focus{outline-color:rgba(179,72,58,.4);border-color:#b3483a}
.tz-field input.tz-warn{border-color:#a97b2f}
.tz-field input.tz-warn:focus{outline-color:rgba(169,123,47,.4);border-color:#a97b2f}
.tz-field-hint{margin:6px 0 0;font:600 13.5px Arial,Helvetica,sans-serif;color:#8a3a2a}
.tz-field input.tz-warn ~ .tz-field-hint{color:#7d5c22}
.tz-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.tz-btn.tz-sending{opacity:.75;cursor:progress;pointer-events:none;gap:10px}
.tz-btn.tz-sending:hover{transform:none;box-shadow:none}
.tz-spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:tz-spin .7s linear infinite}
@keyframes tz-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tz-spin{animation-duration:1.4s}}
.tz-form-note{padding:14px 18px;border-radius:10px;font:600 16px Arial,Helvetica,sans-serif;margin:14px 0 0}
.tz-ok{background:rgba(124,144,82,.14);color:var(--green-dark)}
.tz-err{background:rgba(160,60,40,.1);color:#8a3a2a}
.tz-info{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:28px;position:sticky;top:calc(140px + var(--ab))}
.tz-info h3{color:var(--brown);font-size:24px;margin:0 0 18px;font-weight:500}
.tz-info-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tz-info-list strong{display:block;font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark);margin-bottom:5px}
.tz-info-list a{display:block;color:var(--brown);font:600 17px Arial,Helvetica,sans-serif}
.tz-info-list span{color:var(--muted);font-size:16px;line-height:1.55}
@media(max-width:900px){.tz-split{grid-template-columns:1fr;gap:24px}.tz-split-rev .tz-split-text{order:1}.tz-split-rev .tz-photo{order:2}.tz-photo{min-height:240px}.tz-cards.tz-two{grid-template-columns:1fr}.tz-contact-grid{grid-template-columns:1fr}.tz-info{position:static}.tz-form-row{grid-template-columns:1fr}}

/* ============================================================
   HEADER — the tree sprouts from a green "soil" line.
   --p (0 to 1): scroll-driven growth, tied to the hero logo fading
   out. --grass (0 to 1): green border reveal. The header clips its
   children (overflow:hidden) and the tree image is cropped by its
   container, so the wordmark and roots can never appear inside
   the header.
   ============================================================ */
/* thin green line along the header bottom — fades in with --grass */
.tz-header::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:10px;
  z-index:5;
  background:linear-gradient(180deg,#93a76b 0%,#71864e 55%,#5e7140 100%);
  transform:scaleY(var(--grass));
  transform-origin:bottom;
  opacity:var(--grass);
  pointer-events:none;
}

/* the desktop bar's edges are intentional whitespace at rest — quiet
   texts live there and dissolve as the sapling rises (--p); gone by
   p=.25, well before the canopy reaches them */
.tz-rest-side{position:absolute;top:50%;transform:translateY(-58%);white-space:nowrap;font:700 12.5px Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--green-dark);opacity:clamp(0,1 - (var(--p) * 4),1);pointer-events:none}
.tz-rest-side::before,.tz-rest-side::after{content:"";position:absolute;top:50%;width:34px;height:1px;transform:translateY(-50%)}
.tz-rest-side::before{right:calc(100% + 14px);background:linear-gradient(90deg,transparent,var(--green))}
.tz-rest-side::after{left:calc(100% + 14px);background:linear-gradient(90deg,var(--green),transparent)}
.tz-rest-side.tz-left{left:calc(clamp(120px,8vw,170px) - max(0px,(100vw - 1540px) / 2))}
/* right text never fades — it parks inboard next to "Call Us" at rest and
   slides out to the edge as the tree grows, mirroring the brand-name's
   arrival on the left */
.tz-rest-side.tz-right{right:calc(clamp(120px,8vw,170px) - max(0px,(100vw - 1540px) / 2));opacity:1;transform:translateY(-58%) translateX(calc((1 - var(--p)) * -100px))}

/* wordmark text slides in at the far left as the tree grows */
.tz-brand-name{
  position:absolute;
  left:calc(150px - max(0px,(100vw - 1540px) / 2));
  top:50%;
  transform:translateY(-50%) translateX(calc(26px * (1 - var(--p))));
  opacity:clamp(0,calc((var(--p) - .18) * 1.5),1);
  filter:blur(calc((1 - var(--p)) * 5px));
  pointer-events:none;
  white-space:nowrap;
  font:700 clamp(26px,2.1vw,34px)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:.02em;
  color:var(--brown);
}
.tz-brand-name span{color:var(--green-dark)}
.tz-header.tz-scrolled .tz-brand-name{pointer-events:auto}

/* links live in the outer grid columns — the grid keeps them vertically
   centered at all times; they drift outward naturally as the tree grows */
.tz-navlinks{display:flex;align-items:center;gap:clamp(28px,2.2vw,44px);font:700 16px/1 Arial,Helvetica,sans-serif;letter-spacing:.01em;white-space:nowrap}
.tz-navlinks.tz-left{justify-self:end;transform:translateX(calc(78px - (var(--p) * 98px)))}
.tz-navlinks.tz-right{justify-self:start;transform:translateX(calc(-78px + (var(--p) * 98px)))}
/* no hover underline on nav links — clean at all times */

/* The tree lives in the middle column, pinned to the header's bottom
   edge (the "soil"). Header overflow:hidden hides everything below that
   line, so the tree appears planted — it rises and grows with --p. */
.tz-tree-slot{align-self:end;justify-self:center;position:relative;padding-bottom:9px;pointer-events:none}

/* the logo img is scaled up inside a fixed-ratio crop window
   (art region x25–488, y20–278 of the 513x513 svg) so only the
   canopy + trunk + brown ground line (at y~274.5) show. */
.tz-header-tree{
  display:block;
  position:relative;
  pointer-events:none;
  overflow:hidden;
  width:calc(115px + (var(--p) * 45px));
  aspect-ratio:463/258;
  transform-origin:50% 100%;
  transform:translateY(calc((1 - var(--p)) * 6px)) scale(calc(.88 + (var(--p) * .12)));
  opacity:clamp(0,calc((var(--p) * 2.6) - .12),1);
  filter:drop-shadow(0 8px 11px rgba(72,51,31,.08));
}
.tz-header.tz-scrolled .tz-header-tree,.tz-landed .tz-header-tree{pointer-events:auto}
.tz-header.tz-scrolled .tz-header-tree{filter:drop-shadow(0 10px 14px rgba(72,51,31,.11))}
.tz-header-tree img{
  position:absolute;
  top:0;left:0;
  width:calc(100% * (513 / 463));
  max-width:none;
  transform:translate(calc(100% * (-25 / 513)),calc(100% * (-20 / 513)));
}

/* soft ground shadow that fades in with the grass line */
.tz-tree-shadow{
  position:absolute;
  left:50%;bottom:10px;
  z-index:6;
  width:calc(74px + (var(--p) * 72px));
  height:9px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(65,79,43,.25),rgba(65,79,43,.08) 55%,transparent 76%);
  opacity:calc(var(--grass) * .8);
  pointer-events:none;
}

/* the logo's roots + ground line hang just below the header, pinned to
   the viewport. They appear once the grass lands, then keep widening and
   fade out completely before the hero text reaches them (--r).
   Crop window: art region x40–473, y332–512 of the 513x513 svg —
   its ground line (y~338) sits flush with the bottom of the grass. */
/* mobile-only: a full-width paper veil fades everything to white before
   it can reach the roots' line; the wordmark + line (crop y276-345 of
   the svg) sit on top of it, fully crisp */
.tz-wordmark-veil{display:none}
.tz-hero-wordmark{display:none}
.tz-hero-roots{
  position:fixed;
  top:calc(109px + var(--ab));
  left:50%;
  z-index:40;
  transform:translateX(-50%);
  overflow:hidden;
  width:calc(148px + (var(--r) * 140px));
  aspect-ratio:433/180;
  opacity:calc(clamp(0,(var(--r) * 4),1) * (.45 - (var(--r) * .5)));
  pointer-events:none;
}
.tz-hero-roots img{
  position:absolute;
  top:0;left:0;
  width:calc(100% * (513 / 433));
  max-width:none;
  transform:translate(calc(100% * (-40 / 513)),calc(100% * (-332 / 513)));
}

@media(max-width:1240px){
  .tz-brand-name{left:6px;font-size:24px}
  .tz-navlinks{gap:24px;font-size:15px}
  .tz-rest-side{display:none}
  .tz-header-tree{width:calc(110px + (var(--p) * 42px))}
}
@media(max-width:980px){
  .tz-brand-name{display:none}
  .tz-rest-side{display:none}
  .tz-navlinks{gap:20px;font-size:15px}
}
@media(max-width:760px){
  /* --hb: header progress = raw --p — the whole choreography takes the
     full 235px scroll so the grow feels deliberate; every hanging layer
     keys off it to stay glued */
  :root{--hb:var(--p)}
  /* header is fixed and out of flow — invisible at load (hamburger floats
     free), then it drops in with --p. The wordmark + its line hang under
     the grass as part of the header and never fade like the roots; a soft
     veil makes scrolling content dissolve before it reaches the name. */
  /* top (not transform) so the header isn't a containing block — the
     fixed hamburger must float free of it at page load */
  .tz-header{position:fixed;left:0;right:0;top:calc((-104px * (1 - var(--hb))) + var(--vvo) + var(--ab));overflow:visible}
  /* grass grows with the bar's descent instead of --grass — fully formed
     the moment the header lands, nothing keeps creeping afterward */
  .tz-header::before{transform:scaleY(var(--hb));opacity:var(--hb)}
  /* once landed, hard-freeze every hanging layer — no var re-resolution,
     no sub-pixel drift, the header cannot move */
  .tz-landed .tz-header{top:calc(var(--vvo) + var(--ab))}
  .tz-landed .tz-wordmark-veil{top:calc(104px + var(--vvo) + var(--ab))}
  .tz-landed .tz-hero-wordmark{top:calc(104px + var(--vvo) + var(--ab))}
  .tz-landed .tz-hero-roots{top:calc(148px + var(--vvo) + var(--ab))}
  .tz-nav{grid-template-columns:auto;justify-content:center;align-content:end;height:104px;padding:0 14px}
  /* the canopy rides the descending grass line, scaled to FIT the space
     above it — the window is 83.6px tall (150px at 463:258) and the
     landed scale ~1.02 keeps ~9px of margin at the top edge so the
     canopy is never clipped; the window's bottom edge (the art's ground
     line) sits flush on the grass */
  .tz-header-tree{position:fixed;left:50%;top:calc((104px * var(--hb)) - 92px + var(--vvo) + var(--ab));z-index:2;width:150px;opacity:clamp(0,calc((var(--hb) - .1) * 4),1);transform:translateX(-50%) scale(clamp(0,calc((104px * var(--hb) - 10px) / 88px),1));transform-origin:50% 100%}
  .tz-brand-name{display:none}
  .tz-navlinks{display:none}
  .tz-wordmark-veil{display:block;position:fixed;left:0;right:0;top:calc((104px * var(--hb)) + var(--vvo) + var(--ab));z-index:39;height:92px;pointer-events:none;background:linear-gradient(180deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.97) 50%,rgba(255,253,248,.75) 72%,rgba(255,253,248,0) 100%);opacity:clamp(0,calc((var(--hb) - .3) * 3),1)}
  .tz-hero-wordmark{display:block;position:fixed;left:50%;top:calc((104px * var(--hb)) + var(--vvo) + var(--ab));z-index:41;transform:translateX(-50%);overflow:hidden;width:min(320px,84vw);height:calc(min(320px,84vw) * (66 / 457));pointer-events:none;opacity:clamp(0,calc((var(--hb) - .3) * 3),1)}
  /* clip the img at y332 so the band's extra height is pure padding —
     the logo's curved line stays out, replaced by the straight ::after rule */
  .tz-hero-wordmark img{position:absolute;top:0;left:0;width:calc(100% * (513 / 457));max-width:none;transform:translate(calc(100% * (-26 / 513)),calc(100% * (-276 / 513)));clip-path:inset(0 0 35.3% 0)}
  /* straight divider under the name — replaces the logo's curved
     ground line, which looked out of place under the text; clip-path
     tapers the last ~18px at each end into the logo's pointed tips.
     It begins ~57% wide and widens as the roots grow (--r), settling
     at the full 97% span */
  .tz-hero-wordmark::after{content:"";position:absolute;left:calc(1.5% + (20% * (1 - var(--r))));right:calc(1.5% + (20% * (1 - var(--r))));bottom:0;height:3px;background:#603913;clip-path:polygon(0 50%,18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%)}
  /* roots are born with the emblem (late in --hb), tucked just under
     the divider — they then widen and fade with --r like before */
  .tz-hero-roots{display:block;top:calc((104px * var(--hb)) + 44px + var(--vvo) + var(--ab));opacity:calc(clamp(0,(var(--hb) - .82) * 5,1) * (.45 - (var(--r) * .5)))}
  .tz-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:fixed;right:14px;top:calc(18px + var(--vvo) + var(--ab));z-index:85;width:42px;height:42px;padding:0;background:rgba(255,253,248,.85);border:1px solid var(--line);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
  .tz-menu-btn span{display:block;width:22px;height:2px;background:var(--brown);border-radius:2px;transition:transform .25s ease,opacity .18s ease}
  /* hamburger morphs to an X while the drawer is open — the button sits
     above the drawer so the same control closes it */
  .tz-menu-btn.tz-open{background:transparent;border-color:transparent}
  .tz-menu-btn.tz-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .tz-menu-btn.tz-open span:nth-child(2){opacity:0;transform:scaleX(.4)}
  .tz-menu-btn.tz-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* menu drawer — slides in from the right over a dimmed veil */
  .tz-drawer-veil{display:block;position:fixed;top:calc(var(--vvo) + var(--ab));right:0;bottom:0;left:0;z-index:75;background:rgba(47,42,36,.44);opacity:0;pointer-events:none;transition:opacity .28s ease}
  .tz-drawer-veil.tz-open{opacity:1;pointer-events:auto}
  .tz-mobile-menu{display:flex;flex-direction:column;position:fixed;top:calc(var(--vvo) + var(--ab));right:0;bottom:0;z-index:80;width:min(340px,86vw);background:var(--paper);box-shadow:-18px 0 46px rgba(58,44,30,.22);transform:translateX(105%);transition:transform .3s cubic-bezier(.32,.72,.3,1);will-change:transform}
  .tz-mobile-menu.tz-open{transform:none}
  /* head height mirrors the X button's 18px offset + 42px box, so the
     morphed hamburger sits dead-center in the head */
  .tz-drawer-head{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 22px 0 24px;border-bottom:1px solid var(--line)}
  .tz-drawer-brand{font:500 24px/1 Georgia,"Times New Roman",serif;color:var(--green-dark)}
  .tz-drawer-mark{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 34px;text-align:center}
  .tz-drawer-mark img{width:min(230px,64%);filter:drop-shadow(0 4px 10px rgba(96,57,19,.10))}
  .tz-drawer-mark p{position:relative;max-width:250px;margin:0;padding-top:20px;font:italic 15px/1.7 Georgia,"Times New Roman",serif;color:var(--muted)}
  .tz-drawer-mark p::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:46px;height:2px;background:var(--green);border-radius:2px}
  .tz-drawer-nav{display:flex;flex-direction:column;gap:2px;min-height:0;padding:12px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(124,144,82,.5) transparent}
  .tz-drawer-nav::-webkit-scrollbar{width:5px}
  .tz-drawer-nav::-webkit-scrollbar-track{background:transparent}
  .tz-drawer-nav::-webkit-scrollbar-thumb{background:rgba(124,144,82,.45);border-radius:4px}
  .tz-drawer-nav::-webkit-scrollbar-thumb:hover{background:rgba(124,144,82,.72)}
  .tz-drawer-nav a{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-radius:10px;font:500 17px Arial,Helvetica,sans-serif;color:var(--ink)}
  .tz-drawer-nav a::after{content:"";width:9px;height:9px;border-right:2px solid #b7ac9a;border-top:2px solid #b7ac9a;transform:rotate(45deg)}
  .tz-drawer-nav a.tz-current{background:rgba(124,144,82,.13);color:var(--green-dark);font-weight:700}
  .tz-drawer-nav a.tz-current::after{border-color:var(--green-dark)}
  .tz-drawer-nav a:hover{background:rgba(124,144,82,.10)}
  .tz-drawer-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .tz-drawer-btn{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:10px;font:700 16px Arial,Helvetica,sans-serif;border:2px solid var(--green-dark);transition:transform .2s ease,background .2s ease}
  .tz-drawer-btn:hover{transform:translateY(-2px)}
  .tz-drawer-btn.tz-ghost{background:#fff;color:var(--green-dark)}
  .tz-drawer-btn.tz-solid{background:var(--green-dark);color:#fff}
}
/* short screens: links beat decoration — first the tagline goes (the
   emblem stays, just tighter), then the mark itself only when the
   screen is truly cramped */
@media(max-width:760px) and (max-height:700px){
  .tz-drawer-mark{gap:10px;padding:12px 30px}
  .tz-drawer-mark img{width:min(200px,56%)}
  .tz-drawer-mark p{display:none}
}
@media(max-width:760px) and (max-height:560px){
  .tz-drawer-mark{display:none}
}