*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e0d0;color:#30261f;font-family:"DM Sans",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.14;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:multiply}.nav{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;color:#fff;mix-blend-mode:difference}.wordmark{font:600 1.35rem "Playfair Display",serif;color:inherit;text-decoration:none}.navlinks{display:flex;gap:30px}.navlinks a{color:inherit;text-decoration:none;text-transform:uppercase;font-size:.68rem;letter-spacing:.2em}.menu{display:none}.hero{height:92vh;min-height:620px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block;filter:saturate(.88) contrast(.96)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,18,14,.25),transparent 35%,rgba(22,18,14,.42))}.hero-copy{position:absolute;left:6vw;bottom:10vh;color:#fff;max-width:760px}.eyebrow{font-size:.67rem;letter-spacing:.25em;text-transform:uppercase;margin:0 0 16px;font-weight:600}.hero h1{font:600 clamp(3.5rem,8vw,8.5rem)/.86 "Playfair Display",serif;margin:0 0 34px;letter-spacing:-.045em}.hero h1 em,.intro h2 em,.album-text h2 em,.video-section h2 em,.about h2 em,.gallery h2 em{font-weight:500}.hero-note{position:absolute;right:5vw;bottom:5vh;color:#fff;text-transform:uppercase;letter-spacing:.18em;font-size:.58rem;writing-mode:vertical-rl}.pill{display:inline-flex;align-items:center;gap:20px;padding:14px 20px;border-radius:100px;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.63rem;font-weight:600;transition:.25s transform,.25s background}.pill:hover{transform:translateY(-2px)}.pill span{font-size:1rem}.pill.light{background:#f5efe4;color:#30261f}.pill.dark{background:#30261f;color:#f5efe4}.intro{padding:14vw 10vw 9vw;text-align:center}.intro h2{font:500 clamp(2.8rem,6vw,6.2rem)/.95 "Playfair Display",serif;letter-spacing:-.04em;margin:0}.release{display:grid;grid-template-columns:minmax(280px,52vw) 1fr;align-items:center;gap:8vw;padding:0 7vw 12vw}.release-art{aspect-ratio:1/1;overflow:hidden;box-shadow:0 18px 50px rgba(65,45,30,.15)}.release-art img{width:100%;height:100%;object-fit:cover}.release-info h2{font:600 clamp(3rem,6vw,6rem)/.9 "Playfair Display",serif;margin:0 0 25px}.release-copy{font:1rem/1.7 "DM Sans",sans-serif;max-width:400px;color:#66584d;margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{color:#30261f;text-decoration:none;border-bottom:1px solid #8e7d6d;padding-bottom:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.album-feature{margin:0 7vw 13vw;background:#cbb795;display:grid;grid-template-columns:1fr 1fr;min-height:600px;overflow:hidden}.album-feature img{width:100%;height:100%;object-fit:cover}.album-text{padding:8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.album-text h2{font:600 clamp(2.8rem,5vw,5.5rem)/.9 "Playfair Display",serif;margin:0 0 25px;letter-spacing:-.04em}.album-text p:not(.eyebrow){max-width:350px;line-height:1.7;color:#5f5145;margin:0 0 30px}.video-section{padding:0 7vw 13vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{font:600 clamp(2.7rem,5vw,5.2rem)/.95 "Playfair Display",serif;margin:0;letter-spacing:-.04em}.section-note{max-width:240px;color:#77685a;font-size:.8rem;line-height:1.5}.video-card{position:relative;aspect-ratio:16/8.5;overflow:hidden;background:#2b231e}.video-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .7s}.video-card:hover img{transform:scale(1.025)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:0;background:#f4eddf;color:#30261f;font-size:1rem;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.2)}.video-title{position:absolute;bottom:24px;left:28px;color:#fff;font:600 1.3rem "Playfair Display",serif}.video-sub{position:absolute;bottom:27px;right:28px;color:#fff;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.about{padding:0 7vw 13vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about-image{aspect-ratio:1/1;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.about-copy h2{font:600 clamp(3.4rem,6vw,6.5rem)/.86 "Playfair Display",serif;letter-spacing:-.05em;margin:0 0 35px}.about-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:400px;color:#625549}.about-copy .small{font-size:.8rem!important;color:#8a7969!important}.gallery{padding:0 7vw 10vw}.photo-grid{display:grid;grid-template-columns:1.05fr .95fr 1fr;grid-auto-rows:310px;gap:16px}.photo-grid figure{margin:0;overflow:hidden}.photo-grid figure:nth-child(1){grid-row:span 2}.photo-grid figure:nth-child(4){grid-column:2 / 4}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-grid figure:hover img{transform:scale(1.025)}footer{padding:8vw 7vw 4vw;text-align:center}.footer-name{font:600 clamp(3rem,8vw,8rem) "Playfair Display",serif;letter-spacing:-.05em}.footer-line{height:1px;background:#a79888;margin:5vw 0 25px}.footer-line+ p{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:#817366}@media(max-width:760px){.nav{padding:18px 6vw}.navlinks{display:none;position:absolute;top:70px;right:6vw;flex-direction:column;gap:18px;background:#f1e8d9;color:#30261f;padding:22px 25px;box-shadow:0 10px 30px rgba(40,25,15,.15)}.navlinks.open{display:flex}.menu{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:8px}.menu span{display:block;width:24px;height:1px;background:currentColor}.hero{height:84vh;min-height:570px}.hero>img{object-position:55% center}.hero-copy{left:7vw;bottom:9vh}.hero h1{font-size:4rem}.hero-note{display:none}.intro{padding:24vw 8vw 17vw}.release{grid-template-columns:1fr;gap:11vw;padding:0 7vw 20vw}.release-info{padding:0 4vw}.release-info h2{font-size:4rem}.album-feature{margin:0 5vw 20vw;grid-template-columns:1fr}.album-feature img{min-height:100vw;order:-1}.album-text{padding:14vw 10vw}.video-section{padding:0 7vw 20vw}.section-heading{display:block}.section-note{margin-top:20px}.video-card{aspect-ratio:4/5}.video-card img{object-position:55% center}.about{grid-template-columns:1fr;gap:12vw;padding:0 7vw 20vw}.about-copy{padding:0 4vw}.gallery{padding:0 7vw 18vw}.photo-grid{grid-template-columns:1fr 1fr;grid-auto-rows:250px;gap:10px}.photo-grid figure:nth-child(1){grid-row:span 1}.photo-grid figure:nth-child(4){grid-column:1 / 3}.photo-grid figure:nth-child(3){grid-column:2}.photo-grid figure:nth-child(2){grid-column:1}.footer-name{font-size:3.7rem}}

