:root{
  --ink:#15181D;
  --ink-2:#333944;
  --ink-3:#6B7280;
  --paper:#F2F1EC;
  --panel:#FFFFFF;
  --panel-2:#E6E5DE;
  --brick:#9E3B2C;
  --brick-deep:#6E2519;
  --brick-tint:#F0DFDA;
  --sponsor:#1D4A3C;
  --sponsor-deep:#123027;
  --sponsor-tint:#DCE7E1;
  --lake:#2B4A5A;
  --rule:#C9C7BE;

  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,"Courier New",monospace;

  --gut:clamp(18px,4vw,52px);
  --max:1260px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--serif);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
:focus-visible{outline:3px solid var(--brick);outline-offset:3px;}

.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut);}

/* ---------- COMP BANNER ---------- */
.comp-bar{
  background:var(--ink);color:var(--paper);font-family:var(--mono);
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
}
.comp-bar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap;}
.comp-bar b{color:#E3A99C;font-weight:500;}

/* ---------- UTILITY + MASTHEAD ---------- */
.util{background:var(--brick-deep);color:#F6E3DE;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;}
.util .wrap{display:flex;gap:20px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;}
.util .spacer{margin-left:auto;}

.masthead{background:var(--brick);color:var(--paper);}
.masthead .wrap{padding-top:clamp(26px,4vw,44px);padding-bottom:clamp(20px,3vw,30px);}
.nameplate{
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(2.6rem,9.2vw,6.6rem);
  line-height:.82;
  letter-spacing:-.035em;
  text-transform:uppercase;
  margin:0;
  font-variation-settings:"wdth" 96;
}
.nameplate span{display:block;}
.plate-meta{
  display:flex;flex-wrap:wrap;gap:10px 26px;align-items:baseline;
  margin-top:20px;padding-top:14px;border-top:2px solid rgba(242,241,236,.4);
  font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#F3DCD6;
}
.plate-meta .em{color:var(--paper);}

/* ---------- NAV ---------- */
.nav{background:var(--ink);color:var(--paper);position:sticky;top:0;z-index:40;}
.nav .wrap{display:flex;align-items:center;gap:6px;padding-top:0;padding-bottom:0;flex-wrap:wrap;}
.nav a.navlink{
  font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:15px 13px;display:block;border-bottom:3px solid transparent;transition:border-color .18s,color .18s;
}
.nav a.navlink:hover{border-bottom-color:var(--brick);}
.nav .mini-plate{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:-.01em;text-transform:uppercase;padding-right:16px;color:#E3A99C;}
.nav .navcta{
  margin-left:auto;background:var(--brick);color:var(--paper);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:9px 16px;align-self:center;
}
.nav .navcta:hover{background:var(--paper);color:var(--ink);}

/* ---------- DISCLOSURE LEGEND ---------- */
.legend{background:var(--panel-2);border-bottom:1px solid var(--rule);}
.legend .wrap{display:flex;align-items:center;gap:10px 22px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--ink-2);text-transform:uppercase;}
.legend .key{display:flex;align-items:center;gap:8px;}
.legend .chip{width:22px;height:11px;display:inline-block;}
.legend .chip.ed{background:var(--brick);}
.legend .chip.sp{background:var(--sponsor);}
.legend .chip.ad{background:var(--ink-3);}
.legend a{text-decoration:underline;text-underline-offset:3px;}

/* ---------- SECTION BANDS (the wayfinding device) ---------- */
.band{background:var(--brick);color:var(--paper);}
.band.sponsored{background:var(--sponsor);}
.band .wrap{display:flex;align-items:baseline;gap:8px 20px;padding-top:11px;padding-bottom:11px;flex-wrap:wrap;}
.band h2{
  font-family:var(--display);font-weight:800;font-size:clamp(.95rem,1.7vw,1.15rem);
  letter-spacing:.03em;text-transform:uppercase;margin:0;line-height:1;
}
.band .kick{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.82;margin-left:auto;}
a.kick{transition:opacity .16s;}
a.kick:hover{opacity:1;text-decoration:underline;text-underline-offset:4px;}

section.zone{padding-top:clamp(30px,4.5vw,54px);padding-bottom:clamp(30px,4.5vw,54px);}
section.zone.tight{padding-top:clamp(24px,3vw,34px);padding-bottom:clamp(24px,3vw,34px);}

/* ---------- TYPE ---------- */
.kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brick);margin:0 0 12px;}
.kicker.sp{color:var(--sponsor);}
h1.hed{
  font-family:var(--display);font-weight:800;
  font-size:clamp(2.15rem,5.4vw,4.15rem);line-height:1.02;letter-spacing:-.032em;
  margin:0 0 18px;
}
h2.hed{
  font-family:var(--display);font-weight:800;
  font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.028em;margin:0 0 16px;
}
h3.hed{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.14;letter-spacing:-.018em;margin:0 0 10px;}
h4.hed{font-family:var(--display);font-weight:700;font-size:1.08rem;line-height:1.2;letter-spacing:-.012em;margin:0 0 9px;}
.dek{font-size:1.06rem;line-height:1.58;color:var(--ink-2);margin:0 0 16px;}
.dek.sm{font-size:.95rem;line-height:1.55;}
.byline{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);}

