.hr-shell{--hr-ink:#22241f;--hr-cream:#f6f1e7;--hr-copper:#934323;--hr-line:#ddd4c3;color:var(--hr-ink);font-family:Arial,sans-serif;line-height:1.6;box-sizing:border-box;margin:2rem 0}.hr-shell *{box-sizing:border-box}.hr-shell h2,.hr-shell h3{font-family:Georgia,serif;line-height:1.12;color:inherit}.hr-shell h2{font-size:clamp(2rem,4vw,3.6rem);margin:.4em 0}.hr-shell h3{font-size:1.6rem;margin:.25em 0}.hr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hr-card{background:var(--hr-cream);border:1px solid var(--hr-line);border-radius:6px;overflow:hidden}.hr-card-body{padding:22px}.hr-card-body+.hr-card-body{padding-top:0}.hr-shell .hr-eyebrow{font:700 .72rem/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--hr-copper);margin:0 0 12px}.hr-art-link{color:inherit;text-decoration:none}.hr-portrait,.hr-placeholder{width:100%;height:320px;object-fit:cover;display:block}.hr-placeholder{background:linear-gradient(135deg,#353d34,#151c19);display:flex;align-items:center;justify-content:center;flex-direction:column;font:italic 110px Georgia,serif;color:#dcc8a0}.hr-placeholder span{font:700 12px Arial,sans-serif;letter-spacing:.3em}.hr-shell .hr-button{display:inline-block;background:var(--hr-copper);color:white;padding:11px 18px;text-decoration:none;border-radius:3px;font-size:.9rem;font-weight:700}.hr-shell .hr-secondary{background:var(--hr-ink)}.hr-badge{display:inline-block;border:1px solid var(--hr-line);padding:4px 10px;border-radius:25px;font:700 .72rem Arial,sans-serif}.hr-feature{display:grid;grid-template-columns:minmax(220px, .8fr) 1.2fr;gap:40px;align-items:start;margin-bottom:44px}.hr-feature>.hr-portrait,.hr-feature>.hr-placeholder{height:460px}.hr-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hr-track{border:1px solid var(--hr-line);background:var(--hr-cream);padding:24px;border-radius:6px}.hr-track video{width:100%;aspect-ratio:16/9;background:#181d19}.hr-track audio{width:100%;margin-top:16px}.hr-credit{font-size:.82rem;color:#625e55}.hr-shell a:focus-visible,.hr-shell button:focus-visible{outline:3px solid #ae722f;outline-offset:4px}@media(max-width:800px){.hr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-feature{grid-template-columns:1fr}}@media(max-width:520px){.hr-grid,.hr-library{grid-template-columns:1fr}.hr-feature>.hr-portrait,.hr-feature>.hr-placeholder{height:340px}}

/* Elementor kit integration */
.hr-brand-banner{margin:0;overflow:hidden;border-radius:6px;border:1px solid #9b6a2c;background:#17130d}.hr-brand-banner img{display:block;width:100%;height:auto}.holler-kit .hr-shell{--hr-copper:#80501d;--hr-ink:#272117;margin:0}.holler-kit .hr-placeholder{background:linear-gradient(135deg,#44311b,#19150f)}.holler-kit .elementor-widget-shortcode{width:100%}.holler-kit a:focus-visible{outline:3px solid #d3a356;outline-offset:4px}
.hr-shell [hidden]{display:none!important}.hr-album-picker{display:block;font-weight:700;margin:20px 0}.hr-album-picker select{display:block;padding:12px;margin-top:8px;width:100%;max-width:480px;border:1px solid #b9a989;border-radius:5px;background:#fff;color:#201b13}.hr-album-details{display:flex;gap:24px;margin:24px 0;padding:20px;background:#eee5d3;border-radius:8px}.hr-album-details img{width:160px;height:160px;object-fit:contain}.hr-track audio{width:100%}.hr-track video{width:100%;max-height:520px}.hr-media-error{color:#8b321d}@media(max-width:600px){.hr-album-details{flex-direction:column}}
/* Unified artist listening room */
.hr-jukebox{background:linear-gradient(125deg,#352314,#1f180f);color:#fbf4e8;padding:28px;border:1px solid #8e6939;border-radius:12px;margin:40px 0}.hr-jukebox h2{font-size:clamp(26px,3vw,44px);text-align:center;margin:8px 0 26px}.hr-juke-kicker{font-size:12px;letter-spacing:.16em;font-weight:bold;color:#e1b565}.hr-jukebox>.hr-juke-kicker{text-align:center}.hr-juke-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:24px;border:1px solid #795a35;border-radius:8px}.hr-juke-stage [data-hr-artwork] .hr-portrait{width:180px;height:180px;object-fit:cover;border-radius:8px;margin-bottom:22px}.hr-juke-stage .hr-placeholder{height:180px;width:180px;font-size:60px}.hr-juke-stage audio{width:100%;margin:14px 0}.hr-juke-stage video{width:100%;max-height:430px;background:#100d09;border-radius:6px;margin:14px 0}.hr-juke-stage h3{font-size:28px;margin:8px 0}.hr-juke-credit,[data-hr-status]{font-size:13px;color:#e6d4b9}.hr-jukebox button{cursor:pointer;font:inherit;border-radius:5px}.hr-juke-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hr-juke-controls button,.hr-juke-tabs button{border:1px solid #a57b3e;background:transparent;color:#f8eddc;padding:8px 12px;font-size:13px}.hr-juke-tabs{display:flex;gap:8px;margin-bottom:16px}.hr-juke-tabs button[aria-pressed=true]{background:#d5a24c;color:#20180f}.hr-juke-browse .hr-album-picker{margin:0 0 18px;font-size:14px}.hr-juke-browse select{font-size:14px}.hr-juke-browse .hr-library{display:flex;flex-direction:column;gap:8px;margin:0;max-height:450px;overflow-y:auto}.hr-juke-track{display:flex;flex-direction:column;text-align:left;width:100%;padding:13px 15px;border:1px solid #755735;background:#302316;color:#fff1dd;gap:5px}.hr-juke-track small{font-size:12px;color:#e6d4b9}.hr-juke-track[aria-pressed=true]{background:#78512b;border-color:#dcad60}.hr-juke-track:hover{border-color:#e1b565}.hr-jukebox button:disabled{opacity:.5;cursor:default}body:has(.hr-jukebox) .hr-feature{grid-template-columns:minmax(180px,.65fr) 1.35fr}body:has(.hr-jukebox) .hr-feature>.hr-portrait{height:420px}body:has(.hr-jukebox) .wp-block-post-content{max-width:1120px}body:has(.hr-jukebox) .hr-shell{margin-top:25px}body:has(.hr-jukebox) .wp-block-post-author-name{display:none}@media(max-width:700px){.hr-juke-columns{grid-template-columns:1fr;padding:16px;gap:24px}.hr-jukebox{padding:20px 12px}body:has(.hr-jukebox) .hr-feature{grid-template-columns:1fr;gap:24px}body:has(.hr-jukebox) .hr-feature>.hr-portrait{height:360px;object-position:center 25%}.hr-juke-stage [data-hr-artwork] .hr-portrait{width:140px;height:140px}.hr-juke-browse .hr-library{max-height:340px}}
body:has(.hr-jukebox) main{margin-top:0!important;padding-top:24px!important}body:has(.hr-jukebox) main>.wp-block-group{padding-top:0!important;padding-bottom:0!important;margin-top:0!important}body:has(.hr-jukebox) main>.wp-block-group:has(>.wp-block-post-content)>:not(.wp-block-post-content){display:none!important}body:has(.hr-jukebox) main>.wp-block-group:not(:has(>.wp-block-post-content)){display:none!important}body:has(.hr-jukebox) .wp-block-post-content>.hr-shell{max-width:1100px!important;width:100%;margin-left:auto!important;margin-right:auto!important}body:has(.hr-jukebox) .wp-block-template-part:has(footer),body:has(.hr-jukebox) footer.wp-block-template-part{display:none!important}.hr-feature h1{font:clamp(36px,4vw,58px)/1.1 Georgia,serif;margin:12px 0 24px}.hr-juke-browse .hr-shell{color:#fff1dd}.hr-juke-track{flex-shrink:0}

body:has(.hr-jukebox){background:#f6f1e7}.hr-juke-stage audio{display:none!important}.hr-juke-transport{display:flex;align-items:center;gap:16px;margin:22px 0}.hr-juke-transport>[data-hr-play]{width:58px;height:58px;flex-shrink:0;border:0;border-radius:50%;background:#d8a651;color:#21180d;font-size:24px}.hr-juke-transport>div{flex:1;min-width:0}.hr-juke-transport label{font-size:11px;color:#e6d4b9}.hr-juke-transport input{display:block;width:100%;accent-color:#d8a651}.hr-juke-transport [data-hr-time]{font-size:12px;color:#e6d4b9}.hr-juke-volume{width:70px}.hr-juke-stage video:not([hidden]){display:block}.hr-juke-controls button{min-height:40px}@media(max-width:450px){.hr-juke-transport{gap:10px}.hr-juke-volume{width:52px}}
