/* Amore Music Production v3.0 Prototype 1 — homepage redesign */
:root{
  --v3-gold:#d8b85d;
  --v3-navy:#061727;
  --v3-cream:#f5f0e7;
  --v3-card:#0b2943;
}

/* Header */
.site-header{background:linear-gradient(180deg,rgba(3,15,27,.88),rgba(3,15,27,.56));}
.nav-wrap{min-height:88px;}

/* Hero */
.hero.hero-v3{
  min-height:100svh;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  padding:132px 0 78px;
  color:#fff;
  isolation:isolate;
}
.hero.hero-v3::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:url('../images/backgrounds/mediterranean-hero-desktop.png') center/cover no-repeat;
  transform:scale(1.035);
  animation:hero-v3-drift 18s ease-in-out infinite alternate;
}
.hero.hero-v3::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,16,29,.94) 0%,rgba(3,16,29,.79) 42%,rgba(3,16,29,.34) 70%,rgba(3,16,29,.48) 100%),
    linear-gradient(0deg,rgba(3,16,29,.88) 0%,transparent 35%);
}
.hero-v3 .hero-overlay{display:none;}
.hero-v3-layout{
  width:var(--container);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);
  gap:clamp(46px,7vw,100px);
  align-items:center;
  position:relative;
  z-index:2;
}
.hero-v3-copy{max-width:760px;text-align:left;}
.hero-v3-copy .eyebrow{margin-bottom:15px;color:#ead78c;}
.hero-v3 h1{
  margin:0;
  max-width:100%;
  font-size:clamp(3.25rem,7.1vw,7.15rem);
  line-height:.92;
  letter-spacing:.02em;
  text-wrap:balance;
}
.hero-v3-subtitle{
  margin:14px 0 0;
  color:#f2df9c;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.6rem,2.5vw,2.55rem);
  font-style:italic;
}
.hero-v3-tagline{
  margin:28px 0 12px;
  max-width:700px;
  color:#fff;
  font-family:"Cinzel",serif;
  font-size:clamp(1.1rem,1.75vw,1.55rem);
  line-height:1.45;
  letter-spacing:.045em;
}
.hero-v3-description{
  max-width:670px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:clamp(.98rem,1.3vw,1.12rem);
}
.language-signature{
  max-width:700px;
  margin:27px 0 28px;
  padding:20px 0 18px;
  border-top:1px solid rgba(216,184,93,.48);
  border-bottom:1px solid rgba(216,184,93,.48);
}
.language-signature-label{
  display:block;
  margin-bottom:8px;
  color:#e8d889;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.language-flags{display:flex;flex-wrap:wrap;gap:11px;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1;}
.language-summary{margin:9px 0 0;color:rgba(255,255,255,.76);font-size:.82rem;}
.language-extras{margin:10px 0 0;color:rgba(255,255,255,.9);font-size:.8rem;line-height:1.65;}
.hero-v3 .hero-actions{justify-content:flex-start;margin-top:0;}
.hero-v3 .button{min-width:160px;}
.hero-v3-cover{margin:0;position:relative;justify-self:end;width:min(100%,500px);}
.hero-v3-cover::before{
  content:"Official debut album";
  position:absolute;
  top:-18px;
  right:-18px;
  z-index:2;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(3,16,29,.73);
  color:#f2df9c;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.hero-v3-cover img{
  width:100%;
  display:block;
  border-radius:24px;
  box-shadow:0 35px 95px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.16);
  animation:cover-float 6.5s ease-in-out infinite;
}
.hero-v3 .scroll-indicator{bottom:18px;}

/* Intro */
.album-intro-v3{background:var(--v3-cream);overflow:hidden;}
.album-intro-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center;}
.album-intro-art{position:relative;min-height:510px;}
.album-intro-art .intro-scene{width:88%;height:100%;min-height:470px;object-fit:cover;border-radius:26px;box-shadow:var(--shadow);}
.album-intro-art .intro-cover{position:absolute;right:0;bottom:-22px;width:42%;max-width:255px;padding:10px;background:rgba(255,255,255,.9);border-radius:20px;box-shadow:0 24px 70px rgba(5,18,31,.25);}
.album-intro-art .intro-cover img{width:100%;border-radius:13px;display:block;}
.album-intro-copy h2{max-width:700px;}
.album-intro-copy .lead{font-family:"Cormorant Garamond",serif;font-size:clamp(1.45rem,2.2vw,2rem);color:var(--terracotta);line-height:1.35;}
.album-intro-copy p{max-width:680px;}

