:root{
  --black:#050505;
  --white:#f5f1e8;
  --cream:#e8dfd0;
  --orange:#d65b19;
  --gold:#b38b58;
  --muted:#a8a198;
  --line:rgba(245,241,232,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--black);color:var(--white);
  font-family:"Inter",sans-serif;overflow-x:hidden
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;
  background:#050505;
  border-bottom:1px solid rgba(255,255,255,.18);
}
.nav-logo{
  width:74px;height:74px;display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.nav-logo img{
  width:68px;height:68px;object-fit:contain;
  opacity:1;
}
.desktop-nav{display:flex;gap:30px}
.desktop-nav a{
  color:#f5f1e8;
  text-transform:uppercase;font:700 10px/1 "Space Mono",monospace;
  letter-spacing:.16em;opacity:.82
}
.desktop-nav a:hover{opacity:1}
.menu-toggle{display:none;background:none;border:0;width:38px;padding:0}
.menu-toggle span{display:block;height:1px;background:#fff;margin:8px 0}
.mobile-nav{display:none}
.eyebrow{
  margin:0;text-transform:uppercase;font:700 10px/1.2 "Space Mono",monospace;
  letter-spacing:.2em;color:var(--gold)
}
.eyebrow.dark{color:rgba(0,0,0,.58)}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.62);padding:14px 19px;
  text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.14em;
  transition:.2s
}
.button-filled,.button:hover{background:var(--white);color:var(--black)}
.underline-link{
  display:inline-block;width:max-content;margin-top:24px;padding-bottom:5px;
  border-bottom:1px solid currentColor;text-transform:uppercase;
  font:700 10px/1 "Space Mono",monospace;letter-spacing:.15em
}
.dark-link{color:var(--black)}

.hero{position:relative;min-height:100vh;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-gradient{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.02) 68%),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.08) 70%,rgba(0,0,0,.56))
}
.hero-content{
  position:relative;z-index:3;min-height:100vh;padding:120px 7vw 80px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  max-width:900px
}
.hero-wordmark{width:min(700px,58vw);margin-bottom:18px}
.hero-kicker{
  text-transform:uppercase;font:700 10px/1 "Space Mono",monospace;
  letter-spacing:.2em;color:var(--gold)
}
.hero-tagline{
  margin:18px 0 30px;font-family:"Archivo Black",sans-serif;
  font-size:clamp(34px,4.8vw,76px);line-height:.9;letter-spacing:-.055em
}
.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}

.home-feature{min-height:760px}
.music-preview{
  display:block;
  border-bottom:1px solid var(--line)
}
.feature-copy{
  min-height:700px;
  padding:110px 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  max-width:1200px;
}
.feature-copy h2{
  margin:18px 0 0;font-family:"Archivo Black",sans-serif;
  font-size:clamp(100px,15vw,240px);line-height:.72;letter-spacing:-.07em
}
.feature-status{
  margin:28px 0 20px;font:700 12px/1 "Space Mono",monospace;
  letter-spacing:.2em;color:var(--orange)
}
.feature-copy>p:not(.eyebrow):not(.feature-status){color:var(--muted)}

.merch-preview{background:var(--cream);color:var(--black);display:flex;align-items:center;justify-content:center;text-align:center}
.merch-preview-inner{padding:100px 7vw}
.merch-preview img{width:145px;filter:brightness(0);margin:0 auto 20px}
.merch-preview h2{
  margin:20px 0 0;font-family:"Archivo Black",sans-serif;
  font-size:clamp(95px,15vw,240px);line-height:.76;letter-spacing:-.07em
}

