:root{--riff-ink:#191a1d;--riff-red:#f04435;--riff-muted:#787b82;--riff-line:#eaeaea;--riff-cream:#fff9f3;--riff-serif:Georgia,'Times New Roman',serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--riff-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--riff-red)}img{max-width:100%;height:auto}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--riff-red);outline-offset:3px}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;white-space:nowrap}.screen-reader-text:focus{clip:auto;height:auto;width:auto;background:#fff;z-index:10000;padding:12px}.skip-link:focus{top:8px;left:8px}
.riff-site-header{border-bottom:1px solid var(--riff-line);background:#fff;position:relative;z-index:10}.riff-header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:83px}.riff-brand a,.riff-footer-logo{font-family:Impact,'Arial Black',sans-serif;font-stretch:condensed;font-size:2rem;font-weight:900;letter-spacing:-.07em;line-height:1;color:#161616;white-space:nowrap}.riff-brand span,.riff-footer-logo span{color:var(--riff-red)}.riff-brand img{display:block;max-width:230px;width:auto;max-height:66px}.riff-navigation{margin-left:auto}.riff-menu,.riff-footer-menu{display:flex;align-items:center;gap:1.9rem;list-style:none;padding:0;margin:0}.riff-menu li{position:relative}.riff-menu a{font-size:.78rem;text-transform:uppercase;font-weight:800;letter-spacing:.045em}.riff-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;list-style:none;background:#fff;border:1px solid var(--riff-line);padding:12px;box-shadow:0 12px 35px #0001}.riff-menu li:hover>.sub-menu,.riff-menu li:focus-within>.sub-menu{display:block}.riff-menu .sub-menu a{display:block;padding:8px}.riff-search-link{font-size:2rem;line-height:1}.riff-menu-toggle{display:none;border:0;background:none;font-size:1.6rem}.riff-main{padding-top:42px;padding-bottom:85px}.riff-eyebrow{font-size:.71rem!important;line-height:1.4;color:var(--riff-red);font-weight:800;letter-spacing:.11em;text-transform:uppercase}.riff-intro{background:linear-gradient(110deg,#fff5ed 0%,#fff 65%);border-radius:18px;padding:50px 6%;margin-bottom:26px}.riff-intro h1{font-family:var(--riff-serif);font-size:clamp(2.5rem,5vw,4.7rem);font-weight:bold;line-height:1.06;max-width:800px;letter-spacing:-.045em;margin:14px 0}.riff-intro h1 em{color:var(--riff-red);font-style:normal}.riff-intro p{font-size:1.12rem;color:#686868;max-width:620px}.riff-chips{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 30px}.riff-chips a{font-size:.85rem;font-weight:700;border:1px solid #e7e7e7;border-radius:100px;padding:9px 19px;transition:background .15s}.riff-chips a:hover,.riff-chips a.active{color:#fff;background:var(--riff-ink);border-color:var(--riff-ink)}.riff-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--riff-line);margin:8px 0 26px}.riff-section-heading h2{font-family:var(--riff-serif);font-weight:800;font-size:1.65rem}.riff-section-heading span,.riff-meta{color:var(--riff-muted);font-size:.75rem}.riff-masonry{columns:4 235px;column-gap:22px}.riff-card{break-inside:avoid;display:inline-block;width:100%;margin-bottom:25px;border-radius:13px;overflow:hidden;background:#fff;border:1px solid #ededed;box-shadow:0 3px 12px #00000005;transition:transform .2s,box-shadow .2s}.riff-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #00000012}.riff-card-image{display:block;overflow:hidden;position:relative;background:#efe7e0}.riff-card-image img{display:block;width:100%;height:auto;transition:transform .35s}.riff-card:hover img{transform:scale(1.03)}.riff-placeholder{display:flex;min-height:240px;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;background:linear-gradient(145deg,#20202a,#9e3434);color:white;letter-spacing:-.06em}.riff-card-info{padding:16px 17px 20px}.riff-card h2{font-family:var(--riff-serif);font-size:clamp(1.05rem,1.5vw,1.4rem);font-weight:800;line-height:1.25;margin:7px 0 14px}.riff-archive-intro{padding:35px 0 25px;max-width:800px}.riff-archive-intro h1{font:bold clamp(2.7rem,5vw,5rem)/1.08 var(--riff-serif);margin:12px 0}.riff-archive-intro p{font-size:1.13rem;color:#666}.riff-pagination{padding-top:36px}.riff-pagination ul,.riff-pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.riff-pagination a,.riff-pagination span{display:inline-block;padding:9px 15px;border:1px solid var(--riff-line);border-radius:7px}.riff-pagination .current{background:var(--riff-ink);color:#fff}
.riff-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:55px}.riff-article{min-width:0}.riff-article-header h1{font:bold clamp(2.3rem,4vw,4.45rem)/1.08 var(--riff-serif);letter-spacing:-.042em;margin:10px 0}.riff-deck{font-family:var(--riff-serif);font-size:1.33rem;color:#777}.riff-byline{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.77rem;color:#777;margin:20px 0}.riff-byline a{font-weight:700;color:#222}.riff-article-hero{margin:0 0 30px}.riff-article-hero img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.riff-article-hero figcaption{font-size:.76rem;color:#777;padding-top:8px}.riff-entry-content{font-family:var(--riff-serif);font-size:clamp(1.07rem,1.3vw,1.22rem);line-height:1.82;overflow-wrap:anywhere}.riff-entry-content>p{margin:0 0 1.35em}.riff-entry-content h2,.riff-entry-content h3{font-family:var(--riff-serif);line-height:1.25;margin:1.7em 0 .5em;font-weight:bold}.riff-entry-content h2{font-size:1.9rem}.riff-entry-content h3{font-size:1.45rem}.riff-entry-content a:not(.wp-block-button__link){text-decoration:underline;text-decoration-color:var(--riff-red);text-underline-offset:3px}.riff-entry-content figure{max-width:100%}.riff-entry-content figcaption{font: .77rem/1.45 Arial,Helvetica,sans-serif;color:#888}.riff-entry-content blockquote{font-size:1.4rem;border-left:4px solid var(--riff-red);padding:5px 25px;color:#444}.riff-entry-content .alignwide{width:100%;max-width:100%}.riff-entry-content .alignfull{width:100%}.riff-article-sidebar{border-left:1px solid var(--riff-line);padding-left:25px}.riff-article-sidebar h2,.riff-widget h3{font:bold 1.3rem var(--riff-serif);margin-bottom:20px}.riff-small-story{display:flex;gap:12px;align-items:start;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--riff-line)}.riff-small-story img{width:90px;aspect-ratio:1;object-fit:cover;border-radius:7px;flex:none}.riff-small-story strong{display:block;font:700 .95rem/1.35 var(--riff-serif)}.riff-small-story small{display:block;color:#999;font-size:.69rem;padding-top:8px}.riff-article-footer{border-top:1px solid var(--riff-line);padding:25px 0;margin-top:35px}.riff-tag-list a{display:inline-block;background:#f4f4f4;border-radius:30px;font:700 .78rem Arial,sans-serif;padding:6px 12px;margin:3px}.riff-author-bio{margin-top:30px;font: .9rem Arial,sans-serif}.riff-comments{border-top:1px solid var(--riff-line);margin-top:30px;padding-top:30px}.riff-page{max-width:880px}.riff-page h1{font:bold clamp(2.4rem,4vw,4rem) var(--riff-serif)}
/* Affiliate cards inserted by any Gutenberg block or shortcode: keep the entire section in the article flow. */
.riff-entry-content .kobe-affiliate-grid,.riff-entry-content .riff-affiliate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.riff-entry-content .kobe-affiliate-card,.riff-entry-content .riff-affiliate-card{min-width:0}.riff-entry-content .kobe-affiliate-wrap,.riff-entry-content .riff-affiliate-wrap{background:var(--riff-cream);border:1px solid #f0dfc6;border-radius:10px;padding:22px;margin:32px 0}.riff-entry-content .kobe-affiliate-wrap h2,.riff-entry-content .riff-affiliate-wrap h2{margin:0 0 16px;font-size:1.55rem}.riff-entry-content .kobe-buy-button,.riff-entry-content .riff-buy-button{display:inline-block;background:var(--riff-red);color:white!important;text-decoration:none!important;border-radius:8px;padding:11px 20px;font:800 .84rem Arial,sans-serif}.riff-entry-content .kobe-buy-button:hover,.riff-entry-content .riff-buy-button:hover{background:#c72b20}.riff-affiliate-disclosure{font: .73rem Arial,sans-serif;color:#646464;text-align:center;margin-top:14px}
.riff-footer{background:#18191c;color:white;padding:52px 0 25px}.riff-footer-grid{display:flex;justify-content:space-between;gap:30px}.riff-footer-logo{color:#fff}.riff-footer p{font-size:.9rem;color:#bdbdbd;margin-top:18px}.riff-footer-menu{flex-wrap:wrap}.riff-footer-menu a{font-size:.82rem}.riff-footer small{display:block;border-top:1px solid #404047;padding-top:22px;margin-top:42px;color:#999}.riff-search-form{display:flex;max-width:650px;gap:6px}.riff-search-form input{flex:1;min-width:0;border:1px solid #ddd;padding:12px;border-radius:8px}.riff-search-form button,.riff-link-button{border:0;background:var(--riff-red);color:#fff;border-radius:8px;padding:12px 22px;font-weight:800}.riff-not-found{min-height:58vh;text-align:center}.riff-not-found .riff-search-form{margin:30px auto}.riff-not-found h1{font:bold 3rem var(--riff-serif)}
@media(max-width:991px){.riff-masonry{columns:3 210px}.riff-single-layout{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.riff-header-inner{min-height:70px}.riff-menu{gap:1rem}.riff-menu a{font-size:.7rem}.riff-article-sidebar{padding-left:18px}}
@media(max-width:767px){.riff-header-inner{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.riff-brand a{font-size:1.7rem}.riff-menu-toggle{display:block;margin-left:auto}.riff-navigation{display:none;width:100%;order:3;margin:0}.riff-navigation.is-open{display:block}.riff-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}.riff-menu a{display:block;padding:12px 3px;font-size:.88rem}.riff-menu .sub-menu{display:block;position:static;box-shadow:none;border:none;padding:0 0 0 20px}.riff-search-link{font-size:1.7rem}.riff-main{padding-top:24px;padding-bottom:55px}.riff-intro{padding:30px 22px}.riff-section-heading span{display:none}.riff-masonry{columns:2 170px;column-gap:13px}.riff-card{margin-bottom:14px}.riff-card-info{padding:12px}.riff-card h2{font-size:1.1rem}.riff-single-layout{display:block}.riff-article-sidebar{margin-top:45px;padding:30px 0 0;border-left:0;border-top:1px solid var(--riff-line)}.riff-article-header h1{font-size:clamp(2rem,7vw,3.1rem)}.riff-footer-grid{display:block}.riff-footer-menu{margin-top:25px}.riff-entry-content .kobe-affiliate-grid,.riff-entry-content .riff-affiliate-grid{grid-template-columns:1fr}}
@media(max-width:440px){.riff-masonry{columns:2 130px}.riff-card-info{padding:10px}.riff-card h2{font-size:.99rem}.riff-intro h1{font-size:2.35rem}.riff-entry-content .kobe-affiliate-wrap,.riff-entry-content .riff-affiliate-wrap{padding:14px}.riff-chips a{padding:7px 13px;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.riff-card,.riff-card-image img{transition:none}}

/* Riff Street 1.1: artist discovery, infinite feed, related reading and discreet ads. */
.riff-load-more{text-align:center;margin:28px auto 0}.riff-load-more button{border:none;background:var(--riff-ink);color:#fff;border-radius:60px;padding:14px 30px;font-weight:800;cursor:pointer}.riff-load-more button:hover{background:var(--riff-red)}.riff-load-more button:disabled{opacity:.6;cursor:wait}.riff-load-more button[hidden]{display:none}#riff-feed-status{font-size:.82rem;color:var(--riff-muted);min-height:1.5em;margin-top:12px}
.riff-artist-hero{padding:55px 5%;margin-bottom:38px;border-radius:20px;background:linear-gradient(125deg,#262129,#5d2529 65%,#a53c31);color:white}.riff-artist-hero .riff-eyebrow{color:#ffb9a8}.riff-artist-hero h1{font:bold clamp(2.8rem,6vw,5.5rem)/1.05 var(--riff-serif);letter-spacing:-.04em;margin:10px 0}.riff-artist-description{font-family:var(--riff-serif);font-size:1.2rem;max-width:700px}.riff-artist-hero .riff-meta{color:#ddd}.riff-list-heading{font:700 1.55rem var(--riff-serif);margin-bottom:22px}
.riff-artist-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0 28px;font:700 .78rem Arial,sans-serif}.riff-artist-links span{color:var(--riff-red);letter-spacing:.1em;font-size:.7rem}.riff-artist-links a{border:1px solid #e6e6e6;border-radius:40px;padding:7px 13px}.riff-artist-links a:hover{color:#fff;background:#171717;border-color:#171717}
.riff-reading-progress{position:fixed;top:0;left:0;width:0;height:4px;background:var(--riff-red);z-index:9999;pointer-events:none;transition:width .08s linear}
.riff-toc{background:#f9f9f9;border-left:3px solid var(--riff-red);border-radius:0 10px 10px 0;padding:15px 22px;margin:15px 0 30px;font-family:Arial,Helvetica,sans-serif}.riff-toc h2{font:bold 1rem Arial,sans-serif;margin:0 0 9px}.riff-toc ol{columns:2;column-gap:30px;margin:0;padding-left:20px}.riff-toc li{break-inside:avoid;font-size:.84rem;padding:3px 0}.riff-toc .riff-toc-sub{padding-left:12px;font-size:.79rem}.riff-toc a:hover{text-decoration:underline;color:var(--riff-red)}.riff-entry-content h2,.riff-entry-content h3{scroll-margin-top:32px}
.riff-related{margin-top:40px;padding-top:28px;border-top:2px solid #171717}.riff-related>h2{font:bold 1.6rem var(--riff-serif);margin-bottom:20px}.riff-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.riff-related-grid .riff-card{display:block}.riff-related-grid .riff-card-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.riff-related-grid .riff-card h2{font-size:1.12rem}
.riff-ad-slot{display:block;max-width:100%;overflow:hidden;margin:28px auto;background:#f6f6f6;padding:10px 12px 15px;text-align:center;break-inside:avoid}.riff-ad-label{display:block;text-align:center;font:600 .65rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;margin-bottom:7px}.riff-ad-slot img,.riff-ad-slot iframe{max-width:100%}.riff-masonry>.riff-ad-slot{display:inline-block;width:100%;margin:0 0 22px}.riff-entry-content .riff-ad-slot{font-family:Arial,sans-serif}.riff-ad-widget>*{max-width:100%}
@media(max-width:767px){.riff-related-grid{gap:11px}.riff-toc ol{columns:1}.riff-artist-hero{padding:35px 23px}.riff-entry-content .riff-ad-slot{margin:20px 0}}
@media(max-width:400px){.riff-related-grid{grid-template-columns:1fr}}
.riff-article-tools{position:sticky;top:0;z-index:8}.riff-toc{box-shadow:0 4px 16px #0000000b;margin:0 0 24px;padding:10px 18px;background:#fff}.riff-toc summary{font:bold .84rem Arial,sans-serif;cursor:pointer;list-style:revert}.riff-toc details[open] ol{padding-top:14px;padding-bottom:8px}.riff-toc:not([hidden]){display:block}.riff-toc[hidden]{display:none}

/* v1.1.2 — compact music-discovery homepage matching the approved layout. */
.riff-site-header{border-bottom:1px solid #eeeeef}
.riff-header-inner{max-width:none;padding-left:clamp(20px,2.7vw,54px);padding-right:clamp(20px,2.7vw,54px);min-height:60px;gap:26px}
.riff-brand a,.riff-footer-logo{font-family:'Arial Black',Impact,Arial,sans-serif;font-size:1.95rem;font-weight:900;letter-spacing:-.085em}
.riff-menu{gap:clamp(12px,1.7vw,28px)}
.riff-menu a{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-size:.94rem;font-weight:700;letter-spacing:0;line-height:1.35}
.riff-header-search{display:flex;align-items:center;gap:8px;margin-left:22px;background:#f5f5f7;border-radius:40px;min-width:170px;width:clamp(180px,20vw,320px);padding:7px 14px}
.riff-header-search span{font-size:1.65rem;line-height:1;flex:none}
.riff-header-search input{background:transparent;border:0;outline:0;min-width:0;width:100%;font-size:.79rem;color:#252629}
.riff-header-search input:focus-visible{outline:2px solid var(--riff-red);outline-offset:5px;border-radius:4px}
.riff-home{padding:16px clamp(18px,1.35vw,28px) 80px;max-width:1800px}
.riff-home .riff-intro{background:none;border-radius:0;margin:0 0 8px;padding:0 clamp(2px,1.35vw,24px)}
.riff-home .riff-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,4.1vw,4.3rem);line-height:1.06;letter-spacing:-.052em;font-weight:800;max-width:none;margin:0 0 2px;color:#08090a}
.riff-home .riff-intro h1 span{color:var(--riff-red)}
.riff-home .riff-intro p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.05rem,1.65vw,1.5rem);font-weight:700;line-height:1.35;color:#747780;margin:0}
.riff-home .riff-chips{padding:12px clamp(2px,1.35vw,24px) 17px;gap:9px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.riff-home .riff-chips a{flex:none;padding:7px 18px;font-size:.77rem;font-weight:600;line-height:1.4;color:#646773;background:#fff;border-color:#ebebed}
.riff-home .riff-chips a.active{background:#171719;color:#fff;border-color:#171719}
.riff-home .riff-chips a:hover{background:#171719;color:#fff;border-color:#171719}
.riff-discovery-grid{columns:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:315px;gap:13px;align-items:stretch}
.riff-discovery-grid>.riff-card{margin:0;display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid #ededee;border-radius:10px;box-shadow:0 2px 14px #00000007;break-inside:auto}
.riff-discovery-grid .riff-card-image{height:61%;min-height:0;flex:none}
.riff-discovery-grid .riff-card-image img{width:100%;height:100%;object-fit:cover}
.riff-discovery-grid .riff-card-info{display:flex;flex:1;min-height:0;flex-direction:column;padding:12px 15px 13px}
.riff-discovery-grid .riff-eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:.61rem!important;font-weight:800;letter-spacing:.055em;color:#535864;line-height:1.3}
.riff-discovery-grid .riff-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(.96rem,1.25vw,1.34rem);line-height:1.15;letter-spacing:-.027em;font-weight:800;margin:6px 0 10px;overflow-wrap:normal;word-break:normal;hyphens:none}
.riff-discovery-grid .riff-meta{margin-top:auto;font-size:.72rem;line-height:1.25;color:#686e78}
.riff-discovery-grid .riff-card-featured{grid-row:span 2;position:relative;isolation:isolate;background:#151515;min-height:0}
.riff-discovery-grid .riff-card-featured .riff-card-image{position:absolute;inset:0;height:100%;width:100%}
.riff-discovery-grid .riff-card-featured .riff-card-image::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));pointer-events:none}
.riff-discovery-grid .riff-card-featured .riff-card-info{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:20px;color:white;justify-content:end;pointer-events:none}
.riff-discovery-grid .riff-card-featured .riff-card-info a{pointer-events:auto}
.riff-discovery-grid .riff-card-featured .riff-eyebrow,.riff-discovery-grid .riff-card-featured .riff-meta{color:#fff}
.riff-discovery-grid .riff-card-featured h2{font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.14;letter-spacing:-.035em;margin:8px 0 14px}
.riff-discovery-grid .riff-card-featured .riff-meta{margin-top:0}
.riff-discovery-grid>.riff-ad-slot{display:block;width:auto;margin:0;min-width:0}

/* Editorial reading rhythm and sidebar typography. */
.riff-entry-content{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.1rem,1.45vw,1.24rem);font-weight:400;line-height:1.8;letter-spacing:0;word-spacing:.035em;overflow-wrap:break-word}
.riff-entry-content p{margin-bottom:1.45em}
.riff-entry-content h2,.riff-entry-content h3{word-spacing:normal;letter-spacing:-.023em;line-height:1.25}
.riff-article-header h1{letter-spacing:-.035em;line-height:1.1;word-spacing:.015em}
.riff-article-sidebar{padding-left:28px}
.riff-article-sidebar h2,.riff-widget h3{font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}
.riff-widget{margin-bottom:28px}
.riff-widget ul{list-style:none;margin:0;padding:0}
.riff-widget li{border-bottom:1px solid #ececec;padding:11px 0;font-size:.9rem;line-height:1.48}
.riff-widget p{font-size:.9rem;line-height:1.65;color:#60646a}
.riff-article-sidebar .riff-small-story{gap:13px;margin-bottom:15px;padding-bottom:15px;line-height:1.35}
.riff-article-sidebar .riff-small-story img{width:86px;height:86px;object-fit:cover}
.riff-article-sidebar .riff-small-story strong{font-family:Georgia,'Times New Roman',serif;font-size:1rem;font-weight:700;line-height:1.32;letter-spacing:-.01em;word-spacing:.015em;overflow-wrap:break-word}
.riff-article-sidebar .riff-small-story small{font-family:Arial,Helvetica,sans-serif;font-size:.7rem;margin-top:6px;color:#7b7e84}
.riff-article-sidebar a:hover strong,.riff-widget a:hover{color:var(--riff-red)}
.riff-comments,.comment-respond,#comments{display:none!important}
@media(max-width:1199px){.riff-discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:300px}.riff-header-search{width:200px}.riff-menu{gap:13px}}
@media(max-width:991px){.riff-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px}.riff-header-search{display:none}.riff-article-sidebar{padding-left:20px}}
@media(max-width:767px){.riff-header-inner{min-height:65px}.riff-home{padding:19px 13px 55px}.riff-home .riff-intro{padding:0 5px}.riff-home .riff-chips{padding:15px 5px 20px}.riff-home .riff-intro h1{font-size:clamp(2.25rem,7.5vw,3.4rem)}.riff-home .riff-intro p{font-size:1.05rem}.riff-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:285px;gap:11px}.riff-discovery-grid .riff-card-info{padding:10px 11px}.riff-discovery-grid .riff-card h2{font-size:1.04rem}.riff-discovery-grid .riff-card-featured{grid-column:span 2;grid-row:span 1}.riff-discovery-grid .riff-card-featured .riff-card-info{padding:20px}.riff-discovery-grid .riff-card-featured h2{font-size:1.7rem}.riff-article-sidebar{padding:28px 0 0}}
@media(max-width:420px){.riff-discovery-grid{grid-auto-rows:260px}.riff-discovery-grid .riff-card-image{height:53%}.riff-discovery-grid .riff-card-featured .riff-card-image{height:100%}.riff-discovery-grid .riff-card h2{font-size:.95rem}.riff-discovery-grid .riff-card-featured h2{font-size:1.5rem}}

/* v1.1.3 — keep the brand and navigation in a centred, editorial-width header. */
.riff-header-inner{max-width:1240px;width:100%;margin-right:auto;margin-left:auto;padding-left:22px;padding-right:22px;gap:24px}
.riff-navigation{margin-left:auto}
.riff-editorial-disclaimer{clear:both;margin:36px 0 4px;padding:17px 20px;border-top:1px solid #e6e6e6;background:#fafafa;border-radius:0 0 8px 8px}
.riff-editorial-disclaimer h2{font:700 .79rem/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#3b3e45;margin:0 0 7px}
.riff-editorial-disclaimer p{font:400 .78rem/1.65 Arial,Helvetica,sans-serif;color:#70747b;letter-spacing:0;word-spacing:.015em;margin:0}
@media(max-width:991px){.riff-header-inner{gap:16px;padding-left:18px;padding-right:18px}}
@media(max-width:767px){.riff-header-inner{max-width:100%}.riff-editorial-disclaimer{padding:15px 16px;margin-top:26px}}

/* v1.1.4 — compact photo attributions below editorial images. */
.credit-link,.riff-entry-content .credit-link{display:block;clear:both;margin:7px 0 24px;padding:0;color:#82858b;font:400 .72rem/1.55 Arial,Helvetica,sans-serif;letter-spacing:0;word-spacing:normal;overflow-wrap:anywhere}
.credit-link a,.riff-entry-content .credit-link a:not(.wp-block-button__link){color:#60656d;text-decoration:underline;text-decoration-color:#b6b8bc;text-decoration-thickness:1px;text-underline-offset:2px}
.credit-link a:hover,.riff-entry-content .credit-link a:hover{color:var(--riff-red);text-decoration-color:var(--riff-red)}
.riff-entry-content figure+.credit-link,.riff-article-hero+.credit-link{margin-top:-18px}

/* Branded category and tag archives. */
.riff-archive-page{padding-top:27px}
.riff-breadcrumb{display:flex;align-items:center;gap:10px;font:600 .76rem/1.4 Arial,Helvetica,sans-serif;color:#92959b;margin:0 0 19px}
.riff-breadcrumb a{color:#696d75}.riff-breadcrumb a:hover{color:var(--riff-red)}
.riff-archive-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff8f4 0%,#fafafa 70%,#fff 100%);border:1px solid #f1efed;border-radius:17px;padding:clamp(30px,4vw,58px) clamp(25px,5vw,72px);margin-bottom:14px}
.riff-archive-hero::after{content:"";position:absolute;width:240px;height:240px;right:-120px;top:-120px;border:30px solid #f0443509;border-radius:50%;pointer-events:none}
.riff-archive-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,5.5vw,5.4rem);font-weight:800;letter-spacing:-.055em;line-height:1.08;margin:12px 0;overflow-wrap:break-word}
.riff-archive-hero h1 span{color:var(--riff-red)}
.riff-archive-hero p,.riff-archive-description{font:400 clamp(1rem,1.4vw,1.2rem)/1.65 Arial,Helvetica,sans-serif;max-width:740px;color:#646971;margin:0 0 19px}
.riff-archive-description p{margin:0 0 12px}
.riff-archive-count{display:inline-flex;background:#fff;border:1px solid #ebe6e2;border-radius:30px;padding:7px 13px;color:#555d65;font:700 .73rem/1.4 Arial,Helvetica,sans-serif}
.riff-archive-chips{gap:9px;padding:14px 0 24px;flex-wrap:wrap}
.riff-archive-chips a{font-size:.77rem;padding:8px 16px}
.riff-archive-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:1px 0 20px;border-bottom:1px solid #e8e8e8;padding-bottom:12px}
.riff-archive-heading h2{font:700 clamp(1.5rem,2vw,2.05rem)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:0}
.riff-archive-heading span{font-size:.78rem;color:#8b8d92}
.riff-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:320px;gap:17px}
.riff-archive-grid .riff-card-featured{grid-row:span 2}
.riff-archive-grid .riff-card-image{height:60%}
.riff-archive-grid .riff-card-featured .riff-card-image{height:100%}
.riff-empty-archive{padding:35px;background:#fafafa;border-radius:10px;color:#686d75}
.riff-archive-page .riff-pagination{margin-top:36px}
.riff-archive-page .riff-pagination .nav-links{gap:9px}
.riff-archive-page .riff-pagination .page-numbers{display:inline-block;border:1px solid #e7e7e7;border-radius:7px;padding:10px 14px;font:700 .82rem Arial,Helvetica,sans-serif}
.riff-archive-page .riff-pagination .current{background:#171719;color:#fff}
@media(max-width:991px){.riff-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:300px}.riff-archive-hero{padding:34px}}
@media(max-width:767px){.riff-archive-page{padding-top:20px}.riff-archive-hero{padding:25px 22px}.riff-archive-hero h1{font-size:clamp(2.35rem,9vw,3.5rem)}.riff-archive-heading span{display:none}.riff-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:280px;gap:12px}.riff-archive-grid .riff-card-featured{grid-column:span 2;grid-row:span 1}.riff-archive-chips{flex-wrap:nowrap;overflow-x:auto}.credit-link,.riff-entry-content .credit-link{font-size:.7rem}}

/* v1.1.5 — contemporary music-magazine masthead. */
.riff-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #e9eaec;box-shadow:0 4px 22px rgba(21,23,26,.035);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.riff-header-inner{max-width:1340px;min-height:78px;padding-left:24px;padding-right:24px;gap:clamp(18px,2.5vw,40px)}
.riff-brand{flex:none}
.riff-brand a{display:inline-flex;align-items:baseline;color:#101114;font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(1.95rem,2.4vw,2.45rem);font-weight:900;letter-spacing:-.067em;line-height:1;transition:opacity .15s}
.riff-brand a:hover{opacity:.76;color:#101114}
.riff-brand a span{margin-left:1px}
.riff-brand img{max-width:220px;max-height:52px}
.riff-navigation{margin-left:auto;flex:0 1 auto;min-width:0}
.riff-menu{gap:clamp(13px,1.7vw,27px)}
.riff-menu>li>a{display:inline-flex;align-items:center;position:relative;min-height:78px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em;color:#35383e;white-space:nowrap;transition:color .15s}
.riff-menu>li>a::after{position:absolute;content:"";height:3px;bottom:0;left:0;right:100%;background:var(--riff-red);border-radius:3px 3px 0 0;transition:right .2s ease}
.riff-menu>li>a:hover,.riff-menu>li.current-menu-item>a,.riff-menu>li.current-menu-ancestor>a{color:#111214}
.riff-menu>li>a:hover::after,.riff-menu>li.current-menu-item>a::after,.riff-menu>li.current-menu-ancestor>a::after{right:0}
.riff-menu .sub-menu{top:calc(100% - 1px);border-radius:0 0 10px 10px;min-width:190px;box-shadow:0 16px 30px #00000014}
.riff-menu .sub-menu a{font-family:Arial,Helvetica,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.01em;text-transform:none}
.riff-header-search{flex:0 1 235px;display:flex;align-items:center;gap:11px;min-width:175px;width:auto;margin:0;padding:11px 15px;border:1px solid #f0f0f2;border-radius:30px;background:#f5f5f7;transition:background .15s,border-color .15s,box-shadow .15s}
.riff-header-search:focus-within{background:#fff;border-color:#f3a49d;box-shadow:0 0 0 3px #f0443512}
.riff-header-search svg{flex:none;color:#33363c}
.riff-header-search input{font-size:.78rem;line-height:1.4;color:#191b20}
.riff-header-search input::placeholder{color:#8a8d95}
.riff-header-search input:focus-visible{outline:0}
@media(max-width:1199px){.riff-header-inner{gap:20px}.riff-menu{gap:14px}.riff-menu>li>a{font-size:.72rem;letter-spacing:.045em}.riff-header-search{flex-basis:190px}}
@media(max-width:991px){.riff-header-inner{min-height:72px}.riff-menu>li>a{min-height:72px}.riff-header-search{display:none}}
@media(max-width:767px){.riff-header-inner{min-height:69px;padding-top:11px;padding-bottom:11px}.riff-brand a{font-size:2rem}.riff-menu-toggle{margin-left:auto}.riff-navigation{margin:0;width:100%}.riff-menu{gap:0}.riff-menu>li>a{min-height:0;padding:13px 6px;font-size:.79rem}.riff-menu>li>a::after{height:2px;bottom:5px;right:100%}.riff-menu .sub-menu{box-shadow:none;border:0}}

/* v1.1.6 — readable HTML photo credits, notice before tags. */
.riff-article-hero figcaption .credit-link{margin:0;padding:0;font-size:.72rem;line-height:1.55;color:#73777e}
.riff-article-hero figcaption .credit-link a{color:#5b626d;text-decoration:underline;text-decoration-color:#bec1c6;text-underline-offset:2px}
.riff-article-hero figcaption .credit-link a:hover{color:var(--riff-red)}
.riff-editorial-disclaimer+.riff-article-footer{border-top:0;margin-top:0;padding-top:14px;padding-bottom:14px}
.riff-article-footer:empty{display:none}

/* v1.1.7 — full-width editorial mega navigation. */
.riff-mega-panel[hidden]{display:none!important}
.riff-mega-enabled{display:flex;align-items:center;gap:4px}
.riff-menu>.riff-mega-enabled>.sub-menu{display:none!important}
.riff-mega-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:0 2px;border:0;background:transparent;color:var(--riff-red);font-size:1.08rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .15s}
.riff-mega-toggle[aria-expanded="true"]{transform:rotate(180deg)}
.riff-mega-panel{position:absolute;left:50%;top:calc(100% - 1px);transform:translateX(-50%);width:min(1160px,calc(100vw - 44px));background:#fff;border:1px solid #e7e8e9;border-radius:0 0 15px 15px;box-shadow:0 22px 48px #15151521;padding:27px 32px 22px;z-index:150;animation:riff-mega-in .16s ease-out}
@keyframes riff-mega-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
.riff-mega-top{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:19px;border-bottom:1px solid #eee}
.riff-mega-top h2{font:800 clamp(1.75rem,3.2vw,3.15rem)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:7px 0 0}
.riff-mega-top h2 span{color:var(--riff-red)}
.riff-mega-all{flex:none;color:#23252a;font:800 .75rem Arial,Helvetica,sans-serif;white-space:nowrap}
.riff-mega-all span{color:var(--riff-red);font-size:1.1rem;margin-left:6px}
.riff-mega-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;padding-top:22px}
.riff-mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.riff-mega-link-column{border-right:1px solid #ececec;padding-right:12px;min-width:0}
.riff-mega-link-column h3,.riff-mega-featured-label{display:block;font:800 .66rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.11em;color:#858991;margin:0 0 14px}
.riff-mega-link-column>a{display:block;padding:6px 0;color:#25272b;font:700 .99rem/1.38 Georgia,'Times New Roman',serif}
.riff-mega-link-column>a:hover{color:var(--riff-red)}
.riff-mega-featured{display:block;min-width:0;color:#151519}
.riff-mega-featured img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:11px}
.riff-mega-featured strong{display:block;font:800 1.19rem/1.24 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.riff-mega-featured small{display:block;font:700 .66rem Arial,sans-serif;color:#81858b;letter-spacing:.04em;text-transform:uppercase;margin-top:9px}
.riff-mega-featured small span{color:var(--riff-red)}
.riff-mega-coming-soon{background:#f8f8f8;border:1px solid #ededed;border-radius:10px;padding:23px;align-self:stretch}
.riff-mega-coming-soon p{color:#777c85;font:400 .85rem/1.65 Arial,Helvetica,sans-serif;margin:14px 0 0}
.riff-mega-trending{display:flex;align-items:center;gap:clamp(13px,2vw,27px);flex-wrap:wrap;background:#fafafa;border-top:1px solid #ececec;border-radius:0 0 8px 8px;margin:22px -12px -7px;padding:15px 18px}
.riff-mega-trending strong{font:800 .63rem/1.4 Arial,Helvetica,sans-serif;color:#777d87;letter-spacing:.1em;margin-right:7px}
.riff-mega-trending a{font:700 .85rem/1.3 Georgia,'Times New Roman',serif;color:#30333a}
.riff-mega-trending a:hover{color:var(--riff-red)}

/* More considered magazine reading experience. */
.riff-single-layout{max-width:1270px;grid-template-columns:minmax(0,780px) minmax(240px,290px);gap:clamp(35px,5vw,72px);justify-content:center}
.riff-article-header h1{font-size:clamp(2.8rem,4.6vw,4.5rem);line-height:1.095;letter-spacing:-.045em}
.riff-entry-content{max-width:780px;font-size:clamp(1.09rem,1.37vw,1.18rem);line-height:1.87;word-spacing:.025em}
.riff-entry-content>p{margin-bottom:1.55em}
.riff-entry-content>p:first-of-type::first-letter{float:left;font:800 3.45em/.84 Georgia,'Times New Roman',serif;letter-spacing:-.08em;margin:7px 12px 0 0;color:#191a1d}
.riff-entry-content h2{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.19;letter-spacing:-.035em;border-left:4px solid var(--riff-red);padding-left:16px;margin:1.9em 0 .62em}
.riff-entry-content h3{font-size:1.48rem;margin:1.6em 0 .55em}
.riff-entry-content blockquote{background:#fff8f5;border-left:4px solid var(--riff-red);border-radius:0 12px 12px 0;padding:20px 26px;margin:30px 0;font-family:Georgia,'Times New Roman',serif;font-size:1.36rem;line-height:1.5;font-style:italic;color:#35363a}
.riff-entry-content blockquote p:last-child{margin-bottom:0}
.riff-entry-content ul,.riff-entry-content ol{padding-left:1.4em;margin:1.25em 0 1.65em}
.riff-entry-content li{padding-left:.2em;margin:.5em 0}
.riff-entry-content img{border-radius:5px}
.riff-entry-content hr{height:1px;border:0;background:#e8e8e8;margin:40px 0}
.riff-article-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0 14px;margin:0 0 28px;border-bottom:1px solid #e8e9eb}
.riff-article-actions-label{font:800 .64rem/1.4 Arial,Helvetica,sans-serif;color:#8b8e95;letter-spacing:.12em}
.riff-article-actions-label span{color:var(--riff-red);font-size:1rem;vertical-align:middle;margin-right:5px}
.riff-article-action-buttons{display:flex;align-items:center;gap:9px}
.riff-article-action-buttons button{border:1px solid #e6e7e9;border-radius:22px;background:white;color:#565b64;font:700 .72rem Arial,Helvetica,sans-serif;padding:8px 12px;cursor:pointer}
.riff-article-action-buttons button:hover{background:#fff7f5;border-color:#f4c3bd;color:var(--riff-red)}
.riff-toc{border-left:3px solid var(--riff-red);background:#fcfcfc}
.riff-article-sidebar{border-left:1px solid #ececee;padding-left:28px}
@media(max-width:1199px){.riff-mega-panel{width:calc(100vw - 36px)}.riff-mega-body{grid-template-columns:minmax(0,1fr) 240px}.riff-single-layout{grid-template-columns:minmax(0,1fr) 255px;gap:32px}}
@media(max-width:991px){.riff-mega-body{grid-template-columns:1fr 205px}.riff-mega-panel{padding:22px}.riff-mega-links{gap:12px}}
@media(max-width:767px){.riff-mega-enabled{flex-wrap:wrap;position:relative}.riff-mega-enabled>a{flex:1}.riff-mega-toggle{padding:12px 16px;font-size:1.2rem}.riff-mega-panel{position:static;width:100%;transform:none;box-shadow:none;border:1px solid #e8e8e8;border-radius:9px;margin:8px 0;padding:17px}.riff-mega-top{align-items:start;padding-bottom:13px}.riff-mega-top h2{font-size:1.65rem}.riff-mega-all{font-size:.68rem}.riff-mega-body{display:block;padding-top:15px}.riff-mega-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.riff-mega-link-column:nth-child(2){border:0}.riff-mega-link-column>a{font-size:.9rem}.riff-mega-featured{margin-top:18px;border-top:1px solid #eee;padding-top:15px}.riff-mega-featured img{max-height:160px}.riff-single-layout{display:block}.riff-entry-content{max-width:none;font-size:1.12rem;line-height:1.78}.riff-article-header h1{font-size:clamp(2.25rem,7.3vw,3.5rem)}.riff-article-sidebar{border-left:0;padding-left:0}.riff-entry-content>p:first-of-type::first-letter{font-size:3em}.riff-entry-content h2{font-size:1.8rem}}
@media print{.riff-site-header,.riff-article-sidebar,.riff-article-actions,.riff-reading-progress,.riff-related,.riff-footer,.riff-toc{display:none!important}.riff-single-layout{display:block;max-width:100%}.riff-entry-content{font-size:12pt;line-height:1.5}}

/* 1.1.9: immersive story discovery */
.riff-discover{max-width:1600px;margin:0 auto;padding:20px clamp(16px,3vw,45px) 48px}
.riff-discover-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}
.riff-discover-kicker{font:800 .66rem Arial,sans-serif;letter-spacing:.17em;color:var(--riff-red)}
.riff-discover-top h1{font:800 clamp(1.5rem,2.45vw,2.55rem)/1.1 Georgia,serif;letter-spacing:-.055em;margin:6px 0 0}
.riff-discover-top h1 span{color:var(--riff-red)}.riff-discover-top p{font:.84rem Arial,sans-serif;color:#777d85;margin:0 0 5px}
.riff-discover-filters{display:flex;gap:9px;overflow:auto;scrollbar-width:thin;padding:0 0 15px;white-space:nowrap}
.riff-discover-filters button{background:#fff;border:1px solid #e8e8e8;border-radius:30px;padding:9px 17px;font:700 .78rem Arial,sans-serif;color:#50535b;cursor:pointer}
.riff-discover-filters button:hover,.riff-discover-filters button.is-active{background:#171719;color:white;border-color:#171719}
.riff-discover-filters #riff-saved-count{font-weight:400;opacity:.7}
.riff-story-shell{position:relative;padding-right:53px}
.riff-story-feed{height:min(740px,calc(100svh - 230px));min-height:480px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;border-radius:16px}
.riff-story-feed::-webkit-scrollbar{display:none}
.riff-story-slide{scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,61%) minmax(0,39%);height:100%;min-height:0;overflow:hidden;background:#fdfdfc}
.riff-story-visual{height:100%;min-width:0;display:block;background:#17171b;overflow:hidden}
.riff-story-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.riff-story-slide:hover .riff-story-visual img{transform:scale(1.018)}
.riff-story-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:white;font:900 clamp(2rem,5vw,5rem) Impact,sans-serif;background:linear-gradient(135deg,#121822,#622c31);letter-spacing:-.06em}
.riff-story-placeholder span{color:var(--riff-red)}
.riff-story-content{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,3.5vw,58px);min-width:0;gap:20px;border:1px solid #efefef;border-left:0}
.riff-story-copy{margin:auto 0;min-width:0}.riff-story-overline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:800 .64rem Arial,sans-serif;letter-spacing:.13em}
.riff-story-overline a{color:var(--riff-red);text-transform:uppercase}.riff-story-overline span{color:#8b8e99}
.riff-story-copy h2{font:800 clamp(2rem,3.8vw,4.5rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.057em;margin:24px 0 20px;overflow-wrap:anywhere}
.riff-story-copy h2 a{color:#0c0c0e}.riff-story-copy h2 a:hover{color:var(--riff-red)}
.riff-story-copy>p{font:400 clamp(.95rem,1.15vw,1.25rem)/1.7 Georgia,serif;color:#60646c;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.riff-story-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:30px}
.riff-story-read,.riff-story-save{padding:13px 21px;min-height:46px;border-radius:30px;font:800 .83rem Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.riff-story-read{background:#f04435;color:white!important;border:1px solid #f04435}.riff-story-read:hover{background:#d52e20;transform:translateY(-2px)}
.riff-story-save{background:white;border:1px solid #cfd1d5;color:#1b1c1e}.riff-story-save[aria-pressed=true]{background:#fff0ed;color:#d62d1e;border-color:#efb3aa}
.riff-story-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #eee;padding-top:15px;color:#898d96;font:700 .63rem Arial,sans-serif;letter-spacing:.1em}
.riff-story-footer b{color:var(--riff-red)}.riff-story-rail{position:absolute;right:0;top:0;height:100%;width:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}
.riff-story-rail button{background:white;border:1px solid #e2e2e6;border-radius:50%;width:39px;height:39px;font-size:1.3rem;cursor:pointer}
.riff-story-rail button:disabled{opacity:.3;cursor:default}.riff-story-rail button:hover:not(:disabled){background:#181818;color:white}
#riff-story-position{writing-mode:vertical-rl;font:800 .7rem Arial,sans-serif;color:#757986;letter-spacing:.06em}
.riff-story-progress{display:block;width:2px;height:100px;background:#e6e6e6;position:relative}
.riff-story-progress span{display:block;width:2px;background:var(--riff-red);height:10%;transition:height .25s}
.riff-discover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 52px 0 1px;color:#888e98;font:800 .65rem Arial,sans-serif;letter-spacing:.12em}
#riff-story-load{border:1px solid #ddd;background:white;border-radius:30px;padding:11px 18px;color:#333;letter-spacing:0;font-weight:800;cursor:pointer}#riff-story-load:disabled{display:none}
.riff-story-slide[hidden]{display:none!important}.riff-discover-empty{padding:80px 0;text-align:center}
@media(max-width:1100px){.riff-story-slide{grid-template-columns:55% 45%}.riff-story-content{padding:26px}.riff-story-copy h2{font-size:clamp(1.8rem,3.6vw,3.4rem)}}
@media(max-width:767px){.riff-discover{padding:11px 0 25px}.riff-discover-top{padding:0 16px}.riff-discover-top h1{font-size:1.5rem}.riff-discover-top p{display:none}.riff-discover-filters{padding:4px 15px 13px}.riff-story-shell{padding:0}.riff-story-feed{height:calc(100svh - 190px);min-height:440px;border-radius:0}.riff-story-slide{display:flex;flex-direction:column;position:relative;background:#101114}.riff-story-visual{position:absolute;inset:0;pointer-events:none}.riff-story-visual img{filter:brightness(.68)}.riff-story-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.13) 36%,rgba(0,0,0,.88) 100%);pointer-events:none}.riff-story-content{position:relative;z-index:1;margin-top:auto;padding:22px 23px 35px;border:0;color:white;gap:0}.riff-story-copy h2{font-size:clamp(2.2rem,8vw,3.7rem);margin:14px 0 12px}.riff-story-copy h2 a{color:white}.riff-story-copy>p{color:#e7e6e6;font-size:1.03rem;line-height:1.5;-webkit-line-clamp:3}.riff-story-overline span{color:#ddd}.riff-story-actions{margin-top:20px}.riff-story-save{background:#ffffff1c;color:#fff;border-color:#ffffff90}.riff-story-footer{color:#e0e0e0;border-color:#ffffff55;margin-top:22px}.riff-story-rail{right:10px;top:12px;height:auto;width:auto;z-index:3;gap:10px}.riff-story-rail button{width:35px;height:35px;background:#ffffffd9}.riff-story-progress,#riff-story-position{display:none}.riff-discover-bottom{padding:18px 16px}.riff-discover-bottom>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.riff-story-feed{scroll-behavior:auto}.riff-story-visual img,.riff-story-read{transition:none}}

/* 1.1.10: high-visibility story controls and generous touch targets. */
.riff-story-shell{padding-right:86px}
.riff-story-rail{width:74px;gap:19px}
.riff-story-rail button{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:#171719;color:#fff;border:2px solid #171719;font:800 2.05rem/1 Arial,Helvetica,sans-serif;box-shadow:0 9px 22px #10101424;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
#riff-story-down{background:#f04435;border-color:#f04435;color:white;box-shadow:0 11px 25px #f0443540}
.riff-story-rail button:hover:not(:disabled),#riff-story-down:hover:not(:disabled){background:#111;color:#fff;border-color:#111;transform:translateY(-3px);box-shadow:0 13px 26px #10101440}
.riff-story-rail button:focus-visible{outline:4px solid #f7b7ac;outline-offset:4px}
.riff-story-rail button:disabled{opacity:.26;box-shadow:none}
#riff-story-position{font-size:.82rem;color:#272930;font-weight:900}
.riff-story-progress{width:4px;height:115px;border-radius:8px;overflow:hidden}
.riff-story-progress span{width:4px}
@media(max-width:767px){.riff-story-shell{padding-right:0}.riff-story-rail{right:14px;top:35%;height:auto;width:55px;gap:13px}.riff-story-rail button{width:54px;height:54px;border-radius:16px;font-size:1.85rem;background:#171719ed;border-color:#ffffff70;box-shadow:0 8px 22px #0007}.riff-story-rail button:disabled{opacity:.4}#riff-story-down{border-color:#f04435;box-shadow:0 10px 25px #0008}.riff-story-content{padding-right:75px}}

/* 1.1.11: richer desktop Discover and editorial category archives. */
.riff-discover-desktop-layout{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(260px,1fr);gap:24px;align-items:stretch}
.riff-discover-desktop-layout>.riff-story-shell{min-width:0}
.riff-discover-side{background:#141518;color:#fff;border-radius:15px;padding:clamp(18px,2vw,29px);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.riff-discover-side-head{padding-bottom:18px;border-bottom:1px solid #ffffff30}
.riff-discover-side-head h2{font:800 clamp(1.5rem,2vw,2.1rem)/1.1 Georgia,serif;letter-spacing:-.045em;margin:9px 0 0}
.riff-discover-side-head h2 span,.riff-editor-picks-heading h2 span{color:#f04435}
.riff-discover-side-section{margin-top:23px}.riff-discover-side-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.riff-discover-side-title h3{font:800 .79rem Arial,sans-serif;letter-spacing:.015em;margin:0}.riff-discover-side-title>span{font:700 .58rem Arial,sans-serif;letter-spacing:.13em;color:#85898f}
.riff-side-trend{display:grid;grid-template-columns:25px minmax(0,1fr) 18px;align-items:start;gap:10px;padding:11px 0;color:white!important;border-bottom:1px solid #ffffff1a}
.riff-side-trend>span:first-child{color:#f04435;font:900 1rem Arial,sans-serif}.riff-side-trend>span:last-child{color:#b9b9bc}
.riff-side-trend strong{font:700 .96rem/1.3 Georgia,serif;letter-spacing:-.018em}.riff-side-trend:hover strong,.riff-side-latest:hover strong{color:#ff675a}
.riff-side-latest{display:flex;align-items:center;gap:12px;color:white!important;padding:10px 0;border-bottom:1px solid #ffffff1a}
.riff-side-latest img{width:76px;height:65px;object-fit:cover;border-radius:6px;flex:none}.riff-side-latest>span{min-width:0}.riff-side-latest strong{display:block;font:700 .88rem/1.3 Georgia,serif}
.riff-side-latest small{display:block;margin-top:6px;color:#a9aaaf;font:800 .56rem Arial,sans-serif;letter-spacing:.09em}
.riff-side-explore{display:flex;align-items:center;justify-content:space-between;gap:12px;color:white!important;font:800 .77rem Arial,sans-serif;margin-top:auto;padding-top:20px}.riff-side-explore span{background:#f04435;color:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:1.1rem}
.riff-editor-picks{margin-top:43px;border-top:1px solid #e7e7e7;padding-top:28px;scroll-margin-top:100px}
.riff-editor-picks-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px}
.riff-editor-picks-heading h2{font:800 clamp(1.9rem,3vw,2.8rem)/1.12 Georgia,serif;letter-spacing:-.05em;margin:6px 0 0}.riff-editor-picks-heading>a{font:800 .79rem Arial,sans-serif}
.riff-editor-picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.riff-editor-picks-grid .riff-card{display:block;width:100%;margin:0}.riff-editor-picks-grid .riff-card-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.riff-editor-picks-grid .riff-card h2{font-size:1.15rem}
.riff-archive-spotlight{display:grid;grid-template-columns:56% 44%;margin:24px 0 39px;background:#171719;border-radius:15px;overflow:hidden;color:#fff;min-height:430px}
.riff-archive-spotlight-image{display:block;min-height:100%;background:#202023}.riff-archive-spotlight-image img{width:100%;height:100%;object-fit:cover;display:block}
.riff-archive-spotlight-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,4vw,60px);min-width:0}
.riff-archive-spotlight-content h2{font:800 clamp(2.1rem,3.3vw,3.75rem)/1.08 Georgia,serif;letter-spacing:-.052em;margin:17px 0}.riff-archive-spotlight-content h2 a{color:white}
.riff-archive-spotlight-content h2 a:hover{color:#ff6b5b}.riff-archive-spotlight-content p{color:#d8d9dc;font:400 1.04rem/1.65 Georgia,serif;margin:0 0 27px}
.riff-archive-spotlight-meta{font:800 .65rem Arial,sans-serif;color:#a6a7ae;letter-spacing:.13em;margin-top:24px}.riff-archive-spotlight-meta span{color:#f04435;padding:0 9px}
.riff-archive-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:24px 0 40px}
.riff-archive-editorial-card{border:1px solid #e9e9ec;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.riff-archive-editorial-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00000011}
.riff-archive-editorial-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#171719}
.riff-archive-editorial-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.riff-archive-editorial-card:hover img{transform:scale(1.035)}
.riff-archive-editorial-body{padding:20px 22px 24px}.riff-archive-editorial-body h3{font:800 clamp(1.3rem,1.8vw,1.8rem)/1.18 Georgia,serif;letter-spacing:-.038em;margin:12px 0}.riff-archive-editorial-body h3 a{color:#151515}
.riff-archive-editorial-body h3 a:hover{color:#f04435}.riff-archive-editorial-body p{font:400 .92rem/1.64 Georgia,serif;color:#697079;margin:0 0 16px}
.riff-archive-editorial-body .riff-meta{font:800 .64rem Arial,sans-serif;letter-spacing:.07em}.riff-archive-editorial-body .riff-meta span{color:#f04435;margin-left:6px}
@media(max-width:1199px){.riff-discover-desktop-layout{grid-template-columns:minmax(0,1.9fr) minmax(245px,1fr);gap:15px}.riff-discover-side{padding:19px}.riff-side-trend strong{font-size:.85rem}.riff-side-latest img{width:58px;height:55px}.riff-archive-editorial-grid{gap:16px}}
@media(max-width:991px){.riff-discover-desktop-layout{display:block}.riff-discover-side{margin-top:21px;display:block}.riff-discover-side-section{display:inline-block;vertical-align:top;width:48%;margin-right:1%}.riff-editor-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.riff-archive-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.riff-archive-spotlight{grid-template-columns:50% 50%}}
@media(max-width:767px){.riff-discover-side{display:none}.riff-editor-picks{padding:25px 15px 0;margin-top:22px}.riff-editor-picks-grid{gap:12px}.riff-editor-picks-grid .riff-card h2{font-size:1rem}.riff-archive-spotlight{display:block;min-height:0;margin:18px 0 28px}.riff-archive-spotlight-image{height:280px}.riff-archive-spotlight-content{padding:25px}.riff-archive-spotlight-content h2{font-size:2.2rem}.riff-archive-editorial-grid{gap:13px}.riff-archive-editorial-body{padding:14px}.riff-archive-editorial-body h3{font-size:1.18rem}.riff-archive-editorial-body p{display:none}}
@media(max-width:520px){.riff-archive-editorial-grid{grid-template-columns:1fr}.riff-archive-editorial-image{aspect-ratio:16/9}.riff-archive-editorial-body p{display:block}.riff-editor-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.1.12: tighter editorial density, responsive headlines and less wasted desktop space. */
.riff-discover{padding-top:12px;padding-bottom:32px}
.riff-discover-top{margin-bottom:9px;align-items:center}
.riff-discover-top h1{font-size:clamp(1.35rem,2vw,2.05rem);margin-top:3px}
.riff-discover-filters{padding-bottom:11px;gap:7px}
.riff-discover-filters button{padding:7px 14px}
.riff-discover-desktop-layout{grid-template-columns:minmax(0,2.6fr) minmax(270px,1fr);gap:16px}
.riff-story-feed{height:min(660px,calc(100svh - 175px));min-height:470px;border-radius:10px}
.riff-story-shell{padding-right:65px}
.riff-story-rail{width:58px;gap:13px}
.riff-story-rail button{width:51px;height:51px;border-radius:15px;font-size:1.7rem}
.riff-story-progress{height:83px}
.riff-story-slide{grid-template-columns:54% 46%}
.riff-story-content{padding:clamp(20px,2.3vw,32px);gap:8px}
.riff-story-copy h2{font-size:clamp(1.55rem,2.05vw,2.55rem);line-height:1.11;letter-spacing:-.044em;margin:15px 0 12px;overflow-wrap:normal;word-break:normal}
.riff-story-copy>p{font-size:clamp(.91rem,1vw,1.06rem);line-height:1.55;-webkit-line-clamp:3}
.riff-story-actions{margin-top:19px;gap:8px}
.riff-story-read,.riff-story-save{padding:11px 17px;min-height:43px;font-size:.77rem}
.riff-story-footer{padding-top:11px;font-size:.57rem}
.riff-discover-side{padding:19px 21px;border-radius:10px}
.riff-discover-side-head{padding-bottom:12px}
.riff-discover-side-head h2{font-size:clamp(1.3rem,1.5vw,1.68rem);margin-top:5px}
.riff-discover-side-section{margin-top:15px}.riff-discover-side-title{margin-bottom:4px}
.riff-side-trend{gap:8px;padding:8px 0}.riff-side-trend strong{font-size:.87rem;line-height:1.27}
.riff-side-latest{padding:7px 0}.riff-side-latest img{width:65px;height:52px}
.riff-side-latest strong{font-size:.84rem;line-height:1.25}
.riff-side-explore{padding-top:10px;font-size:.72rem}
.riff-discover-bottom{padding-top:8px;padding-right:62px}
.riff-editor-picks{margin-top:19px;padding-top:21px}
.riff-editor-picks-heading{margin-bottom:15px}.riff-editor-picks-heading h2{font-size:2rem}
.riff-archive-page{padding-top:14px}
.riff-archive-page .riff-breadcrumb{margin-bottom:10px}
.riff-archive-hero{padding:20px 29px;border-radius:10px;margin-bottom:7px;background:#faf8f6}
.riff-archive-hero::after{width:130px;height:130px;right:-65px;top:-65px;border-width:16px}
.riff-archive-hero h1{font-size:clamp(2.15rem,3.3vw,3.65rem);line-height:1.05;margin:6px 0}
.riff-archive-hero p,.riff-archive-description{font-size:.95rem;line-height:1.45;margin:0 0 9px}
.riff-archive-count{font-size:.69rem}
.riff-archive-chips{padding:8px 0 13px;gap:7px}
.riff-archive-chips a{padding:7px 13px;font-size:.72rem}
.riff-archive-spotlight{min-height:320px;height:auto;grid-template-columns:55% 45%;margin:6px 0 24px;border-radius:10px}
.riff-archive-spotlight-content{padding:25px 30px}
.riff-archive-spotlight-content h2{font-size:clamp(1.55rem,1.85vw,2.15rem);line-height:1.11;margin:10px 0 12px}
.riff-archive-spotlight-content p{font-size:.93rem;line-height:1.48;margin:0 0 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.riff-archive-spotlight-meta{margin-top:13px;font-size:.6rem}
.riff-archive-heading{margin:0 0 15px;padding-bottom:10px}.riff-archive-heading h2{font-size:1.7rem}
.riff-archive-editorial-grid{gap:16px;margin-top:14px}
.riff-archive-editorial-body{padding:16px 18px 18px}.riff-archive-editorial-body h3{font-size:clamp(1.15rem,1.45vw,1.55rem);margin:8px 0}
.riff-archive-editorial-body p{font-size:.88rem;line-height:1.45;margin-bottom:12px}
@media(max-width:1100px){.riff-discover-desktop-layout{grid-template-columns:minmax(0,1.9fr) minmax(245px,1fr)}.riff-story-slide{grid-template-columns:51% 49%}.riff-story-copy h2{font-size:clamp(1.42rem,2vw,2.2rem)}.riff-story-content{padding:18px}.riff-discover-side{padding:16px}}
@media(max-width:991px){.riff-discover-desktop-layout{display:block}.riff-story-feed{height:calc(100svh - 185px);min-height:490px}.riff-story-slide{grid-template-columns:55% 45%}.riff-story-copy h2{font-size:clamp(1.8rem,3vw,2.8rem)}.riff-discover-side{margin-top:12px}}
@media(max-width:767px){.riff-discover{padding-top:10px}.riff-discover-top h1{font-size:1.45rem}.riff-story-shell{padding-right:0}.riff-story-feed{height:calc(100svh - 175px);min-height:440px}.riff-story-slide{display:flex}.riff-story-content{padding:20px 70px 25px 21px}.riff-story-copy h2{font-size:clamp(1.95rem,7vw,3.1rem);line-height:1.12}.riff-story-copy>p{font-size:.98rem}.riff-story-rail{right:9px;top:40%;width:50px}.riff-story-rail button{width:48px;height:48px}.riff-archive-hero{padding:18px 21px}.riff-archive-hero h1{font-size:clamp(2.1rem,7vw,2.9rem)}.riff-archive-spotlight{height:auto;min-height:0;margin:8px 0 20px}.riff-archive-spotlight-image{height:240px}.riff-archive-spotlight-content{padding:23px}.riff-archive-spotlight-content h2{font-size:clamp(1.8rem,6vw,2.4rem)}.riff-archive-spotlight-content p{display:block}.riff-archive-editorial-grid{margin-top:12px}}

/* 1.1.13: real artist hubs atop existing /topic/ tag URLs. */
.riff-artist-hub{padding-top:17px}
.riff-artist-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:20px 0 24px;border-bottom:1px solid #e6e6e9}
.riff-artist-intro>div:first-child{max-width:920px}
.riff-artist-intro h1{font:900 clamp(2.5rem,5vw,5.2rem)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.06em;margin:6px 0 13px;color:#141519}
.riff-artist-intro h1 span{color:#f04435}
.riff-artist-bio{font:400 clamp(.95rem,1.2vw,1.07rem)/1.65 Georgia,'Times New Roman',serif;color:#5e626a;max-width:900px}
.riff-artist-bio p{margin:0}.riff-artist-intro-stat{text-align:center;flex:none;padding:14px 25px;border-left:3px solid #f04435}
.riff-artist-intro-stat strong{display:block;color:#171719;font:900 clamp(2.6rem,4vw,4rem)/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em}
.riff-artist-intro-stat span{display:block;white-space:nowrap;font:800 .61rem Arial,sans-serif;letter-spacing:.1em;color:#787b85;margin-top:7px}
.riff-artist-feature-block{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:17px;margin:24px 0 32px}
.riff-artist-feature-main{position:relative;min-height:405px;overflow:hidden;border-radius:12px;background:#171719;color:white}
.riff-artist-feature-photo{position:absolute;inset:0;display:block}.riff-artist-feature-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.riff-artist-feature-main:hover img{transform:scale(1.025)}
.riff-artist-feature-photo:after{content:'';position:absolute;inset:15% 0 0;background:linear-gradient(180deg,transparent 8%,#000b 65%,#000e 100%);pointer-events:none}
.riff-artist-feature-copy{position:absolute;bottom:0;left:0;right:0;padding:clamp(23px,3vw,39px);pointer-events:none}
.riff-artist-feature-copy h2{font:800 clamp(1.8rem,2.8vw,3.1rem)/1.09 Georgia,serif;letter-spacing:-.04em;max-width:690px;margin:11px 0}
.riff-artist-feature-copy h2 a{color:white;pointer-events:auto}.riff-artist-feature-copy h2 a:hover{color:#ff8a7e}
.riff-artist-feature-copy p{font:400 .94rem/1.5 Georgia,serif;color:#e4e4e4;max-width:640px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px}
.riff-artist-read{display:inline-flex;align-items:center;gap:17px;background:#f04435;color:#fff!important;padding:11px 18px;border-radius:30px;font:800 .78rem Arial,sans-serif;pointer-events:auto}
.riff-artist-read:hover{background:#d9362c}
.riff-artist-feature-stack{background:#171719;border-radius:12px;color:#fff;padding:22px;display:flex;flex-direction:column;min-width:0}
.riff-artist-feature-stack-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #ffffff28}
.riff-artist-feature-stack-head>span:last-child{font:800 .57rem Arial,sans-serif;letter-spacing:.09em;color:#888b93}
.riff-artist-feature-mini{display:flex;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff22;min-width:0}
.riff-artist-mini-image{flex:0 0 112px;width:112px;height:88px;border-radius:7px;overflow:hidden;background:#2a2c30;display:block}
.riff-artist-mini-image img{width:100%;height:100%;object-fit:cover}
.riff-artist-feature-mini>div{min-width:0}.riff-artist-feature-mini>div>span{display:block;font:800 .6rem Arial,sans-serif;letter-spacing:.09em;color:#f04435}
.riff-artist-feature-mini h3{font:700 clamp(1.04rem,1.25vw,1.24rem)/1.26 Georgia,serif;letter-spacing:-.02em;margin:6px 0}
.riff-artist-feature-mini h3 a{color:#fff}.riff-artist-feature-mini h3 a:hover{color:#ff8a7e}
.riff-artist-mini-link{font:800 .68rem Arial,sans-serif;color:#d2d3d5}
.riff-artist-stack-bottom{margin-top:auto;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#fff!important;font:800 .77rem Arial,sans-serif}
.riff-artist-stack-bottom>span{color:#f04435;font-size:1.2rem}
.riff-artist-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #e6e6e7;padding-bottom:13px}
.riff-artist-section-head h2{font:800 clamp(1.65rem,2.4vw,2.5rem)/1.1 Georgia,serif;letter-spacing:-.045em;margin:6px 0 0}.riff-artist-section-head h2 span{color:#f04435}
.riff-artist-section-head>span{font:800 .61rem Arial,sans-serif;letter-spacing:.11em;color:#8c8f97}
.riff-artist-stories{scroll-margin-top:100px}.riff-artist-more-soon{padding:25px 0;color:#777}
@media(max-width:991px){.riff-artist-feature-block{grid-template-columns:1fr}.riff-artist-feature-main{min-height:470px}.riff-artist-feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.riff-artist-feature-stack-head,.riff-artist-stack-bottom{grid-column:1/-1}}
@media(max-width:767px){.riff-artist-intro{padding:13px 0 18px;align-items:start}.riff-artist-intro h1{font-size:clamp(2.3rem,9vw,3.5rem)}.riff-artist-bio{font-size:.94rem;line-height:1.5}.riff-artist-intro-stat{display:none}.riff-artist-feature-block{margin-top:17px;gap:10px}.riff-artist-feature-main{min-height:420px}.riff-artist-feature-copy h2{font-size:clamp(1.7rem,6vw,2.55rem)}.riff-artist-feature-copy{padding:22px}.riff-artist-feature-stack{display:block;padding:17px}.riff-artist-mini-image{flex-basis:94px;width:94px;height:79px}.riff-artist-section-head>span{display:none}}

/* 1.1.14: reader-friendly sharing without tracking widgets or third-party scripts. */
.riff-share-bar{display:flex;align-items:start;flex-direction:column;gap:11px;padding:15px 0 18px;margin:0 0 24px;border-bottom:1px solid #e8e9eb}
.riff-share-label{display:flex;align-items:center;gap:7px;font:900 .69rem Arial,Helvetica,sans-serif;letter-spacing:.1em;color:#50535b}
.riff-share-label span{color:#f04435;font-size:.95rem}
.riff-share-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.riff-share-button,.riff-share-buttons button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;border:1px solid #e2e3e7;border-radius:8px;padding:8px 12px;background:#f8f9fa;color:#262830;font:800 .72rem Arial,Helvetica,sans-serif;line-height:1;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.riff-share-button:hover,.riff-share-buttons button:hover{transform:translateY(-2px);background:#171719;border-color:#171719;color:#fff}
.riff-share-facebook:hover{background:#1877f2;border-color:#1877f2}.riff-share-reddit:hover{background:#ff4500;border-color:#ff4500}
.riff-share-bluesky:hover{background:#1185fe;border-color:#1185fe}.riff-share-whatsapp:hover{background:#128c7e;border-color:#128c7e}
.riff-share-pinterest:hover{background:#bd081c;border-color:#bd081c}.riff-share-linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.riff-share-buttons button:focus-visible,.riff-share-button:focus-visible{outline:3px solid #f04435;outline-offset:3px}
.riff-share-buttons button[hidden]{display:none}
.riff-share-bottom{margin:32px 0 26px;padding:18px;border:1px solid #e8e9eb;border-radius:11px;background:#fafafa}
.riff-story-next-reads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 27px}
.riff-story-next-reads>a{display:flex;flex-direction:column;gap:11px;padding:19px 21px;background:#18191c;color:#fff;border-radius:11px;min-width:0}
.riff-story-next-reads>a:hover{background:#2d2d31}
.riff-story-next-reads>a span{font:800 .63rem Arial,sans-serif;letter-spacing:.11em;color:#fa6456}
.riff-story-next-reads>a strong{font:800 1.13rem/1.3 Georgia,serif;letter-spacing:-.02em;color:#fff}
@media(max-width:767px){.riff-share-bar{margin-bottom:19px}.riff-share-buttons{gap:7px}.riff-share-button,.riff-share-buttons button{font-size:.72rem;padding:9px 11px}.riff-story-next-reads{grid-template-columns:1fr}.riff-share-bottom{padding:14px}}
@media print{.riff-share-bar,.riff-story-next-reads{display:none!important}}

/* Let readers choose immersive discovery or a scannable editorial grid. */
.riff-discover-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.riff-discover-toolbar .riff-discover-filters{min-width:0;flex:1}
.riff-discover-view-toggle{flex:none;border:1px solid #dedee2;background:#fff;border-radius:25px;padding:8px 15px;font:800 .74rem Arial,sans-serif;cursor:pointer;color:#26282d;white-space:nowrap}
.riff-discover-view-toggle:hover,.riff-discover-view-toggle[aria-pressed=true]{background:#171719;color:#fff}
.riff-discover.is-grid-view .riff-story-shell{padding-right:0}
.riff-discover.is-grid-view .riff-story-rail{display:none}
.riff-story-feed.is-grid-view{height:auto;min-height:0;max-height:none;overflow:visible;scroll-snap-type:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border-radius:0}
.riff-story-feed.is-grid-view .riff-story-slide{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e7e7e9;border-radius:11px;overflow:hidden;scroll-snap-align:none}
.riff-story-feed.is-grid-view .riff-story-visual{position:static;height:200px;min-height:200px;pointer-events:auto;flex:none}
.riff-story-feed.is-grid-view .riff-story-visual img{filter:none}
.riff-story-feed.is-grid-view .riff-story-slide::after{display:none}
.riff-story-feed.is-grid-view .riff-story-content{position:static;z-index:auto;margin:0;padding:17px 19px;color:#171719;border:0;flex:1;display:flex;flex-direction:column}
.riff-story-feed.is-grid-view .riff-story-copy{margin:0}
.riff-story-feed.is-grid-view .riff-story-copy h2{font-size:clamp(1.13rem,1.35vw,1.5rem);line-height:1.2;margin:8px 0}
.riff-story-feed.is-grid-view .riff-story-copy h2 a{color:#171719}
.riff-story-feed.is-grid-view .riff-story-copy>p{font-size:.86rem;color:#666a70;line-height:1.48;-webkit-line-clamp:2}
.riff-story-feed.is-grid-view .riff-story-actions{margin-top:13px}
.riff-story-feed.is-grid-view .riff-story-read{min-height:35px;padding:9px 13px;font-size:.71rem}
.riff-story-feed.is-grid-view .riff-story-footer{color:#888;font-size:.56rem;margin-top:15px}
.riff-story-feed.is-grid-view .riff-story-footer span:last-child{display:none}
@media(max-width:991px){.riff-story-feed.is-grid-view{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.riff-discover-toolbar{padding:0 11px 0 0}.riff-discover-toolbar .riff-discover-filters{padding-left:15px}.riff-discover-view-toggle{margin-right:6px;padding:8px 10px}.riff-story-feed.is-grid-view{padding:0 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.riff-story-feed.is-grid-view .riff-story-visual{height:145px;min-height:145px}.riff-story-feed.is-grid-view .riff-story-content{padding:12px}.riff-story-feed.is-grid-view .riff-story-copy h2{font-size:1rem}.riff-story-feed.is-grid-view .riff-story-copy>p{display:none}.riff-story-feed.is-grid-view .riff-story-actions{margin-top:10px}.riff-story-feed.is-grid-view .riff-story-footer{display:none}.riff-story-feed.is-grid-view .riff-story-overline{font-size:.54rem}}
@media(max-width:420px){.riff-story-feed.is-grid-view{grid-template-columns:1fr 1fr}.riff-story-feed.is-grid-view .riff-story-visual{height:130px;min-height:130px}}

/* 1.1.16: branded sharing panel, no ugly default button row. */
.riff-share-bar{position:relative;background:#17181b;border:1px solid #26282d;border-radius:15px;padding:19px 21px 21px;margin:16px 0 27px;color:#fff;gap:15px;box-shadow:0 9px 26px #0000000c}
.riff-share-bottom{margin:30px 0 26px;background:#17181b}
.riff-share-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
.riff-share-heading .riff-share-label{color:#fff;font-size:.75rem;letter-spacing:.13em}
.riff-share-heading small{font:400 .82rem/1.5 Georgia,serif;color:#acadb4;display:block;margin-top:5px}
.riff-share-heading-mark{font:900 1.05rem Impact,'Arial Black',sans-serif;letter-spacing:-.05em;color:#777980;white-space:nowrap}
.riff-share-buttons{display:flex;gap:8px;flex-wrap:nowrap;width:100%;align-items:stretch}
.riff-share-buttons>.riff-share-button,.riff-share-buttons>.riff-copy-link{flex:1 1 0;min-width:0;min-height:64px;padding:8px 7px;border-radius:9px;border:1px solid #ffffff21;background:#24262b;color:#fff;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;font:800 .65rem/1.1 Arial,sans-serif}
.riff-share-buttons>.riff-share-button:hover,.riff-share-buttons>.riff-copy-link:hover{background:#34363c;color:#fff;border-color:#ffffff55;transform:translateY(-3px)}
.riff-share-icon{display:grid;place-items:center;min-width:25px;min-height:25px;border-radius:6px;background:#626774;color:#fff;font:900 1rem Arial,sans-serif}
.riff-share-facebook .riff-share-icon{background:#1877f2}.riff-share-reddit .riff-share-icon{background:#ff4500}.riff-share-bluesky .riff-share-icon{background:#1687ef}
.riff-share-x .riff-share-icon{background:#050505}.riff-share-whatsapp .riff-share-icon{background:#168c60}.riff-copy-link .riff-share-icon{background:#f04435}
.riff-share-extra{position:relative;flex:0 0 72px;min-width:0}.riff-share-extra>summary{list-style:none;cursor:pointer;height:100%;min-height:64px;border:1px solid #ffffff32;border-radius:9px;background:#303238;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:800 .68rem Arial,sans-serif}
.riff-share-extra>summary::-webkit-details-marker{display:none}.riff-share-extra>summary span{color:#ff6c5f;font-size:1.2rem}
.riff-share-extra[open]>summary,.riff-share-extra>summary:hover{background:#42444a}
.riff-share-extra-menu{position:absolute;right:0;top:calc(100% + 7px);min-width:180px;padding:7px;border-radius:11px;background:#fff;box-shadow:0 15px 36px #0003;z-index:15;display:flex;flex-direction:column;gap:2px;border:1px solid #e7e7e8}
.riff-share-extra-menu>a,.riff-share-extra-menu>button{display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#25262b;font:800 .78rem Arial,sans-serif;text-align:left;cursor:pointer}
.riff-share-extra-menu>a:hover,.riff-share-extra-menu>button:hover{background:#fff0ec;color:#cf382c}
.riff-share-extra-menu>a span{display:grid;place-items:center;width:24px;height:24px;background:#f2f2f3;border-radius:6px;color:#333}
.riff-share-extra-menu>button[hidden]{display:none}
.riff-editorial-featured-artist{display:flex;flex-direction:column;gap:7px;margin-top:18px;padding:14px 16px;background:#fff1ed;border:1px solid #ffc2b7;border-radius:8px;color:#161719!important}
.riff-editorial-featured-artist>span{color:#ed4837;font:800 .6rem Arial,sans-serif;letter-spacing:.13em}
.riff-editorial-featured-artist strong{font:800 1.2rem/1.2 Georgia,serif}
.riff-editorial-featured-artist small{font:800 .59rem Arial,sans-serif;color:#74767f;letter-spacing:.05em}
@media(max-width:767px){.riff-share-bar{padding:14px;margin:14px 0 22px;border-radius:11px}.riff-share-heading-mark{display:none}.riff-share-heading small{font-size:.76rem}.riff-share-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.riff-share-buttons>.riff-share-button,.riff-share-buttons>.riff-copy-link,.riff-share-extra>summary{min-height:62px}.riff-share-extra{min-width:0;flex:auto}.riff-share-extra-menu{right:0}.riff-share-buttons>.riff-share-button{font-size:.62rem}}

/* 1.1.17: a subtle inline share strip at the article midpoint. */
.riff-entry-content .riff-share-mid{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;clear:both;width:100%;margin:35px 0;padding:17px 0;background:none;border:0;border-top:1px solid #dfe1e4;border-bottom:1px solid #dfe1e4;border-radius:0;box-shadow:none}
.riff-share-mid .riff-share-heading{width:auto;flex:none}
.riff-share-mid .riff-share-heading .riff-share-label{font:900 .66rem/1.3 Arial,sans-serif;color:#51535a;letter-spacing:.12em;white-space:nowrap}
.riff-share-mid .riff-share-buttons{width:auto;display:flex;flex:1;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.riff-share-mid .riff-share-buttons>.riff-share-button,.riff-share-mid .riff-share-buttons>.riff-copy-link{display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 11px;border-radius:24px;background:#f5f6f7;color:#30333a;border:1px solid #e3e5e8;font:800 .7rem/1 Arial,sans-serif;box-shadow:none}
.riff-share-mid .riff-share-buttons>.riff-share-button:hover,.riff-share-mid .riff-share-buttons>.riff-copy-link:hover{background:#fff1ee;color:#cd3b2d;border-color:#efb7ac;transform:none}
.riff-share-mid .riff-share-icon{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;font-size:.78rem}
.riff-share-mid .riff-share-extra{flex:0 0 auto}
.riff-share-mid .riff-share-extra>summary{display:flex;flex-direction:row;align-items:center;gap:6px;height:38px;min-height:38px;background:#fff;color:#45484e;border:1px solid #e3e5e8;border-radius:24px;padding:7px 12px;font:800 .69rem Arial,sans-serif}
.riff-share-mid .riff-share-extra>summary:hover{background:#f2f2f4}
.riff-share-mid .riff-share-extra>summary span{font-size:.85rem}
.riff-share-mid .riff-share-extra-menu{top:calc(100% + 7px)}
@media(max-width:1199px){.riff-entry-content .riff-share-mid{display:block}.riff-share-mid .riff-share-heading{margin-bottom:12px}.riff-share-mid .riff-share-buttons{justify-content:flex-start}}
@media(max-width:767px){.riff-entry-content .riff-share-mid{margin:27px 0;padding:14px 0}.riff-share-mid .riff-share-buttons{display:flex;gap:7px}.riff-share-mid .riff-share-buttons>.riff-share-button,.riff-share-mid .riff-share-buttons>.riff-copy-link{min-height:37px;padding:6px 9px;font-size:.67rem}.riff-share-mid .riff-share-icon{width:20px;height:20px;min-width:20px;min-height:20px}.riff-share-mid .riff-share-extra>summary{min-height:37px;height:37px}}

/* 1.1.15: don't double-number editorial headings in the article contents list. */
.riff-toc ol{list-style:none;counter-reset:none;padding-left:0;columns:2;column-gap:28px}
.riff-toc li{list-style:none;margin:0;padding:6px 0;border-bottom:1px solid #eeeeef;break-inside:avoid}
.riff-toc li::marker{content:''}
.riff-toc li a{display:block;font:700 .83rem/1.45 Arial,Helvetica,sans-serif;color:#33363c;text-decoration:none}
.riff-toc li.riff-toc-sub{padding-left:15px;border-bottom:0;padding-top:3px;padding-bottom:3px}
.riff-toc li.riff-toc-sub a{font-weight:400;color:#626670;font-size:.8rem}
.riff-toc li.riff-toc-sub:before{content:'↳';color:#f04435;font-size:.78rem;float:left;margin-left:-14px}
.riff-toc summary{padding:3px 0;font-size:.9rem}
.riff-toc a:focus-visible{outline:2px solid #f04435;outline-offset:2px}
@media(max-width:767px){.riff-toc ol{columns:1}.riff-toc li{padding:7px 0}}