/* "Three seconds to judge you": pinned 3D phone of local results. Driven by src/judge.js (sets --o on [data-j]). */
.judge{position:relative;height:420vh;padding:0;background:#0f1012;color:#fff}
.judge .judge-stick{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;
  background:radial-gradient(80% 70% at 70% 50%,#2a2114 0,#15140f 45%,#0f1012 80%)}
.judge .judge-gl{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.judge .judge-copy{position:relative;z-index:1;height:100%;pointer-events:none}
.judge [data-j]{opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 26px));will-change:opacity,transform}
.judge .judge-layer{position:absolute;left:32px;top:50%;translate:0 -50%;width:min(470px,38vw)}
.judge .eyebrow{color:rgba(255,255,255,.58)}
.judge h2{font-size:clamp(42px,5vw,74px);line-height:.98;margin-top:18px;letter-spacing:-.045em}
.judge h3{font-size:clamp(36px,4.2vw,60px);line-height:1;letter-spacing:-.04em}
.judge em{color:var(--spot,#ffd23f)}
.judge .judge-layer p{margin-top:20px;font-size:18.5px;line-height:1.55;color:rgba(255,255,255,.68);max-width:430px}
.judge .judge-n{display:block;margin-bottom:16px;font:700 12px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--spot,#ffd23f)}
.judge .judge-end{position:absolute;left:32px;top:50%;translate:0 -50%;width:min(470px,38vw);pointer-events:none}
.judge .judge-call{font-size:clamp(46px,5.6vw,88px);line-height:.95;letter-spacing:-.05em}
.judge .judge-call em{display:inline-block;text-shadow:0 0 50px rgba(255,210,63,.45)}
.judge .judge-lines{list-style:none;display:grid;gap:12px;margin-top:34px}
.judge .judge-lines li{display:flex;align-items:center;gap:12px;font:700 21px/1.25 "Inter Tight",Inter,sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.86)}
.judge .judge-lines li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--spot,#ffd23f);box-shadow:0 0 0 4px rgba(255,210,63,.18)}
.judge .judge-cta{margin-top:30px;pointer-events:auto}
.judge.judge-no3d .judge-gl{display:none}

@media (max-width:760px){
  .judge .judge-stick{background:radial-gradient(120% 60% at 50% 70%,#2a2114 0,#15140f 50%,#0f1012 85%)}
  .judge .judge-layer{left:16px;right:16px;top:84px;translate:none;width:auto}
  .judge h2{font-size:clamp(34px,10vw,48px);margin-top:14px}
  .judge h3{font-size:clamp(30px,8.6vw,42px)}
  .judge .judge-layer p{margin-top:12px;font-size:15.5px;line-height:1.5}
  .judge .judge-n{margin-bottom:12px}
  .judge .judge-end{left:16px;right:16px;top:84px;bottom:28px;translate:none;width:auto;display:flex;flex-direction:column;justify-content:space-between}
  .judge .judge-call{font-size:clamp(38px,11vw,54px)}
  .judge .judge-lines{margin-top:0;gap:9px}
  .judge .judge-lines li{font-size:17px}
  .judge .judge-cta{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){
  .judge{height:auto}
  .judge .judge-stick{position:relative;height:100svh;min-height:620px}
  .judge [data-j]{transform:none}
}