.headset-scene{position:relative;background:#0f1012;color:var(--cream)}
.headset-stage{position:relative;isolation:isolate;min-height:780px;padding:130px var(--gutter) 160px;overflow:hidden}
.headset-copy{position:relative;z-index:2;max-width:38%}
.headset-copy h2{font-size:clamp(48px,5.7vw,92px);font-weight:600;margin-top:32px;line-height:1.04}
.headset-copy>p:last-child{font-size:clamp(16px,1.5vw,22px);line-height:1.5;margin-top:28px;color:#c3c8d2}
.headset-view{position:absolute;inset:10% 0 10% 32%;margin:0;pointer-events:none}
.headset-view::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(116,132,161,.16),transparent 67%);z-index:-1}
.headset-canvas,.headset-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.headset-canvas{opacity:0;transition:opacity .5s}
.headset-poster{transition:opacity .5s;mask-image:radial-gradient(ellipse,#000 45%,transparent 73%)}
.headset-scene[data-model=ready] .headset-canvas{opacity:1}
.headset-scene[data-model=ready] .headset-poster{opacity:0}
.headset-scene[data-model=ready] .headset-canvas{pointer-events:auto;cursor:grab;touch-action:pan-y;user-select:none}
.headset-scene[data-model=ready] .headset-canvas.is-dragging{cursor:grabbing}
.headset-canvas:focus-visible{outline:1px solid var(--yellow);outline-offset:-6px}
.headset-interaction{display:none;position:absolute;left:16px;right:16px;bottom:14px;z-index:3;align-items:center;justify-content:center;gap:16px;color:var(--cream);font-size:11px;line-height:1.4}
.headset-scene[data-model=ready] .headset-interaction{display:flex}
.headset-interaction>span{padding:6px 10px;background:#0f1012}
.headset-interaction button{pointer-events:auto;min-height:36px;padding:6px 12px;border:1px solid #737b8b;background:#0f1012;color:inherit;font:inherit;cursor:pointer}
.headset-interaction button[hidden]{display:none}
.headset-interaction button:hover{border-color:var(--yellow);color:var(--yellow)}
.headset-caption{position:relative;z-index:2;margin-top:80px;max-width:300px}
.headset-angle{font-size:9px;font-weight:500;letter-spacing:.14em;color:#b6bdc9}
.headset-caption p{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin-top:16px}
.headset-caption p span{color:#b6bdc9}
.headset-caption-rule{display:block;width:44px;height:1px;background:var(--yellow);margin-top:22px}
[data-motion=full] .headset-stage{height:100svh;min-height:640px;padding-top:clamp(120px,19svh,200px)}
[data-motion=full] .headset-caption{position:absolute;left:var(--gutter);bottom:145px;margin:0}
@media(max-width:767px){
  .headset-stage,[data-motion=full] .headset-stage{height:100svh;min-height:740px;padding:105px 24px 150px}
  .headset-copy{max-width:100%}
  .headset-copy h2{font-size:40px;margin-top:23px}
  .headset-copy>p:last-child{font-size:16px;margin-top:18px}
  .headset-copy>p:last-child br{display:none}
  .headset-view{inset:31% 0 23%}
  .headset-caption,[data-motion=full] .headset-caption{position:absolute;left:24px;bottom:145px;margin:0}
  .headset-caption p{font-size:18px;margin-top:10px}
  .headset-caption-rule{margin-top:14px;width:32px}
  .headset-angle{font-size:8px}
}
@media(max-height:550px) and (min-width:768px){
  .headset-stage,[data-motion=full] .headset-stage{height:100svh;min-height:390px;padding-top:100px;padding-bottom:80px}
  .headset-copy h2{font-size:37px;margin-top:16px}
  .headset-copy>p:last-child{font-size:14px;margin-top:14px}
  .headset-view{inset:20% 0 16% 36%}
  .headset-caption,[data-motion=full] .headset-caption{position:absolute;left:var(--gutter);bottom:65px;margin:0}
  .headset-caption p{display:none}
  .headset-caption-rule{margin-top:10px;width:24px}
}
@media(max-width:767px),(max-height:550px){.headset-visible .signal-svg.is-conductor{visibility:hidden!important;opacity:0!important}}
@media print{.headset-canvas{display:none}.headset-poster{opacity:1!important;mask-image:none}.headset-view{height:300px}}