/* v2.0.6 — distinctive article compositions, readable section headings, archive image repairs. */

/* Article artwork: the photo treatment now controls the composition, not just the filter. */
.riff-article-hero.riff2-article-art .riff2-art-red,
.riff-article-hero.riff2-article-art .riff2-art-blue,
.riff-article-hero.riff2-article-art .riff2-art-ink{display:none;}
.riff-article-hero.riff2-article-art>img{display:block;width:100%;max-width:100%;object-fit:cover;}

/* Raw analogue film — perforations only. */
.riff-article-hero.riff2-fx-film:before{opacity:.85;}
/* Gig poster — cropped red screen-print in one corner. */
.riff-article-hero.riff2-fx-poster .riff2-art-red{display:block;left:auto;right:-10px;top:-12px;bottom:auto;width:25%;height:39%;transform:rotate(8deg);opacity:.78;}
/* Cut paper — a single ragged patch, with no blue corner or vinyl rings. */
.riff-article-hero.riff2-fx-torn .riff2-art-red{display:block;left:-8px;bottom:-9px;width:29%;height:33%;transform:rotate(-8deg);opacity:.75;}
/* Halftone — bright blue ink on the edge, without the red triangle. */
.riff-article-hero.riff2-fx-halftone .riff2-art-blue{display:block;top:auto;bottom:-10px;right:-10px;width:20%;height:38%;transform:rotate(-12deg);opacity:.74;}
/* Photocopy — imperfect ink arcs, black-and-white photograph. */
.riff-article-hero.riff2-fx-photocopy .riff2-art-ink{display:block;top:-16px;left:-13px;right:auto;width:27%;height:95px;transform:rotate(-9deg);opacity:.53;}
/* Duotone — a restrained diagonal blue offset print. */
.riff-article-hero.riff2-fx-duotone .riff2-art-blue{display:block;top:-11px;right:-7px;width:13%;height:22%;transform:rotate(17deg);opacity:.48;}
/* Vinyl — grooves only, not the same torn-paper artwork. */
.riff-article-hero.riff2-fx-vinyl .riff2-art-ink{display:block;top:auto;bottom:4%;right:-15px;width:25%;height:100px;transform:rotate(180deg);opacity:.38;}
/* Tape — no extra artwork: the two strips in photo-effects.css carry the style. */
/* Stamp — one small torn red ink impression near the left edge. */
.riff-article-hero.riff2-fx-stamp .riff2-art-red{display:block;left:-9px;top:10%;bottom:auto;width:15%;height:20%;transform:rotate(-22deg);opacity:.53;}
/* Vintage grain — leave room for the photograph to breathe. */

