/* Two AI-drawn anatomy views, framed by accessible native zone buttons. */
.baan-advisor{position:relative;isolation:isolate;max-width:1270px;margin:55px auto 15px;padding:40px 42px 32px;border:1px solid #d6c7a029;border-radius:6px;background:radial-gradient(ellipse at 50% 42%,#647b553b,transparent 46%),linear-gradient(135deg,#193d32,#204b3c 50%,#173b32);color:#e0e7d4;scroll-margin-top:120px;overflow:hidden}
.baan-advisor>header{max-width:740px;margin:0 auto 23px;text-align:center}.baan-advisor .baan-eyebrow{font-size:9px!important;letter-spacing:.2em;color:#cfb58d;margin-bottom:14px}.baan-advisor h2{font:400 33px/1.3 Poppins,sans-serif;letter-spacing:-.035em;margin:0 0 13px;color:#f1efdf}.baan-advisor h2 em{font-style:normal;color:#dfbd93}.baan-advisor>header>p:last-child{font-size:13px;color:#becdb5;line-height:1.85;margin:0 auto;max-width:650px}
.baan-advisor__gender{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 auto 20px;font-size:10px;color:#becbb0}.baan-advisor__gender>span{margin-right:12px;letter-spacing:.025em}.baan-advisor .baan-advisor__gender button{padding:8px 18px;border:1px solid #d3c29947;background:none;color:#d9dfca;border-radius:25px;font:400 11px/1.4 Poppins,sans-serif;cursor:pointer;transition:background .25s,color .25s}.baan-advisor .baan-advisor__gender button[aria-pressed=true]{background:#d9bc95;color:#224533;border-color:#d9bc95}
.baan-advisor__layout{display:block}.baan-advisor__visual{position:relative;width:100%;padding:0;color:#e4c49d}.baan-advisor__map{position:relative;width:100%;height:525px}.baan-advisor__figures{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;justify-content:center;gap:12px;width:490px;height:515px;pointer-events:none}.baan-advisor__person{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:0;width:238px;height:100%;pointer-events:none}.baan-advisor__person>svg{display:block;flex:1;width:100%;height:480px;max-height:480px;overflow:visible;pointer-events:auto}.baan-advisor__person>figcaption{text-align:center;color:#c8cdb4;font:400 9px/1.5 Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-top:11px}
.baan-body-model--male{display:none}.baan-shell[data-baan-gender=male] .baan-body-model--male{display:block}.baan-shell[data-baan-gender=male] .baan-body-model--female{display:none}.baan-body-graphic--whole .baan-body-model{filter:brightness(1.15) drop-shadow(0 0 3px #dfbd93aa)}
.baan-advisor__map .baan-body-highlight{opacity:0;transition:opacity .3s;cursor:pointer;pointer-events:all;fill:#f1d29f75;stroke:#f0d3a6;stroke-width:1;filter:drop-shadow(0 0 3px #e1c58c55)}.baan-advisor__map .baan-body-highlight:hover{opacity:.6}
.baan-advisor .baan-advisor__zone{position:absolute;display:flex;gap:12px;align-items:center;padding:15px 0;border:0;border-bottom:1px solid #d5c59e45;border-radius:0;background:none;color:#edf0df;font:400 13px/1.4 Poppins,sans-serif;cursor:pointer;min-height:66px;width:226px;text-align:left;transition:color .25s,border-color .25s;z-index:2}
.baan-advisor__zone>span:nth-child(2){display:grid;gap:5px}.baan-advisor__zone small{display:block;font-size:7px;letter-spacing:.13em;color:#a8bd9e;white-space:nowrap}.baan-advisor__zone strong{font-size:18px;letter-spacing:-.035em;font-weight:400}.baan-advisor__plus{margin-left:auto;font-size:23px;font-weight:300;color:#cfb38c}.baan-advisor .baan-advisor__zone:hover,.baan-advisor .baan-advisor__zone[aria-pressed=true]{color:#e7c394;border-color:#d4b483}.baan-advisor__zone[aria-pressed=true] .baan-advisor__plus{font-size:16px}.baan-advisor__dot{display:block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#d4b58b;box-shadow:0 0 0 5px #dfbd9310;transition:box-shadow .25s}.baan-advisor__zone[aria-pressed=true] .baan-advisor__dot{box-shadow:0 0 0 5px #dfbd9330,0 0 17px #dfbd93aa;background:#ffe3ad}
.baan-advisor__zone:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,#d9c09388,#d9c09318);top:50%;pointer-events:none;width:clamp(25px,6vw,90px)}.baan-advisor__zone--head{top:13px;left:0}.baan-advisor__zone--head:after{left:100%}.baan-advisor__zone--shoulders{top:103px;right:0}.baan-advisor__zone--shoulders:after{right:100%;background:linear-gradient(90deg,#d9c09318,#d9c09388)}.baan-advisor__zone--back{top:180px;right:0}.baan-advisor__zone--back:after{right:100%;background:linear-gradient(90deg,#d9c09318,#d9c09388)}.baan-advisor__zone--legs{top:321px;left:0}.baan-advisor__zone--legs:after{left:100%}.baan-advisor__zone--feet{top:405px;right:0}.baan-advisor__zone--feet:after{right:100%;background:linear-gradient(90deg,#d9c09318,#d9c09388)}
.baan-advisor__map:has([data-baan-zone=head][aria-pressed=true]) .baan-zone--head,.baan-advisor__map:has([data-baan-zone=shoulders][aria-pressed=true]) .baan-zone--shoulders,.baan-advisor__map:has([data-baan-zone=back][aria-pressed=true]) .baan-zone--back,.baan-advisor__map:has([data-baan-zone=legs][aria-pressed=true]) .baan-zone--legs,.baan-advisor__map:has([data-baan-zone=feet][aria-pressed=true]) .baan-zone--feet{opacity:.85}
.baan-advisor__visual:has([data-baan-zone=whole][aria-pressed=true]) .baan-body-model{filter:brightness(1.15) drop-shadow(0 0 4px #dfbd9399)}
.baan-advisor .baan-advisor__whole{display:flex;align-items:center;justify-content:center;gap:24px;max-width:440px;margin:20px auto 0;padding:13px 23px;border:1px solid #dfbd9345;border-radius:30px;background:#dfbd9308;color:#e2c9a7;font:400 12px/1.5 Poppins,sans-serif;cursor:pointer;transition:background .25s}.baan-advisor .baan-advisor__whole[aria-pressed=true]{background:#dfbd93;color:#244b37}.baan-advisor button:focus-visible,.baan-advisor__result a:focus-visible{outline:2px solid #e3c293;outline-offset:5px}
.baan-advisor__results{background:#f5f2e9;color:#35543f;border-radius:4px;padding:25px 28px;margin-top:30px}.baan-advisor:not([data-baan-has-selection=true]) .baan-advisor__results{display:none}.baan-advisor__status{font-size:12px;line-height:1.8;margin:0 0 18px;color:#637354}.baan-advisor [data-baan-recommendations]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.baan-advisor__result{display:flex;flex-direction:column;gap:13px;padding:0 0 0 21px;border-left:1px solid #c9d0b9}.baan-advisor__result>div{flex:1}.baan-advisor__result h3{font:400 18px/1.4 Poppins,sans-serif;color:#284e3a;margin:0 0 6px;letter-spacing:-.03em}.baan-advisor__result p{font-size:11px;line-height:1.7;color:#718063;margin:0 0 6px}.baan-advisor__result small{font-size:10px;line-height:1.5;color:#7c895f;display:block}.baan-advisor__price{font-size:24px;font-weight:400;color:#92714a;white-space:nowrap;letter-spacing:-.045em}.baan-advisor__result a{font-size:11px;line-height:1.5;text-decoration:none;color:#305b42;display:inline-flex;align-items:center;gap:10px;align-self:flex-start}.baan-advisor__result .baan-advisor__book{padding:11px 16px;border:1px solid #aab99a;border-radius:2px;min-height:41px}.baan-advisor__result a:hover{color:#927049;border-color:#b39468}.baan-advisor__tools{display:flex;gap:23px;flex-wrap:wrap;margin-top:24px;padding-top:17px;border-top:1px solid #d4dcc6}.baan-advisor__tools button{padding:3px 0;border:0;border-bottom:1px solid #bac5a9;background:none;color:#60764f;font:400 11px/1.5 Poppins,sans-serif;cursor:pointer}.baan-advisor [hidden]{display:none!important}
@media(max-width:1325px){.baan-advisor{margin-left:5vw;margin-right:5vw}}
@media(max-width:1100px){.baan-advisor{padding:35px 30px 28px}.baan-advisor__figures{width:440px}.baan-advisor__person{width:214px}.baan-advisor .baan-advisor__zone{width:182px}.baan-advisor__zone strong{font-size:16px}.baan-advisor__zone small{font-size:6px;letter-spacing:.08em}.baan-advisor__zone:after{width:30px}.baan-advisor [data-baan-recommendations]{gap:16px}.baan-advisor__result{padding-left:15px}.baan-advisor__result h3{font-size:16px}}
@media(max-width:800px){.baan-advisor .baan-advisor__zone{width:145px;gap:9px}.baan-advisor__zone strong{font-size:14px}.baan-advisor__zone small{white-space:normal;line-height:1.6}.baan-advisor__plus{font-size:18px}.baan-advisor__zone:after{width:12px}.baan-advisor__figures{width:360px;gap:0}.baan-advisor__person{width:180px}}
@media(max-width:660px){.baan-advisor{margin:35px 18px 0;padding:30px 21px 25px}.baan-advisor h2{font-size:27px}.baan-advisor>header>p:last-child{font-size:12px}.baan-advisor__map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.baan-advisor__figures{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:100%;height:370px;justify-content:center;margin:0 auto 20px}.baan-advisor__person{width:46%;height:370px}.baan-advisor__person>svg{height:340px;max-height:340px;width:100%}.baan-advisor__person>figcaption{font-size:8px;margin-top:7px}.baan-advisor .baan-advisor__zone{position:static;width:100%;min-height:73px;padding:12px 0}.baan-advisor__zone:after{display:none}.baan-advisor__zone strong{font-size:14px}.baan-advisor__zone small{font-size:6px}.baan-advisor__zone--back{grid-column:1}.baan-advisor .baan-advisor__whole{font-size:11px;gap:15px;padding:12px 17px}.baan-advisor__results{padding:21px 18px;margin-top:25px}.baan-advisor [data-baan-recommendations]{grid-template-columns:1fr;gap:24px}.baan-advisor__result{display:grid;grid-template-columns:1fr auto;gap:10px 12px;border-left:0;border-top:1px solid #ced5bd;padding:18px 0 0}.baan-advisor__result:first-child{padding-top:0;border-top:0}.baan-advisor__result h3{font-size:17px}.baan-advisor__price{font-size:22px}.baan-advisor__result .baan-advisor__book{justify-self:end;align-self:center;padding:10px 12px}.baan-advisor__tools{gap:15px}.baan-advisor__tools button{font-size:10px}.baan-advisor__status{font-size:11px}.baan-body-focus{display:block;top:17px;bottom:auto;right:15px;width:82px;padding:8px 5px}.baan-body-focus svg{height:82px;width:46px;margin-bottom:4px}.baan-body-focus figcaption{font-size:8px}.baan-body-focus figcaption small{font-size:7px;margin-bottom:3px}}
@media(min-width:481px) and (max-width:660px){.baan-body-focus{top:auto;bottom:25px;width:100px;padding:12px 8px}.baan-body-focus svg{height:140px;width:70px}.baan-body-focus figcaption{font-size:10px}.baan-body-focus figcaption small{font-size:8px}}

.baan-advisor__zone--hands{top:192px;left:0}.baan-advisor__zone--hands:after{left:100%}.baan-advisor__map:has([data-baan-zone=hands][aria-pressed=true]) .baan-zone--hands{opacity:.85}
@media(max-width:660px){.baan-advisor__zone--back{grid-column:auto}}

/* Full-width green stage and the studio's breathing image mark. */
.baan-advisor{max-width:none;width:100%;margin:0;padding:48px 5vw 45px;border-radius:0;border-left:0;border-right:0}
.baan-advisor__visual{max-width:1280px;margin:auto}.baan-advisor__results{max-width:1400px;margin-left:auto;margin-right:auto}
.baan-advisor:before{content:"";position:absolute;z-index:-1;left:50%;top:100px;width:min(90%,1000px);height:780px;background:url('brand-symbol.svg') no-repeat center/contain;pointer-events:none;animation:baan-advisor-mark 9s ease-in-out infinite alternate;transform:translateX(-50%);opacity:.07}
.baan-advisor__map .baan-body-highlight{fill:#edc891bd;stroke:#f9ddb1;filter:drop-shadow(0 0 2px #e6c39566)}.baan-advisor__visual:has([data-baan-zone=whole][aria-pressed=true]) .baan-zone--whole{opacity:.86}
@keyframes baan-advisor-mark{from{opacity:.055;transform:translateX(-50%) scale(.98)}to{opacity:.13;transform:translateX(-50%) scale(1.045)}}
@media(max-width:660px){.baan-advisor{margin:0;padding:35px 21px}.baan-advisor:before{height:560px;width:120%;top:180px}.baan-body-focus svg{height:85px;width:48px}.baan-body-focus{background:none;border:0}}
@media(min-width:481px) and (max-width:660px){.baan-body-focus{top:auto;bottom:25px;width:96px}.baan-body-focus svg{height:145px;width:82px}}
@media(prefers-reduced-motion:reduce){.baan-advisor:before{animation:none;opacity:.08;transform:translateX(-50%)}}
.baan-advisor__map .baan-body-highlight{fill:#f4ce83;stroke:#fff2c8}.baan-advisor__map .baan-zone-is-active{opacity:1!important;animation:baan-muscle-light 2.8s ease-in-out infinite alternate}.baan-advisor__map .baan-zone-is-active path{stroke-width:.8}
@keyframes baan-muscle-light{from{filter:drop-shadow(0 0 2px #ffe3a9c9) drop-shadow(0 0 5px #efc27080)}to{filter:drop-shadow(0 0 4px #fff0bdf0) drop-shadow(0 0 10px #efc270c0)}}
@media(max-width:660px){.baan-body-focus{left:20px;right:auto!important;top:17px;bottom:auto;width:82px}.baan-body-focus svg{height:85px;width:50px}.baan-advisor__gender{justify-content:flex-start;padding-left:2px}}
@media(prefers-reduced-motion:reduce){.baan-advisor__map .baan-zone-is-active{animation:none;filter:drop-shadow(0 0 4px #ffe3a9bd)}}
.baan-advisor__result .baan-advisor__preview{display:block;align-self:stretch;width:100%;height:150px;overflow:hidden;border-radius:3px;margin:0 0 3px;line-height:0}.baan-advisor .baan-advisor__preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.baan-advisor__preview:hover img{transform:scale(1.035)}
@media(max-width:660px){.baan-advisor__result .baan-advisor__preview{grid-column:1/-1;height:165px;margin-bottom:5px;border-radius:2px}}
@media(prefers-reduced-motion:reduce){.baan-advisor__preview:hover img{transform:none}.baan-advisor .baan-advisor__preview img{transition:none}}

/* Keep each explanation beside its body region, independent of screen width. */
@media (min-width: 661px) {
  .baan-advisor__map {
    --zone-label-width: clamp(155px, 17vw, 226px);
    --zone-line-width: clamp(24px, 6vw, 90px);
    --zone-head-edge: 156px;
    --zone-hand-edge: 212px;
    --zone-leg-edge: 172px;
    --zone-shoulder-edge: 180px;
    --zone-back-edge: 168px;
    --zone-foot-edge: 170px;
  }
  .baan-advisor .baan-advisor__zone { width: var(--zone-label-width); }
  .baan-advisor__zone:after { width: var(--zone-line-width); }
  .baan-advisor .baan-advisor__zone--head {
    left: calc(50% - var(--zone-head-edge) - var(--zone-label-width) - var(--zone-line-width));
    right: auto;
  }
  .baan-advisor .baan-advisor__zone--hands {
    left: calc(50% - var(--zone-hand-edge) - var(--zone-label-width) - var(--zone-line-width));
    right: auto;
  }
  .baan-advisor .baan-advisor__zone--legs {
    left: calc(50% - var(--zone-leg-edge) - var(--zone-label-width) - var(--zone-line-width));
    right: auto;
  }
  .baan-advisor .baan-advisor__zone--shoulders {
    right: calc(50% - var(--zone-shoulder-edge) - var(--zone-label-width) - var(--zone-line-width));
    left: auto;
  }
  .baan-advisor .baan-advisor__zone--back {
    right: calc(50% - var(--zone-back-edge) - var(--zone-label-width) - var(--zone-line-width));
    left: auto;
  }
  .baan-advisor .baan-advisor__zone--feet {
    right: calc(50% - var(--zone-foot-edge) - var(--zone-label-width) - var(--zone-line-width));
    left: auto;
  }
}
@media (min-width: 661px) and (max-width: 1100px) {
  .baan-advisor__map {
    --zone-label-width: clamp(145px, 17vw, 182px);
    --zone-line-width: clamp(20px, 4vw, 42px);
    --zone-head-edge: 141px;
    --zone-hand-edge: 194px;
    --zone-leg-edge: 160px;
    --zone-shoulder-edge: 162px;
    --zone-back-edge: 151px;
    --zone-foot-edge: 153px;
  }
}
@media (min-width: 661px) and (max-width: 800px) {
  .baan-advisor__map {
    --zone-label-width: 145px;
    --zone-line-width: 14px;
    --zone-head-edge: 118px;
    --zone-hand-edge: 157px;
    --zone-leg-edge: 128px;
    --zone-shoulder-edge: 137px;
    --zone-back-edge: 127px;
    --zone-foot-edge: 129px;
  }
}