.hwr{--hwr-gold:#f4bd45;--hwr-night:#110c2f;position:relative;isolation:isolate;overflow:hidden;margin:clamp(28px,5vw,72px) auto;padding:clamp(24px,4.5vw,58px);max-width:1180px;min-height:280px;border:1px solid rgb(244 189 69/.28);border-radius:28px;background:radial-gradient(circle at 92% 10%,rgb(179 83 180/.32),transparent 30%),linear-gradient(135deg,var(--hwr-night),#191043 60%,#29124a);color:#fff;box-shadow:0 28px 70px rgb(10 7 30/.22)}
.hwr>*:not(.hwr-cinematic,.hwr-halo){position:relative;z-index:2}.hwr-halo{position:absolute;z-index:1;width:270px;aspect-ratio:1;border:1px solid rgb(244 189 69/.22);border-radius:50%;right:-75px;top:-100px;box-shadow:0 0 0 45px rgb(244 189 69/.045),0 0 0 90px rgb(244 189 69/.025);animation:hwr-orbit 18s linear infinite;pointer-events:none}
.hwr-reading-progress{position:fixed;z-index:9999;inset:0 0 auto;height:3px;background:#f4bd45;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hwr-hero-cinematic-host{position:relative}.hwr-hero-visual{position:relative;overflow:hidden;border-radius:24px;background:#110c2f}.hwr-hero-visual>img{position:relative;z-index:0}.hwr-cinematic{position:absolute;z-index:1;inset:0;background:#110c2f center/cover no-repeat;opacity:.72;pointer-events:none}.hwr-cinematic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(17 12 47/.46),transparent 58%,rgb(17 12 47/.2))}.hwr-cinematic iframe{position:absolute;left:50%;top:50%;width:130vw;height:73.125vw;min-width:160vh;min-height:100%;border:0;transform:translate(-50%,-50%)}.hwr-hero-cinematic-host>.hwr-video-controls{position:relative;z-index:3;margin-top:10px;justify-content:flex-start}.hwr-hero-cinematic-host>.hwr-video-controls button{background:#17103d}
.hwr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:clamp(18px,3vw,34px)}.hwr-title{margin:0!important;max-width:34ch;color:#fff!important;font:700 clamp(1.35rem,2.8vw,2.5rem)/1.15 Georgia,serif;letter-spacing:-.025em}.hwr-video-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hwr-video-controls button,.hwr-moods button{min-height:44px;border:1px solid rgb(244 189 69/.55);border-radius:999px;background:rgb(17 12 47/.78);color:#fff;font:700 .76rem/1.2 system-ui,sans-serif;cursor:pointer}.hwr-video-controls button{padding:9px 14px}.hwr button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hwr-body{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);gap:clamp(22px,4vw,58px);align-items:center}.hwr-stage{opacity:0;transform:translateY(25px);text-align:center}.hwr-visible .hwr-stage{animation:hwr-arrive .7s cubic-bezier(.2,.7,.2,1) both}.hwr-pair{display:flex;justify-content:center;align-items:flex-end;min-height:clamp(180px,24vw,310px);padding:14px;border:1px solid rgb(255 255 255/.12);border-radius:36% 36% 18px 18px;background:linear-gradient(155deg,rgb(255 255 255/.12),rgb(255 255 255/.03));box-shadow:inset 0 1px rgb(255 255 255/.12)}
.hwr-face{display:block;width:clamp(125px,17vw,220px);aspect-ratio:1;background-repeat:no-repeat;background-size:500% 300%;border-radius:48% 48% 18% 18%;filter:drop-shadow(0 13px 16px rgb(0 0 0/.42));animation:hwr-breathe 4.8s ease-in-out infinite;transition:opacity .14s ease,filter .3s ease;will-change:transform}.hwr-switching .hwr-face{opacity:0}.hwr-milo{margin-left:clamp(-56px,-4vw,-30px);transform-origin:55% 85%;animation-delay:-1.1s}.hwr-anouk{transform-origin:45% 85%;animation-delay:-2.3s}.hwr-stage:hover .hwr-face{filter:drop-shadow(0 18px 22px rgb(0 0 0/.5));animation-duration:3.4s}.hwr-caption{margin:12px 0 0!important;color:#fff!important;font:700 1rem/1.3 system-ui,sans-serif!important}
.hwr-moods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hwr-moods button{padding:10px 13px;text-align:left}.hwr-moods button span{display:inline-block;min-width:31px;color:var(--hwr-gold)}.hwr-moods button[aria-pressed=true]{border-color:var(--hwr-gold);background:var(--hwr-gold);color:#1b1139}.hwr-moods button[aria-pressed=true] span{color:#1b1139}.hwr-ai{margin:18px 0 0!important;color:rgb(255 255 255/.72)!important;font:500 .72rem/1.5 system-ui,sans-serif!important}
.hwr-interlude{max-width:920px;padding:clamp(18px,3vw,30px);min-height:190px}.hwr-interlude.hwr-alt{background:radial-gradient(circle at 8% 90%,rgb(244 189 69/.17),transparent 32%),linear-gradient(225deg,#110c2f,#26124a 62%,#15103e)}.hwr-interlude .hwr-head{margin-bottom:8px}.hwr-kicker{display:block;margin-bottom:7px;color:var(--hwr-gold);font:800 .68rem/1.2 system-ui,sans-serif;letter-spacing:.14em}.hwr-interlude .hwr-title{font-size:clamp(1.05rem,2vw,1.35rem)}.hwr-interlude .hwr-body{grid-template-columns:minmax(230px,330px) 1fr}.hwr-interlude.hwr-alt .hwr-stage{order:2}.hwr-interlude.hwr-alt .hwr-moods{order:1}.hwr-interlude .hwr-pair{min-height:135px}.hwr-interlude .hwr-face{width:clamp(90px,13vw,140px)}.hwr-interlude .hwr-moods{grid-template-columns:1fr}.hwr-closing .hwr-face{animation-name:hwr-wave}.hwr-closing .hwr-halo{right:auto;left:-90px}
.hwr-reveal-target{opacity:1;transform:none}.hwr-reveal-target.hwr-revealed{animation:hwr-appear .8s ease-out both}.restored-hero-image img{transition:transform .8s ease,filter .8s ease}.restored-hero-image:hover img{transform:rotate(-1deg) translateY(-5px);filter:saturate(1.08)}.hwr-paused .hwr *{animation-play-state:paused!important}
.hwr-paused .hwr-stage,.hwr-paused .hwr-reveal-target{opacity:1!important;transform:none!important;animation:none!important}.hwr-paused .hwr-face{opacity:1!important}.hwr-paused .hwr-hero-visual img{opacity:1!important}
@keyframes hwr-arrive{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}@keyframes hwr-appear{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes hwr-breathe{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes hwr-wave{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-1.7deg)}65%{transform:translateY(-3px) rotate(1.3deg)}}@keyframes hwr-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.hwr{border-radius:20px}.hwr-head{flex-direction:column}.hwr-video-controls{justify-content:flex-start}.hwr-body,.hwr-interlude .hwr-body{grid-template-columns:1fr}.hwr-interlude.hwr-alt .hwr-stage,.hwr-interlude.hwr-alt .hwr-moods{order:initial}.hwr-moods{grid-template-columns:repeat(2,minmax(0,1fr))}.hwr-cinematic iframe{width:210vh;height:118vh;min-width:100vw}.hwr-pair{min-height:190px}.hwr-face{width:clamp(105px,35vw,175px)}}
@media(max-width:420px){.hwr{padding:22px 14px}.hwr-moods{grid-template-columns:1fr}.hwr-pair{min-height:160px}.hwr-face{width:125px}}
/* The album uses a full-screen background; this edition keeps its 16:9 visual in the Law Right grid. */
.hwr-hero-visual .hwr-cinematic{opacity:1}.hwr-hero-visual .hwr-cinematic iframe{width:100%;height:100%;min-width:0;min-height:0}.hwr-hero-visual .hwr-cinematic:after{background:linear-gradient(0deg,#110c2f30,transparent 35%)}
@media(prefers-reduced-motion:reduce){.hwr,.hwr *,.hwr-reveal-target,.restored-hero-image img{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hwr-stage,.hwr-reveal-target{opacity:1;transform:none}.hwr-halo,.hwr-cinematic{display:none}.hwr-reading-progress{display:none}}

/* Keep the original poster visible until the player actually reports playback. */
.hwr-hero-visual .hwr-cinematic iframe{opacity:0;transition:opacity .7s ease}.hwr-hero-visual .hwr-cinematic.hwr-playing iframe{opacity:1}@media(prefers-reduced-motion:reduce){.hwr-hero-visual .hwr-cinematic iframe{transition:none}}
.hwr-secondary{max-width:1100px;margin:clamp(55px,8vw,110px) auto;padding:clamp(24px,4vw,44px);border-radius:28px;background:linear-gradient(145deg,#17103d,#321852);color:#fff;box-shadow:0 26px 70px rgb(12 8 35/.22)}.hwr-secondary h2{margin:0 0 22px;color:#fff;font:700 clamp(1.8rem,4vw,3rem)/1.1 Georgia,serif}.hwr-secondary-visual{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:20px;background:#110c2f}.hwr-secondary-visual>img{width:100%;height:100%;object-fit:cover}.hwr-secondary-visual .hwr-cinematic iframe{width:100%;height:100%;min-width:0;min-height:0;opacity:0}.hwr-secondary-visual .hwr-cinematic.hwr-playing iframe{opacity:1}.hwr-secondary .hwr-video-controls{margin:12px 0}.hwr-secondary>a{display:inline-flex;margin-top:8px;padding:11px 17px;border:1px solid #f4bd45;border-radius:999px;color:#fff;text-decoration:none;font-weight:700}
.hwr-mini-player{position:fixed;z-index:9000;right:16px;bottom:16px;display:grid;grid-template-columns:112px minmax(120px,1fr) auto;gap:8px 12px;align-items:center;width:min(410px,calc(100vw - 32px));padding:10px;border:1px solid rgb(244 189 69/.55);border-radius:18px;background:rgb(17 12 47/.96);color:#fff;box-shadow:0 14px 45px rgb(0 0 0/.38)}.hwr-mini-visual{grid-row:1/3;position:relative;overflow:hidden;width:112px;aspect-ratio:16/9;border-radius:10px;background:#000}.hwr-mini-visual img,.hwr-mini-visual iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.hwr-mini-visual iframe{opacity:0}.hwr-mini-player.hwr-audio-playing .hwr-mini-visual iframe{opacity:1}.hwr-mini-player strong{font:700 .85rem/1.2 system-ui,sans-serif}.hwr-mini-player button{min-height:36px;border:1px solid rgb(244 189 69/.5);border-radius:999px;background:#24154f;color:#fff;font-weight:700;cursor:pointer}.hwr-enter-music{display:block}.hwr-audio-playing .hwr-enter-music{display:none}.hwr-mini-close{grid-column:3;grid-row:1;width:36px;font-size:20px}.hwr-mini-player>button:not(.hwr-mini-close){grid-column:2/4}.hwr-mini-player button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:760px){.hwr-mini-player{right:6px;bottom:6px;grid-template-columns:100px minmax(0,1fr) 28px;grid-template-rows:18px 28px 18px;gap:2px 6px;width:calc(100vw - 12px);max-height:80px;padding:6px;border-radius:12px}.hwr-mini-visual{grid-column:1;grid-row:1/4;width:100px;aspect-ratio:16/9}.hwr-mini-player strong{grid-column:2;grid-row:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem}.hwr-mini-close{grid-column:3;grid-row:1;width:28px;min-height:24px;font-size:17px}.hwr-mini-player>button:not(.hwr-mini-close){grid-column:2/4;grid-row:2;min-height:28px;font-size:.72rem}.hwr-volume{grid-column:2/4;grid-row:3;gap:4px;font-size:.6rem}.hwr-volume input{min-width:0;height:14px}.hwr-secondary{border-radius:18px}}@media(prefers-reduced-motion:reduce){.hwr-secondary .hwr-cinematic{display:none}}
.hwr-volume{grid-column:2/4;display:flex;align-items:center;gap:8px;font:600 .7rem/1 system-ui,sans-serif}.hwr-volume input{width:100%;accent-color:#f4bd45}.hwr-volume input:focus-visible{outline:3px solid #fff;outline-offset:3px}