@font-face{font-family:'Plus Jakarta Sans';src:url('/assets/plus-jakarta-sans-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
body{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.heading #hero-title{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;letter-spacing:-2.4px}.artist-copy h3,.cta h2,.leaderboard-heading #leaderboard-title{font-weight:700;letter-spacing:-.6px}.discovery-heading h2{font-weight:600;letter-spacing:-.7px;text-transform:none}.discovery-heading h2 em{font-weight:700}.guide-copy strong,.rank-artist h3,.idea-caption strong{font-weight:600}.site-header{gap:34px}.site-header>.primary-nav{display:flex;position:static;align-items:center;gap:30px;background:none;box-shadow:none;padding:0;white-space:nowrap;font-size:14px;font-weight:600}.primary-nav>a,.primary-nav>button{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 0;position:relative;transition:color .18s}.primary-nav>button{background:none;border:0;font:inherit}.leaderboards-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s}.leaderboards-toggle[aria-expanded=true]{color:#e9c682}.leaderboards-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.header-search{max-width:460px}.header-search input{font-family:inherit;font-size:12px}.mega-menu{position:absolute;top:calc(100% - 1px);left:30px;right:30px;max-width:1050px;margin:auto;padding:28px;border:1px solid #d2ba7e44;border-radius:0 0 18px 18px;background:radial-gradient(ellipse at top left,#9b86542b,transparent 60%),linear-gradient(120deg,#1a2324,#10191c);box-shadow:0 28px 70px #000a;z-index:30;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}.mega-menu[hidden]{display:none}.mega-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #cfbd8a22;gap:20px}.mega-heading p{color:#d1b477;font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 9px}.mega-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:0;line-height:1.3}.mega-close{width:40px;height:40px;border:1px solid #ffffff15;border-radius:50%;background:#ffffff04;color:#c2c9c6;font-size:25px;flex:none}.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mega-card{display:flex;align-items:center;gap:16px;min-height:96px;padding:19px 20px;background:#ffffff03;border:1px solid #ffffff0b;border-radius:11px;text-align:left;color:#f0f0e8;font:inherit;transition:border-color .2s,background .2s}.mega-card:hover,.mega-card:focus-visible{background:#d9bd7010;border-color:#d9bd7066}.mega-icon{width:45px;height:48px;border:1px solid #d2ba7433;background:linear-gradient(130deg,#d8bd7f26,#d8bd7f08);border-radius:11px;display:grid;place-items:center;flex:none}.mega-icon svg{width:25px;height:28px;fill:none;stroke:#e2c27e;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.mega-card strong{display:block;font-size:15px;font-weight:650;margin-bottom:6px}.mega-card small{display:block;font-size:12px;line-height:1.4;color:#a7b4b2}.mega-arrow{margin-left:auto;color:#d4b77a;font-size:20px}.mega-styles{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #cfbd8a22}.mega-styles>span{font-size:11px;color:#a8b5b3;margin-right:10px}.mega-styles>a{font-size:11px;padding:8px 13px;border:1px solid #c7b37f33;border-radius:30px;background:#080f1133}.mega-styles>a:hover{color:#edc773;border-color:#edc77377}
@media(max-width:1100px){.site-header{gap:22px}.site-header>.primary-nav{gap:20px;font-size:13px}.brand-logo{width:205px}.header-search{min-width:140px}.mega-menu{left:22px;right:22px}}
@media(max-width:850px) and (min-width:651px){.site-header{padding-inline:20px;gap:16px}.brand-logo{width:170px}.site-header>.primary-nav{gap:16px;font-size:12px}.header-search{padding:10px;min-width:100px}.header-search input{font-size:11px}}
@media(max-width:650px){.site-header{padding:10px 18px 0;gap:8px 12px}.brand-logo{width:230px;max-height:64px}.site-header>.primary-nav{grid-column:1/-1;grid-row:3;justify-content:center;font-size:14px;gap:32px;min-width:0}.primary-nav>a,.primary-nav>button{min-height:48px}.header-search{grid-row:2;max-width:none;width:100%;min-width:0;padding:10px 12px}.header-search input{font-size:16px}.site-header .menu-toggle{grid-row:1}.heading #hero-title{letter-spacing:-1.3px}.mega-menu{top:100%;left:10px;right:10px;padding:18px;max-height:calc(100dvh - 185px);border-radius:0 0 14px 14px}.mega-heading{padding-bottom:16px;margin-bottom:14px;gap:10px}.mega-heading h2{font-size:21px;letter-spacing:-.5px}.mega-heading p{font-size:8px;letter-spacing:1.5px}.mega-close{width:34px;height:34px}.mega-grid{grid-template-columns:1fr;gap:9px}.mega-card{min-height:78px;padding:13px;gap:13px}.mega-icon{width:39px;height:43px}.mega-card strong{font-size:14px;margin-bottom:4px}.mega-card small{font-size:11px}.mega-styles{margin-top:16px;padding-top:16px;gap:7px}.mega-styles>span{width:100%;margin-bottom:3px}.discovery-heading h2{letter-spacing:-.4px}}

/* Three clear leaderboard routes. */
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-card{padding:20px 16px;gap:12px}.mega-card strong{font-size:14px;line-height:1.45}.mega-card small{font-size:11px}.mega-heading{margin-bottom:20px}@media(max-width:900px){.mega-grid{grid-template-columns:1fr}.mega-card{min-height:82px;padding:16px}.mega-card strong{font-size:15px}.mega-card small{font-size:12px}}
/* Header destinations and local discovery; replaces search and hamburger. */
.site-header{gap:24px}.site-header>.primary-nav{gap:24px;flex:1;justify-content:center;font-size:13px}.primary-nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.guides-toggle[aria-expanded=true]{color:#edc773}.guides-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.artist-account-button{margin-left:auto;white-space:nowrap;flex:none;min-height:36px;padding:9px 15px;border:1px solid #e3bd70;border-radius:7px;background:linear-gradient(110deg,#e9bc6b,#f8dc9d);color:#171b18;font-size:12px;font-weight:700}.artist-account-button>span{margin-left:8px}.artist-account-button:hover{filter:brightness(1.08)}.guides-mega{max-width:1160px}.mega-heading .guides-location{color:#b3bfbb;font-size:12px;letter-spacing:0;font-weight:400;margin:8px 0 0}.guides-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-size:12px;color:#b3bfbb}.guides-toolbar select{max-width:200px;background:#10191b;border:1px solid #c6b17c55;border-radius:6px;padding:9px 12px;color:#f5f3e9;font:inherit}.all-local-guides{margin-left:auto;color:#e2c181;font-size:12px}.all-local-guides span{margin-left:8px}.nearby-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.nearby-guide{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #ffffff0c;border-radius:9px;background:#ffffff03;text-align:left;font:inherit;min-height:78px}.nearby-guide:hover{background:#d7b97610;border-color:#d7b97655}.guide-number{color:#d6b87c;font-size:11px;font-weight:600;width:22px;flex:none}.nearby-guide strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.nearby-guide small{display:block;font-size:11px;color:#a5b3af;line-height:1.5;margin-top:3px}.nearby-guide-arrow{margin-left:auto;color:#d6b87c;font-size:18px}.nearby-guide-links[aria-busy=true]{opacity:.5}#guides-load-error{font-size:13px;color:#b3bfbb}#retry-guides{color:#edc773;background:none;border:0;text-decoration:underline;font:inherit}
@media(min-width:1101px){.site-header .brand-logo{width:190px}.site-header>.primary-nav{gap:22px}}
@media(max-width:1100px){.site-header{height:auto;min-height:54px;display:grid;grid-template-columns:1fr auto;padding:6px 22px 0;gap:2px 18px}.site-header>.primary-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:28px;font-size:13px}.artist-account-button{grid-column:2;grid-row:1}.site-header .brand-logo{width:185px;max-height:45px}.mega-menu{top:100%;max-height:calc(100dvh - 110px)}}
@media(max-width:650px){.site-header{padding:6px 14px 0;gap:4px 10px}.site-header .brand-logo{width:170px;max-width:100%;max-height:44px}.artist-account-button{font-size:10px;padding:8px 10px;min-height:34px}.artist-account-button>span{margin-left:4px}.site-header>.primary-nav{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:0 16px;grid-row:2;width:100%;font-size:12px}.primary-nav>a,.primary-nav>button{min-height:37px;justify-content:flex-start}.mega-menu{max-height:calc(100dvh - 140px)}.nearby-guide-links{grid-template-columns:1fr}.guides-toolbar{gap:9px;flex-wrap:wrap}.guides-toolbar select{font-size:16px;max-width:180px}.all-local-guides{width:100%;margin:4px 0}.nearby-guide{min-height:73px;padding:12px}.nearby-guide strong{font-size:12px}.nearby-guide small{font-size:10px}.mega-heading .guides-location{font-size:11px;line-height:1.6}}

/* Location picker and visual guide tiles. */
.city-picker{position:relative;max-width:100%}#guide-city{display:flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #d5b87666;border-radius:9px;background:#10191b;color:#f4e7c9;font:inherit;font-weight:600}#guide-city svg{width:19px;height:22px;fill:none;stroke:#e4c27f;stroke-width:1.7;flex:none}#guide-city .city-chevron{width:15px;margin-left:12px}#guide-city[aria-expanded=true] .city-chevron{transform:rotate(180deg)}#city-dropdown{position:absolute;left:0;top:calc(100% + 8px);width:290px;max-width:calc(100vw - 60px);z-index:5;padding:14px;background:#142023;border:1px solid #d5b87666;border-radius:11px;box-shadow:0 14px 35px #000b}#city-dropdown[hidden]{display:none}#city-dropdown label{display:block;margin-bottom:8px;color:#e9d4a5;font-size:12px}#city-search{width:100%;min-width:0;padding:10px;border:1px solid #ffffff30;border-radius:6px;background:#080e10;color:#fff;font:inherit;font-size:16px}#city-options{max-height:180px;overflow-y:auto;margin-top:8px}#city-options button,#use-nearest-city{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:5px;background:none;font:inherit;color:#d9e1de}#use-nearest-city{color:#e5c885;font-size:11px;margin-top:7px}#city-options button:hover,#city-options button:focus-visible,#city-options button[aria-pressed=true]{background:#e5c88518;color:#ffe2a0}#city-empty{font-size:12px;line-height:1.5}.guide-thumbnail,.guide-style-icon{width:64px;height:64px;flex:none;border-radius:8px;border:1px solid #d2ba7433;object-fit:cover}.guide-style-icon{display:grid;place-items:center;background:linear-gradient(135deg,#d8bd7f26,#d8bd7f08)}.guide-style-icon svg{width:30px;height:30px;fill:none;stroke:#e2c27e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nearby-guide{padding:10px;gap:14px}.nearby-guide-arrow{padding-right:5px;flex:none}@media(max-width:650px){.guide-thumbnail,.guide-style-icon{width:50px;height:58px}.nearby-guide{gap:10px}}

/* Compact two-column leaderboard menu with style browsing below. */
#leaderboards-menu{max-width:780px}#leaderboards-menu .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#leaderboards-menu .mega-card{padding:16px;min-height:90px}.leaderboard-style-browser{grid-column:1/-1;border-top:1px solid #cfbd8a22;margin-top:6px;padding-top:20px}.leaderboard-style-browser h3{margin:0;font-size:16px;font-weight:650}.leaderboard-style-browser h3 span{color:#e0bf7b;margin-left:7px}.leaderboard-style-browser p{color:#a7b4b2;font-size:12px;margin:7px 0 15px}.leaderboard-style-pills{display:flex;flex-wrap:wrap;gap:8px}.leaderboard-style-pills button{padding:9px 13px;min-height:36px;border:1px solid #c7b37f33;border-radius:24px;background:#080f1133;font:inherit;font-size:12px;color:#e0e5de;transition:background .15s,border-color .15s}.leaderboard-style-pills button:hover,.leaderboard-style-pills button:focus-visible{color:#ffe3a0;border-color:#dfbd76;background:#d8b87518}@media(max-width:650px){#leaderboards-menu .mega-grid{grid-template-columns:1fr}#leaderboards-menu .mega-card{min-height:76px;padding:12px}.leaderboard-style-pills{gap:7px}.leaderboard-style-pills button{font-size:11px;padding:9px 11px}.leaderboard-style-browser{padding-top:16px}}

/* Warm charcoal gradient and compact navigation search. */
.site-header{background:radial-gradient(ellipse at 15% 0%,#9c805233,transparent 65%),linear-gradient(115deg,#263131 0%,#192526 48%,#101719 100%);border-bottom-color:#d6b57544;box-shadow:inset 0 1px 0 #ffffff09}
.primary-nav>.nav-search-toggle{width:38px;min-height:38px;justify-content:center;padding:8px;border-radius:7px;flex:none}.nav-search-toggle svg{width:20px;height:20px;stroke-width:1.8}.nav-search-toggle:hover,.nav-search-toggle[aria-expanded=true]{background:#e9c68213;color:#f2d18a}.site-search-panel{max-width:620px;padding:22px}.search-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.search-panel-heading label{font-size:16px;font-weight:650;color:#f2dfb5}#site-search-input{width:100%;padding:13px 15px;background:#090f11;border:1px solid #d6b57566;border-radius:9px;color:#f3f5ee;font:inherit;font-size:16px}#site-search-input:focus{outline:2px solid #e8c581;outline-offset:2px}.search-help,#site-search-empty{font-size:12px;line-height:1.6;color:#b2c0ba}.site-search-result{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;padding:13px 8px;border:0;border-bottom:1px solid #ffffff0c;background:none;font:inherit}.site-search-result strong{font-size:12px;font-weight:550;line-height:1.5}.site-search-result small{font-size:10px;color:#d6bd86;white-space:nowrap}.site-search-result:hover{background:#e8c5810d;color:#ffe2a0}@media(max-width:650px){.site-header>.primary-nav{grid-template-columns:auto auto 32px;column-gap:12px}.primary-nav>.nav-search-toggle{grid-column:3;grid-row:1/3;align-self:center;width:32px}.site-search-panel{padding:18px}.site-search-result{gap:10px}}

/* Near-black monochrome header with very faint crosshatching. */
.site-header{background:repeating-linear-gradient(45deg,transparent 0 5px,#ffffff03 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,#ffffff02 5px 6px),linear-gradient(110deg,#090a0b 0%,#18191a 48%,#070809 100%);border-bottom-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff06}

/* Evenly distribute the main links, with search after How It Works. */
@media(min-width:651px){.site-header>.primary-nav{justify-content:space-evenly;gap:12px;min-width:0}}
@media(max-width:650px){.primary-nav>.nav-search-toggle{grid-row:1/4}}

/* Center the brand between balanced navigation groups on desktop. */
.nav-left,.nav-right{display:contents}.primary-nav :is(.nav-left,.nav-right)>a,.primary-nav :is(.nav-left,.nav-right)>button:not(.artist-account-button){display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 0;position:relative;transition:color .18s}.primary-nav :is(.nav-left,.nav-right)>button:not(.artist-account-button){border:0;background:none;font:inherit}.primary-nav .nav-right>.nav-search-toggle{width:38px;min-height:38px;justify-content:center;padding:8px;border-radius:7px;flex:none}
@media(min-width:1101px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:28px}
 .site-header>.brand{grid-column:2;grid-row:1;justify-self:center}
 .site-header>.primary-nav{display:contents}
 .primary-nav .nav-left,.primary-nav .nav-right{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:12px;font-size:13px;font-weight:600;white-space:nowrap}
 .primary-nav .nav-left{grid-column:1;grid-row:1}
 .primary-nav .nav-right{grid-column:3;grid-row:1}
 .primary-nav .artist-account-button{margin-left:0}
}
@media(min-width:1101px) and (max-width:1250px){.site-header{gap:18px;padding-inline:24px;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr)}.site-header .brand-logo{width:160px}.primary-nav .nav-left,.primary-nav .nav-right{font-size:12px;gap:10px}.primary-nav .artist-account-button{font-size:10px;padding-inline:10px}}
@media(max-width:1100px){.site-header .artist-account-button{position:absolute;right:22px;top:8px}.site-header>.brand{grid-row:1;grid-column:1}.site-header>.primary-nav{grid-row:2}}
@media(max-width:650px){.site-header .artist-account-button{right:14px;top:8px}.primary-nav :is(.nav-left,.nav-right)>a,.primary-nav :is(.nav-left,.nav-right)>button:not(.artist-account-button){min-height:37px}.primary-nav .nav-right>.nav-search-toggle{grid-column:3;grid-row:1/4;align-self:center;width:32px}}

/* One continuous full-width banner with a compact logo recess. */
header.site-header{max-width:none;border-top:0;box-shadow:none;background:linear-gradient(115deg,#080c0d,#131516 50%,#080b0c)}
@media(min-width:1101px){
 header.site-header{--tier-half:125px;--tier-slope:32px;--header-tier:polygon(0 0,100% 0,100% calc(100% - 23px),calc(50% + var(--tier-half) + var(--tier-slope)) calc(100% - 23px),calc(50% + var(--tier-half) + 3px) calc(100% - 1px),calc(50% + var(--tier-half)) 100%,calc(50% - var(--tier-half)) 100%,calc(50% - var(--tier-half) - 3px) calc(100% - 1px),calc(50% - var(--tier-half) - var(--tier-slope)) calc(100% - 23px),0 calc(100% - 23px));height:72px;min-height:72px;grid-template-rows:72px;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);gap:26px;padding-block:0;border:0;background:none;isolation:isolate;overflow:visible;padding-inline:max(38px,calc((100% - 1580px)/2))}
 header.site-header:before,header.site-header:after{content:'';position:absolute;inset:0 0 -23px;clip-path:var(--header-tier);pointer-events:none}
 header.site-header:before{z-index:-2;background:linear-gradient(90deg,#aa874229 0%,#b3914d55 32%,#ffe8a4 40%,#d7b767 50%,#ffe8a4 60%,#b3914d55 68%,#aa874229 100%)}
 header.site-header:after{z-index:-1;transform:translateY(-2px);background:radial-gradient(ellipse 100px 70px at calc(50% - var(--tier-half) - 18px) 100%,#d6a44d29,transparent 75%),radial-gradient(ellipse 100px 70px at calc(50% + var(--tier-half) + 18px) 100%,#d6a44d29,transparent 75%),radial-gradient(ellipse at 50% 0%,#25232255,transparent 58%),linear-gradient(115deg,#080c0d,#101213 50%,#080b0c)}
 header.site-header>.brand{position:relative;align-self:start;width:280px;height:88px;display:flex;align-items:center;justify-content:center}
 header.site-header .brand .brand-logo{width:280px;max-height:84px}
 header.site-header>.brand:before,header.site-header>.brand:after{display:none}
 .primary-nav .artist-account-button{min-height:40px;padding:10px 16px;border-radius:8px;background:linear-gradient(110deg,#eabe6b,#ffe4a0,#e8bf70);box-shadow:inset 0 1px 0 #fff4}
}
@media(min-width:1400px){header.site-header{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);--tier-half:155px}header.site-header>.brand{width:300px}header.site-header .brand .brand-logo{width:300px}}
@media(min-width:1101px) and (max-width:1250px){header.site-header{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:16px;padding-inline:24px;--tier-half:95px;--tier-slope:24px}header.site-header>.brand{width:210px}header.site-header .brand .brand-logo{width:210px;max-height:76px}.primary-nav .artist-account-button{padding-inline:10px}}

/* Mobile: centered brand, expandable navigation left, account action right. */
.mobile-menu-toggle{display:none}
@media(max-width:1100px){
 header.site-header.mobile-nav-ready{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:47px;gap:0;padding:0 12px;height:47px;min-height:47px;border-bottom:1px solid #d5b77640;position:relative;z-index:30}
 .mobile-nav-ready>.brand{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;height:47px;min-width:0}
 header.mobile-nav-ready .brand .brand-logo{width:clamp(126px,35vw,132px);max-height:44px;max-width:none}
 .site-header.mobile-nav-ready>.artist-account-button{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0;min-height:34px;max-width:100%;padding:7px 9px;font:700 11px/1.3 'Plus Jakarta Sans',sans-serif;white-space:normal;text-align:center}
 .mobile-nav-ready>.artist-account-button>span{display:none}
 .mobile-nav-ready>.mobile-menu-toggle{display:flex;grid-column:1;grid-row:1;justify-self:start;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:8px;background:none;border:1px solid #d5b77640;border-radius:8px;color:#f1d18a}
 .mobile-menu-toggle span{display:block;width:21px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 header.mobile-nav-ready>.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;padding:14px 20px 20px;max-height:calc(100dvh - 47px);overflow-y:auto;background:linear-gradient(120deg,#141918,#080c0d);border-bottom:1px solid #d5b77655;box-shadow:0 20px 35px #0008;white-space:normal;font-size:15px}
 header.mobile-menu-open>.primary-nav{display:block}
 .mobile-nav-ready .primary-nav .nav-left,.mobile-nav-ready .primary-nav .nav-right{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .mobile-nav-ready .primary-nav :is(.nav-left,.nav-right)>a,.mobile-nav-ready .primary-nav :is(.nav-left,.nav-right)>button{min-height:48px;padding:12px 4px;border-bottom:1px solid #ffffff0c;text-align:left;justify-content:flex-start}
 .mobile-nav-ready .primary-nav .nav-right>.nav-search-toggle{width:100%;gap:12px}
 .mobile-nav-ready .nav-search-toggle:after{content:'Search'}
 .mobile-nav-ready .site-search-panel{top:47px;left:10px;right:10px;max-height:calc(100dvh - 67px)}
 .mobile-nav-ready :is(.mobile-menu-toggle,.artist-account-button):focus-visible{outline:2px solid #ffe4a0;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span{transition:none}}

.mobile-menu-signup{display:none!important}
@media(max-width:1100px){
 .mobile-nav-ready .primary-nav>.mobile-menu-signup{display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin:0 0 12px;padding:12px 18px;border:1px solid #e3c483;border-radius:8px;background:linear-gradient(110deg,#eabe6b,#ffe4a0,#e8bf70);color:#171b18;font:700 15px/1.4 'Plus Jakarta Sans',sans-serif}
 .mobile-nav-ready .primary-nav>.mobile-menu-signup span{margin-left:0}
}

/* Compact mobile header with a straight, fine gold edge. */
@media(max-width:1100px){
 header.site-header.mobile-nav-ready{border:0;background:linear-gradient(115deg,#080c0d,#101213 50%,#080b0c);isolation:isolate}
 header.site-header.mobile-nav-ready:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,#aa87424d,#d7b767 28%,#fff0b5 40%,#d7b767 50%,#fff0b5 60%,#d7b767 72%,#aa87424d)}
 header.site-header.mobile-nav-ready:after{display:none}
 .mobile-nav-ready>.mobile-menu-toggle{align-self:center;width:34px;height:32px;padding:6px;gap:4px;border-radius:6px}
 .mobile-menu-toggle span{width:18px}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
 .site-header.mobile-nav-ready>.artist-account-button{align-self:center;display:flex;align-items:center;justify-content:center;min-height:32px;height:32px;padding:4px 8px;border-radius:6px;font-size:10px}
}

.admin-menu-link{display:inline-flex;align-items:center;gap:7px;color:#efd083!important}.admin-menu-link[hidden]{display:none!important}.admin-menu-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.admin-menu-link span{font-size:12px}@media(min-width:1101px){.admin-menu-link span{display:none}}

/* One shared spacing calculation across every desktop header item. */
@media(min-width:1101px){
 header.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:32px;--logo-center:50%;--tier-half:140px}
 header.site-header>.primary-nav,.primary-nav .nav-left,.primary-nav .nav-right{display:contents}
 header.site-header>.brand{order:1;flex:0 0 280px;width:280px;align-self:flex-start}
 header.site-header .brand .brand-logo{width:280px}
 .primary-nav .nav-left>*{order:0;flex:none}
 .primary-nav .nav-right>*{order:2;flex:none}
 .primary-nav :is(.nav-left,.nav-right)>a,.primary-nav :is(.nav-left,.nav-right)>button{font-size:13px}
 header.site-header{--header-tier:polygon(0 0,100% 0,100% calc(100% - 23px),calc(var(--logo-center) + var(--tier-half) + var(--tier-slope)) calc(100% - 23px),calc(var(--logo-center) + var(--tier-half)) 100%,calc(var(--logo-center) - var(--tier-half)) 100%,calc(var(--logo-center) - var(--tier-half) - var(--tier-slope)) calc(100% - 23px),0 calc(100% - 23px))}
}
@media(min-width:1101px) and (max-width:1300px){
 header.site-header{gap:12px;padding-inline:22px;--tier-half:100px}
 header.site-header>.brand{flex-basis:200px;width:200px}
 header.site-header .brand .brand-logo{width:200px}
 .primary-nav :is(.nav-left,.nav-right)>a,.primary-nav :is(.nav-left,.nav-right)>button{font-size:11px}
 .primary-nav .artist-account-button{padding-inline:10px}
}

/* Shared primary action treatment across navigation, forms and onboarding. */
html body .primary-nav .artist-account-button,html body .gold-button,html body .artist-account-button,html body .setup-actions .gold-button,html body .site-header.mobile-nav-ready>.artist-account-button{border:1px solid #e3bd70;border-radius:7px;background:linear-gradient(110deg,#eabe6b,#ffe4a0,#e8bf70);color:#171b18;font-weight:700;box-shadow:inset 0 1px 0 #fff4;transition:filter .15s ease,box-shadow .15s ease}
html body .gold-button:hover,html body .artist-account-button:hover{filter:brightness(1.08)}
html body .gold-button:focus-visible,html body .artist-account-button:focus-visible{outline:2px solid #ffe4a0;outline-offset:3px}
html body .setup-actions .page-return,html body .profile-secondary,html body .profile-remove{border-radius:7px}
@media(prefers-reduced-motion:reduce){html body .gold-button,html body .artist-account-button{transition:none}}
/* Equal side tracks anchor the brand to the viewport center. */
@media(min-width:1101px){
 header.site-header{display:grid;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);grid-template-rows:72px;gap:24px;justify-content:normal;--logo-center:50%}
 header.site-header>.brand{grid-column:2;grid-row:1;justify-self:center;order:0;width:280px}
 header.site-header>.primary-nav{display:contents}
 .primary-nav .nav-left,.primary-nav .nav-right{display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;gap:12px;grid-row:1}
 .primary-nav .nav-left{grid-column:1}.primary-nav .nav-right{grid-column:3}
 .primary-nav .nav-left>*,.primary-nav .nav-right>*{order:0}
 .primary-nav .artist-account-button{margin-left:0}
}
@media(min-width:1101px) and (max-width:1300px){
 header.site-header{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:16px;--tier-half:90px}
 header.site-header>.brand,header.site-header .brand .brand-logo{width:180px}
 .primary-nav .nav-left,.primary-nav .nav-right{gap:8px}
 .primary-nav .nav-right>a,.primary-nav .nav-right>button{font-size:10px}
 .primary-nav .artist-account-button{padding-inline:9px}
}

/* Box desktop navigation to the same responsive width as the voting arena. */
@media(min-width:1101px){
 header.site-header{width:min(calc(100% - 96px),clamp(1200px,calc(100vw - 400px),1600px));max-width:1600px;margin-inline:auto;padding-inline:16px;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:16px;--tier-half:100px;--tier-slope:24px}
 header.site-header>.brand,header.site-header .brand .brand-logo{width:200px}
 .primary-nav .nav-left,.primary-nav .nav-right{gap:12px;justify-content:space-between}
 .primary-nav :is(.nav-left,.nav-right)>a,.primary-nav :is(.nav-left,.nav-right)>button{font-size:12px;white-space:nowrap}
 .primary-nav .artist-account-button{padding-inline:12px}
}
@media(min-width:1101px) and (max-width:1300px){
 header.site-header{grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);gap:12px;padding-inline:12px;--tier-half:80px}
 header.site-header>.brand,header.site-header .brand .brand-logo{width:160px}
 .primary-nav .nav-left,.primary-nav .nav-right{gap:8px}
 .primary-nav :is(.nav-left,.nav-right)>a,.primary-nav :is(.nav-left,.nav-right)>button{font-size:10px}
 .primary-nav .artist-account-button{padding-inline:9px}
}

/* Keep text links and button-based navigation on the same type scale. */
header.site-header{--nav-link-size:12px}
header.site-header .primary-nav :is(.nav-left,.nav-right)>:is(a,button){font-family:'Plus Jakarta Sans',sans-serif;font-size:var(--nav-link-size);font-weight:600;line-height:1.4;letter-spacing:normal}
header.site-header .primary-nav .admin-menu-link span{font-size:inherit;line-height:inherit}
@media(max-width:1100px){header.site-header{--nav-link-size:15px}header.site-header .primary-nav>.mobile-menu-signup{font-size:var(--nav-link-size);line-height:1.4}header.site-header.mobile-nav-ready>.artist-account-button{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:1.4}}

/* Owner update: flat desktop header, left-aligned brand and evenly spaced links. */
@media(min-width:1101px){
 header.site-header{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:none;height:72px;min-height:72px;margin:0;padding:0 max(28px,calc((100vw - 1500px)/2));gap:clamp(28px,3vw,56px);background:radial-gradient(ellipse at 25% 0%,#29251d55,transparent 65%),linear-gradient(115deg,#080c0d,#101213 50%,#080b0c);--nav-link-size:12px}
 header.site-header:before{inset:auto 0 0;height:1px;clip-path:none;transform:none;z-index:0;background:linear-gradient(90deg,#aa87424d,#d7b767 28%,#fff0b5 48%,#d7b767 70%,#aa87424d)}
 header.site-header:after{display:none}
 header.site-header>.brand{order:0;flex:0 0 200px;width:200px;height:72px;align-self:center;justify-content:flex-start}
 header.site-header .brand .brand-logo{width:200px;max-height:64px}
 header.site-header>.primary-nav{display:flex;position:static;flex:1;min-width:0;width:auto;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:0;background:none;box-shadow:none}
 header.site-header .primary-nav .nav-left,header.site-header .primary-nav .nav-right{display:contents}
 header.site-header .primary-nav :is(.nav-left,.nav-right)>:is(a,button){order:0;flex:0 0 auto;min-height:40px}
 header.site-header .primary-nav .artist-account-button{margin-left:0;padding-inline:16px}
}
@media(min-width:1101px) and (max-width:1250px){
 header.site-header{padding-inline:24px;gap:24px;--nav-link-size:11px}
 header.site-header>.brand{flex-basis:180px;width:180px}
 header.site-header .brand .brand-logo{width:180px}
 header.site-header>.primary-nav{gap:14px}
 header.site-header .primary-nav .artist-account-button{padding-inline:12px}
}

/* Mobile menu: search first, account action after the navigation links. */
@media(max-width:1100px){
 .mobile-nav-ready .primary-nav>.nav-search-toggle{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:48px;gap:12px;padding:12px 4px;margin:0 0 4px;border:0;border-bottom:1px solid #ffffff0c;border-radius:0;font-size:var(--nav-link-size);font-weight:600}
 .mobile-nav-ready .primary-nav>.mobile-menu-signup{margin:16px 0 0}
}
