/* bhdasia.com homepage v2 (8 Nov 2026) - technext.asia layout, pastel corporate BHD palette.
   Funnel: hero -> what do you need -> how we work -> your coach -> events -> FAQ -> #book (form -> thank-you + Calendly). */
.tn-hero,.tn-sec,.hx-pil,.hx-evts,.hx-faq{
  --tn-ink:#14244a;--tn-body:#4b5163;--tn-mute:#6b7080;--tn-line:#ECE5D9;--tn-acc:#8f5a00;
  --tn-butter:#FFF4DC;--tn-butter-2:#FDEBC4;--tn-ivory:#FFFDF9;--tn-sand:#FAF6EF;--tn-navy-tint:#F2F5FA;--tn-navy-line:#D8DEE9;
  --tn-sh-sm:0 1px 2px rgba(20,36,74,.05),0 8px 24px -18px rgba(20,36,74,.22);
  --tn-sh:0 2px 6px rgba(20,36,74,.05),0 24px 48px -28px rgba(20,36,74,.30);
  --tn-ease:cubic-bezier(.2,.8,.2,1)}

/* ---------- shared ---------- */
.tn-card{background:#fff;border:1px solid var(--tn-line);border-radius:18px;box-shadow:var(--tn-sh-sm)}
.tn-eyebrow{font:700 12px/1.3 Inter,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--tn-acc)!important;margin:0 0 12px}
.tn-head{max-width:720px;margin:0 0 36px}
.tn-head h2,.tn-book h2{font-size:clamp(1.75rem,3vw,2.5rem)!important;line-height:1.14;margin:0;color:var(--tn-ink)}
.tn-lede{font-size:1.06rem;line-height:1.6;color:var(--tn-body);margin:14px 0 0;max-width:60ch}
.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;
  font:600 15px/1 Inter,sans-serif!important;text-decoration:none!important;cursor:pointer;white-space:nowrap;
  transition:transform .18s var(--tn-ease),box-shadow .25s var(--tn-ease),background-color .2s,border-color .2s,color .2s}
.tn-btn:hover{transform:translateY(-2px)}.tn-btn:active{transform:scale(.96)}
.tn-ar{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--tn-ease)}
.tn-btn:hover .tn-ar,.tn-link:hover .tn-ar{transform:translateX(3px)}
.tn-btn-block{width:100%}
.tn-btn:focus-visible,.tn-mate:focus-visible,.tn-link:focus-visible{outline:2px solid var(--tn-ink);outline-offset:3px}
.tn-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.tn-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font:600 14.5px Inter,sans-serif!important;color:var(--tn-ink)!important;text-decoration:none!important}
.tn-sec{padding:88px 0;background:#fff}
.tn-alt{background:var(--tn-navy-tint)}

/* ---------- hero: Isabelle ---------- */
.tn-hero-isa{position:relative;overflow:hidden;padding:calc(var(--hdr,96px) + 26px) 0 0;
  background:radial-gradient(900px 520px at 82% 30%,#FFF1D6 0%,rgba(255,241,214,0) 60%),linear-gradient(180deg,#F5F7FB 0%,#FFFDF9 70%,#fff 100%)}
.tn-hero-isa::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 1px 1px,rgba(20,36,74,.07) 1px,transparent 1.6px) 0 0/24px 24px;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 55%);mask-image:linear-gradient(90deg,#000 0%,transparent 55%)}
.tn-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;min-height:min(78svh,700px)}
.tn-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:7px 14px;border:1px solid var(--tn-navy-line);border-radius:999px;background:rgba(255,255,255,.8);
  font:600 13px/1.2 Inter,sans-serif!important;color:var(--tn-ink)}
.tn-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#F2C46D;box-shadow:0 0 0 3px #FFF4DC}
.tn-hero-isa h1{font-size:clamp(2.4rem,4.6vw,3.7rem)!important;line-height:1.06!important;letter-spacing:-.03em!important;color:var(--tn-ink)!important;margin:0 0 18px;max-width:15ch;text-wrap:balance}
.tn-hl{color:#5d6b8c}
.tn-sub{font-size:1.15rem;line-height:1.6;color:var(--tn-body);max-width:48ch;margin:0;text-wrap:pretty}
.tn-proof{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--tn-navy-line);font-size:14.5px;color:var(--tn-mute)}
.tn-proof b{font:800 1.45rem/1 'Plus Jakarta Sans',Inter,sans-serif!important;color:var(--tn-ink);margin-right:4px;font-variant-numeric:tabular-nums}