/* Editorial hierarchy: each heading level has a recognisable job. */
.riff-entry-content h2{
  display:block!important;color:#252521!important;
  font:750 clamp(29px,2.6vw,37px)/1.17 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.038em!important;margin:2.2em 0 .75em!important;
  padding:23px 0 0!important;border:0!important;border-top:2px solid #38342f!important;
  clear:both;
}
.riff-entry-content h2:before{content:""!important;display:block!important;width:45px!important;height:5px!important;background:#ef3a34!important;margin:-28px 0 24px!important;vertical-align:initial!important;}
.riff-entry-content h3{
  display:block!important;color:#353731!important;
  font:700 clamp(23px,2vw,28px)/1.27 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.02em!important;margin:1.65em 0 .58em!important;
  border:0!important;padding:0 0 0 15px!important;border-left:4px solid #e93930!important;
}
.riff-entry-content h4{font-size:20px!important;color:#44413c!important;margin:1.4em 0 .5em!important;}
.riff-entry-content h2 + p,.riff-entry-content h3 + p{margin-top:0!important;}

/* Archive cards should occupy the grid cell across all breakpoints and widget layouts. */
.riff-archive-editorial-grid{min-width:0;width:100%;align-items:start;}
.riff-archive-editorial-grid>.riff-archive-editorial-card{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;}
.riff-archive-editorial-image.riff2-fx{
  width:100%!important;min-width:0!important;max-width:none!important;
  height:auto!important;aspect-ratio:16/10!important;
  position:relative;display:block!important;overflow:hidden;
}
.riff-archive-editorial-image.riff2-fx>img{
  position:absolute!important;inset:0;width:100%!important;height:100%!important;
  min-width:100%!important;max-width:none!important;object-fit:cover!important;
}
.riff-archive-editorial-body{min-width:0;}
.riff-archive-editorial-body h3{overflow-wrap:break-word;}
.riff2-archive-lower.has-sidebar>div:first-child{min-width:0;}
.riff-archive-spotlight-image.riff2-fx>img{width:100%!important;height:100%!important;object-fit:cover!important;}

@media(max-width:767px){
  .riff-entry-content h2{font-size:29px!important;margin-top:1.9em!important;}
  .riff-entry-content h3{font-size:23px!important;}
  .riff-archive-editorial-image.riff2-fx{aspect-ratio:16/10!important;}
  .riff-article-hero.riff2-article-art .riff2-art-red,.riff-article-hero.riff2-article-art .riff2-art-blue{max-width:25%;}
}
@media print{.riff-article-hero.riff2-article-art .riff2-art-red,.riff-article-hero.riff2-article-art .riff2-art-blue,.riff-article-hero.riff2-article-art .riff2-art-ink{display:none!important;}}

/* Drag-and-drop editorial Discovery widgets. */
.riff2-discovery-stories{display:grid;gap:0;}
.riff2-discovery-story{display:grid!important;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:13px;padding:13px 0!important;border:0!important;border-bottom:1px solid #ffffff25!important;text-decoration:none!important;}
.riff2-discovery-story:first-child{padding-top:0!important;}
.riff2-discovery-story:last-child{border-bottom:0!important;padding-bottom:0!important;}
.riff2-discovery-story img{width:76px!important;height:70px!important;object-fit:cover;border-radius:0;}
.riff2-discovery-story strong{display:block;color:#fff;font:750 14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.01em;}
.riff2-discovery-story small{display:block;margin-top:6px;color:#c3bab0;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase;}
.riff2-discovery-story:hover strong{color:#ff776c;}
.riff2-discovery-links{list-style:none!important;margin:0!important;padding:0!important;}
.riff2-discovery-links li{margin:0!important;padding:0!important;border-bottom:1px solid #ffffff25!important;}
.riff2-discovery-links li:last-child{border-bottom:0!important;}
.riff2-discovery-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0!important;border:0!important;font:750 14px/1.3 Arial,Helvetica,sans-serif!important;}
.riff2-discovery-count{flex:none;color:#ff857a;font:700 11px/1.2 Arial,Helvetica,sans-serif;}

/* v2.0.8: mega-menu contrast + stable toggle hit area/arrow positioning. */
.riff2-magazine-menu .riff2-nav-panel,
.riff2-magazine-menu .riff2-nav-panel-heading,
.riff2-magazine-menu .riff2-nav-panel-grid{color:#191919!important;}
.riff2-magazine-menu .riff2-nav-panel-links>a,
.riff2-magazine-menu .riff2-nav-panel-heading>a{
  color:#24211e!important;text-shadow:none!important;
}
.riff2-magazine-menu .riff2-nav-panel-links>a:hover,
.riff2-magazine-menu .riff2-nav-panel-links>a:focus-visible{
  background:#24211e!important;color:#fff!important;
}
.riff2-magazine-menu .riff2-nav-panel-links>a span{color:#dc3830!important;}
.riff2-magazine-menu .riff2-nav-panel-feature,
.riff2-magazine-menu .riff2-nav-panel-feature strong{color:#fff!important;}
.riff2-magazine-menu .riff2-nav-panel-feature small{color:#ff8278!important;}
.riff2-magazine-menu .riff2-nav-heading{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;height:68px!important;gap:0!important;
}
.riff2-magazine-menu .riff2-nav-heading>a{
  display:inline-flex!important;align-items:center!important;height:100%!important;
  padding:0 6px 0 11px!important;line-height:1!important;
}
.riff2-magazine-menu .riff2-nav-toggle{
  position:static!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;align-self:center!important;flex:0 0 28px!important;
  width:28px!important;height:40px!important;min-height:40px!important;
  padding:0!important;margin:0!important;line-height:1!important;
  transform:none!important;vertical-align:middle!important;
}
.riff2-magazine-menu .riff2-nav-toggle>span{
  display:block!important;font:800 22px/1 Arial,Helvetica,sans-serif!important;
  transform:translateY(-3px);transition:transform .18s ease;
}
.riff2-magazine-menu .riff2-nav-toggle[aria-expanded="true"]>span{
  transform:translateY(3px) rotate(180deg);
}
@media(max-width:767px){
  .riff2-magazine-menu .riff2-nav-heading{height:auto!important;min-height:54px!important;justify-content:space-between!important;}
  .riff2-magazine-menu .riff2-nav-heading>a{flex:1!important;padding:17px 10px!important;font-size:17px!important;}
  .riff2-magazine-menu .riff2-nav-toggle{flex-basis:52px!important;width:52px!important;height:52px!important;min-height:52px!important;}
  .riff2-magazine-menu .riff2-nav-panel-links>a{font-size:13px!important;}
}

/* v2.0.9: readable editorial artist profiles rather than block-heavy display type. */
.riff2-artist-hub .riff-artist-intro{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:28px;}
.riff2-artist-hub .riff-artist-intro h1{
  font:800 clamp(52px,7vw,102px)/.98 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.075em!important;text-transform:none!important;
  overflow-wrap:anywhere;max-width:100%;
}
.riff2-artist-hub .riff-artist-bio{
  font:400 clamp(16px,1.3vw,19px)/1.58 Georgia,'Times New Roman',serif!important;
  color:#49433f!important;max-width:740px!important;
}
.riff2-artist-hub .riff-artist-intro-stat strong{font:800 clamp(36px,3.5vw,56px)/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.06em;}
.riff2-artist-hub .riff-artist-feature-copy h2{
  font:800 clamp(28px,2.75vw,44px)/1.07 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.05em!important;text-transform:none!important;
}
.riff2-artist-hub .riff-artist-feature-mini h3{font:750 clamp(17px,1.4vw,22px)/1.19 Arial,Helvetica,sans-serif!important;letter-spacing:-.03em!important;}
.riff2-artist-hub .riff2-artist-tabs{gap:5px;padding:8px 0;border-bottom:1px solid #bcb5a9;}
.riff2-artist-hub .riff2-artist-tabs a{font:700 13px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;padding:11px 15px;border-radius:3px;}
.riff2-artist-hub .riff2-artist-tabs a:focus-visible{outline:2px solid #df3830;outline-offset:2px;}
.riff2-artist-has-image{grid-template-columns:minmax(0,1fr) minmax(240px,32%)!important;}
.riff2-artist-cover{position:relative;z-index:2;grid-column:2;grid-row:1;min-height:240px;align-self:stretch;overflow:hidden;background:#211e1c;}
.riff2-artist-cover img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;filter:saturate(.83) contrast(1.06);}
.riff2-artist-has-image .riff-artist-intro-stat{grid-column:1;grid-row:2;margin-top:18px;}
@media(max-width:767px){
  .riff2-artist-hub .riff-artist-intro,.riff2-artist-has-image{display:block!important;}
  .riff2-artist-hub .riff-artist-intro h1{font-size:clamp(47px,10vw,72px)!important;}
  .riff2-artist-cover{margin-top:22px;height:220px;min-height:0;}
  .riff2-artist-cover img{height:220px;min-height:0;}
  .riff2-artist-hub .riff2-artist-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;}
  .riff2-artist-hub .riff2-artist-tabs a{flex:none;white-space:nowrap;font-size:12px!important;}
}

/* Per-artist affiliate selection. No blank placeholders when no products exist. */
.riff-am-products{margin:30px 0 36px;padding:24px 0;border-top:2px solid #24201e;border-bottom:1px solid #c9c1b6;}
.riff-am-products-heading>span{display:block;color:#df3c32;font:800 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.11em;}
.riff-am-products-heading h2{font:800 clamp(25px,3vw,38px)/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:-.05em;margin:8px 0!important;color:#26211e;}
.riff-am-products-heading p{font:12px/1.5 Arial,Helvetica,sans-serif;color:#666058;margin:0 0 20px;}
.riff-am-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.riff-am-product{display:flex;flex-direction:column;padding:11px;background:#fffdf8;border:1px solid #ded5c8;text-decoration:none!important;color:#282320!important;min-width:0;}
.riff-am-product>img,.riff-am-product-placeholder{width:100%;height:155px;object-fit:contain;background:#f1ece4;display:grid;place-items:center;font:900 15px Arial,sans-serif;color:#68605a;}
.riff-am-product>strong{font:750 14px/1.35 Arial,Helvetica,sans-serif;margin:12px 0;flex:1;}
.riff-am-product>span:last-child{font:800 12px Arial,Helvetica,sans-serif;color:#d8392f;}
.riff-am-product:hover{border-color:#d8392f;transform:translateY(-2px);}
@media(max-width:767px){.riff-am-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.riff-am-product>img,.riff-am-product-placeholder{height:125px;}}

/* v2.0.10: editorial Discovery cards, with the publication date intentionally omitted. */
.riff2-widget:has(.riff2-discovery-stories),.riff-article-sidebar .riff-widget:has(.riff2-discovery-stories){background:#22201f!important;}
.riff2-discovery-stories{counter-reset:riff-discovery;}
.riff2-discovery-story{
  grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;
  padding:16px 0!important;position:relative;transition:opacity .2s ease;
}
.riff2-discovery-story:first-child{padding-top:0!important;}
.riff2-discovery-story img{width:82px!important;height:82px!important;object-fit:cover!important;filter:saturate(.78) contrast(1.08);transition:filter .2s,transform .2s;}
.riff2-discovery-story strong{color:#fff!important;font:700 clamp(14px,1.05vw,16px)/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:-.018em!important;}
.riff2-discovery-story em{display:block!important;color:#f67c70!important;margin-top:9px;font:800 10px/1.2 Arial,Helvetica,sans-serif!important;font-style:normal!important;letter-spacing:.06em;text-transform:uppercase;}
.riff2-discovery-story:hover img{filter:saturate(1.15) contrast(1.08);transform:scale(1.03);}
.riff2-discovery-story:hover strong{color:#ffa197!important;}
.riff2-widget:has(.riff2-discovery-stories) .riff2-widget-title{border-bottom:2px solid #ef4136!important;padding-bottom:13px!important;}

/* Article sharing: flat editorial rail with clear platform names and compact icons. */
.riff-entry-content .riff-share-mid{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:12px!important;padding:17px 0 20px!important;margin:34px 0!important;
  background:transparent!important;border:0!important;border-top:3px solid #24211f!important;
  border-bottom:1px solid #c9c0b5!important;border-radius:0!important;box-shadow:none!important;
}
.riff-entry-content .riff-share-mid .riff-share-heading{width:100%!important;flex:0 0 auto!important;margin:0!important;}
.riff-entry-content .riff-share-mid .riff-share-label{color:#26221f!important;font:800 12px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:.09em!important;}
.riff-entry-content .riff-share-mid .riff-share-heading small{display:block!important;margin-top:3px;color:#6b645c;font:400 13px/1.4 Georgia,serif!important;}
.riff-entry-content .riff-share-mid .riff-share-buttons{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;width:100%!important;}
.riff-entry-content .riff-share-mid .riff-share-buttons>.riff-share-button,
.riff-entry-content .riff-share-mid .riff-share-buttons>.riff-copy-link{
  display:inline-flex!important;flex-direction:row!important;flex:0 1 auto!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  min-height:45px!important;padding:9px 15px!important;margin:0!important;
  background:#fffdf8!important;border:1px solid #c8bfb3!important;border-radius:4px!important;
  color:#25211d!important;font:750 12px/1.1 Arial,Helvetica,sans-serif!important;
  box-shadow:none!important;text-decoration:none!important;transform:none!important;
}
.riff-entry-content .riff-share-mid .riff-share-icon{
  display:grid!important;place-items:center!important;width:25px!important;height:25px!important;
  min-width:25px!important;min-height:25px!important;border-radius:3px!important;
  color:#fff!important;font:800 13px/1 Arial,Helvetica,sans-serif!important;
}
.riff-entry-content .riff-share-mid .riff-share-buttons>.riff-share-button:hover,
.riff-entry-content .riff-share-mid .riff-share-buttons>.riff-copy-link:hover{
  background:#24211f!important;color:#fff!important;border-color:#24211f!important;
}
.riff-entry-content .riff-share-mid .riff-share-extra{flex:0 0 auto!important;min-width:0!important;}
.riff-entry-content .riff-share-mid .riff-share-extra>summary{
  display:flex!important;align-items:center!important;flex-direction:row!important;justify-content:center!important;gap:9px!important;
  padding:9px 15px!important;min-height:45px!important;height:45px!important;
  border:1px solid #c8bfb3!important;background:#ece7de!important;color:#28241f!important;
  border-radius:4px!important;font:750 12px Arial,Helvetica,sans-serif!important;
}
.riff-entry-content .riff-share-mid .riff-share-extra-menu{z-index:30;}
@media(max-width:767px){
  .riff-entry-content .riff-share-mid .riff-share-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .riff-entry-content .riff-share-mid .riff-share-buttons>.riff-share-button,.riff-entry-content .riff-share-mid .riff-share-buttons>.riff-copy-link{width:100%!important;padding:9px!important;}
}

/* Full editorial footer: strong brand zone, browse links and small-print strip. */
.riff2-footer{background:#171716!important;color:#fff!important;padding:0!important;margin-top:24px!important;border-top:6px solid #e54137!important;}
.riff2-footer-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:clamp(24px,5vw,75px);padding:62px 0 52px;}
.riff2-footer-kicker{display:block;color:#f07870;font:800 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.14em;margin-bottom:16px;}
.riff2-footer .riff-footer-logo{display:inline-block;color:#fff!important;font:900 clamp(32px,3.5vw,53px)/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.075em!important;text-decoration:none!important;}
.riff2-footer-about p{max-width:420px;color:#c6c2bb;font:400 17px/1.55 Georgia,'Times New Roman',serif;margin-top:20px;}
.riff2-footer h2{color:#fff;margin:0 0 22px;font:800 15px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.04em;text-transform:uppercase;}
.riff2-footer-explore ul,.riff2-footer .riff-footer-menu{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:6px 20px;}
.riff2-footer-more .riff-footer-menu{grid-template-columns:1fr!important;}
.riff2-footer-explore li,.riff2-footer .riff-footer-menu li{min-width:0;}
.riff2-footer-explore a,.riff2-footer .riff-footer-menu a,.riff2-footer-more-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;color:#ded9d1!important;text-decoration:none!important;font:600 14px/1.4 Arial,Helvetica,sans-serif!important;}
.riff2-footer-explore a span{color:#ef655b;}
.riff2-footer a:hover{color:#ff8a80!important;}
.riff2-footer-more p{color:#c6c2bb;font:400 15px/1.55 Georgia,serif;}
.riff2-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0 26px;border-top:1px solid #484541;}
.riff2-footer-bottom small{display:block;margin:0!important;padding:0!important;border:0!important;color:#aca7a0!important;font:12px/1.5 Arial,Helvetica,sans-serif;}
.riff2-footer-bottom>span{color:#918d86;font:800 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.1em;}
.riff2-footer-bottom>span span{color:#e54137;}
@media(max-width:850px){.riff2-footer-top{grid-template-columns:1fr 1fr;}.riff2-footer-about{grid-column:1/-1;}}
@media(max-width:540px){.riff2-footer-top{grid-template-columns:1fr;padding:42px 0 30px;gap:32px;}.riff2-footer-about{grid-column:auto;}.riff2-footer-bottom{display:block;}.riff2-footer-bottom>span{display:block;margin-top:12px;}}

/* v2.0.11: UK editorial identity — distressed Union Jack badge. */
.riff2-home-intro .riff2-uk-mark{
  display:block!important;justify-self:center!important;flex:none!important;
  width:195px!important;height:195px!important;aspect-ratio:1!important;
  background:#181818 url('../images/grunge-union-jack.svg') center/contain no-repeat!important;
  border:0!important;border-radius:50%!important;
  box-shadow:0 9px 0 #16161622,0 14px 20px #19191921!important;
  overflow:hidden!important;transform:rotate(-16deg)!important;
}
.riff2-home-intro .riff2-uk-mark::before,.riff2-home-intro .riff2-uk-mark::after{content:none!important;display:none!important;}
.riff2-home-intro>p{max-width:400px!important;}
@media(min-width:768px) and (max-width:1199px){
  .riff2-home-intro .riff2-uk-mark{width:155px!important;height:155px!important;}
}
@media(max-width:767px){
  .riff2-home-intro{padding-bottom:26px!important;}
  .riff2-home-intro .riff2-uk-mark{
    position:absolute!important;right:-32px!important;top:12px!important;
    width:142px!important;height:142px!important;opacity:.22!important;
    z-index:0!important;transform:rotate(-12deg)!important;
  }
}