/* Weather, Nigel's picks, secrets, Vanessa's gigs */

/* header weather pill */
.wx-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:999px;background:var(--navy2);border:2px solid rgba(255,255,255,.14);text-decoration:none;font-weight:800;margin-left:auto;white-space:nowrap}
.wx-pill:hover{border-color:var(--sun)}
.twice{margin:1.2rem 0 0;color:var(--sun);font-weight:600}

/* weather section */
.wx-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.2rem}
.wx-now{background:linear-gradient(135deg,var(--pink),var(--orange));border-radius:28px;padding:1.6rem}
.wx-big{display:flex;align-items:center;gap:.5rem;font-family:var(--head)}
.wx-big span{font-size:3.4rem}
.wx-big b{font-size:clamp(3.4rem,9vw,5.4rem);font-weight:400;line-height:1}
.wx-big sup{font-size:1.6rem}
#wxDesc{font-weight:800;font-size:1.2rem;margin:.2rem 0 1rem}
.wx-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem;font-weight:600}
.wx-day{background:var(--navy2);border-radius:28px;padding:1.4rem;border:2px solid rgba(255,255,255,.08)}
.wx-day h3{font-size:1rem;color:var(--aqua);margin:0 0 .6rem;letter-spacing:.06em;text-transform:uppercase}
.wx-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.3rem}
.wx-slots div,.wx-days div{background:var(--navy);border-radius:18px;padding:.7rem .4rem;text-align:center;display:grid;gap:.1rem}
.wx-slots span,.wx-days span{font-size:.8rem;color:var(--muted);font-weight:600}
.wx-slots i,.wx-days i{font-style:normal;font-size:1.6rem}
.wx-slots b,.wx-days b{font-size:1.25rem}
.wx-days{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.wx-days small{color:var(--muted);font-size:.8rem}

/* picks */
.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.tab{padding:.55rem 1.1rem;border-radius:999px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-weight:800;cursor:pointer;font-family:var(--body);font-size:1rem}
.tab.on{background:var(--sun);color:var(--navy);border-color:var(--sun)}
.pickgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem 1.1rem}
.pick{background:var(--navy2);border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:1.4rem;position:relative}
.pick .rank{position:absolute;top:-14px;left:16px;background:var(--grad);font-family:var(--head);padding:.15rem .8rem;border-radius:999px;font-size:1rem}
.pick h3{margin:.4rem 0 .1rem}
.pick .area{color:var(--aqua);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.pick p{margin:.6rem 0}
.pick .tip{display:inline-block;background:rgba(255,229,43,.14);border:2px dashed var(--sun);color:var(--sun);padding:.2rem .7rem;border-radius:10px;font-weight:700;font-size:.9rem}
.pick.soon{border-style:dashed;text-align:center;color:var(--muted);display:grid;place-items:center;min-height:170px}
.pick.soon b{display:block;color:#fff;font-family:var(--head);font-weight:400;font-size:1.2rem;margin-bottom:.3rem}

/* secrets */
.secrets .card:nth-child(odd){background:var(--aqua)}
.secrets .card:nth-child(even){background:var(--pink)}
.secrets .card.lock{background:var(--navy2);color:var(--muted);border:2px dashed rgba(255,255,255,.2)}

/* family / gigs */
.family{background:var(--navy2);max-width:none;border-top:4px solid var(--pink);border-bottom:4px solid var(--pink)}
.family-grid{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.gig{display:flex;gap:1rem;align-items:center;background:var(--navy);border-radius:20px;padding:.9rem 1.1rem;margin-bottom:.7rem;border:2px solid rgba(255,255,255,.08)}
.gig .d{background:var(--grad);border-radius:14px;padding:.4rem .7rem;text-align:center;font-weight:800;line-height:1.1;min-width:64px}
.gig .d b{display:block;font-family:var(--head);font-size:1.5rem;font-weight:400}
.gig .d span{font-size:.75rem;text-transform:uppercase}
.gig strong{display:block}
.gig small{color:var(--muted)}
.gig-empty{border:2px dashed rgba(255,255,255,.25);border-radius:20px;padding:1.4rem;text-align:center;color:var(--muted)}
.gig-empty b{display:block;color:#fff;font-family:var(--head);font-weight:400;font-size:1.2rem;margin-bottom:.3rem}

@media(max-width:860px){
  .wx-grid,.family-grid{grid-template-columns:1fr}
  .wx-days{grid-template-columns:repeat(2,1fr)}
  .wx-pill{padding:.3rem .6rem}
  .brandtxt small{display:none}
}

/* more tiktoks */
.more-h{margin:1.6rem 0 .6rem}
.more-grid{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.chip2{display:flex;flex-direction:column;padding:.5rem 1rem;border-radius:16px;background:var(--navy2);border:2px solid rgba(255,255,255,.12);text-decoration:none;text-align:left}
.chip2:hover{border-color:var(--aqua)}
.chip2 small{color:var(--muted)}

/* royals */
.royal-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1.2rem;align-items:center}
.royal{margin:0;border-radius:26px;overflow:hidden;border:4px solid var(--sun);box-shadow:8px 8px 0 var(--pink);cursor:zoom-in;background:var(--navy2)}
.royal img{width:100%;height:auto;display:block}
.royal figcaption{padding:.7rem 1rem;font-weight:800;text-align:center;background:var(--sun);color:var(--navy)}
.r1{transform:rotate(-2deg)}.r3{transform:rotate(2deg)}
.royals{text-align:center}
/* gallery */
.gal{columns:4 220px;column-gap:.9rem}
.gal img{width:100%;height:auto;border-radius:20px;margin-bottom:.9rem;break-inside:avoid;cursor:zoom-in;border:3px solid rgba(255,255,255,.1);transition:transform .15s,border-color .15s}
.gal img:hover{transform:scale(1.02) rotate(-.6deg);border-color:var(--sun)}
.about-side{display:grid;gap:1.4rem}
.about-pic{width:100%;max-width:340px;justify-self:center;border-radius:28px;border:4px solid var(--aqua);box-shadow:8px 8px 0 var(--pink);cursor:zoom-in;transform:rotate(-2deg)}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(5,9,22,.92);display:grid;place-items:center;padding:16px;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:92vh;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
@media(max-width:860px){.royal-grid{grid-template-columns:1fr 1fr}.royal.r2{grid-column:1/-1;order:-1}.r1,.r3{transform:none}}

.vanessa{margin:1.4rem 0 0;max-width:380px}
.vanessa-pic{width:100%;height:auto;border-radius:26px;border:4px solid var(--pink);box-shadow:8px 8px 0 var(--sun);cursor:zoom-in}
.vanessa figcaption{margin-top:.8rem;font-family:var(--head);font-size:1.3rem}

.maplink{display:inline-block;margin-top:.4rem;padding:.2rem .8rem;border-radius:999px;background:var(--aqua);color:var(--navy);font-weight:800;font-size:.9rem;text-decoration:none}
.maplink:hover{background:var(--sun)}
.thumb{background-size:cover;background-position:center}
.thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 55%)}
.thumb .play{position:relative;z-index:1}

/* Nigel's Choice */
.choice{max-width:1150px;margin:2rem auto 0;display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--navy);border:2px dashed var(--sun);border-radius:26px;padding:1.4rem 1.6rem}
.choice h3{margin:.1rem 0 .3rem}
.choice p{margin:.2rem 0;color:var(--muted)}
.choice .kicker{margin:0;color:var(--sun)}
.bands{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.bands span{background:var(--navy2);border:2px solid rgba(255,255,255,.15);padding:.2rem .8rem;border-radius:999px;font-weight:700;font-size:.9rem}