/* Akanista site styles. Plain CSS, no build step. */
@font-face{font-family:"Lora";src:url("/assets/fonts/Lora-Variable.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("/assets/fonts/Lora-Italic-Variable.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --bg:#FFFEF8; --ink:#111; --line:#E3DED2; --stone:#EDE8DC; --field:#cfc9bb; --err:#b3261e;
  --gutter:52px; --sec:112px; --h2:48px; --h1:56px;
}
@media (max-width:1099px){:root{--gutter:40px;--sec:88px}}
@media (max-width:767px){:root{--gutter:20px;--sec:64px;--h2:30px;--h1:38px}}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:26px;overflow-x:clip}
img,video{max-width:100%;display:block}
h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:400;line-height:1.2;margin:0;text-wrap:balance}
h1{font-size:var(--h1)} h2{font-size:var(--h2)} h3{font-size:24px}
p{margin:0}
a{color:inherit}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:100}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.wrap{max-width:1336px;margin-inline:auto;padding:0 var(--gutter)}
.sec{padding:var(--sec) 0}
.sec.tight-top{padding-top:0}
.band{background:var(--stone)}
.white{background:#fff}
.rule-b{border-bottom:1px solid var(--line)}
.c{text-align:center}
.lead{max-width:576px;margin:24px auto 0}
.lead.l{margin-left:0}
.contained{max-width:744px;margin-inline:auto}
.narrow{max-width:900px;margin-inline:auto}
.eyebrow{font-size:14px;line-height:20px;letter-spacing:.12em;font-weight:500;text-transform:uppercase}
.micro{font-size:14px;line-height:20px;margin-top:12px}
.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}.mt56{margin-top:56px}.mt64{margin-top:64px}
.small{font-size:14px;line-height:20px}
.italic{font-style:italic}
.q{font-family:Lora,Georgia,serif;font-size:24px;line-height:34px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 32px;border-radius:999px;background:var(--ink);color:#fff;border:1px solid var(--ink);font:500 16px/1 Roboto,system-ui,sans-serif;text-decoration:none;cursor:pointer;text-align:center}
.btn:hover{opacity:.88}
.btn.out{background:transparent;color:var(--ink)}
.btn.lt{background:#F4F1EA;color:var(--ink);border-color:#F4F1EA}
.btn.ltout{background:transparent;color:#fff;border-color:#fff}
.btn.sm{height:44px;padding:0 24px;font-size:15px}
.btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
@media (max-width:767px){.btns .btn,.btn.block-m{width:100%}}
.link{font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}

/* Header */
.hdr{--hh:96px;position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);transition:transform .3s ease}
.hdr.away{transform:translateY(-101%)}
@media (prefers-reduced-motion:reduce){.hdr{transition:none}}
.hdr .in{height:var(--hh);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.logo{display:block;flex:none}
.logo img{height:64px;width:auto;max-width:none;flex:none;display:block}
.nav{display:flex;gap:40px;font-size:16px}
.nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--ink)}
.hdr .cta{justify-self:end;display:flex;align-items:center;gap:20px}
.hdr .cta a.get{font-weight:500;font-size:16px;text-decoration:none}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:0}
.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:6px auto;transition:transform .2s}
@media (max-width:1199px){
  .hdr{--hh:88px}
  .logo img{height:60px}
  .nav{display:none}
  .burger{display:block}
  body.menu-open .nav{display:flex;position:fixed;inset:var(--hh) 0 0 0;background:var(--bg);flex-direction:column;gap:0;padding:24px var(--gutter);font-family:Lora,serif;font-size:28px;overflow:auto}
  body.menu-open .nav a{padding:16px 0;border-bottom:1px solid var(--line)}
  body.menu-open{overflow:hidden}
}
.hdr.focus .in{grid-template-columns:1fr auto}
@media (min-width:1200px){.hdr .in{grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr)}}
@media (max-width:1199px){.hdr .in{grid-template-columns:auto minmax(max-content,1fr);gap:12px}}
.hdr .cta a.get{white-space:nowrap}
@media (max-width:767px){.hdr{--hh:80px}.hdr .logo img{height:52px}}
@media (max-width:380px){.hdr .logo img{height:46px}.hdr .cta{gap:8px}.hdr .cta a.get{font-size:15px}}
@media (max-width:340px){.hdr .logo img{height:40px}}

/* Hero with photo and overlaid text */
.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;justify-content:center;color:#fff;background:#222}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,.66) 100%)}
.hero .txt{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 var(--gutter) 72px}
.hero .txt p.sub{max-width:640px;margin:24px auto 0}
.hero .btns{margin-top:32px}
@media (max-width:767px){.hero{min-height:78vh}.hero .txt{padding-bottom:48px}}

/* Plain hero (no photo) */
.hero-plain{padding:var(--sec) 0 calc(var(--sec)*.7)}
.hero-plain p.sub{max-width:576px;margin:24px auto 0}
.hero-plain .btns{margin-top:32px}

/* Photo units */
.units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.units.u3{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
@media (max-width:1099px){.units,.units.u3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.units,.units.u3{grid-template-columns:1fr}}
.unit img{width:100%;aspect-ratio:4/5;object-fit:cover}
.unit h3{margin-top:20px}
.unit p{margin-top:8px}
.unit .link{display:inline-block;margin-top:12px}
.units.text .unit h3{margin-top:0}

/* Split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center;max-width:1100px;margin-inline:auto}
.split.start{align-items:start}
.split img{width:100%;aspect-ratio:4/5;object-fit:cover}
.split .btns{justify-content:flex-start}
.split .btns img{width:auto;height:48px;aspect-ratio:auto;object-fit:contain}
@media (max-width:860px){.split.m-c .btns{justify-content:center}}
.split.rev>:first-child{order:2}
.split h2,.split h1{font-size:40px}
.split .btn{margin-top:32px}
@media (max-width:1099px){.split{gap:48px}}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:40px}.split.rev>:first-child{order:0}.split h2{font-size:30px}.split.m-c{text-align:center}}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:860px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Trust strip */
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.strip>div{padding:40px 32px;border-left:1px solid var(--line)}
.strip>div:first-child{border-left:0;padding-left:0}
.strip h3{font:500 20px/1.3 Roboto,sans-serif}
.strip p{font-size:16px;margin-top:8px;line-height:24px}
@media (max-width:860px){.strip{grid-template-columns:1fr 1fr}.strip>div{padding:24px 16px;border-top:1px solid var(--line)}.strip>div:nth-child(odd){border-left:0;padding-left:0}.strip>div:nth-child(-n+2){border-top:0}}

/* Rows (pain / benefit table, price list, agenda) */
.rows{max-width:1100px;margin-inline:auto}
.row{display:grid;grid-template-columns:1fr 1fr;gap:0 120px;padding:20px 0;border-top:1px solid var(--line)}
.row:last-child{border-bottom:1px solid var(--line)}
.row.head{border-top:0;padding-top:0;border-bottom:0}
.row b{font-weight:500}
@media (max-width:860px){.row{grid-template-columns:1fr;gap:6px}.row.head{display:none}}
.ag{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:24px 0;border-top:1px solid var(--line)}
.ag:last-child{border-bottom:1px solid var(--line)}
@media (max-width:600px){.ag{grid-template-columns:1fr;gap:6px}}
.price{display:flex;align-items:baseline;gap:12px;padding:6px 0}
.price .dots{flex:1;border-bottom:1px dotted #777;transform:translateY(-4px)}
.price b{font-weight:500}
.list{list-style:none;margin:0;padding:0}
.list li{padding:14px 0;border-top:1px solid var(--line)}
.list li:last-child{border-bottom:1px solid var(--line)}
.list.two{columns:2;column-gap:64px}
.list.two li{break-inside:avoid}
@media (max-width:767px){.list.two{columns:1}}
.ticks{list-style:none;margin:24px 0 0;padding:0;text-align:left}
.ticks li{padding:0 0 12px 28px;position:relative}
.ticks small{display:block;font-size:14px;line-height:20px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps li::before{counter-increment:s;content:counter(s);flex:none;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500}
.steps h3{font-size:22px}

/* Cards (stone) */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1100px;margin-inline:auto}
@media (max-width:860px){.cards{grid-template-columns:1fr;gap:56px}}
.cards h3{font-size:30px}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:96px;max-width:1100px;margin-inline:auto}
@media (max-width:860px){.cols2{grid-template-columns:1fr;gap:56px}}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1100px;margin-inline:auto}
@media (max-width:860px){.cols3{grid-template-columns:1fr;gap:40px}}
.tcols{columns:3;column-gap:64px;max-width:1336px;margin-inline:auto}
.tcols figure{break-inside:avoid;margin:0 0 48px}
@media (max-width:1099px){.tcols{columns:2}}
@media (max-width:700px){.tcols{columns:1}}
figure blockquote{margin:0;font-family:Lora,Georgia,serif;font-size:20px;line-height:30px}
figcaption{margin-top:16px;font-size:16px;line-height:24px}
figcaption b{font-weight:500;display:block}
figcaption span{font-size:14px;line-height:20px;display:block}

