/* Explore: watch the experience, try the controls, discover how it is made. */
.explore-page .tutorial-main{padding-top:32px}
.explore-page [id]{scroll-margin-top:110px}
.explore-page .explore-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,3vw,44px);padding:clamp(22px,3vw,36px)}
.explore-page .explore-intro{min-width:0}
.explore-page .explore-hero h1{font-size:clamp(34px,3.7vw,54px);line-height:1.04;max-width:11ch;margin:12px 0 18px}
.explore-page .explore-hero p{font-size:17px;line-height:1.65;max-width:40ch}
.explore-page .public-actions{gap:10px}
.explore-page .explore-intro .public-btn{font-size:14px;padding:12px 14px}
.explore-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-size:14px;font-weight:750;text-underline-offset:5px;color:#c8d7ec}
.explore-text-link span{font-size:24px;color:#f5d21f}
.explore-film{min-width:0;margin:0;background:#091321;border:1px solid #3b5169;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #0005}
.explore-player{position:relative;aspect-ratio:16/9;background:#07101a}
.explore-player video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}
.explore-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;width:100%;background:linear-gradient(180deg,#03091105,#03091177);color:#fff;cursor:pointer;font:inherit;font-weight:800;text-shadow:0 2px 6px #000}
.explore-play[hidden],.explore-video-fallback[hidden]{display:none}
.explore-play-icon{display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border-radius:50%;border:2px solid #ffffffd9;background:#d71920;font-size:26px;box-shadow:0 6px 32px #0009;transition:transform .15s,background .15s}
.explore-play:hover .explore-play-icon{background:#f02129;transform:scale(1.06)}
.explore-film figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:16px 18px;border-top:1px solid #2d4056}
.explore-film figcaption strong{font-size:15px;line-height:1.4}
.explore-film figcaption>span{font-size:12px;color:#b4c6dc;white-space:nowrap}
.explore-page .explore-video-status,.explore-page .explore-video-fallback{margin:0;padding:0 18px 14px;font-size:14px;line-height:1.5;color:#d1ddec;max-width:none}
.explore-video-status:empty{display:none}
.explore-video-fallback a{text-underline-offset:4px}
.explore-waypoints{display:flex;flex-wrap:wrap;gap:12px 26px;padding:22px 4px;border-bottom:1px solid #293444}
.explore-waypoints a{display:inline-flex;align-items:center;gap:10px;min-height:40px;text-decoration:none;font-size:14px;font-weight:750;color:#c3cddd}
.explore-waypoints span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#f5d21f}
.explore-waypoints a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.explore-tour-section{padding-top:38px}
.explore-section-heading h2,.explore-studio h2{font-size:clamp(27px,2.7vw,38px);letter-spacing:-.025em;line-height:1.12;margin:10px 0 12px}
.explore-section-heading p{max-width:760px;margin:0;color:#b2bdcf;font-size:16px;line-height:1.6}
.explore-page .tutorial-explorer{margin-top:24px}
.explore-page .tour-chapters{max-height:min(650px,calc(100vh - 118px));scrollbar-width:auto;scrollbar-color:#66768a #111722}
.explore-studio{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,3vw,44px);margin-top:44px;padding:clamp(22px,3vw,36px);border:1px solid #304e6a;border-radius:26px;background:linear-gradient(#6daae80a 1px,transparent 1px),linear-gradient(90deg,#6daae80a 1px,transparent 1px),#0c2035;background-size:28px 28px,28px 28px,auto}
.explore-studio .mps-kicker{color:#8cd0eb}
.explore-studio-copy{min-width:0}
.explore-studio-copy>p{color:#bdccdd;line-height:1.65;font-size:16px}
.explore-studio-copy .explore-studio-note{font-size:14px;color:#8cd0eb;margin-top:20px}
.explore-process{list-style:none;display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 0;padding:0}
.explore-process li{padding:6px 9px;border:1px solid #35536d;border-radius:6px;color:#bdccdd;font-size:11px;background:#07162688}
.explore-page .tutorial-finish{margin-top:32px}
.explore-page a:focus-visible,.explore-page button:focus-visible,.explore-player video:focus-visible{outline:3px solid #f5d21f;outline-offset:4px}
.explore-play:focus-visible{outline-offset:-5px!important}
@media(max-width:1100px){
  .explore-page .tour-stage{grid-template-columns:minmax(0,1fr)}
  .explore-page .tour-insight{position:static;min-height:0}
}
@media(max-width:980px){
  .explore-page .explore-hero,.explore-studio{grid-template-columns:minmax(0,1fr)}
  .explore-page .explore-hero h1{max-width:none;font-size:clamp(34px,5.5vw,48px)}
  .explore-page .explore-hero p{max-width:60ch}
  .explore-page .member-top{position:relative}
  .explore-page .tour-chapters{max-height:none}
  .explore-page [id]{scroll-margin-top:24px}
}
@media(max-width:600px){
  .explore-page .tutorial-main{padding-top:18px}
  .explore-page .explore-hero,.explore-studio{padding:20px 16px;border-radius:20px;gap:24px}
  .explore-waypoints{gap:2px 22px;padding:16px 4px}
  .explore-page .explore-hero h1{font-size:36px}
  .explore-film figcaption{padding:12px;align-items:flex-start;flex-direction:column}
  .explore-play-icon{width:56px;height:56px;font-size:22px}
  .explore-tour-section{padding-top:26px}
  .explore-page .tour-controls{flex-wrap:wrap}
  .explore-studio{margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.explore-play-icon{transition:none}}