:root{--navy:#0d1d28;--deep:#09141c;--cream:#f7f2e9;--paper:#fffcf7;--gold:#d3ab72;--text:#263441;--muted:#68717a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:10px;z-index:50;background:white;color:#111;padding:12px}.skip-link:focus{left:10px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;z-index:2;height:70px;padding-inline:max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#f8f4ec;border-bottom:1px solid #ded8cc}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.brand-mark{width:34px;height:34px;display:block;border-radius:4px;overflow:hidden;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:cover}.site-header nav{display:flex;gap:29px}.site-header nav a{text-transform:uppercase;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.13em}.site-header nav a:hover,.footer-inner>a:last-child:hover{color:#a3764e}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 51%,#2c4351 0%,#122733 38%,var(--deep) 85%);color:var(--cream);min-height:calc(100svh - 70px)}.hero:before{content:'';position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:radial-gradient(#e1c9a5 .7px,transparent .8px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent 36%,#000 100%);z-index:-1}.hero-light{position:absolute;width:600px;height:600px;right:6%;top:7%;border-radius:50%;background:radial-gradient(circle,rgba(228,183,122,.17),transparent 68%);filter:blur(17px);animation:glow 9s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.hero-inner{min-height:calc(100svh - 120px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.8fr);align-items:center;gap:clamp(32px,5vw,84px);padding-block:65px 48px}.hero-copy{position:relative;z-index:1;animation:rise .9s ease-out both}.eyebrow,.section-label,.article-meta,.award-overline{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#dfc39f}.eyebrow-line{width:36px;height:1px;background:var(--gold);flex:none}.eyebrow-date{color:#b6b9b7}.hero h1{font:normal clamp(62px,6.5vw,100px)/1.01 'DM Serif Display',Georgia,serif;letter-spacing:-.055em;margin:30px 0 25px;max-width:760px}.hero h1 em{color:#d5b28a;font-weight:normal}.hero-deck{font-size:clamp(17px,1.6vw,21px);line-height:1.64;max-width:600px;color:#e0e6e5;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;min-height:54px;padding:15px 21px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:5px;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0003}.button-cream{background:var(--cream);color:var(--deep)}.text-link{font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #c69e74;padding-bottom:5px}.hero-portrait{margin:0;padding:10px 10px 0;border:1px solid #a8987b85;background:#ffffff0b;box-shadow:0 26px 75px #0006;transform:rotate(1deg);animation:portrait .9s .12s ease-out both}.hero-portrait img{display:block;width:100%;height:min(58vw,570px);max-height:570px;object-fit:cover;object-position:center 35%;filter:saturate(.83)}.hero-portrait figcaption{display:flex;justify-content:space-between;gap:15px;padding:13px 4px;font-size:9px;font-weight:700;letter-spacing:.16em}.hero-portrait figcaption span{color:#c4a98d;font-size:8px}.hero-bottom{height:50px;display:flex;align-items:center;justify-content:center;gap:22px;color:#b8c1c2;border-top:1px solid #ffffff2b;font-size:9px;font-weight:700;letter-spacing:.19em}.hero-rule{height:1px;width:60px;background:#ad8863}.awards{background:#e9e1d4;padding:52px 0}.awards-inner{display:grid;grid-template-columns:150px 1fr 1fr;align-items:center;gap:22px}.section-label{color:#916d4f;margin:0}.award-card{display:flex;align-items:center;gap:22px;padding:20px 27px;background:#fffcf7;border:1px solid #dacbb8;min-height:115px;box-shadow:0 13px 30px #4f403d0b}.award-number{font:italic 32px 'DM Serif Display',Georgia,serif;color:#b08b63}.award-overline{font-size:8px;color:#9b826b}.award-card h2{font:normal clamp(22px,2vw,31px)/1.15 'DM Serif Display',Georgia,serif;margin:8px 0 0}.article-section{padding:110px 0 125px}.article-grid{display:grid;grid-template-columns:220px minmax(0,730px);justify-content:space-between;gap:60px}.article-aside{padding-top:10px}.aside-line{display:block;background:#b69a78;width:70px;height:1px;margin:19px 0 25px}.article-aside p{font:italic 23px/1.42 'DM Serif Display',Georgia,serif;color:#6c6660;margin:0 0 26px}.article-aside a{font-size:12px;font-weight:700;color:#8c6b4e;text-decoration:none;border-bottom:1px solid #c3a683;padding-bottom:4px}.article-meta{margin:0;color:#99775a}.article-meta span{padding:0 7px}.article-body h2{font:normal clamp(43px,4.2vw,68px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:22px 0 34px;color:#1a2e38}.article-body h2 em{color:#a67d56}.article-body p:not(.article-meta){font-size:17px;line-height:1.85;color:#495157;margin:0 0 24px}.article-body p.lead{font-size:21px;line-height:1.66;color:#273946}.article-body a{color:#825a38;text-decoration-color:#aa8668;text-underline-offset:4px}.article-end{margin-top:45px;border-top:1px solid #dbd6cb;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:700;letter-spacing:.18em;color:#9b8370}.song-section{background:#e9e2d8;padding:90px 0}.song-inner{display:grid;grid-template-columns:minmax(250px,420px) 1fr;align-items:center;gap:clamp(40px,7vw,100px)}.song-inner>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:9px solid #fffaf2;box-shadow:0 24px 55px #25344036;transform:rotate(-1deg)}.song-copy h2{font:normal clamp(45px,4.4vw,70px)/1.07 'DM Serif Display',Georgia,serif;margin:20px 0 23px;color:#20333e}.song-copy h2 em{color:#997454}.song-copy>p:not(.section-label){font-size:17px;line-height:1.7;color:#4b5559;max-width:460px}.song-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:28px}.button-dark{background:#132b37;color:#fff}.plain-link{text-decoration:none;border-bottom:1px solid #9c7958;font-size:12px;font-weight:700;padding-bottom:4px}.site-footer{background:#0d1b23;color:#efe5d6}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>span,.footer-inner>a:last-child{font-size:10px;letter-spacing:.1em;text-decoration:none;color:#d5cbc0}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait{from{opacity:0;transform:translateY(30px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}@keyframes glow{from{transform:translate(-20px,-15px);opacity:.6}to{transform:translate(20px,15px);opacity:1}}@media(max-width:900px){.awards-inner{grid-template-columns:1fr 1fr}.awards-inner .section-label{grid-column:1/-1}.hero h1{font-size:clamp(58px,7vw,75px)}.article-grid{grid-template-columns:170px 1fr;gap:38px}}@media(max-width:700px){.wrap{width:min(100% - 38px,520px)}.site-header{height:62px;padding-inline:19px}.brand{font-size:10px;letter-spacing:.11em}.brand-mark{width:30px;height:30px}.site-header nav a:first-child{display:none}.site-header nav a{font-size:9px}.hero{min-height:auto}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:29px;min-height:0;padding-block:52px 38px}.eyebrow{font-size:8px;flex-wrap:wrap;gap:8px}.eyebrow-line{width:20px}.hero h1{font-size:clamp(52px,12.7vw,72px);margin:25px 0 19px}.hero-deck{font-size:16px;line-height:1.6}.hero-actions{margin-top:28px;gap:21px}.hero-portrait{width:min(100% - 18px,370px);align-self:center}.hero-portrait img{height:auto;aspect-ratio:1.35;object-position:center 27%}.hero-bottom{height:43px;font-size:7px;gap:9px}.hero-rule{width:25px}.awards{padding:42px 0}.awards-inner{display:flex;flex-direction:column;align-items:stretch;gap:12px}.awards-inner .section-label{margin-bottom:4px}.award-card{min-height:92px;padding:17px 21px}.award-card h2{font-size:25px}.article-section{padding:68px 0 80px}.article-grid{display:block}.article-aside{display:none}.article-body h2{font-size:45px;margin:19px 0 27px}.article-body p:not(.article-meta){font-size:16px;line-height:1.75}.article-body p.lead{font-size:19px}.article-end{font-size:8px}.song-section{padding:65px 0}.song-inner{display:flex;flex-direction:column;align-items:stretch;gap:35px}.song-inner>img{width:min(100% - 18px,320px);align-self:center}.song-copy h2{font-size:45px}.song-copy>p:not(.section-label){font-size:16px}.footer-inner{padding-block:25px;flex-wrap:wrap;min-height:0}.footer-inner>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:700px){.hero{height:calc(100svh - 62px);min-height:640px}.hero-inner{height:calc(100svh - 105px);min-height:595px;display:block;padding-block:44px 25px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(48px,11.8vw,67px);max-width:490px}.hero-deck{font-size:15px;max-width:335px}.hero-actions{gap:15px;margin-top:24px}.hero-portrait{position:absolute;z-index:1;right:-7%;bottom:43px;width:64%;height:48%;margin:0;padding:0;border:0;background:none;box-shadow:none;opacity:.32;transform:none;mask-image:linear-gradient(0deg,#000 40%,transparent 100%);pointer-events:none}.hero-portrait img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}.hero-portrait figcaption{display:none}.hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:3}}
@media(max-width:380px){.hero h1{font-size:46px}.hero-deck{font-size:14px;max-width:300px}.hero-actions{margin-top:18px}.button{min-height:48px;padding:12px 16px}}

/* Artist-news hero: restrained light, motion, and fluid sizing. */
.hero{
  display:flex;
  flex-direction:column;
  min-height:calc(100svh - 70px);
}
.hero::before{
  background-size:12px 12px;
  opacity:.21;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(245,210,166,.045) 52%,transparent 72%);
  background-size:200% 100%;
  animation:hero-sheen 12s ease-in-out infinite alternate;
}
.hero-light{
  width:min(64vw,760px);
  height:min(64vw,760px);
  right:-6%;
  top:5%;
  background:radial-gradient(circle,rgba(224,176,110,.21),rgba(224,176,110,.07) 38%,transparent 68%);
  filter:blur(15px);
}
.hero-aura{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}
.aura-ring{
  position:absolute;
  left:77%;
  top:48%;
  width:min(55vw,690px);
  aspect-ratio:1;
  border:1px solid rgba(224,186,133,.18);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-17deg) scaleX(.76);
  animation:orbit-breathe 9s ease-in-out infinite alternate;
}
.aura-ring-two{
  width:min(44vw,550px);
  border-color:rgba(224,186,133,.11);
  animation-delay:-4s;
  animation-duration:11s;
}
.aura-star{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f6deb4;
  box-shadow:0 0 0 3px rgba(246,222,180,.09),0 0 20px 5px rgba(246,222,180,.45);
  animation:star-twinkle 5s ease-in-out infinite;
}
.aura-star-one{top:17%;left:64%}
.aura-star-two{top:29%;right:6%;animation-delay:-1.6s}
.aura-star-three{bottom:17%;left:57%;animation-delay:-3.3s}
.hero-inner{
  flex:1;
  min-height:0;
  padding-block:clamp(36px,5.5svh,70px);
  position:relative;
  z-index:1;
}
.hero h1{font-size:clamp(58px,min(6.2vw,10.8svh),100px)}
.hero-copy{animation:none}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-deck,.hero-copy .hero-actions{
  animation:hero-rise .75s cubic-bezier(.2,.75,.2,1) both;
}
.hero-copy h1{animation-delay:.13s}
.hero-copy .hero-deck{animation-delay:.27s}
.hero-copy .hero-actions{animation-delay:.39s}
.hero-portrait{
  position:relative;
  z-index:1;
  overflow:hidden;
  animation:portrait-reveal 1s .18s cubic-bezier(.18,.7,.2,1) both;
}
.hero-portrait::after{
  content:"";
  position:absolute;
  inset:-25%;
  pointer-events:none;
  transform:translateX(-180%) rotate(22deg);
  background:linear-gradient(90deg,transparent 43%,rgba(255,236,202,.12) 50%,transparent 57%);
  animation:portrait-gleam 1.5s 1.2s ease-out both;
}
.hero-portrait img{height:min(60svh,540px)}
.hero-bottom{position:relative;z-index:1;flex:none}
@keyframes hero-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes portrait-reveal{from{opacity:0;transform:translateY(24px) rotate(0deg) scale(.98)}to{opacity:1;transform:translateY(0) rotate(1deg) scale(1)}}
@keyframes portrait-gleam{from{transform:translateX(-180%) rotate(22deg)}to{transform:translateX(180%) rotate(22deg)}}
@keyframes hero-sheen{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes orbit-breathe{from{opacity:.45;transform:translate(-50%,-50%) rotate(-17deg) scaleX(.76) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) rotate(-17deg) scaleX(.76) scale(1.04)}}
@keyframes star-twinkle{0%,100%{opacity:.28;transform:scale(.75)}50%{opacity:1;transform:scale(1.18)}}

