/* Allied health page (2026-10-01), rebuilt from the live sekhn.com page in the V3 look. Theme: local competition,
   "everyone in a 5km radius". Centred hero with a contour-map drawing, a sticky split problem section, a full-bleed
   hills band, the two service pillars as side-by-side accordions and an editorial close. Loaded after v3.css and
   only by this page. */

/* film grain, the same monochrome noise the homepage photo tiles carry; sits on top of an .ah-grain block */
.ah-grain{position:relative;isolation:isolate}
.ah-grain::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:var(--gr,.55);mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/180px 180px}

/* shared icon circle */
.ah-ico{width:42px;height:42px;border-radius:50%;background:#EEF5DF;color:#3F5C3B;display:grid;place-items:center;flex:none}
.ah-ico .ic{width:20px;height:20px}

/* ---- 1. hero: centred, compact, with the radius map underneath ---- */
.ah-hero{min-height:0;padding-top:calc(64px + clamp(1.6rem,5.5vh,3.6rem));padding-bottom:0}
.ah-hero>.wrap{width:100%}
.ah-hero .herotext{padding-top:0;gap:1.1rem;max-width:980px}
.ah-hero .crumb{margin:0;justify-content:center;color:var(--ink2)}
.ah-hero h1{text-wrap:balance;max-width:21ch}
.ah-hero .lede{max-width:64ch}
.ah-hero .btn{margin-top:.35rem}
.ah-map{position:relative;width:100%;max-width:1440px;margin:clamp(.4rem,1.6vh,1.2rem) auto 0;height:clamp(210px,36vh,330px);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 11%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 83%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 11%,#000 93%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.ah-map svg{display:block;width:100%;height:100%;overflow:visible}
/* contour lines */
.ah-tl{fill:none;stroke:#1F4A31;stroke-width:1.1;stroke-opacity:.26;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
/* the 5 km radius: three dashed rings, a soft lime glow inside, a ripple that runs outward */
.ah-ring{fill:none;stroke:#1F4A31;stroke-width:1.5;stroke-opacity:var(--o,.5);stroke-dasharray:7 8;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ah-rg,.ah-ring,.ah-ripple,.ah-glow{transform-box:view-box;transform-origin:600px 196px}
.ah-ripple{fill:none;stroke:#ABD963;stroke-width:1.6;opacity:0;vector-effect:non-scaling-stroke}
.ah-rad{fill:none;stroke:#1F4A31;stroke-width:1.2;stroke-opacity:.5;stroke-dasharray:2 5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ah-km{font:600 13px var(--sans);fill:#1F4A31;letter-spacing:0}
.ah-dots circle{fill:#1F4A31;fill-opacity:.62;stroke:#fff;stroke-width:1.4;stroke-opacity:.8;transform-box:fill-box;transform-origin:center}
.ah-lime{fill:#ABD963;stroke:#0E3A1F;stroke-width:1.6}
.ah-halo{fill:none;stroke:#ABD963;stroke-width:1.6;opacity:0;transform-box:fill-box;transform-origin:center}
.ah-hl{transform-box:fill-box;transform-origin:center}
.ah-pin{transform-box:fill-box;transform-origin:50% 100%}
/* the drawing plays on load: contours draw, the glow and rings grow out from the pin, the pin drops in, the other
   practices appear one by one and one of them lights up in lime. Then the rings breathe outward in turn. */
.js .ah-tl{stroke-dashoffset:1;animation:ahdraw 2.4s var(--ease) forwards;animation-delay:var(--d,0s)}
.js .ah-glow{animation:ahgrow 1.6s var(--ease) .5s both}
.js .ah-rg{animation:ahgrow 1.1s var(--ease) both;animation-delay:calc(.6s + var(--i)*.18s)}
.js .ah-pin{animation:ahdrop .8s cubic-bezier(.3,1.4,.5,1) 1.05s both}
.js .ah-km,.js .ah-rad{animation:ahfade .8s var(--ease) 1.5s both}
.js .ah-dots circle{animation:ahpop .6s var(--ease) both;animation-delay:calc(1.45s + var(--k)*.08s)}
.js .ah-hl{animation:ahpop .7s cubic-bezier(.3,1.5,.5,1) 2.65s both}
.js .ah-ring{animation:ahbreath 6s ease-in-out infinite;animation-delay:calc(3s + var(--i)*.55s)}
.js .ah-ripple{animation:ahripple 6s cubic-bezier(.2,.6,.3,1) 3s infinite}
.js .ah-halo{animation:ahhalo 3s ease-out 3.3s infinite}
.ah-map.ah-paused *{animation-play-state:paused!important}
@keyframes ahdraw{to{stroke-dashoffset:0}}
@keyframes ahgrow{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:none}}
@keyframes ahdrop{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}
@keyframes ahfade{from{opacity:0}to{opacity:1}}
@keyframes ahpop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes ahbreath{0%,100%{transform:none;opacity:1}28%{transform:scale(1.035);opacity:.55}56%{transform:none;opacity:1}}
@keyframes ahripple{0%{transform:scale(.18);opacity:0}12%{opacity:.75}70%{transform:scale(1.06);opacity:0}100%{transform:scale(1.06);opacity:0}}
@keyframes ahhalo{0%{transform:scale(1);opacity:.85}70%,100%{transform:scale(2.7);opacity:0}}

/* ---- 2. problem: her heading sticks on the left, the five points slide in on the right ---- */
#problem{overflow-x:clip}
.ah-split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.ah-stick{position:sticky;top:calc(64px + clamp(1.5rem,6vh,3rem))}
.ah-stick h2{max-width:13ch}
.ah-stack{display:grid;gap:.85rem}
/* waypoint trail: five stops joined by a dashed path; each lights up as its card arrives, the last one in lime */
.ah-trail{display:block;width:248px;max-width:100%;height:auto;margin-top:clamp(1.6rem,4vh,2.4rem);overflow:visible}
.ah-tr0{fill:none;stroke:#1F4A31;stroke-opacity:.3;stroke-width:1.4;stroke-dasharray:3 5;stroke-linecap:round}
.ah-tr1{fill:none;stroke:#1F4A31;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease)}
.ah-trail circle{fill:#fff;stroke:#1F4A31;stroke-opacity:.45;stroke-width:1.6;transition:fill .5s var(--ease),stroke-opacity .5s}
.ah-trail circle.on{fill:#1F4A31;stroke-opacity:1}
.ah-trail circle.ah-trl.on{fill:#ABD963;stroke:#0E3A1F}
.ah-pc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.15rem;align-items:start;padding:1.45rem 1.6rem 1.5rem 1.4rem;border-radius:22px;
  background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 18px 44px rgba(34,53,42,.09),inset 0 1px 0 #fff}
.ah-pc .ah-ico{width:46px;height:46px}
.ah-pc h3{font-size:var(--i-t2);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--i-title);margin:.55rem 0 .4rem}
.ah-pc p{font-size:var(--i-body);line-height:1.6;color:var(--i-text);max-width:58ch}
.ah-pc.ah-forest{background:var(--g-dark);border-color:rgba(255,255,255,.08);box-shadow:0 22px 50px rgba(34,53,42,.24);--gr:.6}
.ah-pc.ah-forest>*{position:relative;z-index:1}
.ah-pc.ah-forest .ah-ico{background:rgba(255,255,255,.12);color:#C6E57C}
.ah-pc.ah-forest h3{color:var(--i-title-on)}
.ah-pc.ah-forest p{color:var(--i-text-on)}
.js .ah-pc{opacity:0;transform:translateX(36px);transition:opacity .8s var(--ease),transform 1s var(--ease)}
.js .ah-pc.in{opacity:1;transform:none}

/* ---- 3. why SEKHN: full-bleed hills under a forest scrim, white heading, her reasons as compact frosted glass cards
   (icon and heading only) ---- */
.ah-why{overflow:hidden;padding-block:clamp(4.5rem,11vh,7rem);background:#1F4A31;--gr:.7}
.ah-whyph{position:absolute;inset:0;z-index:-2;background:url(img/ah-why.jpg) 50% 62%/cover no-repeat}
.ah-why::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 56% at 50% 30%,rgba(var(--s-forest),.56) 0%,rgba(var(--s-forest),0) 100%),linear-gradient(180deg,rgba(var(--s-forest),.64) 0%,rgba(var(--s-forest),.32) 46%,rgba(var(--s-forest),.12) 74%,rgba(var(--s-forest),.3) 100%)}
.ah-why>.wrap{position:relative;z-index:1}
.ah-whyhead{display:grid;justify-items:center;text-align:center;gap:.9rem;max-width:860px;margin:0 auto clamp(2rem,5.5vh,3.2rem)}
.ah-whyhead h2{color:#fff;text-shadow:0 2px 24px rgba(var(--s-forest),.35)}
.ah-whyhead .lede{color:rgba(255,255,255,.9);text-align:center;max-width:62ch;text-wrap:balance;text-shadow:0 1px 16px rgba(var(--s-forest),.4)}
.ah-reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.ah-reason{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.2rem .85rem .85rem;border-radius:22px;
  background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 18px 44px rgba(34,53,42,.16),inset 0 1px 0 #fff}
.ah-reason .ah-ico{width:44px;height:44px}
.ah-reason b{font-family:var(--display);font-weight:600;font-size:var(--i-t2);letter-spacing:-.02em;line-height:1.2;color:var(--i-title)}

/* ---- 4. services: two glass columns on the homepage band gradient, each an accordion ---- */
.ah-svc{background:var(--g-band);--gr:.35}
.ah-svc>.wrap{position:relative;z-index:1}
.ah-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}
.ah-col{border-radius:26px;padding:clamp(1.4rem,2.3vw,2rem) clamp(1.3rem,2.3vw,2rem) clamp(.6rem,1.2vw,1rem);
  background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 18px 44px rgba(34,53,42,.09),inset 0 1px 0 #fff}
.ah-colhead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.1rem;align-items:start;padding-bottom:1.05rem;border-bottom:1px solid rgba(34,53,42,.12)}
.ah-cico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#173D29;color:#C6E57C;box-shadow:0 10px 24px rgba(34,53,42,.2)}
.ah-cico .ic{width:21px;height:21px}
.ah-col.ai .ah-cico{background:#16485A;color:#A6D6D8}
.ah-colhead h3{font-size:var(--i-t1);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--i-title);margin:.15rem 0 .4rem}
.ah-colhead p{font-size:var(--i-copy);line-height:1.55;color:var(--i-text);max-width:46ch}
.ah-mt{display:inline-flex;gap:.45rem;align-items:center;margin-top:.5rem;font-size:.85rem;font-weight:500;color:#3F5C3B}
.ah-mt .ic{width:15px;height:15px}
.ah-col.ai .ah-mt{color:#1E6577}
.ah-col.ai .ah-ico{background:#DDEFF0;color:#1E6577}
/* accordion rows */
.ah-item+.ah-item{border-top:1px solid rgba(34,53,42,.08)}
.ah-item h4{margin:0;font:600 var(--i-t2)/1.25 var(--display);letter-spacing:-.02em;color:var(--i-title)}
.ah-q{appearance:none;-webkit-appearance:none;border:0;background:none;margin:0;width:100%;display:flex;align-items:center;gap:.9rem;padding:.8rem .15rem;text-align:left;cursor:pointer;
  font:inherit;letter-spacing:inherit;color:inherit;border-radius:12px;-webkit-tap-highlight-color:transparent}
.ah-q .ah-ico{width:40px;height:40px;transition:background .3s,color .3s}
.ah-q .ah-ico .ic{width:19px;height:19px}
.ah-qt{flex:1;min-width:0}
.ah-chev{width:30px;height:30px;padding:7px;border-radius:50%;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#3F5C3B;background:rgba(34,53,42,.05);transition:transform .4s var(--ease),background .3s}
.ah-q:hover .ah-chev{background:rgba(34,53,42,.09)}
.ah-q[aria-expanded="true"] .ah-chev{transform:rotate(180deg)}
.ah-q[aria-expanded="true"] .ah-ico{background:#173D29;color:#C6E57C}
.ah-col.ai .ah-q[aria-expanded="true"] .ah-ico{background:#16485A;color:#A6D6D8}
.ah-col.ai .ah-chev{color:#1E6577}
/* the open row eases to its height (grid rows 0fr to 1fr); closed rows leave the accessibility tree */
.ah-pane{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s var(--ease),visibility 0s linear .5s}
.ah-item.open .ah-pane{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s var(--ease),visibility 0s}
html:not(.js) .ah-pane{grid-template-rows:1fr;visibility:visible}
.ah-pane>div{min-height:0;overflow:hidden;padding-left:calc(40px + .9rem + .15rem)}
.ah-pane p{font-size:var(--i-body);line-height:1.55;color:var(--i-text);padding-right:.5rem}
.ah-pane ul{list-style:none;margin:.7rem 0 0;padding:0 0 1rem;display:grid;gap:.38rem}
.ah-pane li{position:relative;padding-left:1.45rem;font-size:var(--i-li);line-height:1.42;color:var(--i-list)}
.ah-pane li::before{content:"";position:absolute;left:0;top:.18em;width:14px;height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F5C3B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4 4 10-10'/%3E%3C/svg%3E") center/contain no-repeat}
.ah-col.ai .ah-pane li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E6577' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4 4 10-10'/%3E%3C/svg%3E")}
.ah-cta{display:flex;justify-content:center;margin-top:clamp(1.6rem,4vh,2.4rem)}
.ah-cta .btn{min-width:min(340px,100%);justify-content:center;padding:.95rem 2.6rem}

/* ---- 5. closing: heading and route drawing on the left, her paragraphs on the right ---- */
.ah-close{background:#fff}
.ah-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.ah-edl{display:grid;gap:clamp(1.5rem,4vh,2.4rem)}
.ah-edl h2{max-width:18ch}
.ah-edcopy{display:grid;gap:1.1rem}
.ah-edcopy p{font-size:var(--i-copy);color:var(--i-text);line-height:1.75}
/* route: a local search winds across the contours to a booked appointment */
.ah-route{display:block;width:100%;max-width:400px;height:auto;overflow:visible}
.ah-rc path{fill:none;stroke:#1F4A31;stroke-width:1;stroke-opacity:.3}
.ah-rdots circle{fill:#1F4A31;fill-opacity:.35}
.ah-rl{fill:none;stroke:#1F4A31;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ah-rs circle,.ah-rs path{fill:#fff;stroke:#1F4A31;stroke-width:2;stroke-linecap:round}
.ah-re rect{fill:#E3F08C;stroke:#1F4A31;stroke-width:2}
.ah-re path{fill:none;stroke:#1F4A31;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ah-re .ah-rk{stroke:#0E3A1F;stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:0}
.ah-rs,.ah-re{transform-box:fill-box;transform-origin:center}
.js .ah-route .ah-rc,.js .ah-route .ah-rdots{opacity:0;transition:opacity 1.2s var(--ease)}
.js .ah-route .ah-rs,.js .ah-route .ah-re{opacity:0;transform:scale(.6);transition:opacity .6s var(--ease),transform .7s cubic-bezier(.3,1.4,.5,1)}
.js .ah-route .ah-rl{stroke-dashoffset:1;transition:stroke-dashoffset 1.7s var(--ease) .45s}
.js .ah-route .ah-rk{stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--ease) 2.25s}
.js .ah-route .ah-re{transition-delay:1.75s}
.js .ah-route.in .ah-rc,.js .ah-route.in .ah-rdots{opacity:1}
.js .ah-route.in .ah-rs,.js .ah-route.in .ah-re{opacity:1;transform:none}
.js .ah-route.in .ah-rl,.js .ah-route.in .ah-rk{stroke-dashoffset:0}

/* ---- tablets ---- */
@media (max-width:1080px){
  .ah-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .ah-cols{grid-template-columns:1fr}
}
/* ---- phones ---- */
@media (max-width:860px){
  .ah-map{height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}
  .ah-map svg{width:184%;height:auto;margin-left:-42%}
  .ah-km{font-size:19px}
  .ah-split{grid-template-columns:1fr;gap:1.6rem}
  .ah-stick{position:static}
  .ah-stick h2{max-width:none}
  .ah-trail{display:none}
  .ah-pc{grid-template-columns:auto minmax(0,1fr);column-gap:.85rem;row-gap:.7rem;align-items:center;padding:1.2rem 1.2rem 1.3rem}
  .ah-pc>div{display:contents}
  .ah-pc .ah-ico{width:42px;height:42px}
  .ah-pc h3{margin:0}
  .ah-pc p{grid-column:1/-1}
  .ah-pc.ah-forest h3,.ah-pc.ah-forest p{position:relative;z-index:1}
  .js .ah-pc{transform:translateY(22px)}
  .js .ah-pc.in{transform:none}
  .ah-reasons{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--pad));padding:0 var(--pad) .6rem;scrollbar-width:none}
  .ah-reasons::-webkit-scrollbar{display:none}
  .ah-reason{flex:0 0 auto;scroll-snap-align:start;scroll-margin-left:var(--pad);padding-right:1.4rem}
  .ah-col{padding:1.3rem 1.1rem .5rem;border-radius:22px}
  .ah-colhead{grid-template-columns:1fr;gap:.8rem}
  .ah-q{gap:.75rem}
  .ah-pane>div{padding-left:0}
  .ah-ed{grid-template-columns:1fr;gap:1.6rem}
  .ah-edl h2{max-width:none}
  .ah-route{max-width:340px}
}
@media (prefers-reduced-motion:reduce){
  .js .ah-tl,.js .ah-glow,.js .ah-rg,.js .ah-pin,.js .ah-km,.js .ah-rad,.js .ah-dots circle,.js .ah-hl,.js .ah-ring,.js .ah-ripple,.js .ah-halo{animation:none!important}
  .js .ah-tl{stroke-dashoffset:0}
  .js .ah-pc{opacity:1;transform:none;transition:none}
  .ah-tr1,.ah-trail circle{transition:none}
  .ah-pane,.ah-item.open .ah-pane,.ah-chev,.ah-q .ah-ico{transition:none}
  .js .ah-route .ah-rc,.js .ah-route .ah-rdots,.js .ah-route .ah-rs,.js .ah-route .ah-re{opacity:1;transform:none;transition:none}
  .js .ah-route .ah-rl,.js .ah-route .ah-rk{stroke-dashoffset:0;transition:none}
}