.surface-study-two{position:relative;background:#161916;color:#fff;color-scheme:dark;isolation:isolate;overflow:hidden}
.surface-study-two *{box-sizing:border-box}
.study02-scene{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
/* Preserve the approved crop regardless of browser toolbar or window height. */
@media(min-width:761px){.study02-scene{height:auto;aspect-ratio:96/49}}
.study02-poster,.study02-film,.study02-diagram{position:absolute;inset:0;display:block;width:100%;height:100%}
.study02-poster,.study02-film{object-fit:cover;object-position:50% var(--study02-object-y,100%)}
.study02-film{opacity:0;transition:opacity .65s ease}
.study02-film.is-playing{opacity:1}
.study02-diagram{overflow:visible}
.study02-annotation{cursor:pointer;transition:opacity .22s ease;outline:none}
.study02-annotation .study02-note-copy{pointer-events:all}
.study02-focus-frame{display:none;pointer-events:none}
.study02-annotation:is(:focus-visible,.is-selected) .study02-focus-frame{display:block}
.surface-study-two.is-focused .study02-annotation:not(.is-selected){opacity:.3}
.surface-study-two.is-animating .study02-annotation{pointer-events:none}
.surface-study-two.is-animating .study02-annotation:focus-visible{pointer-events:auto}
.study02-diagram [id="study02-header"],.study02-diagram [id="study02-footer"],.study02-diagram [id="study02-dimensions"]{pointer-events:none}
.surface-study-two.is-ready .study02-note-copy,.surface-study-two.is-ready .study02-point{opacity:0}
.surface-study-two.is-ready .study02-leader{stroke-dasharray:1;stroke-dashoffset:1}
.surface-study-two.is-ready #study02-surface-field{opacity:0}
.study02-replay,.study02-start{position:absolute;z-index:2;border:0;border-radius:0;background:transparent;color:#fff;font:700 11px 'Surface Mono',monospace;letter-spacing:.08em;cursor:pointer}
.study02-replay{right:2.6%;bottom:5.1%;min-height:44px;padding:12px 0 12px 16px;opacity:.85}
.study02-replay:hover{opacity:1}
.study02-start{left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px;border:1px solid #fff9;background:#171917d9;font-family:var(--sans);font-size:14px;min-height:48px}
.surface-study-two button[hidden]{display:none!important}
.surface-study-two button:focus-visible{outline:1px solid white;outline-offset:6px}
.study02-mobile-detail{display:none}
.study02-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
@media(max-width:1000px) and (min-width:761px){
 .study02-replay{font-size:10px;bottom:4.7%}
}
@media(max-width:760px){
 .study02-diagram #study02-header,.study02-diagram #study02-footer,.study02-diagram #study02-dimensions,.study02-annotation{display:none}
 .study02-scene{aspect-ratio:16/9}
 .study02-replay{bottom:5px;right:18px;font-size:11px;padding:12px 0 12px 12px}
 .study02-mobile-detail{display:block;padding:22px 20px 28px}
 .study02-mobile-edition{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;font:700 13px 'Surface Mono',monospace;letter-spacing:.06em}
 .study02-mobile-edition span{font-size:12px;opacity:.7;white-space:nowrap}
 .study02-note-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-bottom:1px solid #fff3;margin:0 -4px}
 .study02-note-nav button{background:transparent;color:#fff;border:0;border-bottom:1px solid transparent;border-radius:0;min-height:46px;padding:0;cursor:pointer;font:700 14px 'Surface Mono',monospace;opacity:.45}
 .study02-note-nav button[aria-pressed=true]{opacity:1;border-bottom-color:#fff}
 .study02-detail{min-height:204px;padding-top:21px;overflow-wrap:anywhere}
 .study02-kicker{margin:0 0 12px;font:400 13px var(--sans);letter-spacing:.04em;opacity:.7}
 .study02-number{font-family:'Surface Mono',monospace;font-weight:700;margin-right:8px}
 .study02-note-title{font:700 17px 'Surface Mono',monospace;letter-spacing:.02em;margin:0 0 13px;line-height:1.45}
 .study02-body p{font:400 14px/1.65 var(--sans);margin:0;opacity:.85}
}
@media(prefers-reduced-motion:reduce){
 .study02-film,.study02-annotation{transition:none}
}

/* This study is desktop-only. */
@media(max-width:760px){#surface-study-02{display:none!important}}