/* the Seattle feature pages (/seattle/..., scripts/build_feature_pages.mjs) - on top of places.css: the grey dots under the
   gold ones, the video (a thumbnail until a tap), the plan call-outs, the phone + plans box, the seats table */
.pl-svg .bgdots circle{fill:#cfe3f7;opacity:.42}
.pl-legend i.c-bg{background:#cfe3f7;opacity:.6}
.ft-video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;border:1.5px solid var(--edge);background:#000;margin-top:16px}
.ft-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ft-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}
.ft-play img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .15s}
.ft-play:hover img{opacity:1}
.ft-play svg{position:absolute;left:50%;top:50%;width:84px;height:60px;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 16px rgba(0,0,0,.55))}
.ft-plans{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.ft-plans li{position:relative;padding:14px 16px 14px 46px;background:linear-gradient(180deg,var(--tile1),var(--tile2));border:1.5px solid var(--edge2);border-radius:14px;
  font:600 16px/1.45 Inter,sans-serif;color:var(--muted2)}
.ft-plans li::before{content:'';position:absolute;left:16px;top:17px;width:16px;height:16px;border:2.5px solid var(--gold);border-radius:3px}
.ft-claim{padding:22px 24px}
.ft-claim h2{font-size:clamp(24px,3vw,32px);margin-bottom:8px}
.ft-claim p{margin:8px 0 0}
.ft-seats{margin-top:14px}
.ft-seats td{color:var(--text);font-weight:700}
@media (max-width:560px){.ft-play svg{width:64px;height:46px}.ft-plans li{font-size:15px;padding-left:42px}}