/* Home hero: a curved wall of show screens above a central search card (from the concept page). */
.mw-hero{position:relative;height:clamp(560px,72vh,720px);width:calc(100% - var(--mello-page-gutter) - var(--mello-page-gutter));max-width:var(--mello-frame-width);margin:6px auto 28px;border-radius:44px;background:#fdf1e3;z-index:4}
.mw-stage{position:absolute;inset:0;perspective:900px;perspective-origin:50% 48%;overflow:hidden;border-radius:inherit}
.mw-field{position:absolute;left:50%;top:48%;transform-style:preserve-3d}
.mw-card{position:absolute;left:-74px;top:-92px;width:148px;padding:8px 8px 10px;background:#fff;border:0;border-radius:16px;box-shadow:0 2px 10px rgba(30,41,59,.08);cursor:pointer;display:flex;flex-direction:column;gap:6px;color:#1e293b;font:inherit;text-align:left;text-decoration:none;will-change:transform}
.mw-card img,.mw-card .mw-ph{width:100%;aspect-ratio:1;border-radius:12px;background:#f6f2ec;display:block;object-fit:contain}
.mw-card b{font-size:13px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mw-card.match{outline:3px solid #e07a5f;outline-offset:2px}
.mw-pill{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:2px 10px 2px 3px;border-radius:999px;font:800 12px/1.2 Figtree,sans-serif;white-space:nowrap;color:#fff}
.mw-pill i{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center}
.mw-pill i svg{width:15px;height:9px}
.mw-pill.Low{background:#2a9d8f}.mw-pill.Medium{background:#f4a261;color:#1e293b}.mw-pill.High{background:#e07a5f}
.mw-center{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:end center;padding:0 16px 44px;pointer-events:none}
.mw-search{pointer-events:auto;width:min(680px,100%);background:#fff;border-radius:28px;box-shadow:0 18px 40px rgba(30,41,59,.12);padding:22px 26px 18px;display:flex;flex-direction:column;gap:14px;position:relative}
.mw-search h1{font:400 clamp(22px,2.2vw,30px)/1.2 "EB Garamond",Georgia,serif!important;letter-spacing:-.01em;color:#1e293b!important;text-align:center;margin:0}
.mw-form{display:flex;align-items:center;gap:12px;padding:7px 7px 7px 20px;border:1.5px solid #e4ded6;border-radius:12px;background:#fff}
.mw-form svg{width:24px;height:24px;flex-shrink:0;stroke:#1e293b}
.mw-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:600 16px Figtree,sans-serif;color:#1e293b}
.mw-form input::placeholder{color:#64748b}
.mw-form button{border:0;border-radius:12px;padding:10px 20px;background:#e07a5f;color:#fff;font:700 16px Figtree,sans-serif;cursor:pointer}
.mw-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;font-size:13px;color:#64748b}
.mw-chips button{border:0;border-radius:999px;padding:6px 14px;background:#f1ede8;color:#1e293b;font:700 13px Figtree,sans-serif;cursor:pointer}
.mw-results{list-style:none;margin:0;padding:6px;position:absolute;left:26px;right:26px;top:calc(100% - 10px);background:#fff;border-radius:18px;box-shadow:0 14px 30px rgba(30,41,59,.18);max-height:320px;overflow:auto;z-index:30}
.mw-results a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:#1e293b;font:700 15px Figtree,sans-serif;text-decoration:none}
.mw-results a:hover,.mw-results a[aria-selected="true"]{background:#fdf1e3}
.mw-results img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#f6f2ec}
.mw-results .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-home .discovery-intro{display:none}
@media(max-width:560px){.mw-hero{border-radius:28px;height:600px}.mw-search{padding:18px 16px 14px;border-radius:22px}.mw-form button span{display:none}.mw-card{width:110px;left:-55px;top:-70px}.mw-card b{font-size:11px}.mw-results{left:12px;right:12px}}
/* One search on the home page: the hero's. The explorer below keeps its filters. */
.page-home .discovery>.discovery-search,.page-home .discovery>.popular-searches{display:none}
.page-home .discovery{background:#fbe9e3}
/* Home: extension preview section */
.home-ext{width:calc(100% - var(--mello-page-gutter) - var(--mello-page-gutter));max-width:var(--mello-frame-width);margin:0 auto 28px;background:#fbe9e3;border-radius:40px;padding:clamp(22px,3vw,36px)}
.home-ext-inner{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.home-ext h2{font:400 clamp(26px,2.4vw,34px)/1.15 "EB Garamond",Georgia,serif!important;color:#1e293b!important;margin:0}
.home-ext .vz{gap:20px;align-items:start;margin:0}
.home-ext .extension-facts{margin:0;padding-left:20px;color:#64748b;font-size:14px;display:grid;gap:6px}
.home-ext .ext-install{margin:12px 0 0}
.home-ext .vz-player{aspect-ratio:16/10;min-height:0}
.page-home .discovery{background:#fff;box-shadow:0 2px 10px rgba(30,41,59,.07)}
.home-ext .vz-right{gap:14px}
.home-ext .ext-details{display:flex;flex-direction:column;gap:10px}
.home-ext .extension-facts li{margin:0}
.home-ext .ext-install{margin:0;align-self:start;padding:8px 12px 8px 16px;font-size:14px}
/* Home: every show, six per row */
.home-index{width:calc(100% - var(--mello-page-gutter) - var(--mello-page-gutter));max-width:var(--mello-frame-width);margin:0 auto 28px;background:#fff;border-radius:40px;padding:clamp(22px,3vw,40px);box-shadow:0 2px 10px rgba(30,41,59,.07)}
.home-index h2{font:400 clamp(26px,2.4vw,34px)/1.15 "EB Garamond",Georgia,serif!important;color:#1e293b!important;margin:0 0 20px}
.hi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.hi-card{display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;background:#fff;border:1px solid #eee9e3;border-radius:20px;box-shadow:0 2px 8px rgba(30,41,59,.05);text-decoration:none;color:#1e293b;transition:transform .15s,box-shadow .15s}
.hi-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(30,41,59,.1)}
.hi-art{display:block;aspect-ratio:1;border-radius:14px;background:#f6f2ec;padding:10px;overflow:hidden}
.hi-art img,.hi-art .show-art-placeholder{width:100%;height:100%;display:grid;place-items:center;border-radius:8px}
.hi-card b{font:400 19px/1.15 "EB Garamond",Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.hi-pill{align-self:start;font:700 12px Figtree,sans-serif;padding:3px 10px;border-radius:999px}
.hi-pill.Low{background:#d9eeeb;color:#1f7a6f}.hi-pill.Medium{background:#fde8d3;color:#b5651d}.hi-pill.High{background:#f9ddd5;color:#b54a2f}
.hi-link{display:flex;justify-content:space-between;border-top:1px solid #eee9e3;padding:8px 2px 0;font:700 12px Figtree,sans-serif;color:#3d4a8c}
@media(max-width:1200px){.hi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.hi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.hi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-index{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.hi-card{transition:none}}
/* Home: the grid replaces the Browse shows list; only the detail panel stays */
.page-home .show-browser{display:none!important}
.page-home .explorer{grid-template-columns:1fr!important}
.page-home .explorer .show-detail{display:grid!important}
.page-home .detail-back{display:none!important}
/* Home: the show panel is no longer a page section; it slides in from the right when a grid card is clicked */
.page-home .discovery{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(560px,100%);max-width:none;margin:0;border-radius:28px 0 0 28px;padding:56px 22px 22px;background:#fff!important;box-shadow:-12px 0 40px rgba(30,41,59,.18);overflow-y:auto;transform:translateX(105%);transition:transform .3s ease;height:auto}
.page-home.drawer-open .discovery{transform:none}
.page-home .discovery .explorer{display:block}
.page-home .discovery .show-detail{display:flex!important;flex-direction:column;gap:18px;box-shadow:none;border:0;padding:0;min-height:0}
.page-home .discovery .detail-thumb{height:260px;min-height:0;max-height:none;width:100%}
.page-home .discovery .discovery-status,.page-home .discovery .band-selector{display:none}
.drawer-close{position:absolute;top:12px;right:16px;border:0;background:#f1ede8;color:#1e293b;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.drawer-shade{position:fixed;inset:0;z-index:55;background:rgba(30,41,59,.25);opacity:0;pointer-events:none;transition:opacity .3s}
.page-home.drawer-open .drawer-shade{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.page-home .discovery,.drawer-shade{transition:none}}
/* Home: playlists for the moment */
.home-moments{padding:clamp(22px,3vw,36px)!important;border:0!important;width:calc(100% - var(--mello-page-gutter) - var(--mello-page-gutter));max-width:var(--mello-frame-width);margin:0 auto 28px;background:#fff;border-radius:40px;box-shadow:0 2px 10px rgba(30,41,59,.07)}
.hm-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.hm-head h2{font:400 clamp(26px,2.4vw,34px)/1.15 "EB Garamond",Georgia,serif!important;color:#1e293b!important;margin:0}
.hm-more{display:inline-flex;gap:10px;align-items:center;padding:10px 18px;border:1.5px solid #1e293b;border-radius:12px;color:#1e293b;font:700 15px Figtree,sans-serif;text-decoration:none;white-space:nowrap}
.hm-more:hover{background:#1e293b;color:#fff}
.hm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hm-card{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border-radius:28px;text-decoration:none;color:#1e293b;transition:transform .15s,box-shadow .15s}
.hm-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(30,41,59,.1)}
.hm-car-ride{background:#fdf1e3}.hm-wind-down{background:#e3f1ee}
.hm-top{display:flex;align-items:center;justify-content:space-between}
.hm-icon{width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:26px}
.hm-level{font:700 12px Figtree,sans-serif;padding:5px 12px;border-radius:999px}
.hm-level.Low{background:#2a9d8f;color:#fff}.hm-level.Medium{background:#f4a261;color:#1e293b}
.hm-card b{font:400 30px/1.1 "EB Garamond",Georgia,serif}
.hm-desc{font:500 15px/1.4 Figtree,sans-serif;color:#64748b}
.hm-thumbs{display:flex;gap:10px;margin-top:4px}
.hm-thumb{width:64px;height:64px;border-radius:14px;background:#fff;padding:6px;overflow:hidden;box-shadow:0 1px 4px rgba(30,41,59,.08)}
.hm-thumb img,.hm-thumb .show-art-placeholder{width:100%;height:100%;object-fit:contain;display:grid;place-items:center;border-radius:8px}
.hm-go{margin-top:auto;padding-top:6px;font:700 14px Figtree,sans-serif;color:#1e293b}
@media(max-width:700px){.hm-grid{grid-template-columns:1fr}.hm-head{flex-wrap:wrap}.hm-thumb{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.hm-card{transition:none}}

/* Compact moment shortcuts leave more room for show discovery. */
.home-ext-sub{margin:-8px 0 4px;font:500 16px/1.45 Figtree,sans-serif;color:#64748b}
#browse{scroll-margin-top:14px}
.page-home .approved-hero{display:none!important}