:root{--night:#170b0e;--night2:#270f16;--burgundy:#7d1827;--red:#af3445;--paper:#f4f0ec;--paper2:#e7e0db;--ink:#21181b;--white:#fbf8f5;--line-dark:rgba(255,245,237,.17);--line-light:rgba(53,25,30,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;background:var(--night);color:var(--white);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}::selection{background:#a33040;color:#fff}:focus-visible{outline:3px solid #e8a5a6;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:12px;z-index:99;padding:12px 16px;background:white;color:#170b0e}.skip-link:focus{top:12px}.wrap{width:min(100% - 84px,1440px);margin-inline:auto}p{margin-top:0}cite{font-style:italic}
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--night)}main,.footer{position:relative;z-index:1}.ambient-photo,.ambient-light,.ambient-grain{position:absolute;inset:0}.ambient-photo{background:url('./assets/hark-the-herald-cover.jpg') center 36%/cover no-repeat;filter:blur(48px) grayscale(1) brightness(.24);transform:scale(1.24);animation:ambient-breathe 16s ease-in-out infinite alternate}.ambient-light{background:radial-gradient(ellipse 68% 63% at 83% 12%,rgba(138,30,48,.35),transparent 70%),radial-gradient(ellipse 46% 45% at 5% 75%,rgba(121,39,49,.22),transparent 75%);animation:light-shift 11s ease-in-out infinite alternate}.ambient-grain{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.site-header{display:flex;align-items:center;gap:24px;min-height:92px;border-bottom:1px solid var(--line-dark);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:10px;font-weight:800;line-height:1.12;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.75);font-size:15px;letter-spacing:-.09em;padding-right:2px}.header-label{margin-left:12px;color:#d1bdbe;font-size:10px;font-weight:700;letter-spacing:.2em}.header-link{margin-left:auto;color:#f7e8e7;font-size:11px;font-weight:700;text-underline-offset:5px;text-decoration-color:rgba(247,232,231,.45)}.header-link span{color:#da9b9e;margin-left:6px}
.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.83fr);align-items:center;gap:clamp(50px,7vw,120px);padding-block:70px 80px;position:relative}.hero-copy{position:relative;z-index:1;animation:rise-in .85s both}.eyebrow,.kicker{color:#e3a9ab;font-size:11px;font-weight:800;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:30px}.eyebrow span{display:block;width:35px;height:1px;background:#d47b86}.hero h1{max-width:710px;margin:0;color:#fff7f3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(66px,6.3vw,112px);font-weight:400;letter-spacing:-.07em;line-height:.96;text-wrap:balance}.hero h1 span{display:block;color:#ddb4b2;font-size:.78em;line-height:1.09}.hero-lead{max-width:590px;margin:30px 0 23px;color:#eadfdd;font-size:clamp(17px,1.6vw,21px);line-height:1.58}.date-line{display:flex;align-items:center;gap:11px;margin:0 0 30px;color:#cfb5b5;font-size:10px;font-weight:700;letter-spacing:.11em;line-height:1.7}.date-line strong{color:#fff;white-space:nowrap}.date-pulse{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#e5a3aa;box-shadow:0 0 0 6px rgba(229,163,170,.11);animation:pulse 2.6s ease-in-out infinite}.download-button{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;width:min(100%,540px);min-height:94px;padding:17px 22px;text-decoration:none;color:#fff;background:linear-gradient(107deg,#671b27,#9c2a3c 50%,#702132);border:1px solid #db8991;border-radius:4px;box-shadow:0 20px 56px rgba(9,2,4,.3),0 0 42px rgba(142,31,49,.19);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.download-button:before{content:"";position:absolute;inset:-20% auto -20% -36%;width:31%;background:linear-gradient(95deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-17deg);animation:button-shine 5.5s ease-in-out infinite;z-index:-1}.download-button:hover{transform:translateY(-3px);box-shadow:0 26px 65px rgba(9,2,4,.38),0 0 48px rgba(164,45,64,.26)}.button-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:25px;font-weight:400}.download-button>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.download-button small{font-size:9px;font-weight:800;letter-spacing:.18em;color:#f1bfc1}.download-button strong{font-size:22px;line-height:1.2}.download-button em{font-size:11px;font-style:normal;color:#ecd7d5}.button-arrow{margin-left:auto;align-self:center;font-size:23px;color:#f7d6d5}.download-help{max-width:520px;margin:11px 0 0;color:#c5b4b3;font-size:11px;line-height:1.6}.hero-links{display:flex;gap:27px;flex-wrap:wrap;margin-top:25px}.hero-links a{font-size:11px;font-weight:700;color:#eee5e0;text-underline-offset:5px;text-decoration-color:#97787b}.hero-links span{color:#df9fa5}.hero-art{position:relative;min-width:0;margin:0;animation:art-in 1.1s .15s both}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:9px solid rgba(245,236,231,.08);outline:1px solid rgba(241,217,211,.42);box-shadow:0 38px 90px rgba(0,0,0,.47),0 0 80px rgba(145,37,54,.17);transform:rotate(1deg);transition:transform .4s ease}.hero-art:hover img{transform:rotate(0) scale(1.012)}.art-halo{position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle,rgba(169,44,63,.23),transparent 64%);filter:blur(22px);z-index:-1;animation:halo 9s ease-in-out infinite alternate}.hero-art figcaption{margin-top:22px;color:#c8a8a8;font-size:10px;font-weight:800;letter-spacing:.15em;text-align:right}.hero-art figcaption span{padding-inline:7px;color:#8e6c70}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line-dark);margin-bottom:0}.facts div{display:flex;flex-direction:column;gap:7px;padding:22px 25px}.facts div+div{border-left:1px solid var(--line-dark)}.facts span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#d7a0a4}.facts strong{font-size:14px;line-height:1.4}
.section{padding-block:clamp(85px,9vw,145px)}.section-label{display:flex;align-items:center;gap:23px;margin-bottom:54px;font-size:10px;font-weight:800;letter-spacing:.18em}.section-label i{display:block;flex:1;height:1px;background:currentColor;opacity:.21}.section h2,.closing h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.2vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin:15px 0 23px;text-wrap:balance}.section-deck{max-width:490px;font-size:17px;line-height:1.65}.press{color:var(--ink)}.press:before,.story:before,.lyrics:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper)}.press,.story,.lyrics{position:relative;isolation:isolate}.press:before,.story:before,.lyrics:before{left:calc((100vw - min(100vw - 84px,1440px))/-2);right:calc((100vw - min(100vw - 84px,1440px))/-2)}.press .section-label,.story .section-label,.lyrics .section-label{color:#843444}.press .kicker,.story .kicker,.lyrics .kicker{color:#8b2b3a}.press-layout,.split-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(50px,9vw,160px)}.article-copy{font-size:16px;line-height:1.82}.article-copy p{margin-bottom:23px}.article-copy .lead{font-size:clamp(21px,2.2vw,30px);line-height:1.45;letter-spacing:-.025em}.dateline{font-size:10px;font-weight:800;letter-spacing:.16em;color:#833344;margin-bottom:24px!important}.article-copy blockquote{margin:40px 0;padding:24px 28px;border-left:3px solid #9c3344;background:rgba(130,42,58,.07);font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.2vw,31px);line-height:1.4}.article-copy blockquote cite{display:block;margin-top:12px;font-family:"DM Sans",Arial,sans-serif;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.05em;color:#8e4955}
.details{color:#f9f1ed}.details .section-label,.artist .section-label{color:#d8a3a5}.details .section-deck,.artist p:not(.kicker){color:#decfca}.metadata{margin:0;border-top:1px solid var(--line-dark)}.metadata div{display:grid;grid-template-columns:minmax(135px,.45fr) minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line-dark)}.metadata dt{color:#d9a7a6;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.metadata dd{margin:0;font-size:14px;line-height:1.55;font-weight:600}
.story{color:var(--ink)}.story:before{background:var(--paper2)}.story .section-deck{color:#563c42}.scripture{display:flex;flex-direction:column;gap:6px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line-light)}.scripture span{color:#8b2b3a;font-size:10px;font-weight:800;letter-spacing:.15em}.scripture p{font-size:13px;font-weight:700;margin:0}.artist-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(50px,8vw,130px)}.artist-photo{margin:0}.artist-photo img{display:block;width:100%;aspect-ratio:1.27;object-fit:cover;object-position:center;border:1px solid rgba(246,235,228,.3);box-shadow:0 25px 70px rgba(0,0,0,.27)}.artist-photo figcaption{margin-top:12px;color:#bba9a8;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.artist-copy p:not(.kicker){font-size:16px;line-height:1.82}.artist-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.artist-actions a{display:flex;justify-content:space-between;gap:10px;padding:16px;border:1px solid var(--line-dark);text-decoration:none;font-size:11px;font-weight:800;transition:background .2s,border-color .2s}.artist-actions a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.42)}.artist-actions span{color:#dea4a6}
.lyrics:before{background:var(--paper)}.lyrics{color:var(--ink)}.lyrics-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.lyrics-heading h2{max-width:700px}.lyrics-heading>p{margin-bottom:26px;font-size:11px;line-height:1.6;text-align:right;color:#684e53}.lyrics-details{border-block:1px solid var(--line-light)}.lyrics-details summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:25px 5px;cursor:pointer;list-style:none;font-size:17px;font-weight:700}.lyrics-details summary::-webkit-details-marker{display:none}.lyrics-details summary span{font-size:28px;color:#97394a;transition:transform .25s}.lyrics-details[open] summary span{transform:rotate(45deg)}.lyric-columns{columns:2;column-gap:clamp(45px,7vw,110px);padding:10px 5px 30px}.lyric-columns p{break-inside:avoid;margin:0 0 28px;font-size:14px;line-height:1.76}.lyric-columns strong{color:#8b2b3a;font-size:10px;letter-spacing:.16em}
.closing{position:relative;isolation:isolate;overflow:hidden;margin-block:75px;padding:clamp(45px,6vw,85px);border:1px solid rgba(233,169,172,.4);background:linear-gradient(120deg,#34121b,#190c10 75%);box-shadow:0 28px 80px rgba(0,0,0,.27)}.closing-glow{position:absolute;z-index:-1;inset:-50% -20% auto 35%;height:170%;background:radial-gradient(circle,rgba(168,40,61,.3),transparent 68%)}.closing h2{margin:14px 0 20px}.closing>p:not(.kicker){max-width:570px;color:#e4d6d0;font-size:15px;line-height:1.72}.closing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}.download-button.small{width:min(100%,400px);min-height:78px}.download-button.small strong{font-size:18px}.download-button.small .button-icon{height:39px;flex-basis:39px;font-size:22px}.contact-link{font-size:11px;font-weight:800;text-underline-offset:6px;color:#f5d8d7}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 37px;border-top:1px solid var(--line-dark)}.footer-contact{display:flex;align-items:center;gap:13px}.footer-contact img{width:72px;height:72px;object-fit:cover;object-position:center 20%;border:1px solid rgba(255,255,255,.25);border-radius:5px;transform:none}.footer-contact div{display:flex;flex-direction:column;gap:4px}.footer-contact strong{font-size:13px}.footer-contact span,.footer-contact a{color:#c7b6b3;font-size:11px}.footer-contact a{text-underline-offset:4px;overflow-wrap:anywhere}.footer-credit{display:flex;flex-direction:column;gap:6px;text-align:right;color:#a99191;font-size:9px;font-weight:800;letter-spacing:.13em}.footer-credit a{text-decoration:none;color:#f4d7d4}
@keyframes ambient-breathe{from{transform:scale(1.2) translate(-1%,-1%)}to{transform:scale(1.32) translate(2%,1%)}}@keyframes light-shift{from{transform:translateX(-2%);opacity:.75}to{transform:translateX(3%);opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(229,163,170,0)}}@keyframes button-shine{0%,65%{left:-36%}90%,100%{left:130%}}@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes art-in{from{opacity:0;transform:translateY(27px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes halo{to{transform:scale(1.14);opacity:.75}}
@media(max-width:1050px){.wrap{width:min(100% - 56px,1440px)}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:35px}.hero h1{font-size:clamp(57px,6.8vw,80px)}.press:before,.story:before,.lyrics:before{left:-28px;right:-28px}.press-layout,.split-layout{gap:45px}.section h2{font-size:clamp(45px,5.7vw,65px)}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1440px)}.site-header{min-height:70px}.header-label{margin-left:auto;font-size:8px;text-align:right;line-height:1.4}.header-link{display:none}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch;gap:45px;padding-block:50px 58px}.hero h1{font-size:clamp(57px,11.6vw,86px)}.hero-lead{margin-top:24px}.hero-art{width:min(100%,520px);margin-inline:auto}.press:before,.story:before,.lyrics:before{left:-18px;right:-18px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div:nth-child(3){border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--line-dark)}.section{padding-block:78px}.section-label{margin-bottom:34px}.press-layout,.split-layout,.artist-layout{grid-template-columns:1fr;gap:25px}.section h2{font-size:clamp(48px,8vw,70px)}.artist-photo{order:2}.artist-copy{order:1}.lyric-columns{columns:1}.closing{margin-block:40px}.footer{align-items:flex-start;flex-direction:column}.footer-credit{text-align:left}}
@media(max-width:480px){.wrap{width:min(100% - 30px,1440px)}.brand-mark{width:37px;height:37px}.brand{font-size:8px}.header-label{font-size:7px;letter-spacing:.13em}.hero{padding-top:37px;gap:39px}.eyebrow{font-size:9px;letter-spacing:.14em}.hero h1{font-size:clamp(53px,12vw,68px)}.hero-lead{font-size:16px}.date-line{font-size:9px}.date-line strong{white-space:normal}.download-button{min-height:84px;padding:13px 14px;gap:12px}.button-icon{flex-basis:42px;height:42px}.download-button strong{font-size:18px}.download-button em{font-size:10px}.button-arrow{font-size:19px}.hero-links{gap:15px}.hero-art figcaption{font-size:8px}.facts div{padding:18px 12px}.facts strong{font-size:12px}.section h2,.closing h2{font-size:clamp(43px,10.3vw,57px)}.section-deck{font-size:15px}.article-copy{font-size:14px}.article-copy .lead{font-size:21px}.metadata div{grid-template-columns:1fr;gap:5px}.artist-actions{grid-template-columns:1fr}.lyrics-heading{align-items:flex-start;flex-direction:column;gap:0}.lyrics-heading>p{text-align:left}.closing{padding:35px 22px}}
.plaympe-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,540px);margin-top:17px;padding:16px 20px;border:1px solid rgba(239,199,198,.5);border-radius:4px;background:rgba(29,11,18,.72);color:#fff7f3;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.plaympe-link:hover{background:rgba(75,24,38,.85);border-color:#e6a8ad;transform:translateY(-2px)}.plaympe-link>span:first-child{display:flex;flex-direction:column;gap:3px}.plaympe-link small{color:#e3a9ab;font-size:9px;font-weight:800;letter-spacing:.17em}.plaympe-link strong{font-size:17px}.plaympe-link em{color:#ccb9b8;font-size:11px;font-style:normal}.plaympe-link>span:last-child{font-size:22px;color:#e9b1b5}.metadata a{color:#f1bcc0;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-photo,.ambient-light,.date-pulse,.download-button:before,.hero-copy,.hero-art,.art-halo{animation:none!important}.download-button,.plaympe-link,.hero-art img,.artist-actions a,.lyrics-details summary span{transition:none!important}}