.home-about-link{position:relative;min-height:900px;overflow:hidden}
.home-about-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.home-about-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.15) 70%),linear-gradient(180deg,transparent,rgba(0,0,0,.45))}
.home-about-copy{position:relative;z-index:2;min-height:900px;padding:100px 7vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.home-about-copy h2{
  margin:18px 0 30px;font-family:"Archivo Black",sans-serif;
  font-size:clamp(70px,10vw,165px);line-height:.78;letter-spacing:-.065em
}

.inner-title{padding:150px 7vw 65px;border-bottom:1px solid var(--line)}
.inner-title h1{
  margin:18px 0 0;font-family:"Archivo Black",sans-serif;
  font-size:clamp(80px,13vw,210px);line-height:.78;letter-spacing:-.07em
}
.rari-release{
  padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center
}
.rari-art{
  position:relative;aspect-ratio:1/1;background:#080808;overflow:hidden;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line)
}
.rari-art:before{
  content:"";position:absolute;inset:-20%;
  background:radial-gradient(circle at center,rgba(214,91,25,.38),transparent 36%);
  filter:blur(20px)
}
.rari-art-noise{
  position:absolute;inset:0;opacity:.18;
  background-image:repeating-linear-gradient(125deg,transparent 0 19px,rgba(255,255,255,.09) 20px 21px)
}
.rari-art img{position:absolute;width:45%;opacity:.16}
.rari-art-title{
  position:relative;z-index:2;font-family:"Archivo Black",sans-serif;
  font-size:clamp(90px,14vw,220px);letter-spacing:-.08em
}
.rari-art-meta{
  position:absolute;z-index:2;left:22px;bottom:20px;
  font:700 9px/1 "Space Mono",monospace;letter-spacing:.18em
}
.rari-info h2{
  margin:15px 0 0;font-family:"Archivo Black",sans-serif;
  font-size:clamp(90px,12vw,200px);line-height:.8;letter-spacing:-.07em
}
.coming-text{
  color:var(--orange);font:700 12px/1 "Space Mono",monospace;
  letter-spacing:.2em;margin:25px 0
}
.release-description{max-width:560px;color:var(--muted);line-height:1.8}
.platform-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.platform-links a{
  border:1px solid var(--line);padding:13px 17px;
  text-transform:uppercase;font-size:10px;letter-spacing:.13em
}
.platform-links a:hover{background:var(--white);color:var(--black)}
.admin-note{font-size:10px;color:#666;margin-top:13px}
.music-image-break{position:relative;height:760px;overflow:hidden}
.music-image-break>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(.15)}
.music-image-break>div{
  position:absolute;inset:auto 0 0 0;padding:20px 25px;background:rgba(0,0,0,.7);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font:700 9px/1 "Space Mono",monospace;letter-spacing:.17em
}


/* MUSIC — simplified RARI coming-soon page */
.rari-simple{
  min-height:78vh;
  padding:180px 7vw 100px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border-bottom:1px solid var(--line);
}
.rari-simple h2{
  margin:18px 0 20px;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(110px,19vw,300px);
  line-height:.72;
  letter-spacing:-.08em;
}
.rari-coming{
  margin:0;
  color:var(--orange);
  font:700 13px/1 "Space Mono",monospace;
  letter-spacing:.24em;
}
.music-photo{
  width:100%;
  background:#050505;
}
.music-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.merch-coming{
  min-height:100vh;background:var(--cream);color:var(--black);
  padding:130px 7vw 80px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center
}
.merch-coming>img{width:160px;filter:brightness(0);margin-bottom:18px}
.merch-coming h1{
  margin:20px 0 25px;font-family:"Archivo Black",sans-serif;
  font-size:clamp(105px,17vw,270px);line-height:.72;letter-spacing:-.075em
}
.merch-note{font:700 11px/1 "Space Mono",monospace;letter-spacing:.2em}




/* ABOUT — requested order: PHOTO -> ABOUT */
.about-main{
  padding-top:100px;
}
.about-full-photo{
  width:100%;
  background:#050505;
  border-bottom:1px solid var(--line);
}
.about-full-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.about-content{
  padding:100px 7vw 115px;
  display:grid;
  grid-template-columns:.72fr 1fr 1fr;
  gap:6vw;
  align-items:start;
  border-bottom:1px solid var(--line);
}
.about-heading h1{
  margin:18px 0 0;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(66px,8vw,130px);
  line-height:.78;
  letter-spacing:-.065em;
}
.bio-lead p{
  margin:0;
  font-size:clamp(28px,3.2vw,50px);
  line-height:1.18;
  letter-spacing:-.04em;
}
.bio-body p{
  margin:0 0 25px;
  color:var(--muted);
  line-height:1.9;
}

.contact-main{
  position:relative;min-height:100vh;padding:145px 7vw 80px;
  display:flex;flex-direction:column;justify-content:center;overflow:hidden
}
.contact-main h1{
  margin:18px 0 25px;font-family:"Archivo Black",sans-serif;
  font-size:clamp(110px,18vw,280px);line-height:.72;letter-spacing:-.075em
}
.contact-intro{color:var(--muted);font-size:18px}
.contact-email{
  width:max-content;margin-top:12px;padding-bottom:5px;border-bottom:1px solid var(--white);
  font-size:clamp(22px,3vw,43px)
}
.social-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:48px}
.social-links a{
  text-transform:uppercase;font:700 10px/1 "Space Mono",monospace;
  letter-spacing:.15em;color:var(--muted)
}
.social-links a:hover{color:var(--white)}
.contact-logo-bg{position:absolute;right:-7vw;top:7%;width:min(48vw,680px);opacity:.075}