/* FAQ */
details{border-top:1px solid var(--line);padding:22px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{font-family:Lora,Georgia,serif;font-size:24px;line-height:1.3;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none}
details[open] summary::after{content:"–"}
details p{margin-top:16px}
@media (max-width:767px){summary{font-size:20px}}

/* Forms */
form .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
form .full{grid-column:1/-1}
@media (max-width:600px){form .grid{grid-template-columns:1fr}}
label{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px;font-weight:500}
input,select,textarea{font:400 16px/1.4 Roboto,system-ui,sans-serif;color:var(--ink);height:52px;border:1px solid var(--field);border-radius:12px;background:#fff;padding:0 16px;width:100%;min-width:0}
textarea{height:auto;min-height:120px;padding:14px 16px;resize:vertical}
select{appearance:none;-webkit-appearance:none;padding-right:56px;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5l6 6 6-6' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 22px center;background-size:14px 9px}
.check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;font-size:14px}
.check input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:#111}
.hint{font-size:14px;line-height:20px;font-weight:400}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.err{color:var(--err);font-size:14px;margin-top:12px;min-height:20px}
.formfoot{margin-top:8px}

/* Footer */
.foot{border-top:1px solid var(--line);padding:72px 0 40px;font-size:16px;line-height:24px}
.foot .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:48px}
@media (max-width:900px){.foot .cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot .cols{grid-template-columns:1fr}}
.foot h4{font:500 14px/20px Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{padding:4px 0}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot .legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:20px;display:grid;gap:8px}
.foot .badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.foot .badges img{height:40px;width:auto}
.nl form{display:grid;gap:12px;margin-top:12px}
.nl .btn{height:48px}

/* Misc */
.photo-wide{width:100%;aspect-ratio:16/9;object-fit:cover}
.video{width:100%;max-width:1100px;margin-inline:auto;aspect-ratio:16/9;background:#000}
.video video{width:100%;height:100%;object-fit:cover}
.pill-list{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;list-style:none;padding:0;margin:0}
.pill-list li{border:1px solid var(--ink);border-radius:999px;padding:6px 16px;font-size:16px}
.prose{max-width:744px;margin-inline:auto}
.prose h2{font-size:32px;margin-top:56px}
.prose h3{font-size:24px;margin-top:40px}
.prose p,.prose ul,.prose ol{margin-top:20px}
.prose li{margin-top:8px}
.prose a{font-weight:500}
.meta{font-size:14px;line-height:20px}
.notice{padding:16px 20px;border:1px solid var(--line);background:#fff;font-size:15px;line-height:22px}
.hidden{display:none!important}
.reveal-early .after{display:none}

.split img.pos-l{object-position:22% 30%}
p+.btn,ul+.btn,ol+.btn,.ticks+.btn{margin-top:32px}
@media (max-width:767px){.hero{min-height:92vh}.hero::after{background:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.45) 35%,rgba(0,0,0,.75) 100%)}}
.phones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 clamp(8px,1.5vw,24px);max-width:1200px;margin-inline:auto}
.phone{margin:0}
.phone .stage{position:relative;width:100%;aspect-ratio:910/1637}
.phone video{position:absolute;left:11.538%;top:6.414%;width:76.923%;height:87.172%;object-fit:cover;background:#fff;display:block;border-radius:9.6%/4.7%}
.phone .frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.phone figcaption{font-size:18px;line-height:1.4;margin:8px auto 0;max-width:16ch}
@media (max-width:1000px){.phones{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:0 var(--gutter) 8px;margin-inline:calc(var(--gutter)*-1)}.phone{flex:0 0 min(62vw,300px);scroll-snap-align:center}}
@media (max-width:767px){.cols3[style*="repeat(4"]{grid-template-columns:1fr 1fr!important}}

/* Counselling topics */
.qlist{list-style:none;padding:0;margin-left:0}
.qlist li{font-family:Lora,serif;font-style:italic;font-size:20px;line-height:1.5;padding:6px 0 6px 20px;border-left:2px solid var(--line);margin:8px 0}
.toplist a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.toplist a:hover{text-decoration-color:var(--ink)}

/* Equal-height path cards: titles, text, prices and buttons line up across columns */
.pr{margin-top:32px}
@media (min-width:861px){
  .cards.path{grid-template-rows:auto auto auto auto;row-gap:0}
  .cards.path>div{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start}
}

/* Zenmind: sticky download bar on phones */
.getbar{display:none}
@media (max-width:767px){
  .getbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:10px;transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility .3s}
  .getbar.show{transform:none;visibility:visible}
  .getbar span{font-weight:500;font-size:15px;line-height:1.2}
  .getbar .b{display:flex;gap:8px}
  .getbar img{height:38px;width:auto;display:block}
}

.brk{margin:0;padding:8px 0 48px}.brk img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}@media (max-width:767px){.brk{padding-bottom:40px}.brk img{aspect-ratio:16/10}}

.pos-top{object-position:50% 36%}

img.wide{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}

.split.start>article{display:flex;flex-direction:column;align-items:flex-start}.split.start>article>p{margin-bottom:32px}.split.start>article>.btn{margin-top:auto}
.split.start.eq{align-items:stretch}

.pos-statue{object-position:50% 58%}
.pos-pier{object-position:35% 50%}