/* ---------- HERO ---------- */
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,3.6vw,52px);align-items:center;}
.hero-art{position:relative;}
.hero-art .frame{border:1px solid var(--rule);background:var(--panel);}
.frame.photo{padding:0;overflow:hidden;line-height:0;}
.frame.photo img{width:100%;height:auto;display:block;}
.artcap{font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:9px 12px;border-top:1px solid var(--rule);}
.rot-strip{
  margin-top:22px;padding-top:14px;border-top:2px solid var(--ink);
  font-family:var(--mono);font-size:11px;line-height:1.75;color:var(--ink-2);letter-spacing:.02em;
}
.rot-strip b{color:var(--brick);text-transform:uppercase;letter-spacing:.1em;font-size:10px;display:block;margin-bottom:6px;}

/* ---------- CARD GRIDS ---------- */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px);}
.card{background:var(--panel);border:1px solid var(--rule);border-radius:3px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 0 -4px rgba(21,24,29,.14);}
.card .art{position:relative;border-bottom:1px solid var(--rule);background:var(--panel-2);}
.card .art img{width:100%;height:auto;display:block;}
.card .body{padding:18px 19px 20px;flex:1;display:flex;flex-direction:column;}
.card .tagline{font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brick);margin-bottom:10px;}
.card p{margin:0 0 14px;flex:1;}
.card .more{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-top:1px solid var(--rule);padding-top:11px;margin-top:auto;}
.card .more::after{content:" →";color:var(--brick);}

/* sponsored card treatment — colour IS the disclosure */
.card.sp{border:1px solid var(--sponsor);border-top:5px solid var(--sponsor);background:#FBFCFB;}
.card.sp .tagline{color:var(--sponsor);}
.card.sp .more::after{color:var(--sponsor);}
.card.sp .art{position:relative;background:var(--sponsor-tint);border-bottom-color:var(--sponsor-tint);}
.spflag{
  position:absolute;top:0;left:0;background:var(--sponsor);color:#fff;
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;
z-index:2;}
.presented{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sponsor);border-top:1px solid var(--sponsor-tint);padding-top:11px;margin-top:auto;
}
.series{
  font-family:var(--mono);font-size:10px;line-height:1.7;color:var(--ink-2);
  background:var(--sponsor-tint);padding:10px 12px;margin:0 0 14px;border-radius:2px;
}
.series b{display:block;color:var(--sponsor);letter-spacing:.13em;text-transform:uppercase;font-size:9px;margin-bottom:5px;}
.keyfacts{font-family:var(--mono);font-size:10px;line-height:1.7;color:var(--ink-2);
  background:var(--panel-2);padding:10px 12px;margin:0 0 14px;border-radius:2px;}
.keyfacts b{display:block;color:var(--brick);letter-spacing:.13em;text-transform:uppercase;font-size:9px;margin-bottom:5px;}
.tileline{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 14px;}