.site-footer{
  min-height:120px;padding:26px 4vw;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.site-footer>img{width:200px}
.site-footer>div{display:flex;gap:25px;font:400 9px/1 "Space Mono",monospace;color:var(--muted)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .site-header{height:88px;padding:0 20px}
  .nav-logo{width:64px;height:64px}
  .nav-logo img{width:58px;height:58px}
  .desktop-nav{display:none}.menu-toggle{display:block}
  .mobile-nav{
    display:flex;position:fixed;z-index:45;inset:0;background:#050505;
    flex-direction:column;justify-content:center;padding:90px 8vw;
    transform:translateY(-100%);transition:transform .35s ease
  }
  .mobile-nav.open{transform:none}
  .mobile-nav a{
    font-family:"Archivo Black",sans-serif;text-transform:uppercase;
    font-size:clamp(48px,13vw,88px);line-height:1.05
  }
  .hero-wordmark{width:72vw}
  .rari-release{grid-template-columns:1fr}
  .home-feature{min-height:auto}

  .about-main{padding-top:88px}
  .about-content{grid-template-columns:1fr;padding:75px 7vw;gap:45px}
  .about-heading h1{font-size:18vw}
  .site-footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .hero{min-height:88vh}.hero-content{min-height:88vh;padding-top:110px}
  .hero-photo{object-position:62% center}
  .hero-gradient{
    background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1)),
               linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.55))
  }
  .hero-wordmark{width:80vw}
  .hero-tagline{font-size:11vw}
  .feature-copy{padding:80px 7vw}
  .feature-copy h2{font-size:28vw}
  .merch-preview-inner{padding:80px 7vw}.merch-preview h2{font-size:25vw}
  .home-about-link,.home-about-copy{min-height:700px}
  .home-about-copy h2{font-size:20vw}
  .inner-title{padding-top:120px}
  .inner-title h1{font-size:21vw}
  .rari-simple{min-height:68vh;padding:140px 7vw 75px}
  .rari-simple h2{font-size:28vw}
  .rari-release,.bio{padding:75px 7vw}
  .music-image-break{height:600px}
  .contact-main h1{font-size:25vw}
  .contact-email{font-size:5.5vw}
  .site-footer>div{flex-direction:column;gap:7px}
}

.about-content-bio{grid-template-columns:.72fr 1.7fr;gap:8vw}
.bio-full{max-width:850px}
.bio-full p{margin:0 0 28px;color:var(--muted);font-size:clamp(16px,1.3vw,20px);line-height:1.85}
.bio-full .meet-line{color:var(--white);font-family:"Archivo Black",sans-serif;font-size:clamp(34px,4vw,64px);line-height:1;letter-spacing:-.045em;margin:45px 0}
.home-page .hero-wordmark{margin-bottom:28px}
.home-about-copy .button{margin-top:18px}
@media(max-width:900px){.about-content-bio{grid-template-columns:1fr;gap:45px}}

@media(max-width:700px){
  .home-about-link>img{object-position:center 15%}
}


/* V17 CLIENT ASSET UPDATE */

/* Homepage hero: new banner, no Music/About buttons over the image. */
.home-page .hero{
  min-height:0;
  margin-top:100px;
  background:#050505;
}
.home-page .hero-photo{
  position:relative;
  inset:auto;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.home-page .hero-gradient{
  background:linear-gradient(90deg,rgba(0,0,0,.30),transparent 48%);
}
.home-page .hero-content{
  position:absolute;
  inset:0;
  min-height:0;
  padding:7vw;
  justify-content:center;
  pointer-events:none;
}
.home-page .hero-wordmark{
  width:min(620px,42vw);
  margin:0;
}

/* Homepage RARIII feature with intentionally modest promo artwork. */
.music-preview-art{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);
  align-items:center;
  gap:5vw;
  padding-right:7vw;
}
.music-preview-art .feature-copy{
  max-width:none;
}
.home-rari-art{
  justify-self:end;
  width:min(390px,31vw);
}
.home-rari-art img{
  width:100%;
  height:auto;
  border:1px solid var(--line);
}
.home-rari-art span{
  display:block;
  margin-top:10px;
  color:#666;
  font:700 8px/1 "Space Mono",monospace;
  letter-spacing:.15em;
  text-align:right;
}

