/* A quiet inspection table: three surfaces, one light, details discovered in place. */
.inspection-story{position:relative;isolation:isolate;background:#151a20}
.inspection-stage{position:relative;min-height:720px;height:900px;background:#151a20}
.motion-ready .inspection-story{height:190svh;min-height:1370px}
.motion-ready .inspection-stage{position:sticky;top:0;height:100svh;min-height:720px}
.inspection-copy{position:absolute;z-index:3;left:7.2vw;top:20%;width:31%;pointer-events:none}
.inspection-copy>.eyebrow{color:#a4b3c8;font-size:9px}
.inspection-copy h2{font-size:clamp(34px,3.8vw,61px);line-height:1.4;font-weight:400;letter-spacing:-.045em;margin-top:34px}
.inspection-intro{font-size:12px;line-height:2;color:#91a0b4;margin-top:23px}
.inspection-scenes{display:flex;gap:25px;margin-top:40px;pointer-events:auto}
.inspection-scenes button{position:relative;display:flex;align-items:center;gap:8px;padding:15px 0;background:none;border-bottom:1px solid #b5c6df26;color:#8190a4;font-size:13px;white-space:nowrap;transition:color .2s,border-color .2s}
.inspection-scenes button>span{font-size:8px;letter-spacing:.06em;color:#718299}
.inspection-scenes button[aria-selected=true]{border-color:#b9cdea;color:#f0f4f9}
.inspection-scenes button>i{width:3px;height:3px;border-radius:50%;background:#d6e7ff;opacity:0}
.inspection-scenes button.is-complete>i{opacity:1}
.inspection-scenes button:hover{color:#fff}
.inspection-discoveries{display:flex;align-items:center;gap:15px;margin-top:26px}
.discovery-count{font-size:25px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#e2ebf8}
.discovery-count small{font-size:10px;color:#78879c}
.inspection-discoveries p{font-size:10px;color:#8391a5;line-height:1.8;max-width:150px}
.inspection-workspace{position:absolute;left:31%;right:1%;top:8%;bottom:4%;display:grid;place-items:center}
.inspection-canvas{position:relative;isolation:isolate;width:100%;height:100%;cursor:crosshair;touch-action:none;--beam-x:15%;--beam-y:65%;--beam-radius:140px}
.inspection-media,.inspection-base-layer,.inspection-light-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.inspection-media{
  background:#151a20;
  --surface-x:linear-gradient(90deg,transparent 0%,#0000000f 3%,#00000047 7%,#000000a6 13%,#000000e6 21%,#000 29%,#000 76%,#000000f0 82%,#000000b3 89%,#0000004d 95%,transparent 100%);
  --surface-y:linear-gradient(180deg,transparent 0%,#0000001a 3%,#00000066 7%,#000000d9 15%,#000 24%,#000 71%,#000000db 82%,#00000070 90%,#00000017 97%,transparent 100%);
  -webkit-mask-image:var(--surface-x),var(--surface-y);
  mask-image:var(--surface-x),var(--surface-y);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.inspection-media img{position:absolute;max-width:none;object-fit:fill}
.inspection-base-layer{filter:saturate(.3) brightness(.60)}
.inspection-light-layer{filter:saturate(.48) brightness(1.2);mask-image:radial-gradient(circle var(--beam-radius) at var(--beam-x) var(--beam-y),#000 10%,#000000e6 30%,#000000a6 50%,#0000004d 72%,#00000014 89%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--beam-radius) at var(--beam-x) var(--beam-y),#000 10%,#000000e6 30%,#000000a6 50%,#0000004d 72%,#00000014 89%,transparent 100%)}

.inspection-targets{position:absolute;inset:0;pointer-events:none}
.inspection-target{position:absolute;width:44px;height:44px;display:grid;place-items:center;transform:translate(-50%,-50%);background:none;border:0;border-radius:50%;pointer-events:auto;color:#bdcde58a;transition:color .25s;cursor:crosshair}
.inspection-target span{width:22px;height:22px;border:1px solid #adbed73b;border-radius:50%;display:grid;place-items:center;font-size:8px;letter-spacing:.03em;transition:background .25s,box-shadow .25s,border-color .25s}
.inspection-target.is-near{color:#e6effd}
.inspection-target.is-near span{border-color:#c9dfff9c;background:#121b28a6;box-shadow:0 0 17px #c4deff21}
.inspection-target.is-found:not(.is-active) span{border-color:#b6cce880}
.inspection-target.is-active span{border-color:#e5efff;background:#d7e7ff;color:#1c2839;box-shadow:0 0 25px #adcfff33}
.inspection-cursor{position:absolute;z-index:1;left:var(--beam-x);top:var(--beam-y);width:16px;height:16px;border:1px solid #dceaff47;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.6}
.inspection-cursor:after,.inspection-cursor:before{content:"";position:absolute;background:#dceaff87;left:50%;top:50%;transform:translate(-50%,-50%)}
.inspection-cursor:after{width:1px;height:4px}.inspection-cursor:before{width:4px;height:1px}
.inspection-canvas.has-detail .inspection-cursor{opacity:.18}
.inspection-detail{position:absolute;z-index:3;width:224px;padding:13px 15px 15px;border-left:1px solid #bdcee596;background:linear-gradient(100deg,#151a20f5,#151a20d9 80%,#151a20b3);pointer-events:none;opacity:1;transition:opacity .2s;backdrop-filter:blur(7px)}
.detail-kicker{font-size:8px;letter-spacing:.13em;color:#92a5c0;display:block}
.inspection-detail h3{font-weight:400;font-size:18px;letter-spacing:.03em;margin-top:9px}
.inspection-detail p{font-size:11px;line-height:1.9;color:#b1bed0;margin-top:9px}
.inspection-detail.is-empty{opacity:0}
.inspection-bottom{position:absolute;z-index:4;left:7.2vw;right:7.2vw;bottom:6.5%;display:flex;align-items:end;justify-content:space-between;gap:25px}
.inspection-help{color:#a0b0c5;font-size:11px;line-height:1.8}


.touch-instruction{display:none}
.inspection-actions{display:flex;gap:30px}
.inspection-actions button{display:flex;align-items:center;gap:25px;min-height:44px;padding:10px 0;background:transparent;border-bottom:1px solid #afc1db40;color:#c1cfe2;font-size:11px;white-space:nowrap}
.inspection-actions button:hover{border-color:#dbe9ff;color:#fff}
.inspection-actions button>span{font-size:18px;font-weight:300}
.inspection-actions button[aria-pressed=true]{border-color:#deebff;color:#fff}
.inspection-no-script{position:absolute;bottom:18%;left:7.2vw;width:30%;font-size:12px;color:#b3c1d5;line-height:2}
@media(max-width:1000px) and (min-width:701px){
  .inspection-copy{left:6vw;width:35%;top:21%}.inspection-copy h2{font-size:37px}
  .inspection-workspace{left:40%;right:1%;top:16%;bottom:11%}
  .inspection-scenes{gap:17px}.inspection-intro{font-size:11px}.inspection-detail{width:190px}
  .inspection-actions{gap:20px}.inspection-actions button{gap:12px}
}
@media(max-width:700px){
  .inspection-stage,.motion-ready .inspection-stage{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;padding:112px 24px 42px}
  .motion-ready .inspection-story{height:auto;min-height:0}
  .inspection-copy{position:relative;left:auto;top:auto;width:100%;pointer-events:auto}
  .inspection-copy>.eyebrow{font-size:8px}
  .inspection-copy h2{font-size:34px;line-height:1.38;margin-top:24px}
  .inspection-intro{margin-top:16px;font-size:11px;line-height:1.8}
  .inspection-intro br{display:none}
  .inspection-scenes{gap:26px;margin-top:19px}.inspection-scenes button{font-size:12px;padding:12px 0}
  .inspection-discoveries{margin-top:13px;gap:11px}.discovery-count{font-size:20px}.discovery-count small{font-size:9px}
  .inspection-discoveries p{font-size:9px;max-width:none}
  .inspection-workspace{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:300px;margin-top:12px;margin-bottom:115px}
  
  .inspection-detail,.inspection-detail.is-empty{left:0!important;top:calc(100% + 16px)!important;width:100%;height:101px;padding:0 0 0 14px;opacity:1;backdrop-filter:none;background:none}
  .inspection-detail.is-empty{border-left-color:#8c9bb230}
  .inspection-detail.is-empty h3{color:#99aac1;font-size:16px}
  .inspection-detail.is-empty p{color:#6f8099}
  .inspection-detail h3{font-size:18px;margin-top:5px}.inspection-detail p{font-size:11px;margin-top:6px;line-height:1.9}
  .detail-kicker{font-size:7px}
  .inspection-bottom{position:relative;left:auto;right:auto;bottom:auto;display:block;margin-top:0}
  .inspection-help{font-size:10px}
  .pointer-instruction{display:none}.touch-instruction{display:inline}
  .inspection-actions{justify-content:space-between;gap:25px;margin-top:8px}.inspection-actions button{font-size:10px;gap:28px}
  .inspection-no-script{position:static;width:auto;margin-top:15px}
}
@media(max-width:360px){
  .inspection-stage,.motion-ready .inspection-stage{padding-inline:20px;padding-top:100px}
  .inspection-copy h2{font-size:30px}.inspection-scenes{gap:25px}
  .inspection-workspace{height:265px;margin-bottom:120px}.inspection-detail{height:110px}
}
@media(pointer:coarse) and (min-width:701px){.pointer-instruction{display:none}.touch-instruction{display:inline}}
@media(prefers-reduced-motion:reduce){
  .inspection-story .inspection-stage{position:relative}.inspection-target,.inspection-target span,.inspection-detail,.inspection-scenes button{transition:none}
}