/* The press page, nandi.art/press (5 Nov 2026): the site's own look; words and pictures from the back office (Press) */
/* in the site (5 Nov): the home page's sections give way to it at nandi.art/press; the bars and the footer stay */
#press { display: none; }
html.press-mode #press { display: block; }
html.press-mode main > :not(#press) { display: none !important; }
.pr-team { position: relative; z-index: 2; margin: 0 0 8px; padding: 9px 16px; text-align: center; background: var(--gold); color: #1a1420; font: 700 11px var(--hand); letter-spacing: .1em; text-transform: uppercase; }
.pr { max-width: 1080px; padding-top: 28px; padding-bottom: 64px; }

.pr .kick { font: 700 11px var(--hand); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin: 0 0 10px; }
.pr-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; align-items: center; }
.pr-hero h1 { font: 400 clamp(40px, 6.4vw, 76px)/.96 var(--display); text-transform: uppercase; margin: 0 0 16px; color: var(--ink); overflow-wrap: anywhere; }
.pr-hero h1 em { font-style: normal; color: var(--gold); }
.pr-hero .lead { font-size: 18px; line-height: 1.5; color: var(--ink); margin: 0 0 20px; max-width: 34em; }
.pr-hero img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 18px; border: 1px solid var(--line); background: var(--bg-2); }
.pr-count { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding: 16px 18px; border: 1px solid rgba(233,196,106,.35); background: rgba(233,196,106,.07); border-radius: 14px; max-width: 520px; }
.pr-count b { font: 400 44px/1 var(--display); color: var(--gold); } .pr-count b small { font-size: 22px; color: var(--muted); }
.pr-count > span { font-size: 14px; color: var(--muted); flex: 1 1 180px; }
.pr-count .bar { flex-basis: 100%; height: 8px; border-radius: 99px; background: rgba(255,255,255,.08); overflow: hidden; } .pr-count .bar i { display: block; height: 100%; width: 0; background: var(--gold); }
.pr .blk { margin-top: 48px; }
.pr h2.h { font: 400 30px/1 var(--display); text-transform: uppercase; margin: 0 0 18px; color: var(--ink); }
.pr .facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; }
.pr .facts div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-2); }
.pr .facts dt { font: 700 10px var(--hand); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.pr .facts dd { margin: 0; font-size: 15px; color: var(--ink); line-height: 1.35; }
.pr .two { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.pr .two.one { grid-template-columns: 1fr; }
.pr .story p, .pr .story-p { font-size: 16px; line-height: 1.6; color: var(--ink); margin: 0 0 14px; }
.pr .story p.note { font-size: 14px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 12px; }
.pr blockquote.q { margin: 0 0 14px; padding: 22px 24px; border-left: 3px solid var(--gold); background: var(--bg-2); border-radius: 0 14px 14px 0; }
.pr blockquote.q p { font-size: 19px; line-height: 1.45; color: var(--ink); margin: 0 0 12px; }
.pr blockquote.q cite { font: 700 11px var(--hand); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); font-style: normal; }
.pr .video { width: 100%; font: inherit; cursor: pointer; padding: 0; position: relative; aspect-ratio: 16 / 9; border-radius: 14px; border: 1px solid var(--line); background: linear-gradient(135deg, #1a1420, #0d0b10) center / cover; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--ink); font-size: 14px; text-decoration: none; overflow: hidden; }
.pr .video::before { content: ""; position: absolute; inset: 0; background: rgba(6,5,7,.45); }
.pr .video > * { position: relative; }
.pr .video .play { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--gold); color: #1a1420; font-size: 22px; }
.pr .pr-link { display: inline-block; margin-top: 12px; color: var(--gold); font: 700 11px var(--hand); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; padding: 6px 0; }
.pr .pics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pr .pics .pr-pic { padding: 0; font: inherit; cursor: pointer; width: 100%; position: relative; display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--line); background: var(--bg-2); }
.pr .pics img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.pr .pics span { position: absolute; left: 8px; bottom: 8px; padding: 3px 8px; border-radius: 99px; background: rgba(0,0,0,.6); color: var(--ink); font: 700 10px var(--hand); letter-spacing: .1em; text-transform: uppercase; }
.pr .pics + .fine { margin-top: 10px; }
.pr .contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; border-radius: 18px; border: 1px solid var(--line); background: var(--bg-2); }
.pr .contact p { margin: 0; color: var(--muted); font-size: 15px; } .pr .contact p b { display: block; color: var(--ink); font-size: 18px; margin-bottom: 4px; }
.pr .btnrow { display: flex; gap: 10px; flex-wrap: wrap; }
.pr .btnrow .btn { min-width: 170px; }
.pr .fine { color: var(--muted); font-size: 13px; }
.pr-wait { text-align: center; padding: 80px 0; }
#lbDl.lb-dl { display: inline-flex; margin: 12px auto 0; } #lbDl[hidden] { display: none; }
#prPop .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#prPop .enq-msg-err { color: #ff8a8a; font-size: 14px; margin: 0 0 10px; }
#prPop form .btn { width: 100%; }
@media (max-width: 820px) {
  .pr-hero, .pr .two { grid-template-columns: 1fr; }
  .pr-hero img { aspect-ratio: 4 / 3; order: -1; }
  .pr .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr .blk { margin-top: 36px; }
  .pr { padding-top: 0; }
  .pr .pics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr .btnrow { width: 100%; flex-direction: column; } .pr .btnrow .btn { width: 100%; min-width: 0; }
}