/* Luigui Bleand — News (official statements)
   Editorial magazine layout in Times New Roman, inside the site's black identity.
   Shared by /news/ and every article under it. */
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#101010;color:#f4f4f4;font-family:"Times New Roman",Times,serif;line-height:1.7}
img{max-width:100%}
a{color:inherit;text-underline-offset:4px}
a:hover{color:#ff615a}
a:focus-visible,button:focus-visible{outline:2px solid #ff615a;outline-offset:4px}

/* Header: crest + wordmark, the three routes, and the site-wide language switch */
.site-head{border-bottom:1px solid #353535}
.site-head nav{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 36px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:34px;width:auto;display:block}
.brand .wordmark{font-size:15px;letter-spacing:.2em;font-weight:700;text-transform:uppercase}
.head-tools{display:flex;align-items:center;gap:24px}
.head-tools .links{display:flex;gap:24px;font-size:15px}
.head-tools .links a{text-decoration:none}
.head-tools .links a[aria-current="page"]{text-decoration:underline;text-decoration-color:#f13932;text-decoration-thickness:1px}
.lang-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;color:#f4f4f4;border:1px solid #555;border-radius:2px;cursor:pointer;font:600 11px/1 "Times New Roman",Times,serif;letter-spacing:.08em;transition:border-color .2s,background .2s,color .2s}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{border-color:#f4f4f4;background:#f4f4f4;color:#101010}
/* Positioned by the shared engine right under its button (see assets/js/lb-i18n.js) */
.lang-menu{position:fixed;top:72px;left:8px;z-index:400;width:200px;max-width:calc(100vw - 16px);overflow-y:auto;background:#101010;border:1px solid #555;padding:6px;display:none;flex-direction:column;gap:2px;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.lang-menu.on{display:flex}
.lang-menu button{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;color:#bdbdbd;font:400 15px/1.2 "Times New Roman",Times,serif;cursor:pointer;text-align:left}
.lang-menu button:hover{background:#1c1c1c;color:#f4f4f4}
.lang-menu button.act{color:#f4f4f4}
.lang-menu button .c{font-size:11px;letter-spacing:.1em;color:#8a8a8a;min-width:30px}
.lang-menu button.act .c{color:#f13932}

/* Page */
main{max-width:1220px;margin:auto;padding:56px 36px 84px}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dbb6b3;margin:0 0 20px}
.intro{max-width:1060px}
h1,h2{font-family:"Times New Roman",Times,serif;font-weight:700}
h1{font-size:clamp(2.6rem,5.3vw,4.4rem);line-height:1.06;letter-spacing:-.028em;margin:0 0 26px}
.deck{font-size:clamp(1.18rem,2vw,1.5rem);line-height:1.5;color:#cacaca;max-width:880px;margin:0}
.meta{font-size:14px;color:#bbb;line-height:1.8;margin:26px 0 44px;padding-top:20px;border-top:1px solid #353535}

/* Article — editorial structure after the big music titles (section path, compact headline,
   short standfirst, byline + timestamp, wide photo with credit, reading column + side rail),
   kept on the site's own black, white and red. */
.article{max-width:1080px;margin:auto;padding:44px 36px 88px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#bbb;margin:0 0 22px}
.crumbs a{text-decoration:none;color:#f13932}
.crumbs a:hover{color:#ff615a}
.crumbs .sep{color:#555}
.headline{font-size:clamp(2.7rem,6.2vw,5.1rem);line-height:1.01;letter-spacing:-.034em;margin:0 0 22px;max-width:17ch}
.standfirst{font-size:clamp(1.2rem,2.1vw,1.55rem);line-height:1.45;color:#cacaca;max-width:40ch;margin:0}
.byline-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin:30px 0 34px;padding:18px 0;border-top:1px solid #353535;border-bottom:1px solid #353535}
.byline{margin:0;font-size:16px;line-height:1.5}
.byline a{font-weight:700;text-decoration:none;border-bottom:1px solid #f13932}
.byline a:hover{border-color:#ff615a}
.stamp{margin:2px 0 0;font-size:14px;color:#aaa}
.badge{display:inline-block;margin-left:10px;padding:2px 8px;border:1px solid #f13932;color:#f4f4f4;font-size:11px;letter-spacing:.14em;text-transform:uppercase;vertical-align:2px}
.share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.share .lbl{color:#8a8a8a;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.share a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 10px;border:1px solid #444;text-decoration:none;color:#ddd;letter-spacing:.04em}
.share a:hover{border-color:#f4f4f4;color:#f4f4f4}
.lead-photo{margin:0 0 50px}
.lead-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #353535;background:#0b0b0b}
.lead-photo figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;line-height:1.5;color:#aaa;padding-top:10px;border-bottom:1px solid #262626;padding-bottom:10px}
.lead-photo .credit{color:#8a8a8a}
.story-grid{display:grid;grid-template-columns:minmax(0,680px) minmax(0,290px);justify-content:space-between;gap:64px;align-items:start}
.body-col{font-size:20px;line-height:1.72}
.body-col p{margin:0 0 24px}
.body-col>p:first-of-type{font-size:21px}
.dateline{font-weight:700;letter-spacing:.03em}
.video-embed{margin:36px 0 38px}
.video-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid #353535}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-embed figcaption{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px;line-height:1.5;color:#aaa;padding-top:10px}
.video-embed figcaption a{color:#ddd;text-decoration:none;border-bottom:1px solid #555;white-space:nowrap}
.video-embed figcaption a:hover{color:#ff615a;border-color:#ff615a}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 0}
.button{display:inline-block;text-decoration:none;padding:12px 18px;border:1px solid #777;font-size:15px;letter-spacing:.02em}
.button.primary{background:#f4f4f4;color:#121212;border-color:#f4f4f4}
.button.primary:hover{background:#ff615a;border-color:#ff615a;color:#101010}
.rail{position:sticky;top:28px;display:grid;gap:28px}
.rail-block{border-top:2px solid #f13932;padding-top:14px}
.rail-block h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#bbb;margin:0 0 12px;font-weight:700}
.rail-block p{font-size:16px;line-height:1.55;color:#cfcfcf;margin:0}
.more-links{list-style:none;margin:0;padding:0}
.more-links li{border-bottom:1px solid #2c2c2c}
.more-links a{display:block;padding:12px 0;font-size:18px;line-height:1.3;font-weight:700;text-decoration:none}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{border:1px solid #444;padding:4px 10px;font-size:13px;color:#ddd}
.notes{margin:64px 0 0;border-top:1px solid #353535;padding-top:24px;font-size:15px;color:#bdbdbd;max-width:680px}
.notes h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#bbb;margin:0 0 12px}
.notes ul{padding-left:18px;margin:0}
.notes li{margin-bottom:9px}

/* Newsroom index */
.story-card{display:grid;grid-template-columns:minmax(220px,440px) 1fr;gap:45px;align-items:center;border-top:1px solid #444;padding:40px 0;margin-top:44px}
.story-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #353535}
.story-card h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}
.story-card h2 a{text-decoration:none}
.story-card p{font-size:19px;color:#cacaca;margin:0 0 24px}
.about{max-width:800px;margin-top:64px;color:#bbb;font-size:18px}
.about h2{color:#eee;font-size:1.7rem;margin:0 0 14px}

footer{border-top:1px solid #353535;color:#bbb;padding:30px 36px;font-size:15px}
footer .inside{max-width:1148px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{text-decoration:none}

@media (max-width:960px){
  .story-grid{grid-template-columns:1fr;gap:44px}
  .rail{position:static}
}
@media (max-width:760px){
  .article{padding:30px 20px 64px}
  .headline{font-size:2.55rem;max-width:none}
  .byline-row{margin:24px 0 26px}
  .lead-photo{margin-bottom:34px}
  .body-col{font-size:19px}
  .body-col>p:first-of-type{font-size:20px}
  .video-embed{margin:30px 0 32px}
  .site-head nav{padding:14px 20px;gap:14px}
  .head-tools{gap:16px}
  .head-tools .links{gap:16px;font-size:14px}
  main{padding:38px 20px 64px}
  h1{font-size:2.6rem}
  .meta{font-size:13px;margin-bottom:32px}
  .story-card{grid-template-columns:1fr;gap:26px}
  footer{padding:26px 20px}
}
@media (max-width:480px){
  .brand .wordmark{display:none}
  .head-tools .links{gap:14px}
  .lang-btn{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}