/* ===== Fonts ===== */
@font-face{font-family:'Sofia Pro';src:url('assets/fonts/SofiaPro-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('assets/fonts/SofiaPro-LightItalic.otf') format('opentype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('assets/fonts/SofiaPro-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('assets/fonts/SofiaPro-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('assets/fonts/SofiaPro-Semibold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Sofia Pro';src:url('assets/fonts/SofiaPro-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}

/* ===== Base ===== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:'Sofia Pro',sans-serif;color:#1A1714;background:#F4F1EA;min-height:100vh;font-weight:400}
a{color:inherit;text-decoration:none}
input,textarea,button{font-family:inherit}
::selection{background:#C87B5A;color:#fff}
img{max-width:100%}

/* ===== Keyframes ===== */
@keyframes rosterMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mobMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.roster-marquee:hover .roster-track{animation-play-state:paused}

/* ===== Per-artist image zoom (base + hover) ===== */
.zoomImg{transform:scale(var(--z,1));transition:transform .55s ease}
.zoomCard:hover .zoomImg{transform:scale(var(--zh,1.04))}

/* ===== Hover / focus states (were style-hover/style-focus in prototype) ===== */
.btn-hero-dark:hover{background:#C87B5A;transform:translateY(-2px)}
.btn-terra:hover{background:#B56A4A;transform:translateY(-2px)}
.btn-terra-deep:hover{background:#A85E3F;transform:translateY(-2px)}
.btn-out-dark:hover{border-color:#1A1714}
.btn-out-light:hover{border-color:#EDE7DD}
.field:focus{border-color:#C87B5A}

/* ===== Layout / responsive ===== */
.heroGrid{grid-template-columns:1fr 1.42fr}
@media(max-width:860px){.heroGrid{grid-template-columns:1fr}}
.desk-nav{display:flex}
.mob-toggle{display:none}
.mob-menu{display:none}
.mob-menu.open{display:block}
@media(max-width:820px){
  .desk-nav{display:none}
  .mob-toggle{display:inline-flex}
}
@media(max-width:1024px){
  .artSig{max-width:220px !important}
}
@media(max-width:720px){
  .mstack{grid-template-columns:1fr !important}
  .heroSeg{flex-direction:column !important;width:100% !important;max-width:340px}
  .heroSeg button{width:100% !important}
  .imgCollage{display:flex !important;flex-direction:column !important}
  .imgCollage > div{width:100% !important}
  .imgCollage img{height:auto !important}
  .rafRow{height:auto !important;flex-direction:column !important;align-items:center !important}
  .rafRow > div{height:auto !important;width:100% !important;max-width:440px}
  .rafRow img{height:auto !important;width:100% !important;object-fit:contain}
  .artSig{max-width:170px !important}
}