.tn-hero-art{position:relative;align-self:end;height:min(72svh,640px);min-height:440px}
.tn-art-ring{position:absolute;left:50%;top:48%;width:min(460px,88%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#FFF7E6 0%,#FDEBC4 70%,#F9E0AC 100%);box-shadow:inset 0 0 0 1px rgba(242,196,109,.35)}
.tn-art-arch{position:absolute;left:50%;top:48%;width:min(540px,100%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(20,36,74,.16)}
.tn-art-isa{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%;width:auto;max-width:none;object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(20,36,74,.16))}
.tn-float{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--tn-line);box-shadow:var(--tn-sh);font:600 13.5px/1.3 Inter,sans-serif!important;color:var(--tn-ink)}
.tn-float svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--tn-acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tn-float-name{left:0;bottom:12%;display:grid;gap:2px;padding:12px 16px}
.tn-float-name b{font:700 15px/1.2 'Plus Jakarta Sans',Inter,sans-serif!important}
.tn-float-name span{font-weight:500;font-size:13px;color:var(--tn-mute)}
.tn-float-a{right:0;top:16%}
.tn-float-b{right:4%;bottom:30%}

/* client strip */
.tn-strip{position:relative;z-index:1;border-top:1px solid var(--tn-line);background:#fff}
.tn-strip-in{display:flex;align-items:center;gap:28px;min-height:64px}
.tn-strip-l{flex:none;font:700 12px/1.2 Inter,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--tn-mute)}
.tn-logos{display:flex;flex-wrap:wrap;gap:10px 36px;list-style:none;margin:0;padding:0;flex:1}
.tn-logos li{font:700 15px/1.2 'Plus Jakarta Sans',Inter,sans-serif!important;color:#8b90a0;white-space:nowrap;letter-spacing:-.01em}

/* ---------- steps ---------- */
.tn-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tn-steps li{padding:28px 26px}
.tn-num{display:grid;place-items:center;width:36px;height:36px;margin-bottom:16px;border-radius:50%;background:var(--tn-butter);color:var(--tn-acc);font:800 15px/1 'Plus Jakarta Sans',Inter,sans-serif!important}
.tn-steps h3{font-size:1.15rem!important;line-height:1.3;margin:0 0 8px;color:var(--tn-ink)}
.tn-steps p{font-size:15px;line-height:1.6;color:var(--tn-body);margin:0}

/* ---------- people ---------- */
.tn-people{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:stretch}
.tn-person-lead{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden}
.tn-person-lead>img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:50% 20%}
.tn-person-b{padding:30px 30px 26px}
.tn-person-b h3{font-size:1.45rem!important;margin:0 0 10px;color:var(--tn-ink)}
.tn-person-b p{font-size:15px;line-height:1.6;color:var(--tn-body);margin:0}
.tn-person-b .tn-ctas{margin-top:22px}
.tn-team{display:grid;gap:12px;align-content:start}
.tn-mate{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none!important;color:var(--tn-ink);transition:transform .2s var(--tn-ease),box-shadow .25s,border-color .2s}
.tn-mate:hover{transform:translateY(-2px);box-shadow:var(--tn-sh);border-color:var(--tn-navy-line)}
.tn-mate img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.tn-mate span{display:grid;flex:1;font-size:13.5px;line-height:1.4;color:var(--tn-mute)}
.tn-mate b{font-size:15.5px;color:var(--tn-ink);font-weight:700}
.tn-mate .tn-ar{width:16px;height:16px;flex:none;stroke:var(--tn-mute)}

/* ---------- kept sections, softened ---------- */
.hx-pil{background:#fff!important;padding:88px 0!important}
.hx-evts{background:var(--tn-sand)!important;padding:88px 0!important}
.hx-faq{background:#fff!important;padding:88px 0!important}


/* ---------- #book: the conversion step ---------- */
.tn-book{background:linear-gradient(180deg,var(--tn-navy-tint) 0%,#FFF8EA 100%)}
.tn-book-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.tn-next{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px}
.tn-next li{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--tn-mute)}
.tn-next li>span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--tn-navy-line);color:var(--tn-ink);font:800 13px/1 'Plus Jakarta Sans',Inter,sans-serif!important}
.tn-next b{display:block;color:var(--tn-ink);font-size:15.5px;font-weight:600;margin-bottom:2px}
.tn-formcard{padding:28px;box-shadow:var(--tn-sh)}
.tn-form{display:grid;gap:12px}
.tn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tn-f{display:grid;gap:6px;margin:0}
.tn-f>span{font:600 12.5px/1.2 Inter,sans-serif!important;color:var(--tn-ink)}
.tn-f i{color:#B3141F;font-style:normal}
.tn-f input,.tn-f select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--tn-navy-line);border-radius:10px;background:#fff;color:var(--tn-ink);font:15px Inter,sans-serif;box-sizing:border-box}
.tn-f input:focus,.tn-f select:focus{outline:none;border-color:var(--tn-ink);box-shadow:0 0 0 3px rgba(20,36,74,.12)}
.tn-f input.error{border-color:#B3141F}
.tn-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.tn-form-err{margin:0;font-size:13.5px;color:#B3141F}
.tn-form .gdpr-box,.tn-form .gdpr-box *{opacity:1!important}
.tn-form .gdpr-box{font-size:11.5px!important;line-height:1.4!important;color:var(--tn-mute)!important;margin:2px 0 0!important}
.tn-form .gdpr-box label{gap:8px!important;margin:0 0 6px!important;font-size:11.5px!important}
.tn-form .gdpr-box p,.tn-form .gdpr-box span{font-size:11.5px!important;line-height:1.4!important}
.tn-form-ok{text-align:center;padding:10px 4px}
.tn-form-ok:focus{outline:none}
.tn-ok-ic{width:48px;height:48px;margin:0 auto 14px;display:block;fill:#E8F5EE;stroke:#137A4A;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tn-form-ok h3{font-size:1.3rem!important;margin:0 0 8px;color:var(--tn-ink)}
.tn-form-ok p{font-size:15px;line-height:1.6;color:var(--tn-body);margin:0 0 20px}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .tn-hero-grid{grid-template-columns:1fr;gap:20px;min-height:0}
  .tn-hero-art{height:520px;min-height:0;max-width:520px;width:100%;margin:0 auto}
  .tn-people,.tn-book-grid{grid-template-columns:1fr}
  .tn-book-grid{gap:32px}
}
@media (max-width:860px){
  .tn-steps{grid-template-columns:1fr}
  .tn-person-lead{grid-template-columns:1fr}
  .tn-person-lead>img{min-height:0;aspect-ratio:4/3}
  .tn-sec,.hx-pil,.hx-evts,.hx-faq{padding:64px 0!important}
}
@media (max-width:560px){
  .tn-hero-art{height:420px}
  .tn-float{font-size:12.5px!important;padding:8px 11px}
  .tn-float-a{top:8%;right:-2px}
  .tn-float-b{display:none}
  .tn-float-name{bottom:6%}
  .tn-row{grid-template-columns:1fr}
  .tn-formcard{padding:22px 18px}
  .tn-strip-in{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0}
  .tn-logos{gap:8px 22px}.tn-logos li{font-size:14px}
  .tn-hero-isa .tn-ctas .tn-btn{flex:1 1 100%}
}

/* ---------- motion: entrance (visible without JS), soft float ---------- */
.js-anim .tn-a{opacity:0;transform:translateY(14px)}
.js-anim .tn-a.tn-in{opacity:1;transform:none;transition:opacity .6s var(--tn-ease),transform .7s var(--tn-ease)}
@keyframes tn-bob{50%{transform:translateY(-6px)}}
.tn-float-a{animation:tn-bob 6s ease-in-out infinite}
.tn-float-b{animation:tn-bob 7s ease-in-out 1s infinite}
@media (prefers-reduced-motion:reduce){
  .js-anim .tn-a{opacity:1;transform:none}
  .tn-float-a,.tn-float-b{animation:none}
  .tn-btn,.tn-mate{transition:none}
  .tn-btn:hover,.tn-mate:hover{transform:none}
}

/* ---------- 3 events on the homepage, compact cards ---------- */
.hx-evts .home-events-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.hx-evts .home-evt-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-evts .home-evt-card h3{font-size:1.08rem!important}
@media (max-width:1024px){.hx-evts .home-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:680px){.hx-evts .home-events-grid{grid-template-columns:1fr!important}}

/* ---------- team: a simple list, not cards ---------- */
.tn-team{gap:0!important;align-content:center;border-top:1px solid var(--tn-line)}
.tn-team .tn-mate{background:none!important;border:0!important;border-bottom:1px solid var(--tn-line)!important;border-radius:0!important;box-shadow:none!important;padding:14px 4px!important}
.tn-team .tn-mate img{width:44px;height:44px}
.tn-team .tn-mate b{font-size:15px}
.tn-team .tn-mate span{font-size:13px}
.tn-team .tn-mate .tn-ar{opacity:.45;transition:opacity .2s,transform .2s}
.tn-team .tn-mate:hover .tn-ar{opacity:1;transform:translateX(2px)}
.tn-team .tn-mate:hover b{color:#24386A}

/* ---------- hero background art (canvas) + choreographed entrance ---------- */
.tn-hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}
.tn-hero-isa .tn-art-arch{display:none}
.tn-hero-isa .tn-hero-grid{z-index:1}
.js-anim .tn-hero-isa h1.tn-a{opacity:0;transform:translateY(22px);filter:blur(6px)}
.js-anim .tn-hero-isa h1.tn-a.tn-in{opacity:1;transform:none;filter:blur(0);transition:opacity .8s var(--tn-ease),transform .9s var(--tn-ease),filter .8s var(--tn-ease)}
.js-anim .tn-hero-art.tn-a{opacity:0;transform:translateY(26px) scale(.97)}
.js-anim .tn-hero-art.tn-a.tn-in{opacity:1;transform:none;transition:opacity 1s var(--tn-ease),transform 1.2s var(--tn-ease)}
.js-anim .tn-hero-art .tn-float{opacity:0;transform:translateY(10px) scale(.94)}
.js-anim .tn-hero-art.tn-in .tn-float{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.34,1.45,.64,1)}
.js-anim .tn-hero-art.tn-in .tn-float-a{transition-delay:.55s}
.js-anim .tn-hero-art.tn-in .tn-float-b{transition-delay:.75s}
.js-anim .tn-hero-art.tn-in .tn-float-name{transition-delay:.95s}
.js-anim .tn-hero-art.tn-in .tn-float-a,.js-anim .tn-hero-art.tn-in .tn-float-b{animation-delay:1.6s}
@media (prefers-reduced-motion:reduce){.js-anim .tn-hero-isa h1.tn-a,.js-anim .tn-hero-art.tn-a,.js-anim .tn-hero-art .tn-float{opacity:1;transform:none;filter:none}}

/* ---------- header: fully transparent over the light hero, navy links; solid once scrolled ---------- */
html body #main-header.hdr-onlight:not(.et-fixed-header):not(.hdr-solid){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #main-header.hdr-onlight:not(.et-fixed-header):not(.hdr-solid) #top-menu>li>a{color:#14244a!important;text-shadow:none!important}
html body #main-header.hdr-onlight:not(.et-fixed-header):not(.hdr-solid) #top-menu>li.current-menu-item>a,
html body #main-header.hdr-onlight:not(.et-fixed-header):not(.hdr-solid) #top-menu>li>a:hover{color:#8f5a00!important}
html body #main-header.hdr-onlight:not(.et-fixed-header):not(.hdr-solid) .mobile_menu_bar{border-color:#D8DEE9!important;background:rgba(255,255,255,.7)!important}
html body #main-header.hdr-onlight:not(.et-fixed-header):not(.hdr-solid) .mobile_menu_bar .mm-l{background:#14244a!important}

/* ---------- hero portrait: cards sit at the edges, never over Isabelle (fix 8 Nov) ---------- */
.tn-hero-isa .tn-art-isa{height:94%}
.tn-hero-isa .tn-float{max-width:210px;white-space:normal}
.tn-hero-isa .tn-float-a{left:-4%;right:auto;top:22%}
.tn-hero-isa .tn-float-b{right:-6%;left:auto;top:46%;bottom:auto}
.tn-hero-isa .tn-float-name{left:auto;right:-2%;bottom:7%}
@media (max-width:1024px){
  .tn-hero-isa .tn-float-a{left:0;top:14%}
  .tn-hero-isa .tn-float-b{right:0;top:44%}
  .tn-hero-isa .tn-float-name{right:0;bottom:6%}
}
@media (max-width:560px){
  .tn-hero-isa .tn-art-isa{height:100%}
  .tn-hero-isa .tn-float{max-width:160px}
  .tn-hero-isa .tn-float-a{left:-2px;top:10%}
  .tn-hero-isa .tn-float-b{display:none}
  .tn-hero-isa .tn-float-name{right:-2px;bottom:5%}
}
.tn-hero-isa .tn-float-b{right:-11%}
.tn-hero-isa .tn-float-name{right:-10%;bottom:5%}
@media (max-width:1024px){.tn-hero-isa .tn-float-b{right:0}.tn-hero-isa .tn-float-name{right:0}}

/* ---------- homepage events: compact (owner 8 Nov) ---------- */
.hx-evts{padding:64px 0!important}
.hx-evts .hx-evts-top{gap:28px!important;align-items:center!important;margin-bottom:28px!important}
.hx-evts h2{font-size:clamp(1.6rem,2.6vw,2.1rem)!important;margin:0 0 8px!important}
.hx-evts .hx-evts-head p{font-size:15px!important;margin:0 0 12px!important}
.hx-evts .hx-evts-head .divider-line{display:none!important}
.hx-evts [class*="refund"]{padding:7px 12px!important;font-size:13px!important;margin:0 0 12px!important}
/* countdown card */
.hx-evts .home-countdown{padding:18px 22px!important;max-width:460px;margin-left:auto}
.hx-evts .home-countdown .countdown-title,.hx-evts .home-countdown h3{font-size:1.02rem!important;margin:4px 0 4px!important}
.hx-evts .home-countdown .countdown-meta,.hx-evts .home-countdown .cd-meta-text{font-size:13px!important}
.hx-evts .home-countdown .countdown-timer{margin:12px 0 10px!important;padding-top:12px!important;gap:4px!important}
.hx-evts .home-countdown .c-n{font-size:30px!important;line-height:1!important}
.hx-evts .home-countdown .c-l{font-size:10px!important;letter-spacing:.1em!important;margin-top:4px!important}
.hx-evts .home-countdown .c-sep,.hx-evts .home-countdown .c-colon{font-size:22px!important}
.hx-evts .hx-cd-bar{height:3px!important}
/* cards */
.hx-evts .home-events-grid{gap:16px!important}
.hx-evts .home-evt-card .hec-img{aspect-ratio:16/9;max-height:none}
.hx-evts .home-evt-card .hec-body{padding:14px 16px 16px!important;gap:6px!important}
.hx-evts .home-evt-card .hec-tag{font-size:10.5px!important;padding:4px 9px!important;letter-spacing:.08em!important}
.hx-evts .home-evt-card .hec-date{font-size:13px!important;margin:6px 0 2px!important}
.hx-evts .home-evt-card h3{font-size:1rem!important;line-height:1.3!important;margin:2px 0 4px!important}
.hx-evts .home-evt-card p{font-size:13.5px!important;line-height:1.5!important;margin:0!important}
.hx-evts .home-evt-card .hec-footer{margin-top:10px!important;padding-top:0!important}
.hx-evts .home-evt-card .hec-meta{font-size:12.5px!important}
.hx-evts .home-evt-card :is(.et_pb_button,.ec-btn,a.btn){min-height:38px!important;font-size:14px!important;padding:0 14px!important;border-radius:10px!important}
.hx-evts .hx-evts-act,.hx-evts .hx-evts-foot{margin:0!important;padding:0!important}
.hx-evts .home-evt-card .hec-body>*:first-child{margin-bottom:0!important}

/* pillar tabs: no tile behind the icon, no progress bar, a quiet selected state (fix 8 Nov) */
.hx-pil .hx-pil-bar{display:none!important}
.hx-pil .hx-pil-tab{border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;min-height:56px!important;transition:background-color .2s,border-color .2s!important}
.hx-pil .hx-pil-tab:hover{background:#FAF6EF!important}
.hx-pil .hx-pil-tab[aria-selected="true"]{background:#fff!important;border-color:#E3DED3!important;box-shadow:0 1px 2px rgba(20,36,74,.05)!important}
.hx-pil .hx-pil-tab .hx-pil-n,.hx-pil .hx-pil-tab[aria-selected="true"] .hx-pil-n{background:none!important;box-shadow:none!important;transform:none!important;width:28px!important;height:28px!important}
.hx-pil .hx-pil-tab[aria-selected="true"] .hx-pil-n{color:#14244a!important}
.hx-pil .hx-pil-tab[aria-selected="true"] .hx-pil-t{font-weight:700!important}
.hx-pil .divider-line{display:none!important}
.hx-pil{padding:64px 0!important}
.hx-pil h2{font-size:clamp(1.6rem,2.6vw,2.1rem)!important}

/* client strip: centred as one row (owner 8 Nov) */
.tn-strip-in{justify-content:center!important;text-align:center}
.tn-strip-in .tn-logos{flex:0 1 auto!important;justify-content:center!important}
@media (max-width:560px){.tn-strip-in{align-items:center!important}}
/* 16 phone hero: portrait closer to the copy */
@media (max-width:560px){.tn-hero-isa .tn-hero-grid{gap:0!important}.tn-hero-art{height:380px!important;margin-top:-8px}.tn-proof{margin-top:22px!important}}

/* hero: a little shorter (owner 8 Nov) */
.tn-hero-isa{padding-top:calc(var(--hdr,96px) + 4px)!important}
.tn-hero-isa .tn-hero-grid{min-height:min(66svh,580px)!important}
.tn-hero-isa .tn-hero-art{height:min(62svh,560px)!important;min-height:400px!important}
@media (max-width:1024px){.tn-hero-isa .tn-hero-art{height:480px!important}}
@media (max-width:560px){.tn-hero-isa .tn-hero-art{height:360px!important;min-height:0!important}}

/* ===== HERO VARIANTS + highly animated entrance (8 Nov 2026) - the only heavy motion on the site ===== */
.tn-hero-isa[data-v="1"]{background:radial-gradient(900px 560px at 78% 42%,#FFE7CC 0%,rgba(255,231,204,0) 62%),linear-gradient(180deg,#FFF7EE 0%,#FFFDF9 72%,#fff 100%)}
.tn-hero-isa[data-v="2"]{background:linear-gradient(180deg,#F4F2FA 0%,#FFFDF9 74%,#fff 100%)}
.tn-hero-isa[data-v="3"]{background:radial-gradient(820px 540px at 76% 40%,#E6ECF7 0%,rgba(230,236,247,0) 66%),linear-gradient(180deg,#F2F5FA 0%,#FFFDF9 74%,#fff 100%)}
.tn-hero-isa[data-v="1"] .tn-art-ring{background:radial-gradient(circle at 42% 36%,#FFF4E8 0%,#FFE1C2 72%,#FBD3A8 100%)}
.tn-hero-isa[data-v="2"] .tn-art-ring{background:radial-gradient(circle at 40% 35%,#FFFFFF 0%,#ECE8F7 70%,#DCD6EF 100%);box-shadow:inset 0 0 0 1px rgba(91,107,150,.25)}
.tn-hero-isa[data-v="3"] .tn-art-ring{background:radial-gradient(circle at 40% 35%,#FFFFFF 0%,#E3EAF6 70%,#CFDAEE 100%);box-shadow:inset 0 0 0 1px rgba(20,36,74,.14)}
/* variant 3: the portrait sits in an arch frame */
.tn-hero-isa[data-v="3"] .tn-art-isa{bottom:7%;height:auto;width:min(370px,72%);aspect-ratio:4/5;object-fit:cover;object-position:50% 26%;
  border-radius:999px 999px 28px 28px;border:6px solid #fff;filter:none;box-shadow:0 34px 60px -30px rgba(20,36,74,.5)}

/* headline: words rise out of a mask, de-blur; the highlighted line carries a slow sheen */
.hv-on h1 .hv-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .1em;margin-bottom:-.1em}
.hv-on h1 .hv-w>span{display:inline-block;opacity:0;transform:translateY(110%) rotate(5deg);filter:blur(8px)}
.hv-go h1 .hv-w>span{animation:hv-word .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.15s + var(--i) * 75ms)}
.hv-on h1 .tn-hl .hv-w>span{background:linear-gradient(100deg,#14244a 0%,#5d6b8c 30%,#8f5a00 50%,#5d6b8c 70%,#14244a 100%) 0 0/300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hv-go h1 .tn-hl .hv-w>span{animation:hv-word .95s cubic-bezier(.2,.8,.2,1) both,hv-sheen 9s linear infinite;animation-delay:calc(.15s + var(--i) * 75ms),calc(1.4s + var(--i) * 120ms)}
@keyframes hv-word{from{opacity:0;transform:translateY(110%) rotate(5deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes hv-sheen{from{background-position:0% 0}to{background-position:300% 0}}

/* copy, CTAs, proof */
.hv-on :is(.tn-badge,.tn-sub,.tn-ctas,.tn-proof){opacity:0}
.hv-go .tn-badge{animation:hv-slide .8s cubic-bezier(.2,.8,.2,1) .05s both}
.hv-go .tn-sub{animation:hv-up .9s cubic-bezier(.2,.8,.2,1) .65s both}
.hv-go .tn-ctas{animation:hv-up .9s cubic-bezier(.2,.8,.2,1) .8s both}
.hv-go .tn-proof{animation:hv-up .9s cubic-bezier(.2,.8,.2,1) .95s both}
@keyframes hv-slide{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes hv-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hv-on .tn-btn-pri{position:relative;overflow:hidden;isolation:isolate}
.hv-on .tn-btn-pri::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);transform:translateX(-130%)}
.hv-go .tn-btn-pri::after{animation:hv-shine 6s ease-in-out 2s infinite}
.hv-go .tn-btn-pri .tn-ar{animation:hv-nudge 3s ease-in-out 2.6s infinite}
@keyframes hv-shine{0%{transform:translateX(-130%)}24%,100%{transform:translateX(130%)}}
@keyframes hv-nudge{0%,30%,100%{transform:none}12%{transform:translateX(4px)}}

/* art: ring springs in and breathes, photo opens through a circle mask then floats, chips pop */
.hv-on :is(.tn-art-ring,.tn-art-isa,.tn-float){opacity:0}
.hv-go .tn-art-ring{animation:hv-ring 1.3s cubic-bezier(.34,1.35,.64,1) .1s both,hv-breathe 7s ease-in-out 1.8s infinite}
@keyframes hv-ring{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes hv-breathe{0%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
.hv-go .tn-art-isa{animation:hv-photo 1.5s cubic-bezier(.2,.8,.2,1) .3s both,hv-float 8s ease-in-out 2s infinite}
@keyframes hv-photo{from{opacity:0;clip-path:circle(0% at 50% 58%);transform:translateX(-50%) scale(1.08)}to{opacity:1;clip-path:circle(150% at 50% 58%);transform:translateX(-50%) scale(1)}}
@keyframes hv-float{0%,100%{opacity:1;clip-path:circle(150% at 50% 58%);transform:translateX(-50%) translateY(0)}50%{opacity:1;clip-path:circle(150% at 50% 58%);transform:translateX(-50%) translateY(-8px)}}
.hv-go .tn-float-a{animation:hv-pop .85s cubic-bezier(.34,1.56,.64,1) 1.05s both,hv-bob 6s ease-in-out 2.1s infinite}
.hv-go .tn-float-b{animation:hv-pop .85s cubic-bezier(.34,1.56,.64,1) 1.2s both,hv-bob 7s ease-in-out 2.4s infinite}
.hv-go .tn-float-name{animation:hv-pop .85s cubic-bezier(.34,1.56,.64,1) 1.35s both}
@keyframes hv-pop{from{opacity:0;transform:translateY(18px) scale(.8)}to{opacity:1;transform:none}}
@keyframes hv-bob{0%,100%{opacity:1;transform:none}50%{opacity:1;transform:translateY(-6px)}}
/* pointer depth (desktop): layers drift at different depths; `translate` composes with the animations above */
.hv-on .tn-art-isa{translate:calc(var(--px,0) * -18px) calc(var(--py,0) * -10px);transition:translate .9s cubic-bezier(.2,.8,.2,1)}
.hv-on .tn-art-ring{translate:calc(var(--px,0) * 10px) calc(var(--py,0) * 7px);transition:translate .9s cubic-bezier(.2,.8,.2,1)}
.hv-on .tn-float{translate:calc(var(--px,0) * 28px) calc(var(--py,0) * 18px);transition:translate .9s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){
  .hv-on h1 .hv-w>span,.hv-on :is(.tn-badge,.tn-sub,.tn-ctas,.tn-proof,.tn-float,.tn-art-ring,.tn-art-isa){animation:none!important;opacity:1!important;filter:none!important}
  .hv-on h1 .hv-w>span,.hv-on :is(.tn-badge,.tn-sub,.tn-ctas,.tn-proof,.tn-float){transform:none!important}
  .hv-on .tn-art-isa{clip-path:none!important;transform:translateX(-50%)!important}
  .hv-on .tn-art-ring{transform:translate(-50%,-50%)!important}
  .hv-on .tn-btn-pri::after,.hv-on .tn-ar{animation:none!important}}
@media (max-width:700px){.tn-hero-isa[data-v="3"] .tn-art-isa{width:min(300px,70%)}}
/* descenders (g, y, p) were clipped by the word mask and the gradient text box: both now reach below them */
.hv-on h1 .hv-w{padding:0 .04em .24em!important;margin:0 -.02em -.24em!important}
.hv-on h1 .hv-w>span{padding:0 .02em .24em;margin-bottom:-.24em}
/* chips stay inside the hero at mid widths (they overflowed the right edge below 1280px) */
@media (max-width:1280px) and (min-width:701px){
  .tn-hero-isa .tn-float-b{right:0!important}
  .tn-hero-isa .tn-float-name{right:0!important}
  .tn-hero-isa .tn-float{max-width:190px}}
/* phone hero: floating cards smaller and kept off Isabelle's face - staggered over the shirt (8 Nov) */
@media (max-width:700px){
  .tn-hero-isa .tn-float{max-width:156px!important;min-width:0;padding:7px 10px!important;gap:6px!important;border-radius:10px!important;
    font-size:11.5px!important;line-height:1.3!important;box-shadow:0 8px 20px -12px rgba(20,36,74,.35)!important}
  .tn-hero-isa .tn-float svg{width:13px!important;height:13px!important}
  .tn-hero-isa .tn-float-b{display:none!important}
  .tn-hero-isa .tn-float-a{left:0!important;right:auto!important;top:auto!important;bottom:20%!important}
  .tn-hero-isa .tn-float-name{right:0!important;left:auto!important;top:auto!important;bottom:4%!important;max-width:168px!important;padding:8px 11px!important;gap:1px!important}
  .tn-hero-isa .tn-float-name b{font-size:12.5px!important;line-height:1.25!important}
  .tn-hero-isa .tn-float-name span{font-size:11px!important}}

/* ===== HERO AURA (8 Nov 2026, owner: "heavy animation on Isabelle hero section background") =====
   Layers behind Isabelle: slow light rays, three drifting liquid colour fields, radiating pulse waves and comet arcs
   sweeping the halo. GPU-only motion (transform/opacity), colours per hero variant, still frame for reduced motion. */
.tn-hero-isa{--au1:242,196,109;--au2:255,214,160;--au3:150,170,215}
.tn-hero-isa[data-v="1"]{--au1:255,170,120;--au2:242,196,109;--au3:255,205,170}
.tn-hero-isa[data-v="2"]{--au1:176,160,235;--au2:242,196,109;--au3:140,180,235}
.tn-hero-isa[data-v="3"]{--au1:140,170,225;--au2:242,196,109;--au3:205,220,245}
.hv-aura{position:absolute;left:50%;top:48%;width:min(760px,150%);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0;
  translate:calc(var(--px,0) * 16px) calc(var(--py,0) * 10px);transition:translate 1s cubic-bezier(.2,.8,.2,1)}
.hv-aura i{position:absolute;display:block;border-radius:50%;will-change:transform}
/* light rays */
.au-rays{inset:0;background:repeating-conic-gradient(from 0deg,rgba(var(--au1),0) 0deg,rgba(var(--au1),.30) 3deg,rgba(var(--au1),0) 8deg,rgba(var(--au1),0) 20deg);
  -webkit-mask:radial-gradient(circle,transparent 31%,#000 40%,rgba(0,0,0,.55) 55%,transparent 70%);mask:radial-gradient(circle,transparent 31%,#000 40%,rgba(0,0,0,.55) 55%,transparent 70%);
  animation:au-spin 70s linear infinite}
/* liquid colour fields */
.au-blob{width:58%;aspect-ratio:1;filter:blur(46px);opacity:.75}
.au-b1{left:4%;top:8%;background:radial-gradient(circle,rgba(var(--au1),.95) 0%,rgba(var(--au1),0) 68%);animation:au-b1 16s ease-in-out infinite alternate}
.au-b2{right:2%;top:26%;background:radial-gradient(circle,rgba(var(--au2),.9) 0%,rgba(var(--au2),0) 68%);animation:au-b2 19s ease-in-out infinite alternate}
.au-b3{left:22%;bottom:2%;background:radial-gradient(circle,rgba(var(--au3),.85) 0%,rgba(var(--au3),0) 68%);animation:au-b3 23s ease-in-out infinite alternate}
@keyframes au-b1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(22%,14%) scale(1.18)}100%{transform:translate(8%,30%) scale(.92)}}
@keyframes au-b2{0%{transform:translate(0,0) scale(1.05)}50%{transform:translate(-24%,10%) scale(.9)}100%{transform:translate(-10%,-18%) scale(1.2)}}
@keyframes au-b3{0%{transform:translate(0,0) scale(.95)}50%{transform:translate(14%,-22%) scale(1.15)}100%{transform:translate(-16%,-8%) scale(1)}}
/* pulse waves radiating from the halo */
.au-wave{inset:21%;border:1.5px solid rgba(var(--au1),.6);opacity:0;animation:au-wave 6.6s cubic-bezier(.2,.6,.3,1) infinite}
.au-wave:nth-of-type(6){animation-delay:2.2s}.au-wave:nth-of-type(7){animation-delay:4.4s}
@keyframes au-wave{0%{transform:scale(.86);opacity:0}12%{opacity:.85}100%{transform:scale(1.62);opacity:0}}
/* comet arcs sweeping round the halo */
.au-arc{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}
.au-a1{inset:17%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(var(--au1),.15) 72%,rgba(var(--au1),.95) 97%,#fff 99.6%,transparent 100%);animation:au-spin 9s linear infinite}
.au-a2{inset:12%;background:conic-gradient(from 180deg,transparent 0 70%,rgba(var(--au3),.1) 78%,rgba(var(--au3),.85) 98%,transparent 100%);animation:au-spin 14s linear infinite reverse}
.au-a3{inset:7%;background:conic-gradient(from 90deg,transparent 0 80%,rgba(var(--au2),.08) 86%,rgba(var(--au2),.7) 99%,transparent 100%);animation:au-spin 22s linear infinite;opacity:.8}
@keyframes au-spin{to{transform:rotate(360deg)}}
/* entrance: the aura blooms open with the hero */
.hv-on .hv-aura{opacity:0;scale:.7}
.hv-go .hv-aura{animation:au-in 1.8s cubic-bezier(.2,.8,.2,1) .05s both}
@keyframes au-in{from{opacity:0;scale:.7}to{opacity:1;scale:1}}
/* the photo sits above the aura; the butter halo becomes a little glassy so the light shows through its edge */
.tn-hero-isa .tn-art-ring{z-index:1}
.tn-hero-isa .tn-art-isa{z-index:2}
.tn-hero-isa .tn-float{z-index:3}
.tn-hero-isa .tn-art-ring{opacity:.92}
@media (max-width:700px){.hv-aura{width:150%}.au-blob{filter:blur(32px)}.au-rays{animation-duration:90s}}
@media (prefers-reduced-motion:reduce){.hv-aura,.hv-aura i{animation:none!important}.hv-on .hv-aura{opacity:1!important;scale:1!important}.au-wave{opacity:.35!important;transform:scale(1.2)!important}}
/* aura: stronger (owner wants it heavy) */
.au-rays{background:repeating-conic-gradient(from 0deg,rgba(var(--au1),0) 0deg,rgba(var(--au1),.42) 3deg,rgba(var(--au1),0) 8deg,rgba(var(--au1),0) 18deg)}
.au-blob{opacity:.9}
.au-wave{border-width:2px;border-color:rgba(var(--au1),.75)}
.au-arc{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}
.au-a1{filter:drop-shadow(0 0 6px rgba(var(--au1),.9))}
@media (max-width:700px){.hv-aura{width:122%!important;top:52%!important}}
/* rays: subtle HummingBeing gold hairlines instead of broad beams (owner 8 Nov: "ray is too much, make it subtle") */
.au-rays{background:repeating-conic-gradient(from 0deg,rgba(var(--au1),0) 0deg,rgba(var(--au1),.16) .35deg,rgba(var(--au1),0) .8deg,rgba(var(--au1),0) 12deg)!important;
  -webkit-mask:radial-gradient(circle,transparent 33%,rgba(0,0,0,.9) 38%,rgba(0,0,0,.35) 50%,transparent 60%)!important;mask:radial-gradient(circle,transparent 33%,rgba(0,0,0,.9) 38%,rgba(0,0,0,.35) 50%,transparent 60%)!important;
  animation-duration:120s!important;opacity:.85}
/* owner 8 Nov: no rays at all */
.au-rays{display:none!important}
/* the ray element is gone, so the pulse waves are now the 4th-6th <i>: keep their stagger */
.au-wave:nth-of-type(4){animation-delay:0s}.au-wave:nth-of-type(5){animation-delay:2.2s}.au-wave:nth-of-type(6){animation-delay:4.4s}

/* ===== ONE DESIGN PER HERO SLIDE (owner 8 Nov: "use different design different hero section slides", no rays) =====
   0 Orbits: comet arcs + sparkle orbits (canvas)      1 Breath: inhaling glow + calm pulse waves
   2 Liquid aurora: drifting colour fields             3 Halo of light: counter-turning tick rings + spotlight + rising motes (canvas) */
.au-breath,.au-halo{display:none}
.au-breath{inset:16%;background:radial-gradient(circle,rgba(var(--au1),.75) 0%,rgba(var(--au2),.35) 45%,rgba(var(--au1),0) 70%);filter:blur(26px);animation:au-breathe 6s ease-in-out infinite}
@keyframes au-breathe{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.14);opacity:.95}}
.au-halo{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
.au-h1{inset:13%;background:repeating-conic-gradient(rgba(var(--au2),.85) 0 .5deg,transparent .5deg 5deg);animation:au-spin 48s linear infinite}
.au-h2{inset:7%;background:repeating-conic-gradient(rgba(var(--au1),.55) 0 .35deg,transparent .35deg 2.5deg);animation:au-spin 72s linear infinite reverse;opacity:.8}
/* slide 0 - Orbits */
.tn-hero-isa[data-v="0"] :is(.au-blob,.au-wave){display:none}
.tn-hero-isa[data-v="0"] .au-b1{display:block;opacity:.55}
/* slide 1 - Breath */
.tn-hero-isa[data-v="1"] :is(.au-arc,.au-blob){display:none}
.tn-hero-isa[data-v="1"] .au-breath{display:block}
/* slide 2 - Liquid aurora */
.tn-hero-isa[data-v="2"] :is(.au-arc,.au-wave){display:none}
.tn-hero-isa[data-v="2"] .au-blob{opacity:1;filter:blur(52px)}
/* slide 3 - Halo of light */
.tn-hero-isa[data-v="3"] :is(.au-arc,.au-wave,.au-blob){display:none}
.tn-hero-isa[data-v="3"] :is(.au-halo,.au-breath){display:block}
.tn-hero-isa[data-v="3"] .au-breath{inset:20%;animation-duration:9s;opacity:.7}
@media (prefers-reduced-motion:reduce){.au-breath,.au-halo{animation:none!important}}
/* specificity: ".hv-aura i" shows every layer, so the slide-only layers must be hidden with a stronger selector */
.hv-aura i.au-breath,.hv-aura i.au-halo{display:none}
.tn-hero-isa[data-v="1"] .hv-aura i.au-breath,.tn-hero-isa[data-v="3"] .hv-aura i.au-breath,.tn-hero-isa[data-v="3"] .hv-aura i.au-halo{display:block}

/* ===== NON-ROUND, DYNAMIC HERO BACKDROPS (owner 8 Nov: "don't always do orbiting circles, round - be creative") =====
   The circular aura layers are retired; the canvas draws each slide's concept. The disc behind Isabelle becomes a
   different shape per slide (drawn on ::before so the ring's own entrance/breathe animations keep working). */
.hv-aura{display:none!important}
.tn-hero-isa .tn-art-ring{background:none!important;box-shadow:none!important;border-radius:0!important;opacity:1!important}
.tn-hero-isa .tn-art-ring::before{content:"";position:absolute;inset:0;pointer-events:none}
/* 0 Silk ribbons: a slanted soft panel, gently drifting */
.tn-hero-isa[data-v="0"] .tn-art-ring::before{inset:2% 10%;border-radius:42px;transform:skewX(-9deg) rotate(4deg);
  background:linear-gradient(160deg,#FFF6E4 0%,#FDE6BC 55%,#F7D49A 100%);box-shadow:inset 0 0 0 1px rgba(242,196,109,.45);animation:bd-drift 11s ease-in-out infinite}
@keyframes bd-drift{0%,100%{transform:skewX(-9deg) rotate(4deg) translateY(0)}50%{transform:skewX(-6deg) rotate(2deg) translateY(-10px)}}
/* 1 Living threads: an organic shape that slowly morphs, like a body settling */
.tn-hero-isa[data-v="1"] .tn-art-ring::before{inset:4%;background:radial-gradient(120% 100% at 40% 30%,#FFF4E8 0%,#FFE0C4 60%,#FBCFA6 100%);
  border-radius:58% 42% 47% 53% / 46% 55% 45% 54%;animation:bd-morph 14s ease-in-out infinite}
@keyframes bd-morph{0%,100%{border-radius:58% 42% 47% 53% / 46% 55% 45% 54%}33%{border-radius:44% 56% 60% 40% / 56% 42% 58% 44%}66%{border-radius:52% 48% 38% 62% / 40% 60% 46% 54%}}
/* 2 Growth paths: a soft diamond that rocks a little */
.tn-hero-isa[data-v="2"] .tn-art-ring::before{inset:13%;border-radius:48px;transform:rotate(45deg);
  background:linear-gradient(135deg,#FFFFFF 0%,#ECE8F7 55%,#DCD6EF 100%);box-shadow:inset 0 0 0 1px rgba(140,128,210,.28);animation:bd-rock 12s ease-in-out infinite}
@keyframes bd-rock{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(39deg) scale(1.04)}}
/* 3 Guilloche: the arch photo is the shape; no disc */
.tn-hero-isa[data-v="3"] .tn-art-ring::before{display:none}
@media (prefers-reduced-motion:reduce){.tn-hero-isa .tn-art-ring::before{animation:none!important}}

/* ===== HUMMINGBEING CONCEPT (owner 8 Nov: "why push shapes behind Isabelle's image? use the concept of HummingBeing") =====
   Nothing behind Isabelle: no disc, no panel, no aura. The background is HummingBeing's silk (hero-art.js), cleared behind her. */
.tn-hero-isa .tn-art-ring,.tn-hero-isa .tn-art-arch,.tn-hero-isa .hv-aura{display:none!important}