/* dates: one warm accent, so the eye finds them */
:root{--hot:#B23A0A}
.when{display:inline-block;color:var(--hot);font-weight:500;font-size:15px;line-height:1.7;margin-top:18px;padding:10px 20px;border-radius:14px;background:rgba(178,58,10,.08);text-align:center}
.when::before{content:"";display:inline-block;width:15px;height:15px;margin-right:10px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat}
.when.lg{font-size:18px;padding:12px 24px;margin-top:28px}
.cards .when+.mt32,.pr+.mt32{margin-top:40px}
.when{text-wrap:balance}.when.lg{white-space:normal}
@media (min-width:768px) and (max-width:1199px){.when{font-size:14px;padding:10px 12px}}

/* masterclass featured card */
.feature{background:var(--bg);border:1px solid var(--line);max-width:1100px;margin:64px auto 0;padding:56px;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;text-align:left}
.feature h3{font-size:40px}
.feature .side{text-align:center}
.ticks{list-style:none;padding:0;margin-left:0}
.ticks li{position:relative;padding:6px 0 6px 30px}
.ticks li::before{content:"\2713";position:absolute;left:2px;top:6px;font-size:18px;line-height:1.5;font-weight:700;color:var(--ink)}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
.cards.path.two>div{grid-row:span 4}
@media (max-width:860px){.feature{grid-template-columns:1fr;padding:36px 24px;gap:32px}.feature h3{font-size:32px}.cards.two{grid-template-columns:1fr}}
@media (max-width:420px){.hdr .wrap.in{column-gap:10px}.hdr .cta{gap:10px}.hdr .cta a.get{font-size:14px}.logo img{height:38px}}
.later{max-width:640px;margin:56px auto 0}
.later p{font-size:16px;line-height:26px}
.later .eyebrow{font-size:12px}
.mt8{margin-top:8px}
#form,#book{scroll-margin-top:96px}
.tfilter{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;margin:0 0 56px}
.tfilter button{font:inherit;font-size:16px;background:transparent;border:1px solid var(--ink);border-radius:999px;padding:8px 20px;cursor:pointer;color:var(--ink)}
.tfilter button.on{background:var(--ink);color:#fff}
.tcols figure blockquote+blockquote{margin-top:16px}
/* Home hero video */
.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hero>video.on{opacity:1}
.hero::after{background:linear-gradient(to bottom,rgba(0,0,0,.18) 0%,rgba(0,0,0,.18) 40%,rgba(0,0,0,.62) 100%)}
.hero .txt{z-index:2}
.vctl{position:absolute;right:24px;bottom:24px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(0,0,0,.25);cursor:pointer;padding:0}
.vctl span{position:absolute;left:50%;top:50%;width:12px;height:14px;transform:translate(-50%,-50%);border-left:3px solid #fff;border-right:3px solid #fff;box-sizing:border-box}
.vctl.paused span{width:0;height:0;border:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px}
.vctl:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:767px){.vctl{right:16px;bottom:16px}}
/* Hero layout like a full-screen video hero: text centred, pause button bottom centre */
.hero{align-items:center;min-height:calc(100vh - 97px);min-height:calc(100svh - 97px)}
.hero .txt{padding:0 var(--gutter) 7vh}
.hero .txt h1{font-size:clamp(34px,4.3vw,60px);line-height:1.14}
.vctl{right:auto;left:50%;transform:translateX(-50%);bottom:28px}
@media (max-width:767px){.hero{min-height:calc(100svh - 70px)}.hero .txt{padding-bottom:5vh}.vctl{right:auto;left:50%;bottom:20px}}
.hero .txt{padding:22vh var(--gutter) 3vh}
@media (max-width:767px){.hero .txt{padding:16vh var(--gutter) 4vh}}
.hero .txt{padding:30vh var(--gutter) 0}
@media (max-width:767px){.hero .txt{padding:20vh var(--gutter) 2vh}}
.hero .txt h1{font-size:clamp(26px,3.2vw,46px);line-height:1.2;max-width:min(100%,640px);margin-left:auto;margin-right:auto}
@media (max-width:767px){.hero .txt h1{font-size:clamp(26px,7vw,32px)}}
.hero .txt{padding:0 var(--gutter)}
@media (max-width:767px){.hero .txt{padding:0 var(--gutter)}}

/* Photo galleries */
.gal-sec{padding-left:0;padding-right:0;overflow:hidden}
.gal-sec .wrap.c{margin-bottom:40px}
.gal{position:relative;margin-top:12px}
.gal:first-of-type{margin-top:0}
.gal-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--gutter)}
.gal-row::-webkit-scrollbar{display:none}
.gal figure{position:relative;flex:0 0 auto;height:clamp(200px,24vw,340px);margin:0;scroll-snap-align:start;background:var(--stone)}
.gal figure img{display:block;height:100%;width:auto;max-width:none;object-fit:cover}
.gal figcaption{position:absolute;right:0;bottom:0;left:0;padding:36px 16px 14px;text-align:right;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));pointer-events:none}
.gal figcaption a{color:#fff;font-size:17px;pointer-events:auto;text-decoration:none}
.gal figcaption a:hover{text-decoration:underline}
.gal-btn{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:rgba(255,254,248,.92);cursor:pointer;box-shadow:0 1px 6px rgba(0,0,0,.18);z-index:2}
.gal-btn[hidden]{display:none}
.gal-btn.prev{left:16px}.gal-btn.next{right:16px}
.gal-btn::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #000;border-right:2px solid #000}
.gal-btn.next::after{transform:translate(-65%,-50%) rotate(45deg)}
.gal-btn.prev::after{transform:translate(-35%,-50%) rotate(-135deg)}
@media (max-width:767px){.gal-btn{display:none!important}.gal figure{height:210px}}
.gal-row{scroll-padding-left:var(--gutter)}
.gal figcaption a b{display:block;font-weight:500;font-size:18px}
.gal figcaption a span{display:block;font-size:15px;opacity:.92;margin-top:2px}
.gal figcaption{padding-top:56px}

/* Choose how to begin: tidier alignment */
.feature{padding:0;gap:0;grid-template-columns:1.3fr 1fr;align-items:stretch}
.feature>div:first-child{padding:56px}
.feature .side{padding:48px 40px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.feature .side .when.lg{margin-top:0}
.feature .side .mt32{margin-top:28px}
.feature .side .micro{max-width:300px;margin-left:auto;margin-right:auto}
.later{max-width:1100px;margin:48px auto 0}
.later .eyebrow.c{text-align:center}
.later-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:24px;border-top:1px solid var(--line)}
.later-cols>div{padding:28px 40px 0 0}
.later-cols>div+div{padding:28px 0 0 40px;border-left:1px solid var(--line)}
.later-cols h4{font-family:Lora,Georgia,serif;font-weight:400;font-size:22px;line-height:1.3}
.later-cols p{margin-top:8px;font-size:16px;line-height:26px}
@media (max-width:860px){.feature{grid-template-columns:1fr}.feature>div:first-child{padding:36px 24px}.feature .side{border-left:0;border-top:1px solid var(--line);padding:32px 24px}
.later-cols{grid-template-columns:1fr}.later-cols>div,.later-cols>div+div{padding:24px 0 0;border-left:0}}
.later-cols h4{margin:0}

/* Choose how to begin (photo + date) */
.oplater{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin:48px auto 0;max-width:1100px;font-size:16px;line-height:26px;padding-top:28px;border-top:1px solid var(--line)}
.opC{max-width:1100px;margin:48px auto 0;background:var(--bg);border:1px solid var(--line);display:grid;grid-template-columns:260px 1fr 300px;align-items:stretch;text-align:left}
.opC .cal{position:relative;min-height:420px;color:#fffef8;overflow:hidden}
.opC .cal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.opC .cal::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 70%)}
.opC .dt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 20px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}
.opC .dt span{letter-spacing:.2em;text-transform:uppercase;font-size:13px}
.opC .dt b{font:400 80px/1 Lora,Georgia,serif;margin:4px 0}
.opC .dt em{font:italic 24px Lora,Georgia,serif}
.opC .dt small{margin-top:10px;font-size:15px}
.opC .body{padding:44px 40px}
.opC h3{font-size:34px}
.opC .cta{padding:44px 32px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.opC .cta .btn{width:100%;text-align:center}
@media(max-width:1000px){.opC{grid-template-columns:220px 1fr}.opC .cta{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:640px){.opC{grid-template-columns:1fr}.opC .cal{min-height:380px}.opC .body{padding:28px 24px}.oplater{flex-direction:column;gap:12px}}
.opC .eyebrow{margin:0}
.opC h3{margin:14px 0 0;line-height:1.2}
.opC .body>p:not(.eyebrow){margin-top:16px}
.opC .cta{padding:44px 24px}
.opC .cta .btn{white-space:nowrap;padding-left:20px;padding-right:20px;font-size:17px}
.when.ob{color:var(--ink,#111);background:transparent;border:1px solid #111;border-radius:999px;font-weight:400;font-size:19px;padding:12px 26px}
.when.ob::before{display:none}
@media(max-width:640px){.when.ob{font-size:16px;padding:10px 18px;border-radius:26px}}
.opC .cta .when.ob{font-size:16px;padding:10px 18px;border-radius:26px;margin-top:0}
.opC .cta .small{margin:8px 0 0}
.opC .cal::after{display:none}
.opC .cal img{object-position:center 20%}
.hdr{--hh:72px}.hdr .logo img{height:56px}
@media (max-width:1199px){.hdr{--hh:66px}.hdr .logo img{height:52px}}
@media (max-width:767px){.hdr{--hh:60px}.hdr .logo img{height:46px}}
@media (max-width:380px){.hdr .logo img{height:42px}}
/* Soho House style mobile/tablet menu */
.nav .mbtns{display:none}
@media (max-width:1199px){
  body.menu-open .nav{font-family:inherit;font-size:24px;font-weight:400;padding:28px var(--gutter) 32px;gap:0;background:var(--bg)}
  body.menu-open .nav a:not(.btn){padding:0;border-bottom:0;min-height:72px;display:flex;align-items:center;letter-spacing:0}
  body.menu-open .nav a[aria-current]{border-bottom:0;font-weight:500}
  body.menu-open .nav .mbtns{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding-top:32px}
  body.menu-open .nav .mbtns .btn{width:100%;text-align:center;justify-content:center;font-size:17px;padding:18px 24px}
  body.menu-open .hdr .cta a.get{visibility:hidden}
  body.menu-open .hdr .logo{visibility:hidden}
  body.menu-open .hdr{border-bottom-color:transparent}
  body.menu-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
}
.burger span{transition:transform .2s,opacity .2s}
@media (max-width:1199px){
  body.menu-open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}
.hdr{--hh:68px}.hdr .logo img{height:54px}
@media (max-width:1199px){.hdr{--hh:64px}.hdr .logo img{height:50px}}
@media (max-width:767px){.hdr{--hh:58px}.hdr .logo img{height:44px}}
@media (max-width:380px){.hdr .logo img{height:40px}}
.about-buddha{background:#000;display:flex;justify-content:center;margin:0 0 var(--sec);padding:0}
.about-buddha img{display:block;height:min(640px,78vh);width:auto;max-width:100%;object-fit:contain}
@media(max-width:640px){.about-buddha img{height:auto;width:100%;max-height:560px}}
.about-buddha{background:transparent;margin:0;padding:0 var(--gutter) var(--sec)}
.about-buddha img{height:min(620px,76vh)}
@media(max-width:640px){.about-buddha img{height:auto;width:auto;max-width:100%;max-height:480px}}
.hero::after{background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.60) 100%)}
.hero::after{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.50) 60%,rgba(0,0,0,.68) 100%)}
.hero .txt h1,.hero .txt p{text-shadow:0 1px 14px rgba(0,0,0,.35)}
.acc details{border-top:1px solid var(--line);scroll-margin-top:110px}.acc details:last-child{border-bottom:1px solid var(--line)}
.acc summary{font-family:'Lora',serif;font-size:22px;padding:20px 0}
.acc details>*:not(summary){max-width:720px}
.strengths .st-grid{gap:64px;max-width:960px;margin-left:auto;margin-right:auto}.strengths h3{font-size:30px;margin-bottom:16px}
/* tinted sections */
.sec.tint-0{background:#E2E3D0}.sec.tint-1{background:#E9E2D2}.sec.tint-2{background:#EBD9CB}.sec.tint-3{background:#DCE3E6}
.sec.tint-0 .band,.sec .band{background:none}
/* About slider */
.aslider{position:relative;display:grid;min-height:min(560px,calc(100vh - 80px))}
.as-slide{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.as-slide.on{opacity:1;visibility:visible}
.as-slide.r .as-ph{order:2}
.as-ph{overflow:hidden;background:var(--bg)}.as-ph img{width:100%;height:100%;object-fit:cover}
.as-ph.buddha img{object-fit:contain}
.as-tx{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(32px,6vw,88px)}
.as-tx h1,.as-tx h2{font-size:clamp(28px,3.1vw,42px);line-height:1.25;max-width:560px}
.as-tx .btns{margin-top:28px;justify-content:flex-start}
.c1 .as-tx{background:#E4D9C6}.c2 .as-tx{background:#D9DFD0}.c3 .as-tx{background:#EBD9CB}.c4 .as-tx{background:#DCE3E6}
.as-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;gap:10px;justify-content:center;z-index:3;pointer-events:none}
.as-dots button{pointer-events:auto;width:10px;height:10px;border-radius:50%;border:0;background:#fff;opacity:.7;padding:0;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.as-dots button.on{background:#111;opacity:1}
@media (max-width:860px){.aslider{min-height:0}.as-slide{grid-template-columns:1fr;grid-template-rows:auto auto}.as-slide.r .as-ph{order:0}.as-ph{aspect-ratio:4/3}.as-tx{padding:32px 24px 64px}}
@media (prefers-reduced-motion:reduce){.as-slide{transition:none}}
/* deep tones (Soho-style feature bands + About hero panels) */
.sec.deep{color:#FFFEF8}.sec.deep h2,.sec.deep h3,.sec.deep .q,.sec.deep .lead,.sec.deep .micro,.sec.deep p,.sec.deep li{color:#FFFEF8}
.sec.deep-0{background:#B8742F}.sec.deep-1{background:#3E4A2C}.sec.deep-2{background:#7A4A3A}.sec.deep-3{background:#3C525A}
.sec.deep .micro{opacity:.8}.sec.deep .ticks li::before,.sec.deep .ticks li::marker{color:#C9AE72}
.sec.deep .btn,.as-tx .btn:not(.out){background:#B39254;border-color:#B39254;color:#111}
.sec.deep .btn:hover,.as-tx .btn:not(.out):hover{background:#C9AE72;border-color:#C9AE72;color:#111}
.as-tx{color:#FFFEF8}.as-tx h1,.as-tx h2{color:#FFFEF8}
.as-tx .btn.out{background:transparent;color:#FFFEF8;border-color:#FFFEF8}.as-tx .btn.out:hover{background:#FFFEF8;color:#111}
.c1 .as-tx{background:#B8742F}.c2 .as-tx{background:#3E4A2C}.c3 .as-tx{background:#7A4A3A}.c4 .as-tx{background:#3C525A}
/* deep hero on inner pages */
.hp-deep{color:#FFFEF8}.hp-deep h1,.hp-deep h2,.hp-deep p,.hp-deep .sub,.hp-deep .micro,.hp-deep li{color:#FFFEF8}
.hp-0{background:#B8742F}.hp-1{background:#3E4A2C}.hp-2{background:#7A4A3A}.hp-3{background:#3C525A}
.hp-deep .micro{opacity:.85}
.hp-deep .btn{background:#B39254;border-color:#B39254;color:#111}.hp-deep .btn:hover{background:#C9AE72;border-color:#C9AE72}
.hp-deep .btn.out{background:transparent;color:#FFFEF8;border-color:#FFFEF8}.hp-deep .btn.out:hover{background:#FFFEF8;color:#111}
.hp-deep .ticks li::before,.hp-deep .ticks li::marker{color:#C9AE72}.hp-deep a:not(.btn){color:#FFFEF8}
.hp-deep .when.ob{color:#FFFEF8;border-color:rgba(255,254,248,.7);background:transparent}
/* inner page split hero (same as About) */
.pghero{display:grid;grid-template-columns:1fr 1fr;min-height:min(520px,calc(100vh - 80px));color:#FFFEF8}
.pghero.r .as-ph{order:2}
.pghero .as-ph{background:var(--bg)}.pghero .as-ph img{width:100%;height:100%;object-fit:cover}
.pghero.apphero .as-ph{background:#0000}.pghero.apphero .as-ph img{object-fit:contain;padding:32px}
.pghero .as-tx{align-items:flex-start;text-align:left}
.pghero.hp-0 .as-tx{background:#B8742F}.pghero.hp-1 .as-tx{background:#3E4A2C}.pghero.hp-2 .as-tx{background:#7A4A3A}.pghero.hp-3 .as-tx{background:#3C525A}
.pghero.hp-0.apphero .as-ph{background:#946026}.pghero.hp-1.apphero .as-ph{background:#2E5440}
.pghero .wrap,.pghero .narrow{max-width:none;padding:0;margin:0;text-align:left}
.pghero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.25;max-width:580px}
.pghero .sub{margin:18px 0 0;max-width:540px;font-size:17px;line-height:1.55}
.pghero .btns{justify-content:flex-start;margin-top:26px}.pghero .micro{margin-top:16px;text-align:left}
.pghero .ticks{margin-top:20px}.pghero .eyebrow{color:#C9AE72}
.pghero .when{margin-top:22px}
@media (max-width:860px){.pghero{grid-template-columns:1fr;min-height:0}.pghero.r .as-ph{order:0}.pghero .as-ph{aspect-ratio:4/3}.pghero .as-tx{padding:32px 24px 44px}}
.pghero + .sec{padding-top:var(--sec)!important}
.sec.tint-0,.sec.tint-1,.sec.tint-2,.sec.tint-3,.sec.deep{padding-top:var(--sec)!important}

/* Home hero fills the whole window under the header (like a full-screen video hero) */
.hero{height:calc(100vh - 73px);height:calc(100svh - 73px);min-height:460px}
@media (max-width:1199px){.hero{height:calc(100vh - 67px);height:calc(100svh - 67px)}}
@media (max-width:767px){.hero{min-height:420px}}

/* home: "What brings you here" and the four cards share one deep band */
#what-brings-you-here .units,#what-brings-you-here .units *{color:#FFFEF8}
#what-brings-you-here .units a{text-decoration-color:#C9AE72}

/* Zenmind + Articles heroes fill the window; scroll-down arrow */
@media (min-width:861px){.pghero.fullh{min-height:calc(100vh - 73px);min-height:calc(100svh - 73px)}}
@media (min-width:861px) and (max-width:1199px){.pghero.fullh{min-height:calc(100svh - 67px)}}
.pghero .as-tx{position:relative}
.downarrow{display:flex;flex-direction:column;align-items:center;gap:6px;position:absolute;left:50%;bottom:28px;transform:translateX(-50%);color:#FFFEF8;text-decoration:none;font-size:14px;letter-spacing:.04em;opacity:.9}
.downarrow:hover{opacity:1}.downarrow svg{animation:dabob 2.2s ease-in-out infinite}
@keyframes dabob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.downarrow svg{animation:none}}
#articles-list{scroll-margin-top:72px}html{scroll-behavior:smooth}
@media (max-width:860px){.downarrow{position:static;transform:none;margin-top:32px}}
.pghero.phk .as-ph img{object-position:20% 50%}

/* date pill: never wrap a dot to a line end; stack neatly on phones */
.when .wh{white-space:nowrap}.when .dot{font-style:normal}
@media (max-width:640px){
 .when.ob{display:block;text-align:center;padding:14px 18px;border-radius:26px;line-height:1.5}
 .when.ob .wh{display:block}.when.ob .dot{display:none}
 .when.ob+.small{text-align:center;margin-top:10px}
}
.when.ob+.small{margin-top:10px;padding-left:4px}@media (max-width:640px){.when.ob+.small{padding-left:0}}
.pghero.abt .as-ph img{object-position:30% 50%}
.split img.pos-kw{object-position:34% 30%}
.pghero.cth .as-ph img{object-position:50% 40%}

/* forms on strong-tone bands */
.sec.deep label,.sec.deep .hint,.sec.deep .formfoot,.sec.deep .check,.sec.deep legend,.sec.deep .small{color:#FFFEF8}
.sec.deep .check a,.sec.deep .hint a,.sec.deep p a:not(.btn){color:#FFFEF8;text-decoration-color:#C9AE72}
.sec.deep input,.sec.deep select,.sec.deep textarea{border-color:transparent}
.sec.deep input::placeholder,.sec.deep textarea::placeholder{color:#6b6b6b}
.sec.deep .check input{accent-color:#B39254}
.sec.deep .err{color:#FFD9C9}
.sec.deep .btn[type=submit],.sec.deep button.btn{background:#B39254;border-color:#B39254;color:#111}
.sec.deep button.btn:hover{background:#C9AE72;border-color:#C9AE72}
.band.sec>.sec{padding-top:0!important;padding-bottom:0!important}
.sec.deep .steps li{border-color:rgba(255,254,248,.25)}
.sec.deep .steps li::before{background:#B39254;color:#111}

/* About hero: terracotta-orange panel */
.pghero.abt .as-tx{background:#B8742F}
.pghero.abt.hp-deep .btn{background:#FFFEF8;border-color:#FFFEF8;color:#2A1A0C}
.pghero.abt.hp-deep .btn:hover{background:#F3E6D6;border-color:#F3E6D6}
.pghero.abt.hp-deep .btn.out{background:transparent;color:#FFFEF8;border-color:#FFFEF8}
.pghero.abt.hp-deep .btn.out:hover{background:#FFFEF8;color:#2A1A0C}

/* Buttons on the brand brown (#B8742F): white with black text */
.sec.deep.deep-0 .btn:not(.out),.sec.deep.deep-0 .btn[type=submit],.sec.deep.deep-0 button.btn,
.pghero.hp-0 .btn:not(.out),.hp-deep.hp-0 .btn:not(.out),.c1 .as-tx .btn:not(.out){background:#FFFEF8;border-color:#FFFEF8;color:#111}
.sec.deep.deep-0 .btn:not(.out):hover,.sec.deep.deep-0 button.btn:hover,
.pghero.hp-0 .btn:not(.out):hover,.hp-deep.hp-0 .btn:not(.out):hover,.c1 .as-tx .btn:not(.out):hover{background:#F3E6D6;border-color:#F3E6D6;color:#111}

/* Articles: compact header band, filter chips, featured article */
.artband{padding:72px 0 56px}.artband h1{font-size:var(--h1)}.artband .sub{margin-top:16px}
.artband .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}
.chip{font:inherit;font-size:15px;line-height:1;padding:11px 20px;border-radius:999px;border:1px solid #3E4A2C;background:transparent;color:#111;cursor:pointer}
.chip:hover{background:rgba(62,74,44,.12)}.chip.on{background:#3E4A2C;color:#FFFEF8}
.artlist{padding:64px 0 var(--sec)}
.unit.feat{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;max-width:1100px;margin:0 auto}
.unit.feat img{width:100%;aspect-ratio:4/3;object-fit:cover}
.unit.feat h2{font-size:clamp(28px,3.2vw,40px)}
.unit.feat .ft .btn{display:inline-flex}
.artlist [hidden]{display:none!important}
@media (max-width:860px){.unit.feat{grid-template-columns:1fr;gap:28px}.artband{padding:48px 0 40px}.artlist{padding-top:48px}}

/* One button style on every coloured band: ivory with black text */
.sec.deep .btn:not(.out),.sec.deep .btn[type=submit],.sec.deep button.btn,.as-tx .btn:not(.out),.hp-deep .btn:not(.out){background:#FFFEF8;border-color:#FFFEF8;color:#111}
.sec.deep .btn:not(.out):hover,.sec.deep button.btn:hover,.as-tx .btn:not(.out):hover,.hp-deep .btn:not(.out):hover{background:#F3E6D6;border-color:#F3E6D6;color:#111}

/* Logo orange (#F08C10) as a small accent: underlines, hover states, dividers. Never for body text or large fills. */
:root{--accent:#F08C10}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--accent)}
body.menu-open .nav a{border-bottom-color:var(--line)}
.link,.prose a,.sec:not(.deep) p a:not(.btn){text-decoration-color:var(--accent);text-decoration-thickness:2px}
.link:hover,.prose a:hover{text-decoration-color:var(--ink)}
.hdr .cta a.get:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
.foot{border-top:2px solid var(--accent)}
.foot a:hover{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.toplist a:hover{text-decoration-color:var(--accent)}
.gal figcaption a:hover{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.btn:not(.out):not(.sec.deep .btn):hover{box-shadow:none}
.btn.out:hover{border-color:var(--accent)}
.sec.deep .btn:hover,.as-tx .btn:hover,.hp-deep .btn:hover{box-shadow:none}
.chip:hover{border-color:var(--accent)}
details[open]>summary,details summary:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}

/* Retire the old gold: ticks, eyebrows, underlines and step circles follow the new palette */
.sec.deep .ticks li::before,.sec.deep .ticks li::marker,.hp-deep .ticks li::before,.hp-deep .ticks li::marker{color:#FFFEF8}
.sec.deep.deep-1 .ticks li::before,.sec.deep.deep-1 .ticks li::marker{color:var(--accent)}
.pghero .eyebrow{color:#FFFEF8;opacity:.85}
#what-brings-you-here .units a,.sec.deep .check a,.sec.deep .hint a,.sec.deep p a:not(.btn){text-decoration-color:rgba(255,254,248,.7)}
.sec.deep.deep-1 p a:not(.btn),.sec.deep.deep-1 .units a{text-decoration-color:var(--accent)}
.sec.deep .check input{accent-color:#FFFEF8}
.sec.deep .steps li::before{background:#FFFEF8;color:#111}
.gal-sec .wrap{overflow:visible}.sec.band.gal-sec{padding-left:0;padding-right:0}.sec.band.gal-sec>.wrap{padding-left:var(--gutter);padding-right:var(--gutter)}

/* Buttons on light sections: brand brown with ivory text */
.btn{background:#3E4A2C;border-color:#3E4A2C;color:#FFFEF8}
.btn:hover{opacity:1;background:#7E4A2D;border-color:#7E4A2D;box-shadow:none}
.btn.out{background:transparent;color:#3E4A2C;border-color:#3E4A2C}
.btn.out:hover{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C}
.tfilter button{border-color:#3E4A2C;color:#3E4A2C}.tfilter button.on{background:#3E4A2C;color:#FFFEF8}
/* keep the ivory style on coloured bands (these rules must stay after the brown button rules) */
.sec.deep .btn:not(.out),.sec.deep .btn[type=submit],.sec.deep button.btn,.as-tx .btn:not(.out),.hp-deep .btn:not(.out){background:#FFFEF8;border-color:#FFFEF8;color:#111}
.sec.deep .btn:not(.out):hover,.sec.deep button.btn:hover,.as-tx .btn:not(.out):hover,.hp-deep .btn:not(.out):hover{background:#F3E6D6;border-color:#F3E6D6;color:#111;box-shadow:none}
.sec.deep .btn.out,.as-tx .btn.out,.hp-deep .btn.out{background:transparent;color:#FFFEF8;border-color:#FFFEF8}
.sec.deep .btn.out:hover,.as-tx .btn.out:hover,.hp-deep .btn.out:hover{background:#FFFEF8;color:#111;border-color:#FFFEF8}

/* Outline-only buttons everywhere */
.btn,.btn.lt{background:transparent;color:#3E4A2C;border:1.5px solid #3E4A2C}
.btn:hover,.btn.lt:hover{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C;opacity:1;box-shadow:none}
.sec.deep .btn,.sec.deep .btn[type=submit],.sec.deep button.btn,.as-tx .btn,.hp-deep .btn,.sec.deep .btn:not(.out),.as-tx .btn:not(.out),.hp-deep .btn:not(.out),.pghero.abt.hp-deep .btn,.pghero.hp-0 .btn:not(.out),.hp-deep.hp-0 .btn:not(.out),.sec.deep.deep-0 .btn:not(.out),.sec.deep.deep-0 .btn[type=submit],.sec.deep.deep-0 button.btn,.c1 .as-tx .btn:not(.out){background:transparent;color:#FFFEF8;border:1.5px solid #FFFEF8}
.sec.deep .btn:hover,.sec.deep button.btn:hover,.as-tx .btn:hover,.hp-deep .btn:hover,.sec.deep .btn:not(.out):hover,.as-tx .btn:not(.out):hover,.hp-deep .btn:not(.out):hover,.pghero.abt.hp-deep .btn:hover,.pghero.hp-0 .btn:not(.out):hover,.hp-deep.hp-0 .btn:not(.out):hover,.sec.deep.deep-0 .btn:not(.out):hover,.sec.deep.deep-0 button.btn:hover,.c1 .as-tx .btn:not(.out):hover,.sec.deep .btn.out:hover,.as-tx .btn.out:hover,.hp-deep .btn.out:hover{background:#FFFEF8;color:#111;border-color:#FFFEF8;box-shadow:none}
.hero .btn,.btn.ltout{background:transparent;color:#fff;border:1.5px solid #fff}
.hero .btn:hover,.btn.ltout:hover{background:#fff;color:#111;border-color:#fff}
.tfilter button.on{background:#3E4A2C;color:#FFFEF8}

/* Three soft tones only: sage, warm sand, ivory (blue-grey and the extra stone/blush retired) */
:root{--stone:#EFE3CC}
.sec.tint-0{background:#E2E3D0}
.sec.tint-1{background:#FFFEF8}
.sec.tint-2{background:#EFE3CC}
.sec.tint-3{background:#FFFEF8}
.band{background:#EFE3CC}

/* Articles: magazine layout (ivory page, text filters, two-column grid of tall photos) */
.hn-top{padding:64px 0 8px}
.hn-top h1{font-size:clamp(40px,5vw,64px);text-align:left}
.hn-top .chips{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:flex-start;margin-top:36px}
.hn-top .chip{border:0;border-radius:0;background:none;padding:6px 0;font-size:16px;color:#111;border-bottom:1.5px solid transparent}
.hn-top .chip:hover{background:none;border-bottom-color:#F08C10}
.hn-top .chip.on{background:none;color:#111;border-bottom-color:#111}
.hn-list{padding:40px 0 var(--sec)}
.hn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 24px}
.hn{display:flex;flex-direction:column}
.hn-img{display:block;overflow:hidden}
.hn-img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}
.hn:hover .hn-img img{transform:scale(1.02)}
.hn h2{font-size:clamp(22px,2.2vw,28px);line-height:1.3;margin-top:24px}
.hn h2 a{text-decoration:none;color:#111}
.hn-ex{margin-top:16px;font-size:16px;line-height:1.55;color:#111}
.hn-meta{margin-top:16px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#555}
.hn-link{margin-top:10px;font-size:15px;font-weight:500;color:#111;text-decoration:underline;text-decoration-color:#F08C10;text-underline-offset:5px;align-self:flex-start}
.hn-list [hidden]{display:none!important}
@media (max-width:700px){.hn-grid{grid-template-columns:1fr;gap:56px}.hn-top{padding-top:40px}.hn-top .chips{gap:6px 20px}}
.hn-top .chip:hover{border-bottom-color:rgba(228,147,58,.5)}
.hn-top .chip.on,.hn-top .chip.on:hover{border-bottom-color:#F08C10}

/* Article page: magazine layout (big centred headline, full-width photo, narrow reading column) */
.ah{padding:64px 0 36px;text-align:center}
.ah h1{font-size:clamp(32px,4.4vw,58px);line-height:1.2;max-width:1000px;margin:0 auto}
.ah-meta{margin-top:24px;font-size:14px;color:#666;letter-spacing:.02em}
.ah-img{width:100%}
.ah-img img{display:block;width:100%;aspect-ratio:5/3;max-height:80vh;object-fit:cover}
.ah-body{padding:72px 0 var(--sec)}
.ah-lead{max-width:680px;margin:0 auto 48px;font-size:clamp(20px,2vw,24px);line-height:1.5;font-family:Lora,Georgia,serif}
.ah-body .prose{max-width:680px;margin:0 auto}
.hn-more{padding-top:0}.hn-more-h{font-size:clamp(28px,3vw,40px);margin-bottom:40px}
@media (max-width:700px){.ah{padding:40px 0 28px}.ah-img img{aspect-ratio:4/3}.ah-body{padding-top:48px}}

/* outline buttons on pale sections: slightly deeper brown so the text passes contrast */
.btn,.btn.lt,.btn.out{color:#3E4A2C;border-color:#3E4A2C}
.btn:hover,.btn.lt:hover,.btn.out:hover{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C}
.tfilter button{border-color:#3E4A2C;color:#3E4A2C}.tfilter button.on{background:#3E4A2C;color:#FFFEF8}
/* hero video + coloured bands keep light outline buttons (beats the generic rule above) */
.hero .btn,.hero .btn.lt,.hero .btn.out{background:transparent;color:#fff;border-color:#fff}
.hero .btn:hover,.hero .btn.lt:hover,.hero .btn.out:hover{background:#fff;color:#111;border-color:#fff}
.sec.deep .btn,.sec.deep .btn.lt,.sec.deep .btn.out,.as-tx .btn,.as-tx .btn.lt,.as-tx .btn.out,.hp-deep .btn,.hp-deep .btn.lt{background:transparent;color:#FFFEF8;border-color:#FFFEF8}
.sec.deep .btn:hover,.sec.deep .btn.lt:hover,.sec.deep .btn.out:hover,.as-tx .btn:hover,.as-tx .btn.lt:hover,.as-tx .btn.out:hover,.hp-deep .btn:hover,.hp-deep .btn.lt:hover{background:#FFFEF8;color:#111;border-color:#FFFEF8}
.btn{font-weight:600}

/* Form and closing call-to-action bands: soft peach, dark text, orange outline button */
.sec.softband{background:#F6DCCB;color:#111}
.sec.softband h2,.sec.softband h3,.sec.softband p,.sec.softband label,.sec.softband .lead,.sec.softband .micro,.sec.softband legend,.sec.softband li{color:#111}
.sec.softband .micro{color:#444}
.sec.softband a:not(.btn){color:#111}
.sec.softband .btn,.sec.softband button.btn{background:transparent;color:#3E4A2C;border:1.5px solid #3E4A2C}
.sec.softband .btn:hover,.sec.softband button.btn:hover{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C}
.sec.softband input,.sec.softband select,.sec.softband textarea{background:#fff;border:1px solid #D8C3B3}

/* Phone CTA bar: one large, thumb-friendly button fixed to the bottom (Counselling, Meditation, For Teams) */
.ctabar{display:none}
@media (max-width:767px){
  .ctabar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#FFFEF8;border-top:1px solid var(--line);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility .3s}
  .ctabar.show{transform:none;visibility:visible}
  .ctabar .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 20px;font-size:17px;text-align:center;background:#FFFEF8}
}
/* pages with the phone CTA bar: the header button is dropped on phones (logo + menu only) */
@media (max-width:767px){.has-ctabar .hdr .cta a.get{display:none}}
.ctabar .btn:hover,.ctabar .btn:focus-visible{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C}
:root{color-scheme:light only}

/* ===== Palette B: amber heroes, olive text/buttons, soft5 cards, dark olive anchor ===== */
.eyebrow,.sec .eyebrow{color:#3E4A2C}
.pghero .eyebrow,.hp-deep .eyebrow,.as-tx .eyebrow{color:#FFFEF8}
.soft5 .cols3>div,.soft5 .cols2>div,.soft5 .units>*,.soft5 .st-grid>div,.soft5 .cols4>div{background:#FFFEF8;border-top:4px solid #F08C10;padding:26px 24px;text-align:left;color:#111;border-radius:2px}
.soft5 .cols3>div:nth-child(3n+2),.soft5 .cols2>div:nth-child(2n),.soft5 .units>*:nth-child(3n+2),.soft5 .st-grid>div:nth-child(3n+2){border-top-color:#3E4A2C}
.soft5 .cols3>div:nth-child(3n),.soft5 .units>*:nth-child(3n),.soft5 .st-grid>div:nth-child(3n){border-top-color:#23231A}
.soft5 h2,.soft5 h3,.soft5 p,.soft5 li,.soft5 .lead,.soft5 .q{color:#111}
.soft5 .cols3>div h3,.soft5 .st-grid h3{color:#3E4A2C}
.soft5 .cols3.c>div{text-align:left}
.soft5 .units a{color:#111;text-decoration-color:#F08C10}
.soft5 .btn,.soft5 .btn.out,.soft5 .btn.lt{background:transparent;color:#3E4A2C;border:1.5px solid #3E4A2C}
.soft5 .btn:hover{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C}
/* closing anchor */
.sec.anchor{background:#23231A;color:#FFFEF8}
.sec.anchor h2,.sec.anchor h3,.sec.anchor p,.sec.anchor .lead,.sec.anchor .micro,.sec.anchor .eyebrow{color:#FFFEF8}
.sec.anchor .btn,.sec.anchor .btn.out,.sec.anchor .btn.lt{background:transparent;color:#FFFEF8;border:1.5px solid #FFFEF8}
.sec.anchor .btn:hover{background:#FFFEF8;color:#23231A;border-color:#FFFEF8}
.sec.anchor a:not(.btn){color:#FFFEF8}
/* amber panels: ivory text, ivory outline buttons */
.hp-0,.pghero.hp-0 .as-tx,.c1 .as-tx{color:#FFFEF8}
.ctabar .btn:hover,.ctabar .btn:focus-visible{background:#3E4A2C;color:#FFFEF8;border-color:#3E4A2C}

/* ===== B2: light heroes (amber only as accent), cards text, FAQ ===== */
#what-brings-you-here.soft5 .units,#what-brings-you-here.soft5 .units *{color:#111}
.soft5 .units a,.soft5 .units a *{color:#111}
.soft5 .units h3,.soft5 .units h3 *{color:#3E4A2C}
/* heroes: light panel + photo, amber is a rule only */
.pghero.hp-deep,.pghero.hp-deep h1,.pghero.hp-deep h2,.pghero.hp-deep p,.pghero.hp-deep .sub,.pghero.hp-deep .micro,.pghero.hp-deep li,.pghero.hp-deep .eyebrow,.pghero.hp-deep a:not(.btn){color:#111}
.pghero.hp-deep .eyebrow{color:#3E4A2C;opacity:1}
.pghero.hp-0 .as-tx,.pghero.hp-1 .as-tx,.pghero.abt .as-tx{background:#F3EAD6}
.pghero.hp-0.apphero .as-ph{background:#E6D8BE}
.pghero .as-tx::before{content:"";display:block;width:64px;height:5px;background:#F08C10;margin-bottom:26px}
.pghero.hp-deep .ticks li::before,.pghero.hp-deep .ticks li::marker{color:#F08C10}
.pghero.hp-deep .btn,.pghero.hp-deep .btn.lt,.pghero.hp-deep .btn.out,.pghero.hp-0 .btn:not(.out),.pghero.abt.hp-deep .btn,.pghero.abt.hp-deep .btn.out{background:transparent!important;color:#3E4A2C!important;border:1.5px solid #3E4A2C!important}
.pghero.hp-deep .btn:hover,.pghero.hp-deep .btn.out:hover,.pghero.hp-0 .btn:not(.out):hover,.pghero.abt.hp-deep .btn:hover{background:#3E4A2C!important;color:#FFFEF8!important;border-color:#3E4A2C!important}
.pghero.hp-deep .when.ob{color:#111;border-color:#111;background:transparent}
.pghero.apphero .as-ph img{filter:drop-shadow(0 18px 28px rgba(60,40,10,.25))}
/* FAQ: no underline, clean rows, amber plus/minus */
details[open]>summary,details summary:hover{text-decoration:none!important}
details summary:hover{color:#3E4A2C}
summary::after{color:#F08C10;font-family:Inter,Roboto,sans-serif;font-size:28px;line-height:1;font-weight:300}
details[open]{border-left:0}
details[open]>summary{color:#3E4A2C}

/* photo tiles (home "What brings you here") */
.units.tiles{gap:20px}
.tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:2px;color:#FFFEF8;text-decoration:none;background:#23231A}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,12,.88) 0%,rgba(20,20,12,.55) 32%,rgba(20,20,12,0) 62%)}
.tile .tt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 22px 24px;display:block;border-bottom:5px solid #F08C10;text-align:left}
.tile .tk{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;opacity:.9}
.tile strong{display:block;font-family:Lora,Georgia,serif;font-weight:400;font-size:28px;line-height:1.15}
.tile .td{display:block;margin-top:6px;font-size:16px}
.tile:hover img,.tile:focus-visible img{transform:scale(1.04)}
.tile:focus-visible{outline:3px solid #F08C10;outline-offset:3px}
#what-brings-you-here.soft5 .units.tiles .tile,#what-brings-you-here.soft5 .units.tiles .tile *{color:#FFFEF8}
.soft5 .units.tiles>.tile{padding:0;border-top:0;background:#23231A}
@media (max-width:1099px){.tile{aspect-ratio:4/5}}
@media (max-width:600px){.units.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{aspect-ratio:3/4}.tile .tt{padding:14px 14px 16px}.tile strong{font-size:21px}.tile .td{font-size:14px}.tile .tk{font-size:11px}}
@media (max-width:600px){.tile .tk{display:none}.tile::after{background:linear-gradient(to top,rgba(20,20,12,.92) 0%,rgba(20,20,12,.6) 38%,rgba(20,20,12,0) 66%)}}
.btn:hover,.btn:focus-visible,button.btn:hover{box-shadow:none!important}.btn:focus-visible{outline:2px solid #3E4A2C;outline-offset:3px}.sec.anchor .btn:focus-visible,.hero .btn:focus-visible{outline-color:#FFFEF8}

/* Article FAQ accordion */
.art-faq{margin-top:24px}
.prose .art-faq details{padding:18px 0}
.prose .art-faq summary{font-weight:500}
.prose .art-faq .faq-a p{margin-top:14px}
.prose .art-faq .faq-a p:first-child{margin-top:14px}
.prose .art-faq .faq-a a{text-decoration:underline}

/* Keep images at their natural proportions now that they carry width/height attributes */
img{height:auto}
/* Equal-height article cards: fixed image ratio, text block fills the card, meta + link pinned to the bottom */
.hn-grid{align-items:stretch}
.hn{display:flex;flex-direction:column;height:100%}
.hn-img img{aspect-ratio:4/5;height:auto;object-fit:cover;width:100%}
.hn-ex{flex:0 0 auto}
.hn-meta{margin-top:auto;padding-top:16px}
.hn-link{margin-top:10px}
.hn-grid{grid-auto-rows:1fr}
/* compact team-guide strip */
.sec.guide-strip{padding-top:48px!important;padding-bottom:48px!important}
.guide-strip h2{font-size:32px;line-height:40px}
.guide-strip p{max-width:640px;margin-inline:auto}
@media (max-width:860px){.sec.guide-strip{padding-top:36px!important;padding-bottom:36px!important}.guide-strip h2{font-size:26px;line-height:34px}}