/* Show the entire homepage fire image instead of cropping it. */
.home-about-link{
  min-height:0;
  overflow:hidden;
}
.home-about-link>img{
  position:relative;
  inset:auto;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.home-about-shade{
  z-index:1;
}
.home-about-copy{
  position:absolute;
  inset:0;
  z-index:2;
  min-height:0;
}

/* Music page: RARIII + smaller promotional artwork to the right. */
.rariii-release{
  min-height:calc(100vh - 100px);
  padding:165px 7vw 90px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);
  align-items:center;
  gap:7vw;
  border-bottom:1px solid var(--line);
}
.rariii-copy h1{
  margin:18px 0 28px;
  font-family:"Archivo Black",sans-serif;
  font-size:clamp(105px,17vw,270px);
  line-height:.72;
  letter-spacing:-.08em;
}
.rariii-status{
  margin:0;
  color:var(--orange);
  font:700 12px/1.3 "Space Mono",monospace;
  letter-spacing:.20em;
}
.rariii-artwork{
  width:min(390px,30vw);
  justify-self:end;
}
.rariii-artwork img{
  width:100%;
  height:auto;
  border:1px solid var(--line);
}
.rariii-artwork p{
  margin:10px 0 0;
  color:#666;
  text-align:right;
  font:700 8px/1 "Space Mono",monospace;
  letter-spacing:.15em;
}

/* Custom bling social icons. */
.social-icon-links{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:46px;
  flex-wrap:wrap;
}
.social-icon-links a{
  width:92px;
  height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease,opacity .2s ease;
}
.social-icon-links a:hover{
  transform:translateY(-4px);
  opacity:.85;
}
.social-icon-links img{
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(max-width:900px){
  .home-page .hero{margin-top:88px}
  .music-preview-art{
    grid-template-columns:1fr;
    padding:0;
  }
  .home-rari-art{
    width:min(390px,72vw);
    justify-self:start;
    margin:0 7vw 80px;
  }
  .rariii-release{
    min-height:auto;
    padding:145px 7vw 80px;
    grid-template-columns:1fr;
    gap:55px;
  }
  .rariii-artwork{
    width:min(390px,72vw);
    justify-self:start;
  }
}

@media(max-width:560px){
  .home-page .hero{
    min-height:62vh;
  }
  .home-page .hero-photo{
    position:absolute;
    inset:0;
    height:100%;
    object-fit:cover;
    object-position:68% center;
  }
  .home-page .hero-content{
    position:relative;
    min-height:62vh;
    padding:7vw;
  }
  .home-page .hero-wordmark{
    width:62vw;
  }
  .home-about-copy{
    padding:45px 7vw;
  }
  .rariii-copy h1{
    font-size:27vw;
  }
  .social-icon-links{
    gap:14px;
  }
  .social-icon-links a{
    width:76px;
    height:76px;
  }
}


/* V18 — MUSIC CLEANUP + SITE-WIDE FOOTER SOCIALS */

/* With the promo artwork removed, keep the Music page focused and intentional. */
.rariii-release{
  grid-template-columns:1fr;
}
.rariii-copy{
  width:100%;
  max-width:1200px;
}
.rariii-copy h1{
  max-width:100%;
}

/* Custom social icons at the bottom of every page. */
.footer-socials{
  display:flex;
  align-items:center;
  gap:12px;
  margin-right:18px;
}
.footer-socials a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  transition:transform .2s ease, opacity .2s ease;
}
.footer-socials a:hover{
  transform:translateY(-3px);
  opacity:.82;
}
.footer-socials img{
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(max-width:700px){
  .footer-socials{
    width:100%;
    order:-1;
    margin:0 0 12px;
    gap:10px;
  }
  .footer-socials a{
    width:38px;
    height:38px;
  }
}


/* V19 — keep the RARIII artwork, remove only the promotional label text */
.rariii-release{
  grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);
}
.rariii-artwork{
  display:block;
  width:min(390px,30vw);
  justify-self:end;
}
@media(max-width:900px){
  .rariii-release{grid-template-columns:1fr}
  .rariii-artwork{
    width:min(390px,72vw);
    justify-self:start;
  }
}