/* Why section */
.why-v3{background:#fff;}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:38px;}
.why-card{padding:30px 26px;border:1px solid rgba(7,27,47,.1);border-radius:22px;background:linear-gradient(180deg,#fff,#f9f5ee);box-shadow:0 12px 36px rgba(7,27,47,.06);}
.why-card-number{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:50%;background:rgba(216,184,93,.17);color:#8c6b16;font-family:"Cinzel",serif;font-weight:600;}
.why-card h3{margin-bottom:10px;font-size:1.15rem;}
.why-card p{margin:0;color:var(--muted);font-size:.93rem;}

/* Editions */
#editions .section-heading{max-width:850px;}
.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.track-card{position:relative;min-height:240px;padding:30px 28px;display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));overflow:hidden;}
.track-card::after{content:"";position:absolute;inset:auto -45px -55px auto;width:150px;height:150px;border-radius:50%;background:rgba(216,184,93,.07);}
.track-card span{font-size:2.25rem;}
.track-card h3{margin:22px 0 7px;font-size:clamp(1.08rem,1.45vw,1.35rem);}
.track-card .edition-name{margin:0;color:#e4cd72;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
.track-card .edition-description{margin:16px 0 0;color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.65;}

/* Footer enhancement */
.site-footer{padding:70px 0 36px;}
.footer-grid{grid-template-columns:1.35fr .8fr .8fr;}

@keyframes hero-v3-drift{from{transform:scale(1.035) translate3d(-.25%,0,0)}to{transform:scale(1.08) translate3d(.35%,.2%,0)}}
@keyframes cover-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:1080px){
  .hero-v3-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:45px;}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .track-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .hero.hero-v3{min-height:auto;padding:128px 0 90px;}
  .hero.hero-v3::before{background-image:url('../images/backgrounds/mediterranean-hero-mobile.png');background-position:center;}
  .hero.hero-v3::after{background:linear-gradient(180deg,rgba(3,16,29,.88),rgba(3,16,29,.66) 45%,rgba(3,16,29,.92));}
  .hero-v3-layout{grid-template-columns:1fr;gap:48px;}
  .hero-v3-copy{text-align:center;margin-inline:auto;}
  .hero-v3 h1{font-size:clamp(2.8rem,12.5vw,5.2rem);}
  .language-flags,.hero-v3 .hero-actions{justify-content:center;}
  .hero-v3-cover{justify-self:center;width:min(82vw,460px);}
  .album-intro-grid{grid-template-columns:1fr;gap:64px;}
  .album-intro-art{min-height:440px;}
  .album-intro-art .intro-scene{min-height:420px;}
}
@media(max-width:620px){
  .hero.hero-v3{padding-top:118px;}
  .hero-v3-tagline{font-size:1rem;}
  .language-signature{margin-top:22px;}
  .language-extras{font-size:.76rem;}
  .hero-v3 .button{width:100%;}
  .hero-v3-cover::before{right:6px;top:-16px;}
  .album-intro-art{min-height:355px;}
  .album-intro-art .intro-scene{width:94%;min-height:340px;}
  .album-intro-art .intro-cover{width:42%;right:0;bottom:-24px;}
  .why-grid,.track-grid{grid-template-columns:1fr;}
  .track-card{min-height:auto;}
  .footer-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){.hero.hero-v3::before,.hero-v3-cover img{animation:none;}}