.sonar-story{position:relative;height:330svh;background:#10121b;color:#eeede6;--scene-p:0}
.sonar-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate}
#sonar-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
#sonar-scene canvas{display:block;width:100%;height:100%}
.sonar-fallback{position:absolute;inset:18% 0 8% 45%;z-index:0;transition:opacity .3s}
.sonar-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}
.is-3d-ready .sonar-fallback{opacity:0;visibility:hidden}
.sonar-story.scene-still{height:100svh;min-height:560px}
.sonar-story.scene-still .sonar-stage{position:relative}
@media(max-width:760px){.sonar-stage{min-height:640px}.sonar-fallback{inset:42% 0 10%}.sonar-story.scene-still{min-height:640px}}
@media(prefers-reduced-motion:reduce){.sonar-story{height:100svh;min-height:640px}.sonar-stage{position:relative}.sonar-fallback{transition:none}}

@media(min-width:1001px){.sonar-story[data-scene-step="2"] #sonar-scene{mask-image:linear-gradient(to right,transparent 28%,#000 56%)}}

.scene-anchor{position:absolute;top:101.2svh;left:0;scroll-margin-top:0;pointer-events:none}.scene-anchor#sonar-detail{top:202.4svh}.sonar-steps a{display:flex;gap:8px;min-height:44px;align-items:center;text-decoration:none;color:inherit}.sonar-steps a:hover{color:#d6ff42}
@media(prefers-reduced-motion:reduce){.scene-anchor,.scene-anchor#sonar-detail{top:0}}
@media(max-width:760px) and (max-height:740px){
 .sonar-chapter[data-chapter="0"] .chapter__links{gap:8px;flex-wrap:nowrap}
 .sonar-chapter[data-chapter="0"] .chapter__links .btn{font-size:12px;padding:10px 12px;gap:7px;white-space:nowrap}
 .sonar-chapter[data-chapter="0"] .chapter__links .ico{width:16px;height:16px}
 .sonar-chapter[data-chapter="1"]{gap:12px}
 .sonar-chapter[data-chapter="1"] .chapter__text{font-size:14px;max-width:40ch}
 .sonar-chapter[data-chapter="1"] .chapter__specs{display:none}
}
@media(max-width:760px) and (max-height:740px){
 .sonar-chapter[data-chapter="2"]{gap:12px}
 .sonar-chapter[data-chapter="2"] .chapter__title--md{font-size:32px}
 .sonar-chapter[data-chapter="2"] .chapter__text{font-size:14px}
 .sonar-chapter[data-chapter="2"] .chapter__links .btn{font-size:13px;padding:10px 14px}
 .sonar-chapter[data-chapter="2"] .chapter__links a{display:none}
}

@media(min-width:701px) and (max-width:1000px){
 .sonar-chapter{top:calc(var(--bar-h) + 32px);bottom:auto;left:var(--gx);right:var(--gx);width:auto;justify-content:flex-start;gap:16px}
 .chapter__mark{font-size:18vw}.chapter__lead{font-size:20px;max-width:40ch}.chapter__title{font-size:12vw}.chapter__title--md{font-size:7vw}
 .chapter__text{font-size:17px;max-width:54ch}.chapter__specs{display:none}
 .sonar-fallback{inset:42% 0 10%}
}