@media(max-width:900px) and (min-width:701px){
  .hero-inner{gap:28px;grid-template-columns:minmax(0,1.08fr) minmax(240px,.8fr)}
  .hero h1{font-size:clamp(52px,min(7vw,10svh),76px)}
  .hero-portrait img{height:min(57svh,475px)}
}
@media(max-height:650px) and (min-width:701px){
  .hero-inner{padding-block:28px}
  .hero h1{font-size:clamp(50px,8svh,68px);margin-block:20px 17px}
  .hero-actions{margin-top:23px}
  .hero-portrait img{height:min(54svh,420px)}
}
@media(max-width:700px){
  .hero{height:auto;min-height:calc(100svh - 62px)}
  .hero::after{opacity:.7}
  .hero-inner{
    display:block;
    height:auto;
    min-height:calc(100svh - 105px);
    padding-block:clamp(28px,5svh,45px) clamp(108px,18svh,160px);
  }
  .hero h1{font-size:clamp(44px,11.8vw,66px);line-height:1.02;margin-block:23px 19px}
  .hero-deck{font-size:clamp(14px,3.7vw,16px);line-height:1.57;max-width:36ch}
  .hero-actions{margin-top:25px;gap:16px;align-items:flex-start}
  .hero-portrait{
    position:absolute;
    right:-4%;
    bottom:43px;
    width:min(64%,360px);
    height:min(50%,430px);
    opacity:.36;
    transform:none;
    border:0;
    padding:0;
    box-shadow:none;
    background:none;
    animation:none;
    mask-image:linear-gradient(0deg,#000 48%,transparent 100%);
  }
  .hero-portrait::after{display:none}
  .hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}
  .hero-bottom{position:relative;bottom:auto;left:auto;transform:none;width:min(100% - 38px,520px);height:43px;margin-top:auto}
  .hero-light{width:500px;height:500px;right:-55%;top:27%}
  .aura-ring{left:90%;top:69%;width:460px}
  .aura-ring-two{width:350px}
  .aura-star-one{top:13%;left:84%}
  .aura-star-two{top:56%;right:11%}
  .aura-star-three{bottom:12%;left:27%}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(42px,11.7vw,46px)}
  .hero-inner{padding-bottom:100px}
  .hero-bottom{font-size:6.5px;letter-spacing:.13em}
}
@media(prefers-reduced-motion:reduce){
  .hero::after,.hero-light,.aura-ring,.aura-star,.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-deck,.hero-copy .hero-actions,.hero-portrait,.hero-portrait::after{animation:none!important}
}