/* ---------- NEWS STRIP ---------- */
.strip-item{background:var(--panel);border:1px solid var(--rule);border-left:4px solid var(--ink);border-radius:2px;padding:15px 16px 16px;}
.strip-item .cat{font-family:var(--mono);font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--brick);margin-bottom:9px;}
.strip-item h5{font-family:var(--display);font-weight:600;font-size:.96rem;line-height:1.28;margin:0 0 10px;letter-spacing:-.008em;}
.strip-item .stamp{font-family:var(--mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.06em;}

/* ---------- ADS ---------- */
.adzone{background:var(--panel-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.adzone .wrap{padding-top:20px;padding-bottom:20px;}
.adlabel{font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:11px;}
.adnote{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:var(--ink-3);text-align:center;margin-top:11px;}

/* ---------- SPONSORED SECOND HERO ---------- */
.sphero{background:var(--sponsor);color:#EAF1EE;}
.sphero .wrap{padding-top:clamp(34px,5vw,60px);padding-bottom:clamp(34px,5vw,60px);}
.sphero .grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(24px,3.6vw,52px);align-items:center;}
.sphero h2.hed{color:#fff;}
.sphero .dek{color:#CFE0D9;}
.sphero .kicker{color:#9FC4B6;}
.sphero .frame{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);}
.sphero .artcap{border-top-color:rgba(255,255,255,.22);color:#9FC4B6;}
.sphero .series{background:rgba(255,255,255,.09);color:#CFE0D9;}
.sphero .series b{color:#9FC4B6;}
.btn{
  display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  background:#fff;color:var(--sponsor);padding:13px 22px;border:1.5px solid #fff;
}
.btn:hover{background:transparent;color:#fff;}
.btn.brick{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.btn.brick:hover{background:var(--brick);border-color:var(--brick);}
.reserved{
  margin-top:20px;padding:11px 14px;border:1px dashed rgba(255,255,255,.42);
  font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#9FC4B6;
}

/* ---------- LARGE TILES ---------- */
.tile .art{height:190px;overflow:hidden;display:flex;align-items:stretch;}
.tile .art svg{width:100%;height:100%;}
.tile .art img{width:100%;height:100%;object-fit:cover;display:block;}
.tile h3.hed{margin-bottom:11px;}

/* ---------- NEWSLETTER ---------- */
.news-block{background:var(--ink);color:var(--paper);}
.news-block .wrap{padding-top:clamp(34px,5vw,58px);padding-bottom:clamp(34px,5vw,58px);}
.news-block .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(22px,3vw,48px);align-items:center;}
.news-block h2.hed{color:#fff;margin-bottom:12px;}
.news-block .dek{color:#B9BEC7;}
.form{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.form input{
  flex:1;min-width:200px;height:50px;border:1.5px solid #4A5262;background:#1D212A;color:#fff;
  padding:0 16px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;border-radius:2px;
}
.form input::placeholder{color:#7A8291;}
.form button{
  height:50px;border:none;background:var(--brick);color:#fff;padding:0 26px;cursor:pointer;
  font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;border-radius:2px;
}
.form button:hover{background:var(--paper);color:var(--ink);}
.formnote{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:#7A8291;margin-top:12px;}
.statline{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#8A92A1;border-top:1px solid #333944;padding-top:18px;margin-top:26px;}

/* ---------- FOOTER ---------- */
.foot{background:var(--brick-deep);color:#F3DCD6;}
.foot .wrap{padding-top:38px;padding-bottom:44px;}
.foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px;}
.foot .plate{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;text-transform:uppercase;color:#fff;line-height:.92;margin:0 0 12px;}
.foot h6{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#E0A899;margin:0 0 12px;}
.foot ul{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:11.5px;line-height:2.1;}
.foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.foot .fine{border-top:1px solid rgba(255,255,255,.22);margin-top:32px;padding-top:18px;font-family:var(--mono);font-size:10px;line-height:1.8;color:#D9B3A8;letter-spacing:.03em;}
.foot .fine b{color:#fff;}

/* ---------- APPENDIX ---------- */
.appx{background:var(--ink);color:#C6CBD4;}
.appx .wrap{padding-top:46px;padding-bottom:56px;}
.appx h3{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:#fff;margin:0 0 8px;text-transform:uppercase;}
.appx .sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7A8291;margin:0 0 26px;}
.appx .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.appx h4{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#E3A99C;margin:0 0 12px;}
.appx p{font-size:.92rem;line-height:1.62;margin:0 0 12px;color:#B4BAC4;}
.swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.sw{width:54px;}
.sw i{display:block;height:38px;border:1px solid #3A414D;}
.sw span{font-family:var(--mono);font-size:8.5px;color:#7A8291;display:block;margin-top:5px;letter-spacing:.03em;}
.maptable{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px;margin-top:6px;}
.maptable th,.maptable td{border:1px solid #333944;padding:8px 10px;text-align:left;vertical-align:top;line-height:1.5;}
.maptable th{background:#1E222B;color:#E3A99C;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:500;}
.maptable td.r{color:#7A8291;white-space:nowrap;width:16%;}

/* ---------- HOUSE ADS — "advertise here" placeholders, built in CSS so they scale like creative ---------- */
.hb{display:block;container-type:inline-size;margin:0 auto;width:100%;}
.hb-lb{max-width:970px;}
.hb-bb{max-width:970px;}
.hb-ft{max-width:728px;}
.hb-in{display:flex;align-items:center;gap:2.2cqw;padding:0 2.4cqw;position:relative;overflow:hidden;
  font-family:var(--display);transition:filter .18s;}
.hb:hover .hb-in{filter:brightness(1.06);}
.hb-lb .hb-in{aspect-ratio:970/90;}
.hb-ft .hb-in{aspect-ratio:728/90;}
.hb-bb .hb-in{aspect-ratio:970/250;padding:0 4cqw;gap:4cqw;}

.hb-mark{flex:none;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--mono);font-size:1.05cqw;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;
  width:9.5cqw;height:6.2cqw;border:1.5px dashed currentColor;opacity:.75;}
.hb-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35cqw;}
.hb-copy b{font-weight:800;font-size:2.75cqw;line-height:1;letter-spacing:-.025em;}
.hb-copy i{font-style:normal;font-family:var(--serif);font-size:1.4cqw;line-height:1.25;opacity:.82;}
.hb-cta{flex:none;font-family:var(--mono);font-size:1.15cqw;letter-spacing:.13em;text-transform:uppercase;
  padding:1.2cqw 1.8cqw;white-space:nowrap;transition:background .18s,color .18s;}
.hb-ft .hb-copy b{font-size:3.3cqw;}
.hb-ft .hb-copy i{font-size:1.75cqw;}
.hb-ft .hb-cta{font-size:1.45cqw;padding:1.5cqw 2.2cqw;}
.hb-ft .hb-mark{font-size:1.3cqw;width:11cqw;height:7.6cqw;}

/* billboard internals */
.hb-bb .hb-copy b{font-size:5.4cqw;line-height:.95;}
.hb-bb .hb-copy i{font-size:1.85cqw;max-width:46cqw;margin-top:1cqw;}
.hb-bb .hb-side{flex:none;width:30cqw;display:flex;flex-direction:column;gap:1.6cqw;}
.hb-bb .hb-spec{font-family:var(--mono);font-size:1.2cqw;line-height:1.85;letter-spacing:.06em;text-transform:uppercase;
  border-top:1.5px solid currentColor;padding-top:1.3cqw;opacity:.85;}
.hb-bb .hb-cta{font-size:1.4cqw;padding:1.6cqw 2cqw;text-align:center;}
.hb-dim{position:absolute;right:1cqw;bottom:.6cqw;font-family:var(--mono);font-size:.85cqw;letter-spacing:.12em;opacity:.45;text-transform:uppercase;}
.hb-ft .hb-dim{font-size:1.1cqw;}

/* colourways */
.v-ink .hb-in{background:var(--ink);color:var(--paper);}
.v-ink .hb-cta{background:var(--brick);color:#fff;}
.v-ink:hover .hb-cta{background:var(--paper);color:var(--ink);}
.v-paper .hb-in{background:var(--panel);color:var(--ink);outline:2px dashed var(--ink-3);outline-offset:-7px;}
.v-paper .hb-copy b{color:var(--brick);}
.v-paper .hb-cta{background:var(--ink);color:var(--paper);}
.v-paper:hover .hb-cta{background:var(--brick);}
.v-brick .hb-in{background:var(--brick);color:#fff;}
.v-brick .hb-cta{background:#fff;color:var(--brick-deep);}
.v-brick:hover .hb-cta{background:var(--ink);color:#fff;}
.hb-in .stripe{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 14px,transparent 14px 28px);}

/* small screens: units collapse to a mobile-sized banner with the short line only */
@container (max-width:620px){
  .hb-lb .hb-in,.hb-ft .hb-in{aspect-ratio:auto;min-height:62px;padding:10px 14px;gap:12px;}
  .hb-mark,.hb-copy i,.hb-dim{display:none;}
  .hb-lb .hb-copy b,.hb-ft .hb-copy b{font-size:17px;}
  .hb-lb .hb-cta,.hb-ft .hb-cta{font-size:9.5px;padding:8px 10px;}
  .hb-bb .hb-in{aspect-ratio:auto;flex-direction:column;align-items:stretch;padding:26px 20px;gap:18px;}
  .hb-bb .hb-copy b{font-size:30px;}
  .hb-bb .hb-copy i{font-size:15px;max-width:none;}
  .hb-bb .hb-side{width:auto;gap:14px;}
  .hb-bb .hb-spec{font-size:10px;padding-top:10px;}
  .hb-bb .hb-cta{font-size:11px;padding:12px 14px;}
}

/* sponsor placeholder art */
.card.sp .art svg{width:100%;height:auto;display:block;}
.tile.sp .art svg{height:100%;}
.sphero .frame.ph{line-height:0;}
.sphero .frame.ph svg{width:100%;height:auto;display:block;}
.presented .yb{border-bottom:1.5px dashed currentColor;}

/* ---------- NETWORK BAR ---------- */
.netbar{background:var(--paper);border-top:2px solid var(--ink);}
.netbar .wrap{padding-top:clamp(34px,4.6vw,56px);padding-bottom:clamp(34px,4.6vw,56px);}
.nethead{display:flex;align-items:baseline;gap:10px 24px;flex-wrap:wrap;margin-bottom:26px;}
.nethead h2{font-family:var(--display);font-weight:800;font-size:clamp(1.15rem,2.1vw,1.45rem);
  letter-spacing:.005em;text-transform:uppercase;margin:0;color:var(--ink);}
.nethead .std{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-3);margin-left:auto;}

.netgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px);align-items:stretch;}
.netcard{display:flex;flex-direction:column;background:var(--panel);}
.netcard .band{height:6px;display:block;flex:none;}
.netcard .inner{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;}
.netcard .state{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 16px;}
.netcard h3{font-family:var(--display);font-weight:800;font-size:1.06rem;line-height:1.12;
  letter-spacing:.004em;text-transform:uppercase;margin:0 0 14px;color:var(--ink);}
.netcard p{font-family:var(--serif);font-size:.98rem;line-height:1.48;color:var(--ink-2);margin:0 0 20px;flex:1;}
.netcard .act{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;
  border-top:1px solid var(--rule);padding-top:14px;margin-top:auto;color:var(--ink);}

.netcard.live{transition:transform .18s;}
.netcard.live:hover{transform:translateY(-3px);}
.netcard.here .state{color:var(--brick);}
.netcard.here .act{color:var(--ink-3);}
.netcard.soon .state{color:var(--ink-3);}
.netcard.soon .act{color:var(--ink-3);}
.netcard.hold{background:transparent;border:1px dashed var(--rule);border-top:none;}
.netcard.hold .band{background:repeating-linear-gradient(to right,var(--rule) 0 12px,transparent 12px 22px);}
.netcard.hold .inner{padding:21px 23px 23px;}
.netcard.hold h3{color:var(--ink-2);}
.netcard.hold p{color:var(--ink-3);}
.netcard.hold .act{color:var(--ink-3);border-top-style:dashed;}

.netwhy{font-family:var(--mono);font-size:10.5px;line-height:1.9;color:var(--ink-2);
  border-top:1px solid var(--rule);padding-top:20px;margin:30px 0 0;}
.netwhy b{color:var(--ink);}
@media (max-width:1000px){.netgrid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.netgrid{grid-template-columns:1fr;}.nethead .std{margin-left:0;}}

/* ---------- AD SLOT ROTATION ---------- */
.rot{position:relative;}
.rot .frames{position:relative;}
.rot .frame{display:none;}
.rot .frame.on{display:block;}
.rot .frame img{width:100%;height:auto;display:block;}
.rotbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:11px;}
.rotbar .dots{display:flex;gap:7px;}
.rotbar button.dot{
  width:9px;height:9px;padding:0;border:1px solid var(--ink-3);background:transparent;cursor:pointer;border-radius:50%;
}
.rotbar button.dot[aria-current="true"]{background:var(--ink);border-color:var(--ink);}
.rotbar .cnt{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);}
.rotbar button.play{
  font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  background:transparent;border:1px solid var(--ink-3);color:var(--ink-2);padding:4px 9px;cursor:pointer;
}
.rotbar button.play:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);}

/* ---------- MOTION ---------- */
.rev{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;}
.rev.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .rev{opacity:1;transform:none;transition:none;}
  .card{transition:none;}
  .card:hover{transform:none;}
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1000px){
  .g3{grid-template-columns:1fr 1fr;}
  .g4{grid-template-columns:1fr 1fr;}
  .foot .cols{grid-template-columns:1fr 1fr;}
  .appx .cols{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .hero,.sphero .grid,.news-block .grid{grid-template-columns:1fr;}
  .hero-art{order:-1;}
  .nav .wrap{overflow-x:auto;flex-wrap:nowrap;}
  .nav .navcta{margin-left:12px;}
}
@media (max-width:640px){
  .g3,.g4{grid-template-columns:1fr;}
  .foot .cols{grid-template-columns:1fr;}
  .band .kick{margin-left:0;width:100%;}
}