/* Scoped to the new educational module and the session-film controls. */
#bt-explore-title{scroll-margin-top:105px}
.bt-explorer-shortcut{display:inline-flex;align-items:center;gap:25px;margin-top:24px;padding:12px 0;border-top:1px solid #20211d;font:600 12px Manrope,sans-serif;color:#234d96;text-decoration:none}
.bt-explorer-shortcut span{font-size:22px}.bt-explorer-shortcut:hover{text-decoration:underline;text-underline-offset:5px}.bt-explorer-shortcut:focus-visible{outline:2px solid #234d96;outline-offset:5px}
.bt-explore{padding:70px max(24px,5vw);border-top:1px solid #20211d;background:#e9e5d9;color:#20211d;text-align:left}
.bt-explore *{box-sizing:border-box}
.bt-explore .bx-top{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #20211d;padding-bottom:20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.bt-explore h2{font:500 clamp(40px,5.5vw,76px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:30px 0 35px;max-width:820px;color:#20211d}
.bt-explore h2 em{font-style:normal;color:#234d96}
.bx-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}
.bx-visual{position:relative;border:1px solid #20211d;background:#f2eee3;overflow:hidden}
.bx-visual svg{display:block;width:100%;max-height:540px}
.bx-visual .bx-other,.bx-visual .bx-ground{opacity:.13;transition:opacity .35s}
.bx-visual .bx-relationships{opacity:0;transition:opacity .35s}
.bx-visual .bx-gravity{opacity:0;transition:opacity .35s}
[data-mode="global"] .bx-other,[data-mode="gravity"] .bx-other,[data-mode="gravity"] .bx-ground,[data-mode="global"] .bx-relationships{opacity:1}
[data-mode="gravity"] .bx-gravity{opacity:1}
.bx-local-ring{opacity:1;transition:opacity .35s}
[data-mode="global"] .bx-local-ring,[data-mode="gravity"] .bx-local-ring{opacity:0}
.bx-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #20211d;margin-bottom:36px}
.bx-tabs button{background:transparent;color:#20211d;font:600 12px Manrope,sans-serif;padding:16px 9px;border:0;border-right:1px solid #20211d;cursor:pointer;min-height:52px}
.bx-tabs button:last-child{border-right:0}.bx-tabs button[aria-pressed="true"]{background:#234d96;color:#fff}
.bt-explore button:focus-visible,.bt-explore input:focus-visible,.bt-session-play:focus-visible{outline:3px solid #d3422e;outline-offset:5px}
.bx-description{min-height:204px}.bx-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9b3222}
.bx-description h3{font:500 clamp(27px,3vw,43px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:16px 0;color:#20211d}
.bx-description p{font:400 14px/1.85 Manrope,sans-serif;max-width:440px;color:#45483f}
.bx-slider{border-top:1px solid #20211d;padding-top:25px;margin-top:20px}
.bx-slider label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}
.bx-slider input{width:100%;accent-color:#234d96;cursor:ew-resize;min-height:28px;margin:0}
.bx-slider-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:9px;gap:20px}
.bx-slider-meta button{font:inherit;text-decoration:underline;background:none;border:0;padding:8px;color:#20211d;cursor:pointer}
.bx-note{margin:30px 0 0;font-size:10px;line-height:1.8;color:#55584f;max-width:490px}
.bx-note a{color:#234d96;text-underline-offset:3px}
.bx-figure-footer{display:flex;justify-content:space-between;border-top:1px solid #20211d;padding:13px 15px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.bt-session-play{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#20211d;z-index:2;color:#fff}
.bt-session-play[hidden]{display:none}
.bt-session-play{display:block;text-decoration:none}
.bt-session-play img{width:100%;height:100%;object-fit:cover;opacity:.8}
.bt-session-play>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font:600 11px Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 5px #000}
.bt-session-play i{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#d3422e;font-style:normal;font-size:25px;padding-left:4px;box-shadow:0 0 0 12px #f2eee320}
.bt-video-action{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:15px 0 0;font:400 11px/1.7 Manrope,sans-serif;color:#d2d1c7}
.bt-video-action a{color:#ebba32;text-underline-offset:4px;white-space:nowrap}
.bt-video-action button{font:inherit;color:#ebba32;background:transparent;border:1px solid #ebba32;padding:7px 12px;cursor:pointer}
.bt-video-action button:focus-visible{outline:2px solid #f2eee3;outline-offset:4px}
@media(max-width:760px){.bt-explore{padding:40px 20px}.bx-top span:last-child{display:none}.bx-grid{grid-template-columns:1fr;gap:28px}.bx-visual svg{max-height:440px}.bx-tabs{margin-bottom:25px}.bx-description{min-height:175px}.bx-note{margin-top:20px}.bt-explore h2{font-size:43px}.bx-figure-footer{font-size:8px}.bx-tabs button{font-size:11px}.bt-session-play i{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.bt-explore svg *{transition:none!important}}

/* Phone composition: keep the view switch, drawing and slider together. */
@media(max-width:768px){
  #bt-explore-title{scroll-margin-top:82px}
  .bt-explore{padding:28px 16px 40px}
  .bt-explore .bx-top{font-size:9px;padding-bottom:14px}
  .bt-explore h2{font-size:clamp(29px,8.2vw,39px);line-height:1.07;letter-spacing:-.055em;margin:18px 0 22px}
  .bx-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .bx-controls{display:contents}
  .bx-tabs{order:0;margin:0;border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .bx-tabs button{min-height:48px;padding:10px 4px;font-size:11px;line-height:1.3;touch-action:manipulation}
  .bx-visual{order:1}
  .bx-visual svg{height:clamp(230px,63vw,290px);max-height:none;min-width:0}
  .bx-figure-footer{display:none}
  .bx-slider{order:2;margin:0 0 24px;padding:14px 12px 4px;border:1px solid #20211d;border-top:0;background:#f2eee3}
  .bx-slider label{font-size:12px;line-height:1.5;margin-bottom:0}
  .bx-slider input{display:block;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:44px;min-height:44px;cursor:ew-resize;touch-action:pan-y}
  .bx-slider input::-webkit-slider-runnable-track{height:5px;background:#aebbcf;border-radius:3px}
  .bx-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;border:3px solid #f2eee3;border-radius:50%;background:#234d96;box-shadow:0 0 0 1px #234d96;margin-top:-11.5px}
  .bx-slider input::-moz-range-track{height:5px;background:#aebbcf;border-radius:3px}
  .bx-slider input::-moz-range-thumb{width:22px;height:22px;border:3px solid #f2eee3;border-radius:50%;background:#234d96;box-shadow:0 0 0 1px #234d96}
  .bx-slider-meta{font-size:11px;margin-top:0;gap:8px;flex-wrap:wrap}
  .bx-slider-meta button{font-size:11px;min-height:44px;padding:8px 0;touch-action:manipulation}
  .bx-description{order:3;min-height:0;padding:0 2px}
  .bx-description h3{font-size:28px;margin:12px 0;line-height:1.12}
  .bx-description p{font-size:14px;line-height:1.7;max-width:none;margin:0}
  .bx-note{order:4;font-size:11px;line-height:1.7;margin-top:20px;padding-right:30px;max-width:none}
  .bx-controls noscript{order:5}
  .bt-video-action{gap:12px;font-size:12px}
  .bt-video-action button,.bt-video-action a{min-height:44px;display:inline-flex;align-items:center}
  .bt-session-play>span{font-size:10px;letter-spacing:.08em;padding:12px;text-align:center}
  html.bt-home .video-card:nth-child(2){padding-left:0}
  html.bt-home .bt-explorer-shortcut{font-size:12px;gap:16px;max-width:100%;min-height:48px;line-height:1.5}
}
