/* Three native-scroll scenes. No scroll interception; all transforms follow section progress. */
body.bluemusic-page { background:#0a0b0b; }
#bm-main { --header-h:86px; --bottom-safe:0px; --scene-h:calc(100svh - var(--header-h) - var(--bottom-safe)); overflow:clip; line-height:1.4; position:relative; }
#bm-main section { scroll-margin-top:var(--header-h); }
#bm-main a:hover { color:inherit; }
#bm-main h1,#bm-main h2,#bm-main h3 { font-family:'Pretendard Variable',Arial,sans-serif; font-weight:800; }
#bm-main .hero h1,#bm-main .download h2 { font-family:Arial,Helvetica,sans-serif; font-weight:900; }
#bm-main .hero:before { display:none; }
#bm-main .hero-copy { text-align:left; }
#bm-main .button { text-decoration:none; }
#bm-main .bm-product-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 5.5%; border-bottom:1px solid #ffffff20; background:#0a0b0b; position:relative; z-index:2; }
#bm-main .bm-product-bar>a:first-child { font-size:18px; font-weight:850; letter-spacing:-.7px; }
#bm-main .bm-product-bar>a:first-child>span { font-size:14px; vertical-align:super; margin-left:4px; }
#bm-main .bm-product-bar>.mono { color:#8d9482; font-size:14px; }
#bm-main .bm-product-bar>a:last-child { color:var(--lime); font-size:14px; }
#bm-main .hero-word { display:block; }
#bm-main .hero h1>span.hero-word:not(.title-star) { color:var(--paper); -webkit-text-stroke:0; }
#bm-main .hero h1>span.hero-word.outline:not(.title-star) { color:transparent; -webkit-text-stroke:1px var(--paper); }
#bm-main .hero h1>span.hero-word:nth-child(3):not(.title-star) { color:var(--lime); }
#bm-main .hero-orbits,#bm-main .sound-field,#bm-main .hero-finale,#bm-main .scene-meter,#bm-main .experience-word,#bm-main .floating-note { display:none; }
#bm-main .hero h1 .title-star { color:var(--lime); -webkit-text-stroke:0; }
#bm-main .scene-counter { display:flex; gap:20px; align-items:center; }
#bm-main .scene-counter b { color:var(--lime); font-weight:400; }
#bm-main .assembly-steps { display:flex; gap:22px; }
#bm-main .assembly-steps span { color:#6a735d; transition:color .2s; }
#bm-main .assembly-steps span.active { color:var(--lime); }
#bm-main .player-scene { position:relative; perspective:1600px; }
#bm-main .experience { height:auto; }
#bm-main .experience-sticky { position:relative; top:auto; }
#bm-main .feature-navigation { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:25px; }
#bm-main .feature-navigation>.mono { color:#a4ad95; font-size:14px; }
#bm-main .feature-dots { display:flex; gap:8px; }
#bm-main .feature-dots button { width:45px; height:35px; border:1px solid #566147; background:none; color:#9ca38f; border-radius:3px; font-size:14px; }
#bm-main .feature-dots button[aria-pressed=true] { background:var(--lime); border-color:var(--lime); color:#182109; }
#bm-main .feature-details { padding-top:0; }
#bm-main .feature-details .details-grid { margin:0; }
.bm-program-support { max-width:1500px; margin:auto; padding:30px 5.5%; background:#0a0b0b; }
.bm-program-support>details>summary { display:flex; justify-content:space-between; padding:22px 0; color:#bbc2af; font-size:14px; cursor:pointer; list-style:none; }
.bm-program-support>details>summary::-webkit-details-marker { display:none; }
.bm-program-support>details>summary:focus-visible { outline:2px solid #ccff3e; outline-offset:5px; }
.bm-program-support .pgq { border-radius:8px; }

/* Scene 01: the cover opens into a spinning record and a field of sound. */
.bm-motion #bm-main .hero-sequence { height:275svh; position:relative; }
.bm-motion #bm-main .hero { position:sticky; top:var(--header-h); height:var(--scene-h); min-height:0; max-height:none; padding:30px 5.5% 0; background:#080909; }
.bm-motion #bm-main .hero-art { top:-4%; bottom:-4%; right:-10%; width:90%; transform-origin:62% 52%; z-index:-2; }
.bm-motion #bm-main .hero-art img { mask-image:linear-gradient(90deg,transparent,#000 18%); }
.bm-motion #bm-main .hero-copy { padding-top:32px; width:65%; z-index:4; }
.bm-motion #bm-main .hero h1 { font-size:clamp(88px,10.2vw,155px); line-height:.82; }
.bm-motion #bm-main .hero-copy>p { margin:25px 0 18px; font-size:14px; }
.bm-motion #bm-main .hero-copy .button { min-height:50px; }
.bm-motion #bm-main .hero-bottom { bottom:24px; z-index:6; }
.bm-motion #bm-main .hero-top { z-index:5; }
.bm-motion #bm-main .hero-orbits { display:block; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:0; }
.bm-motion #bm-main .hero-orbits i { position:absolute; top:50%; left:50%; width:70vmin; height:70vmin; border:1px solid #ccff3e80; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 80px #ccff3e0d,inset 0 0 80px #ccff3e0d; }
.bm-motion #bm-main .hero-orbits i:nth-child(2) { width:100vmin; height:100vmin; border-style:dashed; }
.bm-motion #bm-main .hero-orbits i:nth-child(3) { width:135vmin; height:135vmin; border-color:#ccff3e25; }
.bm-motion #bm-main .sound-field { display:block; position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; opacity:0; }
.bm-motion #bm-main .hero-finale { display:flex; position:absolute; inset:0; z-index:3; align-items:center; justify-content:center; flex-direction:column; opacity:0; pointer-events:none; }
.bm-motion #bm-main .hero-finale>.mono { color:var(--lime); font-size:14px; letter-spacing:3px; }
.bm-motion #bm-main .hero-finale h2 { font-size:clamp(85px,12vw,190px); line-height:1.04; letter-spacing:-.075em; text-align:center; margin:30px 0 20px; }
.bm-motion #bm-main .hero-finale h2 em { color:var(--lime); text-shadow:0 0 38px #baff242e,0 0 100px #a7ff161a; }
.bm-motion #bm-main .hero-finale:before { content:''; position:absolute; z-index:-1; width:70vmin; height:70vmin; border-radius:50%; background:radial-gradient(ellipse,#080d09b0 15%,#080d0980 48%,transparent 70%); pointer-events:none; }
.bm-motion #bm-main .hero-orbits i { border-color:#ccff3e30; box-shadow:0 0 100px #ccff3e12,inset 0 0 80px #a3ff2b0a; }
.bm-motion #bm-main .hero-orbits i:nth-child(2) { border-color:#99ffd526; }
#bm-main .fx-toggle { display:none; }
.bm-motion #bm-main .fx-toggle { display:block; position:absolute; right:5.5%; bottom:62px; z-index:7; border:1px solid #d1ff5940; border-radius:30px; padding:10px 15px; background:#0b140cb3; color:#dbe6c6; font-size:14px; letter-spacing:.3px; cursor:pointer; }
.bm-motion #bm-main .fx-toggle:hover { border-color:var(--lime); color:var(--lime); }
.bm-motion #bm-main .fx-toggle[hidden] { display:none; }
@media(max-width:700px) { .bm-motion #bm-main .fx-toggle { right:6%; bottom:50px; font-size:14px; padding:9px 12px; } }
.bm-motion #bm-main .hero-finale p { color:#cbd2c0; font-size:16px; letter-spacing:2px; }
.bm-motion #bm-main .scene-meter { display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#ffffff15; z-index:8; }
.bm-motion #bm-main .scene-meter i { display:block; width:100%; height:100%; background:var(--lime); transform:scaleX(0); transform-origin:left; }

/* Scene 02: separated interface planes assemble into one functional preview. */
.bm-motion #bm-main .experience { height:310svh; background:#10140d; }
.bm-motion #bm-main .experience-sticky { position:sticky; top:var(--header-h); height:var(--scene-h); padding:32px 5.5% 25px; max-width:none; isolation:isolate; display:flex; flex-direction:column; perspective:none; }
.bm-motion #bm-main .experience-word { display:block; position:absolute; top:22%; left:8%; font-family:Arial,sans-serif; font-size:24vw; font-weight:900; letter-spacing:-.07em; line-height:.78; color:#2a381b; z-index:-1; opacity:.5; pointer-events:none; }
.bm-motion #bm-main .experience-heading { margin:25px 0 15px; flex-shrink:0; position:relative; z-index:5; }
.bm-motion #bm-main .experience-heading h2 { font-size:clamp(30px,3.4vw,53px); }
.bm-motion #bm-main .experience-heading p { font-size:14px; }
.bm-motion #bm-main .player-scene { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; transform-style:preserve-3d; }
.bm-motion #bm-main .player-wrap { width:86%; max-width:1030px; margin:0 auto; transform-style:preserve-3d; position:relative; z-index:2; }
.bm-motion #bm-main .player { overflow:visible; border:0; background:transparent; box-shadow:none; transform-style:preserve-3d; position:relative; }
.bm-motion #bm-main .player::before { content:''; position:absolute; inset:0; background:var(--surface); border:1px solid #ffffff20; border-radius:12px; box-shadow:0 35px 70px #0009; opacity:var(--assembled,0); }
.bm-motion #bm-main .player-title { position:relative; background:var(--side); border-radius:10px 10px 0 0; }
.bm-motion #bm-main .player-body { transform-style:preserve-3d; }
.bm-motion #bm-main .player-content { position:relative; background:var(--surface); }
.bm-motion #bm-main .player-sidebar { position:relative; border-right:1px solid var(--border); }
.bm-motion #bm-main .player-bottom { position:relative; background:var(--side); border-radius:0 0 10px 10px; }
.bm-motion #bm-main .player-title,.bm-motion #bm-main .player-sidebar,.bm-motion #bm-main .player-content,.bm-motion #bm-main .player-bottom { will-change:transform; }
.bm-motion #bm-main .floating-note { display:grid; place-content:center; position:absolute; z-index:3; width:115px; height:135px; font-size:68px; font-weight:300; color:#1a230a; background:var(--lime); border-radius:4px; box-shadow:0 18px 50px #0006; text-align:center; line-height:1; }
.bm-motion #bm-main .floating-note small { font-family:'Courier New',monospace; font-size:14px; letter-spacing:1px; display:block; margin-top:10px; }
.bm-motion #bm-main .note-a { left:0; top:12%; transform:rotate(-18deg); }
.bm-motion #bm-main .note-b { right:0; top:7%; background:#dbc3ff; transform:rotate(15deg); }
.bm-motion #bm-main .note-c { right:5%; bottom:0; background:#e9efdc; width:95px; height:110px; font-size:55px; transform:rotate(-8deg); }
.bm-motion #bm-main .experience-foot { position:relative; z-index:4; margin-top:20px; flex-shrink:0; }

/* Scene 03: three oversized feature panels travel horizontally with vertical scrolling. */
.bm-motion #bm-main .features { height:330svh; position:relative; background:#0a0b0b; }
.bm-motion #bm-main .features-sticky { position:sticky; top:var(--header-h); height:var(--scene-h); padding:30px 0 25px; max-width:none; overflow:clip; display:flex; flex-direction:column; }
.bm-motion #bm-main .features-sticky>.eyebrow,.bm-motion #bm-main .feature-heading,.bm-motion #bm-main .feature-navigation { margin-left:5.5%; margin-right:5.5%; }
.bm-motion #bm-main .feature-heading { margin-top:23px; margin-bottom:28px; }
.bm-motion #bm-main .feature-heading h2 { font-size:clamp(32px,3.7vw,56px); }
.bm-motion #bm-main .feature-heading p { font-size:14px; }
.bm-motion #bm-main .feature-viewport { flex:1; min-height:0; position:relative; }
.bm-motion #bm-main .feature-grid { display:flex; gap:3vw; height:100%; width:max-content; padding:0 5.5vw; will-change:transform; }
.bm-motion #bm-main .feature-card { width:89vw; flex:0 0 89vw; max-width:none; height:100%; display:grid; grid-template-columns:1fr 1.15fr; grid-template-rows:auto 1fr auto auto; padding:clamp(25px,4vw,65px); position:relative; isolation:isolate; border:1px solid #444e30; border-radius:6px; background:#192010; }
.bm-motion #bm-main .feature-card .card-no { grid-column:1; grid-row:1; font-size:14px; color:#c2cdad; }
.bm-motion #bm-main .feature-card h3 { grid-column:1; grid-row:3; font-size:clamp(30px,4vw,60px); letter-spacing:-2px; margin:15px 0 20px; max-width:7em; line-height:1.14; }
.bm-motion #bm-main .feature-card p { grid-column:1; grid-row:4; font-size:14px; max-width:350px; color:#b5c09e; }
.bm-motion #bm-main .feature-card>div { grid-column:2; grid-row:1/5; height:100%; }
.bm-motion #bm-main .card-folder { background:radial-gradient(ellipse at 80% 50%,#364824,#182011 65%); }
.bm-motion #bm-main .card-keyboard { background:radial-gradient(ellipse at 80% 50%,#493263,#1d1528 65%); border-color:#66527d; }
.bm-motion #bm-main .card-keyboard .card-no,.bm-motion #bm-main .card-keyboard p { color:#c4b5d8; }
.bm-motion #bm-main .card-keyboard .space-key { background:#d1b0ff; border-color:#e7d6ff; border-bottom-color:#7f589f; color:#32134c; }
.bm-motion #bm-main .card-mini { background:radial-gradient(ellipse at 80% 50%,#2e5152,#112224 65%); border-color:#487173; }
.bm-motion #bm-main .card-mini .card-no,.bm-motion #bm-main .card-mini p { color:#a3c7c8; }
.bm-motion #bm-main .folder-art { transform:scale(1.9); }
.bm-motion #bm-main .folder { bottom:calc(50% - 75px); }
.bm-motion #bm-main .file-one { left:calc(50% - 64px); top:calc(50% - 89px); }
.bm-motion #bm-main .file-two { right:calc(50% - 63px); top:calc(50% - 76px); }
.bm-motion #bm-main .key-art { transform:rotate(-15deg) scale(1.8); }
.bm-motion #bm-main .mini-art { transform:scale(1.8); }
.bm-motion #bm-main .feature-navigation { margin-top:22px; flex-shrink:0; }
.bm-motion #bm-main .feature-details { padding-top:80px; }

@media(min-width:701px) and (max-height:800px) {
  .bm-motion #bm-main .hero h1 { font-size:min(9vw,16.8svh); }
  .bm-motion #bm-main .hero-copy { padding-top:22px; }
  .bm-motion #bm-main .hero-copy>p { margin-top:20px; font-size:14px; }
  .bm-motion #bm-main .hero-copy .button { min-height:42px; font-size:14px; }
  .bm-motion #bm-main .player-wrap { max-width:850px; }
  .bm-motion #bm-main .player-content { padding:15px 25px; }
  .bm-motion #bm-main .album-cover { width:80px; height:80px; }
  .bm-motion #bm-main .album-intro { margin-bottom:10px; }
  .bm-motion #bm-main .track { min-height:36px; padding-block:5px; }
  .bm-motion #bm-main .experience-heading { margin-block:16px 8px; }
  .bm-motion #bm-main .experience-heading h2 { font-size:34px; }
  .bm-motion #bm-main .experience-sticky { padding-top:22px; padding-bottom:20px; }
  .bm-motion #bm-main .player-title { height:32px; }
  .bm-motion #bm-main .player-bottom { padding-block:11px; }
  .bm-motion #bm-main .feature-heading { margin-block:15px 18px; }
  .bm-motion #bm-main .feature-heading h2 { font-size:34px; }
  .bm-motion #bm-main .feature-card h3 { font-size:40px; }
  .bm-motion #bm-main .folder-art,.bm-motion #bm-main .mini-art { transform:scale(1.5); }
  .bm-motion #bm-main .key-art { transform:rotate(-12deg) scale(1.5); }
}
@media(max-width:1000px) and (min-width:701px) {
  .bm-motion #bm-main .feature-card h3 { font-size:38px; }
  .bm-motion #bm-main .folder-art,.bm-motion #bm-main .mini-art { transform:scale(1.4); }
  .bm-motion #bm-main .key-art { transform:rotate(-12deg) scale(1.4); }
  .bm-motion #bm-main .experience-heading h2 { font-size:32px; }
}
@media(max-width:700px) {
  #bm-main .bm-product-bar { padding:12px 6%; }
  #bm-main .bm-product-bar>a:first-child { font-size:15px; }
  #bm-main .bm-product-bar>a:last-child { font-size:14px; }
  #bm-main .bm-product-bar>.mono { display:none; }
  .bm-motion #bm-main .hero-sequence { height:240svh; }
  .bm-motion #bm-main .hero { padding:22px 6% 0; }
  .bm-motion #bm-main .hero-art { width:170%; right:-44%; top:12%; bottom:3%; opacity:.85; }
  .bm-motion #bm-main .hero-art img { mask-image:linear-gradient(180deg,transparent,#000 20%,#000 75%,transparent); }
  .bm-motion #bm-main .hero-copy { padding-top:26px; width:100%; }
  .bm-motion #bm-main .hero h1 { font-size:min(23vw,13.5svh); }
  .bm-motion #bm-main .hero .title-star { right:-45px; font-size:42px; }
  .bm-motion #bm-main .hero-copy>p { margin-top:clamp(115px,20svh,210px); font-size:14px; margin-bottom:16px; }
  .bm-motion #bm-main .hero-copy .button { min-height:47px; font-size:14px; }
  .bm-motion #bm-main .hero:after { background:linear-gradient(180deg,transparent 15%,#08090925 45%,#080909c9 78%); }
  .bm-motion #bm-main .hero-finale h2 { font-size:clamp(65px,22vw,120px); margin:26px 0; }
  .bm-motion #bm-main .hero-finale>.mono { font-size:14px; letter-spacing:1.5px; }
  .bm-motion #bm-main .hero-finale p { font-size:14px; }
  .bm-motion #bm-main .hero-bottom { bottom:22px; font-size:14px; }
  .bm-motion #bm-main .hero-bottom .scene-counter { display:flex; gap:0; }
  .bm-motion #bm-main .scene-counter b { display:none; }
  .bm-motion #bm-main .hero-orbits i { width:90vmin; height:90vmin; }
  .bm-motion #bm-main .hero-orbits i:nth-child(2) { width:135vmin; height:135vmin; }
  .bm-motion #bm-main .hero-orbits i:nth-child(3) { width:185vmin; height:185vmin; }
  .bm-motion #bm-main .experience { height:270svh; }
  .bm-motion #bm-main .experience-sticky { padding:24px 6% 22px; }
  .bm-motion #bm-main .experience-heading { margin:22px 0 10px; }
  .bm-motion #bm-main .experience-heading h2 { font-size:28px; line-height:1.25; }
  .bm-motion #bm-main .experience-heading>div { margin-top:16px; }
  .bm-motion #bm-main .experience-heading p { font-size:14px; }
  .bm-motion #bm-main .experience-heading p br { display:none; }
  .bm-motion #bm-main .theme-switch { flex-shrink:0; }
  .bm-motion #bm-main .theme-switch button { font-size:14px; padding:7px 10px; }
  .bm-motion #bm-main .player-wrap { width:100%; transform:none; }
  .bm-motion #bm-main .experience .player-wrap { transform:var(--player-transform)!important; }
  .bm-motion #bm-main .player-content { padding:14px 12px 8px; }
  .bm-motion #bm-main .album-cover { width:65px; height:65px; }
  .bm-motion #bm-main .album-cover>span { display:block; white-space:nowrap; font-size:14px; letter-spacing:-.8px; }
  .bm-motion #bm-main .album-intro h3 { font-size:17px; }
  .bm-motion #bm-main .track { min-height:39px; padding-block:6px; }
  .bm-motion #bm-main .track:last-child { display:none; }
  .bm-motion #bm-main .player-bottom { padding:10px 13px; }
  .bm-motion #bm-main .demo-status { font-size:14px; }
  .bm-motion #bm-main .experience-word { font-size:33vw; left:0; top:37%; }
  .bm-motion #bm-main .floating-note { width:64px; height:78px; font-size:36px; }
  .bm-motion #bm-main .floating-note small { font-size:14px; margin-top:7px; }
  .bm-motion #bm-main .note-a { left:-2%; top:5%; }
  .bm-motion #bm-main .note-b { right:-1%; top:2%; }
  .bm-motion #bm-main .note-c { right:0; bottom:1%; }
  .bm-motion #bm-main .experience-foot { font-size:14px; margin-top:15px; }
  .bm-motion #bm-main .assembly-steps { display:flex; font-family:monospace; justify-content:space-between; margin-top:14px; font-size:14px; }
  .bm-motion #bm-main .features { height:310svh; }
  .bm-motion #bm-main .features-sticky { padding-top:24px; padding-bottom:22px; }
  .bm-motion #bm-main .feature-heading { display:flex; margin-top:22px; margin-bottom:24px; }
  .bm-motion #bm-main .feature-heading h2 { font-size:30px; line-height:1.15; }
  .bm-motion #bm-main .feature-heading p { display:none; }
  .bm-motion #bm-main .feature-grid { gap:5vw; padding:0 6vw; }
  .bm-motion #bm-main .feature-card { width:88vw; flex-basis:88vw; padding:24px; grid-template-columns:1fr; grid-template-rows:auto 1fr auto auto; }
  .bm-motion #bm-main .feature-card>div { grid-column:1; grid-row:2; height:100%; min-height:100px; }
  .bm-motion #bm-main .feature-card h3 { font-size:30px; max-width:100%; letter-spacing:-1.3px; line-height:1.22; margin:10px 0 12px; }
  .bm-motion #bm-main .feature-card p { font-size:14px; line-height:1.8; }
  .bm-motion #bm-main .feature-card .card-no { font-size:14px; }
  .bm-motion #bm-main .folder-art { transform:scale(1.2); }
  .bm-motion #bm-main .key-art { transform:rotate(-12deg) scale(1.05); }
  .bm-motion #bm-main .key-art .space-key { width:135px; }
  .bm-motion #bm-main .mini-art { transform:scale(1.07); }
  .bm-motion #bm-main .mini-orbit { width:140px; height:140px; }
  .bm-motion #bm-main .feature-navigation { margin-top:20px; }
  .bm-motion #bm-main .feature-navigation>.mono { font-size:14px; max-width:125px; text-align:right; line-height:1.7; }
  .bm-motion #bm-main .feature-details { padding-top:60px; }
  .bm-program-support { padding:20px 6%; }
  .bm-program-support>details>summary { font-size:14px; }
}
@media(max-width:700px) and (max-height:720px) {
  .bm-motion #bm-main .hero-copy { padding-top:15px; }
  .bm-motion #bm-main .hero h1 { font-size:12svh; }
  .bm-motion #bm-main .hero-copy>p { margin-top:15svh; font-size:14px; }
  .bm-motion #bm-main .hero-copy .button { min-height:42px; font-size:14px; }
  .bm-motion #bm-main .release { margin-top:9px; font-size:14px; }
  .bm-motion #bm-main .experience-heading { margin-top:14px; }
  .bm-motion #bm-main .experience-heading h2 { font-size:24px; }
  .bm-motion #bm-main .experience-heading p { display:none; }
  .bm-motion #bm-main .experience-heading>div { margin-top:10px; }
  .bm-motion #bm-main .player-title { height:28px; }
  .bm-motion #bm-main .player-content { padding:8px 10px; }
  .bm-motion #bm-main .album-cover { width:46px; height:46px; padding:6px; }
  .bm-motion #bm-main .album-cover>span { font-size:14px; letter-spacing:-.5px; }
  .bm-motion #bm-main .album-cover i { font-size:53px; bottom:-21px; }
  .bm-motion #bm-main .album-intro h3 { font-size:14px; margin:5px 0; }
  .bm-motion #bm-main .album-intro p { font-size:14px; }
  .bm-motion #bm-main .album-intro { margin-bottom:8px; }
  .bm-motion #bm-main .track { min-height:29px; padding-block:3px; }
  .bm-motion #bm-main .track:nth-last-child(2) { display:none; }
  .bm-motion #bm-main .track small { font-size:14px; margin-top:2px; }
  .bm-motion #bm-main .track-label { padding-block:6px; }
  .bm-motion #bm-main .player-bottom { padding:8px 12px; }
  .bm-motion #bm-main .demo-status { display:none; }
  .bm-motion #bm-main .experience-foot>span { display:none; }
  .bm-motion #bm-main .feature-heading { margin-block:15px; }
  .bm-motion #bm-main .feature-heading h2 { font-size:25px; }
  .bm-motion #bm-main .feature-card { padding:20px; }
  .bm-motion #bm-main .feature-card h3 { font-size:24px; }
  .bm-motion #bm-main .feature-card p { font-size:14px; }
  .bm-motion #bm-main .folder-art { transform:scale(.9); }
  .bm-motion #bm-main .key-art { transform:rotate(-10deg) scale(.9); }
  .bm-motion #bm-main .mini-art { transform:scale(.85); }
}
/* Motion-reduced and no-JS visitors see every feature in normal reading order. */
@media(prefers-reduced-motion:reduce) {
  #bm-main .feature-grid { transform:none!important; }
  #bm-main .player-title,#bm-main .player-content,#bm-main .player-sidebar,#bm-main .player-bottom { transform:none!important; }
  #bm-main .hero-word { transform:none!important; opacity:1!important; }
  #bm-main .hero-copy,#bm-main .hero-top,#bm-main .art-caption { opacity:1!important; transform:none!important; }
  #bm-main .hero-art { opacity:1!important; }
  #bm-main .feature-navigation { display:none; }
}