/* v27: a complete editorial layout, shared across the public site and portal. */
#bsx{--sense-paper:#efe9dc;--sense-ink:#091017;--sense-accent:#dfc49b}
#bsx.bsx-v5{background:#091017}
#bsx.bsx-v5 .section{padding-block:clamp(64px,8vw,112px)}
#bsx.bsx-v5 .section .wrap,#bsx.bsx-v5 .section.wrap{width:min(1320px,calc(100% - 96px));padding-inline:0;margin-inline:auto}
#bsx.bsx-v5 .section .section-head{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:50px;margin-bottom:44px;align-items:end}
#bsx.bsx-v5 .section h2{font-size:clamp(38px,5.1vw,72px);line-height:1.04;letter-spacing:-.055em;max-width:900px}
#bsx.bsx-v5 .section .section-head>p{font-size:16px;line-height:1.75;max-width:390px}
#bsx.bsx-v5 .tag{letter-spacing:.18em;font-size:10px}
#bsx.bsx-v5 .header{background:#091017eb;border-bottom:1px solid #c6d1d41a;backdrop-filter:blur(18px)}
#bsx.bsx-v5 .nav-wrap{width:min(1440px,100%);margin:auto;height:82px;padding-inline:40px}
#bsx.bsx-v5 .studio-hero .hero-grid{width:min(1320px,calc(100% - 96px));grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:740px;padding:60px 0;gap:20px}
#bsx.bsx-v5 .studio-hero .hero-content{padding:0;max-width:760px}
#bsx.bsx-v5 .studio-hero h1{font-size:clamp(54px,6.2vw,92px);line-height:.98;letter-spacing:-.06em}
#bsx.bsx-v5 .studio-hero .hero-content>p{font-size:18px;line-height:1.7;max-width:560px;margin-top:28px}
#bsx.bsx-v5 .studio-hero .sense-device-scene{height:620px}
#bsx.bsx-v5 .hero-follow{margin-top:30px}
#bsx.bsx-v5 .sense-chapters{display:flex;align-items:center;gap:25px;justify-content:space-between;width:min(1320px,calc(100% - 96px));margin:0 auto;padding:24px 0;border-block:1px solid #bdcdd426}
#bsx.bsx-v5 .sense-chapters a{display:flex;gap:13px;align-items:center;min-height:44px;color:#e3cfb0;font-size:12px;letter-spacing:.06em}
#bsx.bsx-v5 .sense-chapters small{color:#859dab;font-size:10px}
/* Offers become a deliberate asymmetrical composition. */
#bsx.bsx-v5 .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#bsx.bsx-v5 .offer-card,#bsx.bsx-v5 .offer-card.featured{grid-area:auto;padding:32px;min-width:0;border-radius:24px}
#bsx.bsx-v5 .offer-card.featured{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:0 35px;background:radial-gradient(ellipse at 90% 0,#aa845348,transparent 65%),#19232b}
#bsx.bsx-v5 .offer-card.featured .card-top,#bsx.bsx-v5 .offer-card.featured h3,#bsx.bsx-v5 .offer-card.featured>p{grid-column:1}
#bsx.bsx-v5 .offer-card.featured .price-row{grid-column:2;grid-row:2/4;display:grid;grid-template-columns:1fr;align-content:center;margin:0}
#bsx.bsx-v5 .offer-card.featured .card-cta{grid-column:1/-1;margin-top:30px}
#bsx.bsx-v5 .offer-card:nth-child(4){grid-column:3;grid-row:1}
#bsx.bsx-v5 .offer-card:nth-child(2),#bsx.bsx-v5 .offer-card:nth-child(3){grid-area:auto;grid-column:auto}
#bsx.bsx-v5 .offer-card.group-card{grid-area:auto;grid-column:auto;display:flex;padding:32px;border:1px dashed #b8cbd53d;border-radius:24px;background:#0c1720;box-shadow:none;gap:18px;align-items:flex-start}
#bsx.bsx-v5 .offer-card.group-card h3{margin:18px 0 0}
#bsx.bsx-v5 .offer-card h3{font-size:clamp(26px,2.7vw,40px);margin:25px 0 18px}
#bsx.bsx-v5 .offer-card.featured h3{font-size:clamp(36px,4.4vw,60px)}
#bsx.bsx-v5 .offer-card>p{font-size:15px;line-height:1.7}
#bsx.bsx-v5 .offer-card .price-row{gap:16px}
#bsx.bsx-v5 .price-row strong{font-size:25px}
/* Compass: precise cardinal positioning, independent of word length. */
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(2){left:50%;right:auto;bottom:15px;top:auto;transform:translateX(-50%);white-space:nowrap;text-align:center}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(4){left:50%;right:auto;top:15px;bottom:auto;transform:translateX(-50%);white-space:nowrap;text-align:center}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(1){right:9px;left:auto;top:50%;transform:translateY(-50%)}
#bsx.bsx-v5 .sense-compass-dial>span:nth-of-type(3){left:9px;right:auto;top:50%;transform:translateY(-50%)}
#bsx.bsx-v5 #bs-compass .compass-shell{padding:48px;gap:50px;border-radius:30px}
#bsx.bsx-v5 #bs-compass .compass-copy h2{font-size:clamp(36px,4.5vw,64px)}
/* Signature balance: open stage instead of a nested card. */
#bsx.bsx-v5 .balance{background:radial-gradient(ellipse at 28% 40%,#31526a40,transparent 55%),#101b25;border:0}
#bsx.bsx-v5 .balance .sense-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
#bsx.bsx-v5 .balance .sense-stage-copy{padding:24px 0 24px 40px}
#bsx.bsx-v5 .balance .sense-points{gap:12px;border:0;margin-top:24px}
#bsx.bsx-v5 .balance .sense-points button{border:1px solid #a4c3d42c;border-radius:18px;background:#09131b;padding:22px 18px}
#bsx.bsx-v5 .balance .sense-points button.active{background:#d8c29e;color:#091017;box-shadow:0 6px 0 #635843}
#bsx.bsx-v5 .balance .sense-points button.active strong,#bsx.bsx-v5 .balance .sense-points button.active small,#bsx.bsx-v5 .balance .sense-points button.active span{color:#17232b}
#bsx.bsx-v5 .balance .sense-points button::after{display:none}
/* Method navigation lives beside its stage on larger screens. */
#bsx.bsx-v5 .method{background:#091017;border:0}
#bsx.bsx-v5 .method-ultra{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:0;background:none;border:0;box-shadow:none}
#bsx.bsx-v5 .method-tabs{display:flex;flex-direction:column;border:0;margin:0;gap:8px}
#bsx.bsx-v5 .method-tabs button{border:1px solid #a1bbce22;border-radius:12px;min-height:68px;padding:15px;background:#111e28;gap:10px}
#bsx.bsx-v5 .method-tabs button.active{background:#dfc49b;box-shadow:0 4px 0 #746043}
#bsx.bsx-v5 .method-tabs button.active strong,#bsx.bsx-v5 .method-tabs button.active span{color:#15202a}
#bsx.bsx-v5 .method-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:35px}
#bsx.bsx-v5 .method-visual-panel{border-radius:28px;box-shadow:0 8px 0 #030a10}
#bsx.bsx-v5 .method-framework{grid-template-columns:1fr;gap:14px}
#bsx.bsx-v5 .method-framework article{display:grid;grid-template-columns:24px 1fr;gap:4px 12px}
#bsx.bsx-v5 .method-framework article p{grid-column:2}
#bsx.bsx-v5 .method-framework h4{margin:0}
/* Portrait + story: large portrait, comfortable readable text measure. */
#bsx.bsx-v5 .about{background:#15232d}
#bsx.bsx-v5 .about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
#bsx.bsx-v5 .portrait-frame{border-radius:180px 180px 24px 24px;min-height:0;aspect-ratio:4/5;border:1px solid #c5d4d94d;box-shadow:10px 12px 0 #0a151f,24px 26px 0 -1px #dfc49b26;overflow:hidden}
#bsx.bsx-v5 .portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}
#bsx.bsx-v5 .about-copy p{font-size:16px;line-height:1.85;max-width:610px;margin-top:22px}
#bsx.bsx-v5 .about-copy blockquote{font-size:clamp(26px,3vw,42px);line-height:1.2;border-left:2px solid #dfc49b;padding-left:24px;margin:32px 0 0;color:#dfc49b}
#bsx.bsx-v5 .journey{background:#15232d;border-top:1px solid #c3d4df22}
#bsx.bsx-v5 .journey-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#bsx.bsx-v5 .journey-track article{border:0;padding:24px 0 24px 22px;border-left:1px solid #dfc49b66}
#bsx.bsx-v5 .journey-track article::before{top:24px;left:-4px}
#bsx.bsx-v5 .journey-track h3{font-size:25px;margin:16px 0}
/* Academy is a contrasting champagne chapter with dark learning modules. */
#bsx.bsx-v5 .academy-new{background:#e8decd;color:#17232c;border:0;box-shadow:none}
#bsx.bsx-v5 .academy-new h2,#bsx.bsx-v5 .academy-new h2 em,#bsx.bsx-v5 .academy-new .tag{color:#17232c}
#bsx.bsx-v5 .academy-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:40px;align-items:center}
#bsx.bsx-v5 .academy-top p{color:#46515a;font-size:16px;line-height:1.8;max-width:620px}
#bsx.bsx-v5 .academy-loop{color:#6a5437;border-color:#705d3e44;font-size:12px;white-space:normal}
#bsx.bsx-v5 .path-grid.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:42px}
#bsx.bsx-v5 .path-grid article{background:#14232f;color:#eee8dc;border:1px solid #405362;border-radius:22px;padding:25px 20px;min-height:210px;box-shadow:0 7px 0 #b8ac98;transition:transform .25s}
#bsx.bsx-v5 .path-grid article>span{font-size:38px;color:#d8c19e;letter-spacing:-.05em;display:block}
#bsx.bsx-v5 .path-grid article small{color:#a6bfce;display:block;margin:20px 0 8px}
#bsx.bsx-v5 .path-grid article h3{font-size:20px;line-height:1.2;color:#f3eadb}
#bsx.bsx-v5 .academy-new .actions .btn.ghost{color:#15232c;border-color:#15232c66;background:transparent;box-shadow:none}
/* Follow is typography, not a stack of promotional boxes. */
#bsx.bsx-v5 .follow-editorial{background:#091017;border:0}
#bsx.bsx-v5 .follow-editorial a{transition:color .2s}
#bsx.bsx-v5 .follow-editorial a:hover{color:#dfc49b}
#bsx.bsx-v5 .media-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px}
#bsx.bsx-v5 .media-feature,#bsx.bsx-v5 .media-side{border-radius:22px;background:#11212d;border:1px solid #b8ced52c;overflow:hidden}
#bsx.bsx-v5 .media-frame{border-radius:15px;overflow:hidden}
#bsx.bsx-v5 .member-space{background:radial-gradient(ellipse at 0 50%,#3a617a33,transparent 60%),#101c26}
#bsx.bsx-v5 .member-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:70px;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
#bsx.bsx-v5 .member-columns{display:grid;grid-template-columns:1fr;gap:24px;border:0;overflow:visible}
#bsx.bsx-v5 .member-columns>div,#bsx.bsx-v5 .member-columns>div+div{padding:20px 0;border:0;border-top:1px solid #d7c09a66}
#bsx.bsx-v5 .member-columns ul{margin:10px 0 0}
#bsx.bsx-v5 .member-columns li{font-size:13px;padding:10px 0}
#bsx.bsx-v5 .radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#bsx.bsx-v5 .radar-card{background:#132430;border:1px solid #b0c8d02b;border-radius:20px;min-width:0}
#bsx.bsx-v5 .discover-space{background:#0e1c26}
#bsx.bsx-v5 .discover-grid.refined{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#bsx.bsx-v5 .direct-cta{background:#dec6a2}
#bsx.bsx-v5 .direct-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:60px;padding:0;background:none;border:0;box-shadow:none}
#bsx.bsx-v5 .direct-card h2,#bsx.bsx-v5 .direct-card h2 em,#bsx.bsx-v5 .direct-card .tag{color:#17222b}
#bsx.bsx-v5 .direct-card p{color:#49524f}
#bsx.bsx-v5 .social-big{background:#13232e;border-radius:18px;border:0;color:#f3e9d7;padding:22px;min-width:0}
#bsx.bsx-v5 .social-big strong{font-size:clamp(16px,2vw,24px);overflow-wrap:anywhere}
#bsx.bsx-v5 .site-footer{margin:0;padding:45px 0;background:#081017}
/* Same typography and grid rhythm in the account and community areas. */
#bsx.bs-portal .bp-main{max-width:1320px;padding-top:70px}
#bsx.bs-portal .bp-register-grid{gap:8%;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
#bsx.bs-portal .bp-form-panel{border-radius:24px;background:#15232f}
#bsx.bs-portal .bp-member-links a{background:#14232e;padding:26px;border-radius:18px}
#bsx.platform-page .community-page-hero{gap:60px;align-items:center}
#bsx.platform-page .bc-practice-grid{gap:24px}
@media(hover:hover) and (pointer:fine){#bsx.bsx-v5 .path-grid article:hover{transform:translateY(-6px)}}
@media(max-width:1100px){
 #bsx.bsx-v5 .method-ultra{grid-template-columns:1fr}
 #bsx.bsx-v5 .method-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
 #bsx.bsx-v5 .method-tabs button{flex-direction:column;align-items:flex-start}
 #bsx.bsx-v5 .path-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}
 #bsx.bsx-v5 .about-grid{gap:45px}
}
@media(max-width:900px){
 #bsx.bsx-v5 .section .wrap,#bsx.bsx-v5 .section.wrap,#bsx.bsx-v5 .sense-chapters{width:calc(100% - 40px)}
 #bsx.bsx-v5 .section .section-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
 #bsx.bsx-v5 .section .section-head>p{max-width:600px}
 #bsx.bsx-v5 .studio-hero .hero-grid{width:calc(100% - 40px);grid-template-columns:1fr;min-height:0;padding:40px 0 10px}
 #bsx.bsx-v5 .studio-hero h1{font-size:clamp(48px,9vw,78px)}
 #bsx.bsx-v5 .studio-hero .sense-device-scene{height:470px}
 #bsx.bsx-v5 .sense-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:14px 0}
 #bsx.bsx-v5 .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #bsx.bsx-v5 .offer-card.featured{grid-column:1/-1}
 #bsx.bsx-v5 .offer-card:nth-child(4){grid-area:auto}
 #bsx.bsx-v5 .offer-card.group-card{grid-column:1/-1}
 #bsx.bsx-v5 .balance .sense-stage,#bsx.bsx-v5 .about-grid,#bsx.bsx-v5 .academy-top,#bsx.bsx-v5 .member-card,#bsx.bsx-v5 .direct-card{grid-template-columns:1fr;gap:32px}
 #bsx.bsx-v5 .balance .sense-stage-art{max-width:520px;margin:auto}
 #bsx.bsx-v5 .balance .sense-stage-copy{padding:12px 0 24px}
 #bsx.bsx-v5 .balance .sense-points{grid-template-columns:repeat(2,minmax(0,1fr))}
 #bsx.bsx-v5 .portrait-frame{max-width:520px;width:calc(100% - 20px);margin:0 auto 22px;aspect-ratio:4/5}
 #bsx.bsx-v5 .journey-track{grid-template-columns:repeat(2,minmax(0,1fr))}
 #bsx.bsx-v5 .discover-grid.refined{grid-template-columns:repeat(2,minmax(0,1fr))}
 #bsx.bsx-v5 #bs-compass .compass-shell{padding:30px 24px;gap:30px}
 #bsx.bsx-v5 .member-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #bsx.bsx-v5 .section{padding-block:64px}
 #bsx.bsx-v5 .section h2{font-size:clamp(35px,9vw,48px)}
 #bsx.bsx-v5 .nav-wrap{height:68px;padding-inline:20px}
 #bsx.bsx-v5 .studio-hero .hero-content>p{font-size:16px;line-height:1.8}
 #bsx.bsx-v5 .studio-hero .sense-device-scene{height:430px}
 #bsx.bsx-v5 .offer-grid,#bsx.bsx-v5 .offer-card.featured{display:flex;flex-direction:column;gap:22px}
 #bsx.bsx-v5 .offer-card,#bsx.bsx-v5 .offer-card.featured,#bsx.bsx-v5 .offer-card.group-card{width:100%;padding:26px;gap:0;grid-area:auto}
 #bsx.bsx-v5 .offer-card.featured .price-row{grid-template-columns:1fr 1fr;margin-top:22px}
 #bsx.bsx-v5 .offer-card.featured h3{font-size:36px}
 #bsx.bsx-v5 .balance .sense-points button{padding:17px 12px;min-width:0}
 #bsx.bsx-v5 .balance .sense-points button strong{font-size:18px}
 #bsx.bsx-v5 .method-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #bsx.bsx-v5 .method-tabs button{flex-direction:row;min-height:58px;align-items:center;padding:12px}
 #bsx.bsx-v5 .method-tabs button:last-child{grid-column:1/-1}
 #bsx.bsx-v5 .method-tabs button strong{font-size:12px;line-height:1.4}
 #bsx.bsx-v5 .method-stage{grid-template-columns:1fr;gap:25px}
 #bsx.bsx-v5 .method-visual-stack{max-width:440px;width:100%;margin:auto}
 #bsx.bsx-v5 .method-copy{padding:10px 0}
 #bsx.bsx-v5 .journey-track{grid-template-columns:1fr;gap:10px}
 #bsx.bsx-v5 .path-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #bsx.bsx-v5 .path-grid article{min-height:185px;padding:22px 16px}
 #bsx.bsx-v5 .path-grid article:last-child{grid-column:1/-1;min-height:155px}
 #bsx.bsx-v5 .media-grid,#bsx.bsx-v5 .radar-grid,#bsx.bsx-v5 .discover-grid.refined,#bsx.bsx-v5 .member-columns{grid-template-columns:1fr}
 #bsx.bsx-v5 #bs-compass .compass-shell{padding:26px 16px}
 #bsx.bsx-v5 .direct-actions{gap:14px}
 #bsx.bsx-v5 .social-big{padding:20px 16px}
 #bsx.bs-portal .bp-register-grid{grid-template-columns:1fr;gap:35px}
 #bsx.bs-portal .bp-main{padding-top:40px}
}

/* v27.1 — Explicit light-section / dark-card contrast boundaries. */
#bsx.bsx-v5 #bs-academy{background:#e8decd;color:#17232c}
#bsx.bsx-v5 #bs-academy .academy-top h2,#bsx.bsx-v5 #bs-academy .academy-top h2 em,#bsx.bsx-v5 #bs-academy .tag{color:#17232c;-webkit-text-fill-color:#17232c;opacity:1;background:none}
#bsx.bsx-v5 #bs-academy .academy-top p,#bsx.bsx-v5 #bs-academy .academy-bottom>small{color:#46515a}
#bsx.bsx-v5 #bs-academy .academy-loop,#bsx.bsx-v5 #bs-academy .academy-live>small{color:#654c2f}
#bsx.bsx-v5 #bs-academy .tag::before{background:#654c2f}
#bsx.bsx-v5 #bs-academy .path-grid.five article,#bsx.bsx-v5 #bs-academy .course-preview>a{background:#14232f;color:#f3eadb;border-color:#405362}
#bsx.bsx-v5 #bs-academy .path-grid.five article h3,#bsx.bsx-v5 #bs-academy .course-preview>a strong,#bsx.bsx-v5 #bs-academy .course-preview>a b{color:#f3eadb;-webkit-text-fill-color:#f3eadb}
#bsx.bsx-v5 #bs-academy .path-grid.five article>span,#bsx.bsx-v5 #bs-academy .course-preview>a span{color:#dfc49b}
#bsx.bsx-v5 #bs-academy .path-grid.five article small,#bsx.bsx-v5 #bs-academy .path-grid.five article p{color:#bbd0db}
#bsx.bsx-v5 #bs-academy .academy-bottom .btn.dark{background:#14232f;color:#f3eadb;border-color:#14232f;box-shadow:0 5px 0 #a89a82}
#bsx.bsx-v5 #bs-academy .academy-bottom .btn.dark:hover{background:#263d4e;color:#ffffff}
#bsx.bsx-v5 #bs-academy .academy-bottom .btn.dark span{color:inherit}
#bsx.bsx-v5 #bs-academy .academy-live,#bsx.bsx-v5 #bs-academy .academy-bottom{border-color:#17232c44}
#bsx.bsx-v5 #bs-academy a:focus-visible{outline:3px solid #654c2f;outline-offset:5px}