/* V20 — Music page artwork placement */
.rariii-release{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  align-items:center;
  column-gap:7vw;
}
.rariii-copy{
  grid-column:1;
  min-width:0;
}
.rariii-artwork{
  grid-column:2;
  width:100%;
  max-width:390px;
  justify-self:end;
  align-self:center;
}
.rariii-artwork img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:900px){
  .rariii-release{
    grid-template-columns:1fr;
    row-gap:50px;
  }
  .rariii-copy,
  .rariii-artwork{
    grid-column:1;
  }
  .rariii-artwork{
    width:min(390px,72vw);
    justify-self:start;
  }
}


/* V23 — larger footer social icons, V22 spacing/placement preserved */
.footer-socials a{
  width:58px;
  height:58px;
}
@media(max-width:700px){
  .footer-socials a{
    width:50px;
    height:50px;
  }
}


/* V24 — FIRE 2 + background music */
.music-toggle{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  appearance:none;
  border:1px solid rgba(212,175,55,.65);
  background:rgba(5,5,5,.88);
  color:#f4f0e7;
  padding:12px 15px;
  font:700 9px/1 "Space Mono",monospace;
  letter-spacing:.12em;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.music-toggle:hover{
  transform:translateY(-2px);
  border-color:#d4af37;
}
.music-toggle.is-playing{
  border-color:#d4af37;
  background:rgba(20,15,7,.92);
}

/* FIRE 2 is a wide composition, so display the complete image. */
.home-about-link>img,
.about-full-photo img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}

@media(max-width:700px){
  .music-toggle{
    right:14px;
    bottom:14px;
    padding:10px 12px;
    font-size:8px;
  }
}


/* V25 — MOBILE CENTERING / RESPONSIVE POLISH */
@media(max-width:700px){
  body{overflow-x:hidden}
  main,section{max-width:100%}

  .eyebrow,.feature-status,.rariii-status{text-align:center}

  /* Navigation */
  .site-header{justify-content:center}
  .brand{margin-right:auto}
  .site-nav{align-items:center;text-align:center}
  .site-nav a{width:100%;text-align:center}

  /* Home hero */
  .home-page .hero-content{
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .home-page .hero-wordmark{margin-left:auto;margin-right:auto}

  /* Home RARIII */
  .home-feature,.music-preview-art,.feature-copy{text-align:center}
  .feature-copy{width:100%;margin-left:auto;margin-right:auto}
  .feature-copy h2{text-align:center}
  .feature-copy .underline-link{
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
  }
  .home-rari-art{
    width:min(390px,84vw);
    justify-self:center;
    margin:0 auto 70px;
  }
  .home-rari-art img{display:block;margin:0 auto}

  /* Home fire image */
  .home-about-link{text-align:center}
  .home-about-link>img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
  }
  .home-about-copy{
    align-items:center;
    justify-content:center;
    text-align:center;
    width:100%;
  }
  .home-about-copy .button{margin-left:auto;margin-right:auto}

  /* Music */
  .rariii-release{text-align:center;justify-items:center}
  .rariii-copy{
    width:100%;
    max-width:100%;
    text-align:center;
  }
  .rariii-copy h1{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
  .rariii-artwork{
    width:min(390px,84vw);
    justify-self:center;
    margin-left:auto;
    margin-right:auto;
  }
  .rariii-artwork img{display:block;margin:0 auto}

  /* Merch */
  .merch-coming,.merch-coming-inner{
    text-align:center;
    align-items:center;
    justify-content:center;
  }
  .merch-coming-inner{margin-left:auto;margin-right:auto}
  .merch-coming-inner img{
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

  /* About */
  .about-full-photo{text-align:center}
  .about-full-photo img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
  }
  .about-content,.about-content-bio,.about-heading,.bio-full{text-align:center}
  .about-heading,.bio-full{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .bio-full .meet-line{text-align:center}

  /* Contact */
  .contact-main,.contact-intro,.contact-details{text-align:center}
  .contact-intro,.contact-details{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .contact-email{
    display:block;
    text-align:center;
    overflow-wrap:anywhere;
  }
  .social-links,.social-icon-links{justify-content:center;text-align:center}

  /* Footer */
  .site-footer{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:18px;
  }
  .site-footer > img{display:block;margin:0 auto}
  .footer-socials{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    order:initial;
  }
  .site-footer span{width:100%;text-align:center}

  /* Audio button */
  .music-toggle{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    white-space:nowrap;
  }
  .music-toggle:hover{
    transform:translateX(-50%) translateY(-2px);
  }
}

@media(max-width:430px){
  .rariii-copy h1{font-size:25vw}
  .home-rari-art,.rariii-artwork{width:88vw}
  .contact-email{font-size:clamp(16px,5vw,22px)}
  .footer-socials{gap:12px}
}