/* Hero image framing: show more of the original photo while keeping the cinematic layout */
.hero-image img, .hero-media img, .hero__image img {
  object-fit: cover;
  object-position: center center;
}
@media (min-width: 900px) {
  .hero-image img, .hero-media img, .hero__image img {
    object-position: center 42%;
  }
}

.button{display:inline-block;padding:11px 18px;margin:4px;border:1px solid currentColor;text-decoration:none;}

/* Streaming links + Listen Now chooser */
.top-streams{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.top-streams a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}
.top-streams a:hover{opacity:.7}
.listen-button{border:0;font-family:inherit;cursor:pointer}
.listen-modal[hidden]{display:none}
.listen-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}
.listen-backdrop{position:absolute;inset:0;background:rgba(34,25,19,.45);backdrop-filter:blur(5px)}
.listen-dialog{position:relative;z-index:1;width:min(420px,100%);background:#f3eadb;color:#30261f;padding:42px 34px 34px;box-shadow:0 25px 80px rgba(0,0,0,.25);text-align:center}
.listen-dialog h2{font:600 3rem/.95 "Playfair Display",serif;margin:0 0 12px}
.listen-dialog>p:not(.eyebrow){color:#6f6155;margin:0 0 25px}
.listen-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#30261f;font-size:1.8rem;line-height:1;cursor:pointer}
.listen-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.listen-option{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 16px;background:#30261f;color:#f5efe4;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}
.listen-option:hover{transform:translateY(-2px)}
.play{font-size:0;display:grid;place-items:center}
.play::before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #30261f;margin-left:4px}
@media(max-width:760px){
  .top-streams{top:72px;left:50%;transform:translateX(-50%);color:#30261f;background:rgba(241,232,217,.9);padding:8px 11px;border-radius:999px;box-shadow:0 5px 18px rgba(40,25,15,.1);z-index:41;font-size:.52rem}
  .top-streams a{border-bottom-color:#8e7d6d}
  .hero{height:auto;min-height:0;aspect-ratio:16/10}
  .hero>img{object-position:center center}
  .hero-copy{left:7vw;bottom:8vw;max-width:86%}
  .hero h1{font-size:clamp(2.8rem,12vw,4.2rem);margin-bottom:20px}
  .hero .pill{padding:12px 16px}
  .video-card{aspect-ratio:16/10}
  .video-card img{object-position:center center}
  .listen-dialog{padding:38px 22px 24px}
  .listen-options{grid-template-columns:1fr}
}


/* Final mobile hero/layout refinement */
.top-streams{
  position:static;
  transform:none;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 auto 3.5rem;
  padding:0;
  background:none;
  box-shadow:none;
  color:#30261f;
  font-size:.58rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.top-streams a{color:inherit;border-bottom:1px solid #8e7d6d;padding-bottom:2px;text-decoration:none}
@media(max-width:760px){
  .intro{padding-top:13vw}
  .top-streams{
    margin-bottom:3.5rem;
    font-size:.54rem;
  }
  .hero{
    aspect-ratio:16/10;
    height:auto;
  }
  .hero-copy{
    left:7vw;
    bottom:5vw;
    max-width:82%;
  }
  .hero h1{
    font-size:clamp(2.35rem,10vw,3.45rem);
    line-height:.9;
    margin-bottom:14px;
  }
  .hero .eyebrow{margin-bottom:8px;font-size:.55rem}
  .hero .pill{padding:10px 14px;font-size:.55rem}
}