.sa-bs{--bs-navy:#12243a;--bs-coral:#e05c38;--bs-paper:#f7f2e8;--bs-sky:#a9daf2;--bs-sun:#f1cf59;--bs-green:#174f4b;--bs-line:rgba(18,36,58,.18);background:var(--bs-paper);color:var(--bs-navy);padding:clamp(64px,8vw,110px) max(24px,calc((100vw - 1180px)/2));font-family:Inter,Arial,sans-serif}.sa-bs *{box-sizing:border-box}.sa-bs button,.sa-bs input,.sa-bs textarea,.sa-bs select{font:inherit}.sa-bs__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:clamp(44px,7vw,96px);align-items:center;transition:opacity .25s}.sa-bs__intro--quiet{opacity:.22}.sa-bs__eyebrow{margin:0 0 14px;color:var(--bs-coral);font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.sa-bs h2,.sa-bs h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.035em}.sa-bs h2{max-width:720px;margin:0 0 22px;font-size:clamp(48px,6vw,82px);line-height:.94}.sa-bs h3{margin:0 0 20px;font-size:clamp(42px,5vw,68px);line-height:.95}.sa-bs__lead{max-width:660px;margin:0 0 28px;font-size:17px;line-height:1.7;color:#45556a}.sa-bs__button{appearance:none;border:1px solid var(--bs-coral);background:var(--bs-coral);color:#fff;padding:15px 22px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s,box-shadow .18s}.sa-bs__button:hover,.sa-bs__button:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--bs-navy);outline:2px solid transparent}.sa-bs__button:disabled{opacity:.55;cursor:wait}.sa-bs__time{font-size:12px;color:#69758a;margin:13px 0 0}.sa-bs__compass{position:relative;width:min(100%,480px);aspect-ratio:1;border-radius:50%;border:1px solid var(--bs-navy);background:conic-gradient(from -45deg,var(--bs-sky) 0 25%,var(--bs-coral) 0 50%,var(--bs-sun) 0 75%,#8fc8b1 0);box-shadow:14px 14px 0 var(--bs-navy);animation:sa-bs-float 6s ease-in-out infinite}.sa-bs__compass:before,.sa-bs__compass:after{content:"";position:absolute;background:rgba(18,36,58,.42);z-index:1}.sa-bs__compass:before{width:1px;height:100%;left:50%}.sa-bs__compass:after{height:1px;width:100%;top:50%}.sa-bs__point{position:absolute;z-index:3;width:39%;min-height:84px;border:0;background:rgba(247,242,232,.9);color:var(--bs-navy);padding:12px;cursor:pointer;box-shadow:0 0 0 1px rgba(18,36,58,.22);transition:transform .18s,background .18s}.sa-bs__point:hover,.sa-bs__point:focus-visible,.sa-bs__point.is-active{background:#fff;transform:scale(1.04);outline:2px solid var(--bs-navy)}.sa-bs__point span{display:block;font:600 22px/1 Georgia,serif}.sa-bs__point small{display:block;margin-top:5px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.sa-bs__point--n{top:4%;left:30.5%}.sa-bs__point--e{right:3%;top:40%}.sa-bs__point--s{bottom:4%;left:30.5%}.sa-bs__point--w{left:3%;top:40%}.sa-bs__compass-core{position:absolute;z-index:5;inset:38%;display:grid;place-items:center;border-radius:50%;background:var(--bs-navy);color:var(--bs-paper);font-size:9px;letter-spacing:.18em}.sa-bs__needle{position:absolute;z-index:4;left:49%;top:21%;width:2%;height:29%;background:var(--bs-navy);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:50% 100%;animation:sa-bs-needle 7s ease-in-out infinite}.sa-bs__experience,.sa-bs__gate,.sa-bs__result,.sa-bs__intake{max-width:980px;margin:70px auto 0;padding:clamp(26px,5vw,58px);background:#fff;border:1px solid var(--bs-line);box-shadow:10px 10px 0 var(--bs-sun)}.sa-bs [hidden]{display:none!important}.sa-bs__progress{height:6px;background:#e5e2dc;overflow:hidden}.sa-bs__progress i{display:block;height:100%;width:14.28%;background:var(--bs-coral);transition:width .22s}.sa-bs__count{margin:14px 0 34px;color:#69758a;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.sa-bs__question{max-width:780px;font:400 clamp(36px,5vw,58px)/1.02 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em;margin-bottom:30px}.sa-bs__answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sa-bs__answer{display:flex;align-items:flex-start;gap:14px;min-height:104px;text-align:left;border:1px solid var(--bs-line);background:var(--bs-paper);color:var(--bs-navy);padding:20px;cursor:pointer;transition:transform .18s,box-shadow .18s,border .18s}.sa-bs__answer:hover,.sa-bs__answer:focus-visible{border-color:var(--bs-navy);box-shadow:5px 5px 0 var(--bs-sky);transform:translate(-2px,-2px);outline:2px solid transparent}.sa-bs__answer span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--bs-navy);color:#fff;font-size:10px}.sa-bs__answer b{font-size:15px;line-height:1.5}.sa-bs__gate{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center}.sa-bs__blur-card{min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:linear-gradient(155deg,var(--bs-sky),var(--bs-coral));color:#fff;filter:saturate(.85);position:relative;overflow:hidden}.sa-bs__blur-card:after{content:"";position:absolute;inset:0;backdrop-filter:blur(10px);background:rgba(18,36,58,.2)}.sa-bs__blur-card span,.sa-bs__blur-card strong{position:relative;z-index:1}.sa-bs__blur-card span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.sa-bs__blur-card strong{font:42px/1 Georgia,serif;margin-top:10px}.sa-bs label{display:block;margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.03em}.sa-bs input,.sa-bs textarea,.sa-bs select{width:100%;margin-top:7px;border:1px solid #aeb5bd;background:#fff;color:var(--bs-navy);padding:13px 14px;border-radius:0}.sa-bs textarea{min-height:108px;resize:vertical}.sa-bs input:focus,.sa-bs textarea:focus,.sa-bs select:focus{outline:2px solid var(--bs-coral);outline-offset:1px}.sa-bs__check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;line-height:1.45;letter-spacing:0!important}.sa-bs__check input{width:18px!important;height:18px;margin:1px 0 0!important;flex:0 0 18px}.sa-bs__check a{text-decoration:underline}.sa-bs__trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.sa-bs__status{min-height:20px;color:#9b3d27;font-size:13px}.sa-bs__result{background:var(--bs-navy);color:var(--bs-paper);box-shadow:10px 10px 0 var(--bs-coral)}.sa-bs__result h3{color:var(--bs-coral);font-size:clamp(58px,8vw,96px)}.sa-bs__result-lead{max-width:750px;font-size:19px;line-height:1.6;color:#dae1e8}.sa-bs__signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18);margin:34px 0}.sa-bs__signal-grid article{background:var(--bs-navy);padding:22px}.sa-bs__signal-grid small{color:var(--bs-sky);text-transform:uppercase;letter-spacing:.13em}.sa-bs__signal-grid p{line-height:1.5}.sa-bs__use-now{padding:18px;border-left:3px solid var(--bs-sun);background:rgba(255,255,255,.06)}.sa-bs__result-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}.sa-bs__text-button{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--bs-paper);cursor:pointer;padding:8px 0}.sa-bs__intake{max-width:1050px}.sa-bs__intake>form>p:not(.sa-bs__eyebrow){max-width:720px;color:#526071;line-height:1.65}.sa-bs__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;margin:32px 0}.sa-bs fieldset{border:1px solid var(--bs-line);padding:14px}.sa-bs legend{font-size:12px;font-weight:700;padding:0 6px}.sa-bs fieldset .sa-bs__check{display:inline-flex!important;margin-right:14px}.sa-bs__intake .sa-bs__button{margin-top:14px}@keyframes sa-bs-float{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}@keyframes sa-bs-needle{0%,100%{transform:rotate(-22deg)}50%{transform:rotate(32deg)}}@media(max-width:820px){.sa-bs__intro,.sa-bs__gate{grid-template-columns:1fr}.sa-bs__compass{width:min(88vw,430px);margin:auto}.sa-bs__form-grid{grid-template-columns:1fr}}@media(max-width:600px){.sa-bs{padding-left:16px;padding-right:16px}.sa-bs__answers,.sa-bs__signal-grid{grid-template-columns:1fr}.sa-bs__experience,.sa-bs__gate,.sa-bs__result,.sa-bs__intake{padding:24px 18px;margin-top:44px}.sa-bs__point{width:42%;min-height:68px}.sa-bs__point span{font-size:18px}.sa-bs__point--n,.sa-bs__point--s{left:29%}.sa-bs__point--e{right:1%}.sa-bs__point--w{left:1%}}.sa-bs__compass{--radius:clamp(145px,12.5vw,215px);width:min(100%,560px);overflow:visible;background:conic-gradient(from -90deg,#a9daf2 0 25%,#f3a28f 0 50%,#f1cf59 0 75%,#8fc8b1 0);box-shadow:18px 18px 0 var(--bs-navy);animation:none}
.sa-bs__compass:before,.sa-bs__compass:after{z-index:1;background:rgba(18,36,58,.26)}
.sa-bs__point{top:50%;left:50%;width:84px;min-height:54px;margin:-27px 0 0 -42px;padding:7px 5px;background:rgba(247,242,232,.96);transform:rotate(calc(var(--i)*30deg - 90deg)) translateX(var(--radius)) rotate(calc(var(--i)*-30deg + 90deg));box-shadow:0 3px 14px rgba(18,36,58,.15),0 0 0 1px rgba(18,36,58,.2)}
.sa-bs__point:hover,.sa-bs__point:focus-visible,.sa-bs__point.is-active{background:var(--bs-navy);color:var(--bs-paper);transform:rotate(calc(var(--i)*30deg - 90deg)) translateX(var(--radius)) rotate(calc(var(--i)*-30deg + 90deg)) scale(1.08);outline:2px solid var(--bs-paper);outline-offset:2px}
.sa-bs__point span{font:600 clamp(10px,.9vw,13px)/1.05 Georgia,serif;overflow-wrap:anywhere}
.sa-bs__point[data-mode="connoisseur"] span{font-size:10px;letter-spacing:-.035em}
.sa-bs__point small{margin-top:4px;color:var(--bs-coral);font-size:clamp(6px,.58vw,8px);letter-spacing:.08em}
.sa-bs__territories{position:absolute;z-index:2;inset:25%;border:1px solid rgba(18,36,58,.2);border-radius:50%;color:rgba(18,36,58,.76);font-size:clamp(6px,.62vw,8px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.sa-bs__territories span{position:absolute;white-space:nowrap}
.sa-bs__territories span:nth-child(1){top:11%;left:50%;transform:translateX(-50%)}
.sa-bs__territories span:nth-child(2){top:50%;right:3%;transform:translateY(-50%) rotate(90deg)}
.sa-bs__territories span:nth-child(3){bottom:11%;left:50%;transform:translateX(-50%)}
.sa-bs__territories span:nth-child(4){top:50%;left:3%;transform:translateY(-50%) rotate(-90deg)}
.sa-bs__compass-core{inset:39%;display:flex;flex-direction:column;gap:2px;text-align:center;font-size:7px;line-height:1.05;letter-spacing:.1em}
.sa-bs__compass-core b{font:400 clamp(24px,3vw,34px)/.8 Georgia,serif;color:var(--bs-coral)}
.sa-bs__compass-core span{text-transform:uppercase}
.sa-bs__needle{top:26%;height:24%;opacity:.58;animation:sa-bs-needle 9s ease-in-out infinite}
.sa-bs__supporting{margin:16px 0 0;color:var(--bs-sky);font-size:14px;letter-spacing:.04em}
@media(max-width:600px){.sa-bs__compass{--radius:34vw;width:min(88vw,430px);box-shadow:10px 10px 0 var(--bs-navy)}.sa-bs__point{width:68px;min-height:48px;margin:-24px 0 0 -34px;padding:5px 3px}.sa-bs__point span{font-size:9px}.sa-bs__point[data-mode="connoisseur"] span{font-size:8.5px}.sa-bs__point small{font-size:5.5px}.sa-bs__territories{inset:27%}}
@media(prefers-reduced-motion:reduce){.sa-bs *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Editorial instrument treatment. The dial uses linework and type rather than coloured sectors. */
.sa-bs__compass{
  --needle-angle:-90deg;
  --radius:39cqi;
  container-type:inline-size;
  isolation:isolate;
  width:min(100%,500px);
  border:1px solid rgba(139,105,58,.72);
  outline:1px solid rgba(18,36,58,.14);
  outline-offset:8px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,252,245,.98) 0 18%,transparent 18.3%),
    repeating-conic-gradient(from -15deg,transparent 0 29.72deg,rgba(139,105,58,.19) 29.72deg 30deg),
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.62),transparent 44%),
    #eee7da;
  box-shadow:0 28px 72px rgba(18,36,58,.16),inset 0 0 0 8px rgba(255,252,245,.44),inset 0 0 48px rgba(139,105,58,.08);
  animation:none;
}
.sa-bs__compass:before,.sa-bs__compass:after{
  z-index:1;
  top:8%;
  left:50%;
  width:1px;
  height:84%;
  background:linear-gradient(to bottom,transparent,rgba(18,36,58,.16) 20%,rgba(18,36,58,.16) 80%,transparent);
}
.sa-bs__compass:after{transform:rotate(90deg)}
.sa-bs__dial-rings{position:absolute;z-index:1;inset:5.5%;border:1px solid rgba(18,36,58,.22);border-radius:50%;pointer-events:none;box-shadow:0 0 0 3px rgba(255,252,245,.6),0 0 0 4px rgba(139,105,58,.2)}
.sa-bs__dial-rings i{position:absolute;border:1px solid rgba(18,36,58,.12);border-radius:50%}
.sa-bs__dial-rings i:nth-child(1){inset:11%}
.sa-bs__dial-rings i:nth-child(2){inset:25%;border-color:rgba(139,105,58,.2)}
.sa-bs__dial-rings i:nth-child(3){inset:40%;border-color:rgba(18,36,58,.22)}
.sa-bs__territories{z-index:3;inset:25%;border:0;color:rgba(18,36,58,.55);font:600 clamp(6px,.6vw,8px)/1 Inter,Arial,sans-serif;letter-spacing:.22em}
.sa-bs__territories span:nth-child(1){top:9%}
.sa-bs__territories span:nth-child(2){right:-1%}
.sa-bs__territories span:nth-child(3){bottom:9%}
.sa-bs__territories span:nth-child(4){left:-1%}
.sa-bs__point{
  z-index:5;
  width:98px;
  min-height:46px;
  margin:-23px 0 0 -49px;
  padding:3px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--bs-navy);
  box-shadow:none;
  text-shadow:0 1px 0 rgba(255,252,245,.9),1px 0 0 rgba(255,252,245,.75),-1px 0 0 rgba(255,252,245,.75);
  transform:rotate(calc(var(--i)*30deg - 90deg)) translateX(var(--radius)) rotate(calc(var(--i)*-30deg + 90deg));
  transition:color .22s ease,letter-spacing .22s ease,opacity .22s ease;
}
.sa-bs__point:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#9b7744;transform:translate(-50%,17px);box-shadow:0 0 0 3px rgba(255,252,245,.7)}
.sa-bs__point:hover,.sa-bs__point:focus-visible,.sa-bs__point.is-active{
  background:transparent;
  color:var(--bs-coral);
  box-shadow:none;
  outline:1px solid rgba(155,119,68,.72);
  outline-offset:3px;
  transform:rotate(calc(var(--i)*30deg - 90deg)) translateX(var(--radius)) rotate(calc(var(--i)*-30deg + 90deg));
}
.sa-bs__point:hover:before,.sa-bs__point:focus-visible:before,.sa-bs__point.is-active:before{background:var(--bs-coral);box-shadow:0 0 0 4px rgba(224,92,56,.12)}
.sa-bs__point span{font:400 clamp(12px,1.15vw,16px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.015em;overflow-wrap:normal;white-space:nowrap}
.sa-bs__point[data-mode="connoisseur"] span{font-size:clamp(11px,1.03vw,14px);letter-spacing:-.01em}
.sa-bs__point small{margin-top:4px;color:#745c3b;font:600 clamp(5.5px,.52vw,7px)/1 Inter,Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}
.sa-bs__needle{
  z-index:4;
  top:50%;
  left:50%;
  width:1px;
  height:27%;
  opacity:.78;
  background:linear-gradient(to top,#9b7744 0 64%,var(--bs-coral) 64% 100%);
  clip-path:none;
  transform-origin:50% 100%;
  transform:translate(-50%,-100%) rotate(var(--needle-angle));
  transition:transform .65s cubic-bezier(.22,.8,.2,1);
  animation:none;
}
.sa-bs__needle:after{content:"";position:absolute;top:-3px;left:50%;width:5px;height:5px;background:var(--bs-coral);transform:translateX(-50%) rotate(45deg)}
.sa-bs__compass-core{z-index:6;inset:35%;gap:4px;border:1px solid rgba(139,105,58,.55);background:rgba(255,252,245,.94);box-shadow:0 0 0 5px rgba(255,252,245,.7),0 0 0 6px rgba(18,36,58,.13);font-size:6px;letter-spacing:.14em}
.sa-bs__compass-core small{font:600 6px/1 Inter,Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#745c3b}
.sa-bs__compass-core b{font:400 clamp(15px,1.65vw,22px)/.9 "Cormorant Garamond",Georgia,serif;color:var(--bs-navy);letter-spacing:-.02em;white-space:nowrap}
.sa-bs__compass-core span{font:600 5px/1.1 Inter,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:rgba(18,36,58,.62);white-space:nowrap}
.sa-bs__handover-preview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(280px,1.18fr);gap:28px;align-items:center;margin:30px 0 34px;padding:28px;background:var(--bs-navy);color:var(--bs-paper);border:1px solid rgba(247,242,232,.22);box-shadow:0 18px 42px rgba(18,36,58,.13)}
.sa-bs__handover-preview p{margin:0}
.sa-bs__handover-label{color:#f58a73;font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.sa-bs__handover-copy{margin-top:14px!important;color:rgba(247,242,232,.8);font-size:14px;line-height:1.65}
.sa-bs__handover-copy strong{display:block;margin-bottom:4px;color:var(--bs-paper);font:400 24px/1.1 "Cormorant Garamond",Georgia,serif}
.sa-bs__handover-preview pre{margin:0;padding:20px;border:1px solid rgba(169,218,242,.25);background:rgba(8,23,40,.7);color:#d8ecf5;overflow:auto;white-space:pre-wrap;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}
.sa-bs__handover-preview code{font:inherit}

@media(max-width:600px){
  .sa-bs__compass{--radius:38.5cqi;width:min(100%,390px);outline-offset:6px;box-shadow:0 20px 50px rgba(18,36,58,.15),inset 0 0 0 6px rgba(255,252,245,.44),inset 0 0 34px rgba(139,105,58,.08)}
  .sa-bs__point{width:72px;min-height:44px;margin:-22px 0 0 -36px;padding:2px}
  .sa-bs__point span{font-size:10.5px}
  .sa-bs__point[data-mode="connoisseur"] span{font-size:9.5px}
  .sa-bs__point small{font-size:5px;letter-spacing:.08em}
  .sa-bs__point:before{transform:translate(-50%,15px)}
  .sa-bs__territories{inset:26%;font-size:5.5px;letter-spacing:.15em}
  .sa-bs__compass-core{inset:34%;gap:3px}
  .sa-bs__compass-core b{font-size:15px}
  .sa-bs__compass-core small{font-size:5px}
  .sa-bs__compass-core span{font-size:4px}
  .sa-bs__handover-preview{grid-template-columns:1fr;gap:18px;padding:22px 18px}
  .sa-bs__handover-preview pre{padding:16px;font-size:10px}
}

/* 2026 luxury editorial direction: portrait-led, horological, tactile */
.sa-bs{--bs-ink:#0b2138;--bs-brass:#b8945f;--bs-ivory:#f5efe5;background:radial-gradient(circle at 8% 10%,rgba(255,255,255,.9),transparent 28%),linear-gradient(135deg,#f7f3ec 0%,#eee5d8 100%);padding:clamp(64px,7vw,104px) max(24px,calc((100vw - 1440px)/2))}
.sa-bs__intro{grid-template-columns:minmax(330px,.72fr) minmax(650px,1.28fr);align-items:stretch;gap:clamp(48px,6vw,94px);max-width:1440px;min-height:min(820px,84vh);margin:auto}
.sa-bs__copy{position:relative;z-index:9;align-self:center;padding:44px 0}
.sa-bs__copy:before{content:"PRIVATE BRAND EXPRESSION";display:block;margin-bottom:clamp(44px,6vh,78px);color:var(--bs-brass);font:600 9px/1.2 Inter,Arial,sans-serif;letter-spacing:.28em}
.sa-bs__eyebrow{color:#6d5639;font-size:10px;letter-spacing:.24em}
.sa-bs__intro h2{max-width:8.8ch;margin:18px 0 30px;font-size:clamp(56px,5.6vw,88px);line-height:.88;letter-spacing:-.045em}
.sa-bs__lead{max-width:38rem;color:rgba(11,33,56,.72);font-size:15px;line-height:1.8}
.sa-bs__button{border-radius:0;padding:16px 22px;background:var(--bs-ink);box-shadow:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.sa-bs__button:after{content:"  ↗";color:#ef765f}
.sa-bs__time{color:rgba(11,33,56,.48);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.sa-bs__visual-stage{position:relative;min-width:0;min-height:720px;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(145deg,#17344f 0%,#0a1f35 62%,#071827 100%);background-size:72px 72px,72px 72px,auto;box-shadow:0 42px 90px rgba(11,33,56,.22)}
.sa-bs__visual-stage:before{content:none}
.sa-bs__visual-stage:after{content:"";position:absolute;right:0;bottom:0;width:32%;height:29%;z-index:1;background:#eb6f58}
.sa-bs__portrait{position:absolute;right:-6%;bottom:-2px;z-index:5;width:58%;height:96%;margin:0;pointer-events:none}
.sa-bs__portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-26px 28px 36px rgba(0,0,0,.2))}
.sa-bs__compass{--radius:40cqi;position:absolute;top:47%;left:6%;z-index:3;width:min(590px,72%);border:1px solid rgba(214,180,129,.78);background:radial-gradient(circle at 50% 45%,rgba(32,65,92,.98) 0 22%,transparent 22.3%),repeating-conic-gradient(from -15deg,rgba(206,169,112,.15) 0 .25deg,transparent .25deg 30deg),radial-gradient(circle at 48% 44%,#183b58 0%,#0c263e 58%,#071827 100%);box-shadow:0 0 0 11px rgba(8,25,40,.72),0 0 0 12px rgba(214,180,129,.36),0 38px 90px rgba(0,0,0,.42),inset 0 0 60px rgba(0,0,0,.22);transform:translateY(-50%)}
.sa-bs__compass:after{border-color:rgba(214,180,129,.3)}
.sa-bs__dial-rings{inset:8%;border-color:rgba(214,180,129,.22)}
.sa-bs__dial-rings i:nth-child(1){inset:9%;border-color:rgba(245,239,229,.14)}
.sa-bs__dial-rings i:nth-child(2){inset:25%;border-color:rgba(214,180,129,.22)}
.sa-bs__dial-rings i:nth-child(3){inset:42%;border-color:rgba(245,239,229,.16)}
.sa-bs__territories{color:rgba(245,239,229,.53);font-size:6px;letter-spacing:.22em}
.sa-bs__point{color:var(--bs-ivory);text-shadow:0 1px 8px rgba(0,0,0,.42)}
.sa-bs__point span{font-size:clamp(11px,1.05vw,15px);font-weight:400}
.sa-bs__point small{color:#d1ad78;font-size:6px;letter-spacing:.14em}
.sa-bs__point:before{width:5px;height:5px;background:#d1ad78;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 5px rgba(209,173,120,.1)}
.sa-bs__point:hover,.sa-bs__point.is-active{color:#fff}
.sa-bs__needle{background:#ed735c;box-shadow:0 0 18px rgba(237,115,92,.42)}
.sa-bs__compass-core{inset:34%;border-color:rgba(214,180,129,.75);background:rgba(7,24,39,.93);box-shadow:0 0 0 7px rgba(7,24,39,.7),0 0 0 8px rgba(214,180,129,.28);pointer-events:none}
.sa-bs__dial-rings,.sa-bs__territories,.sa-bs__needle{pointer-events:none}
.sa-bs__compass-core small,.sa-bs__compass-core span{color:#c6a576}
.sa-bs__compass-core b{color:var(--bs-ivory);font-size:clamp(18px,1.7vw,25px)}
.sa-bs__selected{position:absolute;left:30px;bottom:28px;z-index:8;width:min(300px,40%);padding:18px 20px 19px;border-top:2px solid #eb6f58;background:rgba(245,239,229,.96);box-shadow:0 18px 44px rgba(0,0,0,.2);color:var(--bs-ink)}
.sa-bs__selected small,.sa-bs__selected strong,.sa-bs__selected span{display:block}
.sa-bs__selected small{margin-bottom:8px;color:#8f6b3c;font:700 8px/1 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.sa-bs__selected strong{font:400 28px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.02em}
.sa-bs__selected span{margin-top:7px;color:rgba(11,33,56,.68);font-size:11px;line-height:1.55}
@media(max-width:1100px){.sa-bs__intro{grid-template-columns:1fr;min-height:0}.sa-bs__copy{max-width:760px;padding:16px 0}.sa-bs__copy:before{margin-bottom:38px}.sa-bs__intro h2{max-width:11ch}.sa-bs__visual-stage{min-height:700px}}
@media(max-width:600px){.sa-bs{padding:48px 18px 64px}.sa-bs__intro{gap:34px}.sa-bs__copy:before{margin-bottom:30px;font-size:7px;letter-spacing:.2em}.sa-bs__intro h2{font-size:47px;line-height:.92}.sa-bs__visual-stage{min-height:540px}.sa-bs__visual-stage:after{width:38%;height:24%}.sa-bs__portrait{right:-18%;width:67%;height:80%;opacity:.88}.sa-bs__compass{--radius:38cqi;top:40%;left:50%;width:340px;max-width:none;transform:translate(-50%,-50%)}.sa-bs__point{width:68px;margin-left:-34px}.sa-bs__point span{font-size:9px}.sa-bs__point small{font-size:4.5px}.sa-bs__selected{left:16px;bottom:16px;width:68%;padding:15px 16px}.sa-bs__selected strong{font-size:24px}.sa-bs__selected span{font-size:10px}}

/* Modern twelve-part archetype wheel: independently addressable labels and motion-ready rotation */
.sa-bs__visual-stage{background:transparent;box-shadow:none}
.sa-bs__visual-stage:after{display:none}
.sa-bs__compass{--radius:39cqi;--dial-rotation:0deg;top:47%;left:50%;width:min(660px,82%);border:8px solid #f1f2ee;background:repeating-conic-gradient(from -15deg,transparent 0 29.45deg,rgba(255,255,255,.82) 29.45deg 30deg),conic-gradient(from -15deg,#8cc8b8 0 30deg,#367f91 30deg 60deg,#2e6fa8 60deg 90deg,#343a49 90deg 120deg,#76549a 120deg 150deg,#db5d42 150deg 180deg,#d97698 180deg 210deg,#e4b93e 210deg 240deg,#98725e 240deg 270deg,#4c8c70 270deg 300deg,#445384 300deg 330deg,#de8b43 330deg 360deg);box-shadow:0 0 0 1px rgba(255,255,255,.38),0 34px 80px rgba(0,0,0,.42);transform:translate(-50%,-50%) rotate(var(--dial-rotation));transition:transform 900ms cubic-bezier(.2,.75,.2,1)}
.sa-bs__compass:after{inset:5%;border:1px solid rgba(255,255,255,.7)}
.sa-bs__dial-rings{inset:8%;border:1px solid rgba(255,255,255,.66)}
.sa-bs__dial-rings i:nth-child(1){inset:12%;border-color:rgba(255,255,255,.3)}
.sa-bs__dial-rings i:nth-child(2){inset:30%;border-color:rgba(255,255,255,.38)}
.sa-bs__dial-rings i:nth-child(3){inset:46%;border-color:rgba(255,255,255,.55)}
.sa-bs__point{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.sa-bs__point span{font:700 clamp(10px,1vw,13px)/1 Inter,Arial,sans-serif;letter-spacing:-.01em}
.sa-bs__point small{margin-top:4px;color:rgba(255,255,255,.84);font-size:5.5px;letter-spacing:.15em}
.sa-bs__point:before{display:none}
.sa-bs__point:hover,.sa-bs__point.is-active{color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);backdrop-filter:blur(4px)}
.sa-bs__territories{inset:28%;color:rgba(255,255,255,.82);font-size:5.5px;letter-spacing:.18em}
.sa-bs__needle{z-index:7;top:50%;left:50%;width:31%;height:2px;opacity:.95;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.4);transform-origin:0 50%;transform:rotate(var(--needle-angle));transition:transform 700ms cubic-bezier(.2,.75,.2,1)}
.sa-bs__needle:after{content:"";position:absolute;top:50%;right:-1px;left:auto;width:0;height:0;background:transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid #fff;border-radius:0;box-shadow:none;transform:translate(100%,-50%)}
.sa-bs__compass-core{z-index:8;inset:33%;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer;appearance:none;display:flex;align-items:center;justify-content:center;overflow:visible}
.sa-bs__compass-core small,.sa-bs__compass-core span{color:rgba(255,255,255,.58);font-family:Inter,Arial,sans-serif}
.sa-bs__compass-core b{color:#fff;font:650 clamp(24px,2.2vw,34px)/.88 Inter,Arial,sans-serif;letter-spacing:-.055em;text-align:center;text-shadow:0 2px 18px rgba(7,14,23,.55)}
.sa-bs__compass-core:after{content:"Take the test  ↗";position:absolute;top:70%;left:50%;width:max-content;color:rgba(255,255,255,.82);font:650 7px/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translate(-50%,8px);transition:opacity .35s ease,transform .35s ease}
.sa-bs.is-ready .sa-bs__compass-core:after,.sa-bs__compass-core:hover:after,.sa-bs__compass-core:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.sa-bs__compass-core:focus-visible{outline:2px solid #fff;outline-offset:10px;border-radius:50%}
.sa-bs.is-arriving .sa-bs__compass{animation:sa-bs-wheel-arrive 1.5s cubic-bezier(.2,.72,.2,1) both}
.sa-bs.is-arriving .sa-bs__needle{animation:sa-bs-arrow-arrive 1.75s cubic-bezier(.16,.82,.18,1) both}
.sa-bs.is-arriving .sa-bs__point{animation:sa-bs-label-arrive .55s ease both;animation-delay:calc(.35s + var(--i)*55ms)}
@keyframes sa-bs-wheel-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-16deg)}65%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes sa-bs-arrow-arrive{0%{opacity:0;transform:rotate(-120deg) scaleX(.3)}18%{opacity:1}70%{transform:rotate(250deg) scaleX(1)}100%{opacity:.95;transform:rotate(-90deg) scaleX(1)}}
@keyframes sa-bs-label-arrive{0%{opacity:0;filter:blur(5px)}100%{opacity:1;filter:blur(0)}}
.sa-bs__selected{right:26px;left:auto;bottom:24px;width:min(280px,38%);border-top:0;border-left:5px solid #db5d42;background:#f4f4ef;box-shadow:0 18px 50px rgba(0,0,0,.26)}
.sa-bs__selected small{color:#5d6670;letter-spacing:.16em}
.sa-bs__selected strong{font-family:Inter,Arial,sans-serif;font-size:25px;font-weight:650}
@media(prefers-reduced-motion:reduce){.sa-bs__compass,.sa-bs__needle,.sa-bs__point{transition:none;animation:none!important}.sa-bs__compass-core:after{opacity:1;transform:translate(-50%,0)}}
@media(max-width:600px){.sa-bs__visual-stage{min-height:500px}.sa-bs__compass{--radius:38cqi;top:43%;width:340px}.sa-bs__point{width:64px;margin-left:-32px}.sa-bs__point span{font-size:8px}.sa-bs__point small{font-size:4px}.sa-bs__selected{right:14px;bottom:14px;width:62%;padding:14px 15px}.sa-bs__selected strong{font-size:21px}}