/* Tinnitus hero: three clear paths instead of two buttons and a text link (TEST build). Built by tinnitus-hero.js. */
.has-paths .hero--sub .hero__ctas,.has-paths .hero--sub .hero__jump{display:none}
.tpath{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:920px;margin:6px auto 0;list-style:none;padding:0;text-align:left;animation:rise .9s cubic-bezier(.22,.8,.28,1) .44s both}
.tpath>li{margin:0;padding:0;list-style:none;display:flex}
.tpath__card{display:flex;flex-direction:column;gap:4px;width:100%;padding:16px 18px 15px;border-radius:20px;text-decoration:none;color:#2A1F1A;cursor:pointer;
  background:rgba(252,248,243,.94);border:1px solid rgba(230,184,92,.55);box-shadow:0 14px 34px rgba(20,14,10,.35);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s,box-shadow .2s,background .2s}
.tpath__card:hover{transform:translateY(-2px);background:#FCF8F3;box-shadow:0 18px 40px rgba(20,14,10,.42)}
.tpath__card:focus-visible{outline:2px solid #E6B85C;outline-offset:3px}
.tpath__k{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#A87F35}
.tpath__k svg{width:18px;height:18px;fill:none;stroke:#C9A25B;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tpath__t{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:1.18rem;line-height:1.2;color:#2A1F1A}
.tpath__d{font-size:.9rem;line-height:1.45;color:#5C5048}
.tpath__go{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.93rem;color:#482C5B}
.tpath__go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.tpath__card:hover .tpath__go svg{transform:translateX(3px)}
.tpath__card--main{background:linear-gradient(160deg,#5A3A74,#482C5B 55%,#3A2349);border-color:rgba(230,184,92,.65)}
.tpath__card--main:hover{background:linear-gradient(160deg,#654183,#52316A 55%,#412855)}
.tpath__card--main .tpath__t,.tpath__card--main .tpath__go{color:#fff}
.tpath__card--main .tpath__d{color:rgba(255,255,255,.82)}
.tpath__card--main .tpath__k{color:#E6B85C}
.tpath__card--main .tpath__k svg{stroke:#E6B85C}
.tpath__call{display:block;margin:14px auto 0;font-size:.95rem;font-weight:600;color:#FFF2E7;text-shadow:0 1px 3px rgba(31,24,21,.7);text-decoration:underline;text-decoration-color:rgba(230,184,92,.7);text-underline-offset:4px}
.tpath__call:hover{color:#fff}
@media(max-width:760px){
  .tpath{grid-template-columns:1fr;gap:10px}
  .tpath__card{padding:13px 16px}
  .tpath__d{display:none}
  .tpath__card--main .tpath__d{display:block}
}
@media(prefers-reduced-motion:reduce){.tpath{animation:none}.tpath__card,.tpath__go svg{transition:none}}

/* ---------- split hero (TEST build): text on cream at the left, photo clear on the right, path cards along the bottom ---------- */
.has-paths .hero--sub{background:#F6EFE6;min-height:0}
.has-paths .hero--sub .hero__shade,.has-paths .hero--sub .hero__warm,.has-paths .hero--sub .hero__grain,.has-paths .hero--sub .hero__soften{display:none}
.has-paths .hero--sub .hero__media{bottom:var(--hero-cards,0px);background:#F6EFE6}
.has-paths .hero--sub .hero__img{position:absolute;inset:0 0 0 40%;animation:none!important;transform:none!important;background-position:62% 30%;background-size:cover}
.has-paths .hero--sub .hero__media::after{content:"";position:absolute;top:0;bottom:0;left:calc(40% - 3px);width:calc(18% + 3px);background:linear-gradient(90deg,#F6EFE6 0,#F6EFE6 3px,rgba(246,239,230,0))}
.has-paths .hero--sub .hero__inner{justify-content:flex-start;padding:48px max(26px,calc((100vw - 1120px)/2)) 56px}
.has-paths .hero--sub .hero__content{max-width:min(500px,46%);text-align:left}
.has-paths .hero--sub .hero__content::before{display:none}
.has-paths .hero--sub .hero__eyebrow{justify-content:flex-start;color:#8A6A2E;text-shadow:none;letter-spacing:.2em;font-size:.72rem}
.has-paths .hero--sub .hero__eyebrow::before,.has-paths .hero--sub .hero__eyebrow::after{display:none}
.has-paths .hero--sub .hero__title{color:#2A1F1A;text-shadow:none;font-size:clamp(2.6rem,5vw,4.2rem)}
.has-paths .hero--sub .hero__title em{color:#B45A3C;text-shadow:none;font-size:.5em;line-height:1.2;margin-top:.3em;font-weight:500}
.has-paths .hero--sub .hero__sub{color:#5C5048;text-shadow:none;margin:0 0 6px;font-size:1.04rem}
.hero__paths{position:relative;z-index:25;width:100%;max-width:1180px;margin:-46px auto 0;padding:0 clamp(16px,3vw,40px) 28px}
.hero__paths .tpath{max-width:none;margin:0}
.has-paths .hero__paths .tpath__call{color:#482C5B;text-shadow:none;text-decoration-color:rgba(201,162,91,.8)}
.has-paths .hero__paths .tpath__call:hover{color:#2A1F1A}
.has-paths .hero__paths .tpath__card:not(.tpath__card--main){box-shadow:0 12px 28px rgba(60,40,20,.2)}
@media(max-width:900px){
  .has-paths .hero--sub .hero__media{position:relative;inset:auto;order:1;height:clamp(240px,62vw,360px);bottom:auto}
  .has-paths .hero--sub .hero__img{inset:0;background-position:68% 28%}
  .has-paths .hero--sub .hero__media::after{display:none}
  .has-paths .hero--sub .hero__inner{order:2;flex:0 0 auto;padding:22px 20px 8px}
  .has-paths .hero--sub .hero__content{max-width:none}
  .has-paths .hero--sub .hero__sub{font-size:1rem}
  .hero__paths{order:3;margin-top:8px;padding-bottom:22px}
}

/* wide screens: use the whole width so the left side is not empty */
@media(min-width:901px){
  .has-paths .hero--sub .hero__inner{padding:clamp(40px,5vw,84px) clamp(26px,5vw,110px) clamp(48px,5vw,84px)}
  .has-paths .hero--sub .hero__content{max-width:min(640px,44%)}
  .has-paths .hero--sub .hero__img{inset:0 0 0 38%}
  .has-paths .hero--sub .hero__media::after{left:calc(38% - 3px)}
  .has-paths .hero--sub .hero__eyebrow{font-size:clamp(.72rem,.8vw,.9rem)}
  .has-paths .hero--sub .hero__title{font-size:clamp(2.6rem,4.8vw,5.4rem)}
  .has-paths .hero--sub .hero__sub{font-size:clamp(1.04rem,1.15vw,1.3rem);max-width:none}
  .hero__paths{max-width:none;margin-left:0;margin-right:0;padding:0 clamp(26px,5vw,110px) 32px}
  .hero__paths .tpath{gap:clamp(14px,1.4vw,24px)}
  .hero__paths .tpath__card{padding:clamp(16px,1.3vw,24px) clamp(18px,1.5vw,28px)}
  .hero__paths .tpath__t{font-size:clamp(1.18rem,1.3vw,1.5rem)}
  .hero__paths .tpath__d{font-size:clamp(.9rem,.95vw,1.05rem)}
}


/* bold title look: big heavy serif, plum-to-pink colour that drifts slowly (calm loop) */
.has-paths .hero--sub .hero__title{font-weight:700;font-size:clamp(3.2rem,6.2vw,6.8rem);line-height:.98;letter-spacing:-.025em;
  background:linear-gradient(100deg,#482C5B 0%,#6B3A6F 22%,#B4668F 48%,#C76A7E 60%,#6B3A6F 82%,#482C5B 100%);background-size:240% 100%;background-position:0% 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:tinTitleShift 14s ease-in-out infinite alternate}
.has-paths .hero--sub .hero__title em{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:600;color:#2A1F1A;-webkit-text-fill-color:#2A1F1A;font-size:.34em;line-height:1.2;margin-top:.5em}
.has-paths .hero--sub .hero__eyebrow{color:#B4668F}
@keyframes tinTitleShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.has-paths .hero--sub .hero__title{animation:none}}
.has-paths .hero--sub .hero__title em{letter-spacing:0}
@media(max-width:900px){.has-paths .hero--sub .hero__title em{font-size:.42em;line-height:1.25;margin-top:.55em}}