@import url("./shop-clean.css?v=2");
/* STARGIRLS ORIGINAL SITE DESIGN — restored from pre-WordPress GitHub source */

/* ===== style.css ===== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Spectral:wght@300;400;500&display=swap");

/* =========================================================
   STARGIRLS
   GLOBAL
========================================================= */

:root {
  --black: #080808;
  --white: #ffffff;
  --cream: #f5f2ed;
  --warm: #ebe5dd;
  --soft: #f7f7f5;
  --grey: #747474;
  --light-grey: #b9b9b9;
  --line: rgba(0, 0, 0, 0.13);

  --display: "Spectral", Georgia, serif;
  --body: "Inter", Arial, Helvetica, sans-serif;

  --header-height: 82px;
  --max-width: 1440px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--white);
  color: var(--black);
  font-family: var(--body);
  font-weight: 300;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.menu-open {
  overflow: hidden;
}

img,
video {
  max-width: 100%;
}

img {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
}

section[id] {
  scroll-margin-top: 130px;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  font-family: var(--display);
  font-weight: 400;
}

h1 {
  margin-bottom: 24px;
  font-size: clamp(70px, 13vw, 190px);
  line-height: 0.82;
  letter-spacing: 0.06em;
}

h2 {
  margin-bottom: 24px;
  font-size: clamp(44px, 7vw, 108px);
  line-height: 0.9;
  letter-spacing: 0.045em;
}

h3 {
  margin-bottom: 10px;
  font-size: clamp(25px, 3vw, 44px);
  line-height: 1;
  letter-spacing: 0.035em;
}

.eyebrow {
  margin: 0 0 18px;
  font-family: var(--body);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.27em;
  text-transform: uppercase;
}

.symbols {
  margin-bottom: 24px;
  font-size: 22px;
  letter-spacing: 0.3em;
}

.section-description {
  max-width: 600px;
  margin: 18px auto 0;
  font-size: 14px;
  line-height: 1.9;
  color: var(--grey);
}

.note-signature {
  margin-top: 34px !important;
  font-family: var(--display);
  font-size: 20px;
  line-height: 1.5;
}


/* =========================================================
   LINKS + BUTTONS
========================================================= */

.button,
.text-link,
.section-link,
.hero-link,
.stream-buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 13px 30px;

  border: 1px solid currentColor;
  background: transparent;

  font-family: var(--body);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    opacity 0.25s ease;
}

.button:hover,
.text-link:hover,
.section-link:hover,
.stream-buttons a:hover {
  background: var(--black);
  border-color: var(--black);
  color: var(--white);
}

.section-link {
  margin-top: 38px;
}


/* =========================================================
   HEADER
========================================================= */

.site-header {
  position: sticky;
  top: 0;
  z-index: 5000;

  min-height: var(--header-height);
  padding: 0 40px;

  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;

  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.logo {
  grid-column: 1;
  font-family: var(--display);
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
}

.desktop-nav {
  grid-column: 3;

  display: flex;
  align-items: center;
  gap: 34px;

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}

.desktop-nav a {
  position: relative;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1px;
  background: currentColor;
  transition: width 0.25s ease;
}

.desktop-nav a:hover::after {
  width: 100%;
}

.menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  padding: 8px;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  width: 24px;
  height: 1px;
  margin: 5px 0;
  background: var(--black);
}


/* =========================================================
   MOBILE MENU
========================================================= */

.mobile-menu,
.menu-overlay {
  display: none;
}

.mobile-menu {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 8000;

  width: min(88vw, 430px);
  height: 100dvh;

  padding: 0;
  background: var(--white);

  transform: translateX(100%);
  transition: transform 0.35s ease;

  overflow-y: auto;
}

.mobile-menu.active {
  transform: translateX(0);
}

.mobile-menu-top {
  height: 82px;
  padding: 0 26px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  border-bottom: 1px solid var(--line);
}

.mobile-logo {
  font-family: var(--display);
  font-size: 19px;
  letter-spacing: 0.18em;
}

.menu-close {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.mobile-nav {
  display: flex;
  flex-direction: column;
  padding: 45px 28px 36px;
}

.mobile-nav a {
  padding: 16px 0;
  border-bottom: 1px solid var(--line);

  font-family: var(--display);
  font-size: 31px;
  line-height: 1;
}

.mobile-socials {
  padding: 10px 28px 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 13px 20px;

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.15em;
}

.menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 7000;

  background: rgba(0, 0, 0, 0.55);

  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}


/* =========================================================
   SHARED SUBNAV
========================================================= */

.era-subnav,
.video-subnav,
.world-subnav,
.product-subnav {
  position: sticky;
  top: var(--header-height);
  z-index: 4000;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;

  min-height: 48px;
  padding: 12px 22px;

  overflow-x: auto;
  white-space: nowrap;

  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--line);

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  scrollbar-width: none;
}

.era-subnav::-webkit-scrollbar,
.video-subnav::-webkit-scrollbar,
.world-subnav::-webkit-scrollbar,
.product-subnav::-webkit-scrollbar {
  display: none;
}


/* =========================================================
   SHARED SECTION HEADINGS
========================================================= */

.section-heading,
.section-title {
  max-width: 900px;
  margin: 0 auto 65px;
  padding: 0 24px;
  text-align: center;
}


/* =========================================================
   HOMEPAGE
========================================================= */

.hero {
  position: relative;

  min-height: calc(100svh - var(--header-height));

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 90px 30px;

  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.08),
      rgba(0, 0, 0, 0.52)
    ),
    url("images/anew/campaign.jpg") center / cover no-repeat;

  color: var(--white);
  text-align: center;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 1100px;
}

.hero h1 {
  font-size: clamp(86px, 17vw, 240px);
}

.hero-content > p {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.hero .hero-link {
  margin-top: 12px;
  border-color: var(--white);
  color: var(--white);
}

.hero .hero-link:hover {
  background: var(--white);
  color: var(--black);
}


/* STORY PANELS */

.story {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: var(--black);
}

.story-panel {
  position: relative;
  min-height: 78vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 50px 22px;

  overflow: hidden;
  color: var(--white);
  text-align: center;

  background-position: center;
  background-size: cover;
}

.story-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.27);
  transition: background 0.35s ease;
}

.story-panel:hover::before {
  background: rgba(0, 0, 0, 0.42);
}

.siren-panel {
  background-image: url("images/anew/siren.jpg");
}

.risen-panel {
  background-image: url("images/anew/risen.jpg");
}

.stargirls-panel {
  background-image: url("images/founders/codes.jpg");
}

.story-copy {
  position: relative;
  z-index: 2;
}

.story-copy p,
.story-copy span {
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.story-copy h2 {
  font-size: clamp(42px, 6vw, 85px);
}


/* HOME OUR WORLD */

.our-world {
  padding: 120px 3vw;
  background: var(--white);
}

.world-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: var(--max-width);
  margin: 0 auto;
  gap: 8px;
}

.world-card {
  position: relative;
  min-height: 57vw;
  max-height: 760px;

  display: flex;
  align-items: flex-end;

  padding: 30px;

  overflow: hidden;
  background-color: #ddd;
  background-size: cover;
  background-position: center;
  color: var(--white);
}

.world-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    transparent 55%,
    rgba(0, 0, 0, 0.55)
  );
}

.world-copy {
  position: relative;
  z-index: 2;
}

.world-copy p {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.17em;
}

.world-bts {
  background-image: url("images/anew/siren-making.jpg");
}

.world-life {
  background-image: url("images/anew/campaign.jpg");
}

.world-studio {
  background-image: url("images/anew/risen.jpg");
}

.world-travel {
  background-image: url("images/founders/codes.jpg");
}

.our-world > .section-link {
  display: table;
  margin: 55px auto 0;
}


/* HOME SHOP */

.home-shop {
  min-height: 92vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.55)),
    url("images/juno/juno-bottle.jpg") center / cover no-repeat,
    var(--black);
}

.shop-copy h2 {
  font-size: clamp(70px, 13vw, 180px);
}

.shop-copy a {
  display: inline-block;
  margin-top: 15px;

  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
}


/* HOME NOTE */

.home-note {
  padding: 105px 24px;
  background: var(--cream);
  text-align: center;
}

.home-note .note {
  max-width: 720px;
  margin: 0 auto;
  font-family: var(--display);
  font-size: clamp(27px, 4vw, 50px);
  line-height: 1.3;
}


/* =========================================================
   EMAIL / JOIN SHARED
========================================================= */

.home-join,
.home-signup {
  padding: 110px 25px;
  text-align: center;
  background: var(--black);
  color: var(--white);
}

.home-join h2,
.home-signup h2 {
  font-size: clamp(43px, 6vw, 82px);
}

.home-join > p,
.home-signup > p {
  max-width: 580px;
  margin: 0 auto 35px;
  color: rgba(255, 255, 255, 0.72);
}

.signup-form {
  max-width: 620px;
  margin: 36px auto 0;

  display: flex;
}

.signup-form input {
  flex: 1;
  min-width: 0;
  height: 50px;

  padding: 0 17px;

  border: 1px solid rgba(255, 255, 255, 0.65);
  border-right: 0;

  border-radius: 0;
  outline: none;

  background: transparent;
  color: var(--white);

  font-size: 11px;
  letter-spacing: 0.11em;
}

.signup-form input::placeholder {
  color: rgba(255, 255, 255, 0.62);
}

.signup-form button {
  height: 50px;
  padding: 0 24px;

  border: 1px solid var(--white);
  border-radius: 0;

  background: var(--white);
  color: var(--black);

  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.18em;
  cursor: pointer;
}


/* =========================================================
   ABOUT
========================================================= */

.about-hero {
  position: relative;

  min-height: 88vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 90px 24px;

  color: var(--white);
  text-align: center;

  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1),
      rgba(0, 0, 0, 0.55)
    ),
    url("images/anew/campaign.jpg") center / cover no-repeat;
}

.about-hero-copy {
  position: relative;
  z-index: 2;
}

.about-hero h1 {
  font-size: clamp(72px, 14vw, 185px);
}

.about-hero-note {
  margin-bottom: 0;
  font-family: var(--display);
  font-size: clamp(18px, 2vw, 28px);
}

.about-intro {
  padding: 130px 24px;
  background: var(--white);
}

.about-intro-inner {
  max-width: 820px;
  margin: auto;
  text-align: center;
}

.about-copy {
  margin-top: 45px;
}

.about-copy p {
  max-width: 700px;
  margin: 0 auto 23px;
  font-size: 15px;
  line-height: 2;
}

.about-photo-break,
.juno-photo-break,
.junoon-photo-break {
  min-height: 80vh;
  background:
    url("images/anew/campaign.jpg") center / cover no-repeat,
    #ddd;
}

.about-us {
  padding: 120px 4vw;
}

.girl-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1200px;
  margin: auto;
  gap: 10px;
}

.girl-card {
  text-align: center;
}

.girl-image {
  height: 72vw;
  max-height: 850px;
  margin-bottom: 30px;
  background-position: center;
  background-size: cover;
  background-color: var(--soft);
}

.sun-about-image {
  background-image: url("images/anew/risen.jpg");
}

.moon-about-image {
  background-image: url("images/anew/siren.jpg");
}

.girl-symbol {
  margin-bottom: 10px;
  font-size: 20px;
}

.together-note {
  margin: 85px auto 0;
  text-align: center;
  font-family: var(--display);
  font-size: clamp(27px, 4vw, 48px);
  line-height: 1.35;
}

.about-music {
  min-height: 82vh;
  padding: 90px 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--black);
  color: var(--white);
  text-align: center;
}

.about-music-copy p {
  margin-bottom: 12px;
}

.about-music .section-link {
  border-color: var(--white);
}

.about-music .section-link:hover {
  background: var(--white);
  color: var(--black);
}

.about-camera-roll {
  padding: 120px 3vw;
}

.camera-grid,
.junoon-camera-grid,
.shop-camera-grid,
.juno-camera-grid,
.world-camera-grid {
  max-width: var(--max-width);
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.camera-photo {
  min-height: 40vw;
  max-height: 600px;
  background: var(--warm);
  background-position: center;
  background-size: cover;
}

.camera-photo:nth-child(2n) {
  background-color: #ddd8d0;
}

.camera-photo:nth-child(3n) {
  background-color: #d4d4d1;
}

.about-camera-roll > .section-link {
  display: table;
  margin: 55px auto 0;
}

.about-note {
  padding: 130px 25px;
  background: var(--cream);
  text-align: center;
}

.note-inner {
  max-width: 720px;
  margin: auto;
}

.note-copy {
  font-family: var(--display);
  font-size: clamp(25px, 3.5vw, 43px);
  line-height: 1.45;
}

.about-follow {
  padding: 100px 24px;
  text-align: center;
}

.about-social-links {
  margin-top: 38px;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 22px;
}

.about-social-links a {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  border-bottom: 1px solid var(--black);
}


/* =========================================================
   ANEW
========================================================= */

.anew-hero {
  min-height: 90vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 85px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.08),
      rgba(0, 0, 0, 0.5)
    ),
    url("images/anew/campaign.jpg") center / cover no-repeat;
}

.anew-hero-copy h1 {
  font-size: clamp(90px, 18vw, 235px);
}

.anew-hero .button {
  border-color: var(--white);
}

.anew-hero .button:hover {
  background: var(--white);
  color: var(--black);
}

.anew-note,
.anew-end-note {
  padding: 110px 25px;
  background: var(--cream);
  text-align: center;
}

.anew-note-inner,
.anew-end-note {
  max-width: 800px;
  margin: auto;
}

.anew-note-copy {
  max-width: 680px;
  margin: 0 auto;
  font-family: var(--display);
  font-size: clamp(23px, 3vw, 39px);
  line-height: 1.5;
}

.anew-note-signature {
  margin-top: 35px;
  font-family: var(--display);
  font-size: 19px;
}

.anew-listen {
  padding: 120px 6vw;
  text-align: center;
}

.stream-buttons {
  margin: 42px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.spotify-frame {
  max-width: 900px;
  margin: 25px auto 0;
  display: block;
  border: 0;
}

.anew-videos,
.anew-bts {
  padding: 120px 5vw;
}

.anew-bts {
  background: var(--soft);
}

.anew-video,
.featured-video {
  max-width: 1200px;
  margin: 0 auto 95px;
}

.video-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--black);
  overflow: hidden;
}

.video-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.video-details {
  padding-top: 18px;
  text-align: center;
}

.video-details p {
  margin: 3px 0;
  color: var(--grey);
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.anew-personal-break {
  min-height: 73vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 70px 25px;

  color: var(--white);
  text-align: center;

  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.08),
      rgba(0, 0, 0, 0.5)
    ),
    url("images/anew/siren-making.jpg") center / cover no-repeat,
    #222;
}

.personal-break-copy {
  font-family: var(--display);
  font-size: clamp(28px, 4vw, 48px);
}

.anew-photos {
  padding: 120px 3vw;
}

.anew-photo-grid {
  max-width: 1400px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}

.anew-photo-grid img {
  width: 100%;
  height: 68vw;
  max-height: 850px;
  object-fit: cover;
}

.photo-note {
  margin: 45px auto 0;
  text-align: center;
  font-family: var(--display);
  font-size: 22px;
}


/* =========================================================
   MUSIC PAGE
========================================================= */

.music-intro,
.videos-hero,
.shop-hero {
  padding: 150px 25px 100px;
  text-align: center;
}

.music-intro-note,
.videos-intro,
.shop-intro-note {
  font-family: var(--display);
  font-size: clamp(18px, 2vw, 27px);
}

.music-project {
  min-height: 90vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  color: var(--white);
  text-align: center;

  background-position: center;
  background-size: cover;
}

.music-project-junoon {
  background:
    linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.55)),
    url("images/junoon/hero.jpg") center / cover no-repeat,
    #151515;
}

.music-project-anew {
  background:
    linear-gradient(rgba(0,0,0,.12), rgba(0,0,0,.55)),
    url("images/anew/campaign.jpg") center / cover no-repeat;
}

.music-project-copy .button,
.music-project-copy .text-link {
  border-color: var(--white);
  color: var(--white);
}

.music-project-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.music-note,
.videos-note,
.junoon-note {
  padding: 90px 25px;
  background: var(--cream);
  text-align: center;
}

.music-note p,
.videos-note p,
.junoon-note p {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--display);
  font-size: clamp(21px, 3vw, 35px);
}

.music-anew-story {
  padding: 120px 3vw;
}

.music-story-grid {
  max-width: 1400px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.music-story-card {
  position: relative;
  overflow: hidden;
}

.music-story-card img {
  width: 100%;
  height: 60vw;
  max-height: 780px;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.music-story-card:hover img {
  transform: scale(1.025);
}

.music-story-copy {
  padding: 22px 3px 8px;
}

.music-story-copy p,
.music-story-copy span {
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--grey);
}

.music-anew-story > .section-link {
  display: table;
  margin: 55px auto 0;
}

.music-bts {
  min-height: 80vh;

  display: flex;
  align-items: flex-end;

  padding: 80px 7vw;

  color: var(--white);

  background:
    linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.62)),
    url("images/anew/siren-making.jpg") center / cover no-repeat,
    #222;
}

.music-bts-copy {
  max-width: 700px;
}

.music-bts .section-link {
  border-color: var(--white);
}

.music-bts .section-link:hover {
  background: var(--white);
  color: var(--black);
}

.music-listen {
  padding: 120px 25px;
  text-align: center;
}


/* =========================================================
   VIDEOS
========================================================= */

.video-section {
  padding: 110px 5vw;
}

.video-section-bts {
  background: var(--soft);
}

.stargirls-tv {
  padding: 120px 3vw;
}

.tv-grid,
.world-video-grid,
.world-bts-grid {
  max-width: 1400px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.tv-card img,
.world-video-card img,
.world-bts-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.tv-card a,
.world-video-card a,
.world-bts-card a {
  display: block;
  overflow: hidden;
}

.tv-card a:hover img,
.world-video-card a:hover img,
.world-bts-card a:hover img {
  transform: scale(1.025);
}

.tv-card-copy,
.world-video-copy,
.world-bts-copy {
  padding: 18px 2px 10px;
}

.tv-card-copy h3,
.world-video-copy h3,
.world-bts-copy h3 {
  font-family: var(--body);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.tv-card-copy p,
.world-video-copy p,
.world-bts-copy p {
  color: var(--grey);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tv-note {
  margin: 70px auto 0;
  text-align: center;
  font-family: var(--display);
  font-size: 23px;
}

.stargirls-tv > .section-link {
  display: table;
  margin: 40px auto 0;
}

.videos-anew {
  padding: 120px 24px;
  text-align: center;
  background: var(--cream);
}


/* =========================================================
   SHOP
========================================================= */

.shop-feature {
  min-height: 90vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  text-align: center;
  color: var(--white);
}

.shop-juno {
  background:
    linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.58)),
    url("images/juno/juno-bottle.jpg") center / cover no-repeat,
    #151515;
}

.shop-feature-copy .button {
  border-color: var(--white);
}

.shop-feature-copy .button:hover {
  background: var(--white);
  color: var(--black);
}

.product-type,
.product-status {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.shop-note,
.juno-intro,
.junoon-intro,
.junoon-product-note {
  padding: 110px 25px;
  background: var(--cream);
  text-align: center;
}

.shop-note-inner,
.juno-intro-inner,
.junoon-intro-inner,
.junoon-product-note-inner {
  max-width: 760px;
  margin: auto;
}

.shop-note p:not(.symbols),
.juno-intro-copy,
.junoon-intro-copy,
.junoon-product-note p:not(.symbols) {
  font-family: var(--display);
  font-size: clamp(22px, 3vw, 37px);
  line-height: 1.5;
}

.shop-product {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  min-height: 85vh;
}

.shop-product-image {
  min-height: 650px;
  background: var(--soft);
}

.shop-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shop-product-info {
  padding: 80px 7vw;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.shop-product-description {
  max-width: 430px;
  color: var(--grey);
}

.shop-junoon {
  min-height: 85vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  background:
    linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.62)),
    url("images/junoon/hero.jpg") center / cover no-repeat,
    #171717;

  color: var(--white);
  text-align: center;
}

.shop-junoon .section-link {
  border-color: var(--white);
}

.shop-junoon .section-link:hover {
  background: var(--white);
  color: var(--black);
}

.shop-making,
.juno-making,
.junoon-behind {
  padding: 120px 3vw;
}

.shop-making > .section-link {
  display: table;
  margin: 50px auto 0;
}

.shop-more {
  padding: 110px 25px;
  background: var(--cream);
  text-align: center;
}


/* =========================================================
   JUNO FRAGRANCE
========================================================= */

.juno-hero {
  min-height: 93vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 90px 25px;

  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.6)),
    url("images/juno/juno-bottle.jpg") center / cover no-repeat,
    #151515;

  color: var(--white);
  text-align: center;
}

.juno-hero-copy h1 {
  font-size: clamp(95px, 18vw, 240px);
}

.juno-hero .button {
  border-color: var(--white);
}

.juno-hero .button:hover {
  background: var(--white);
  color: var(--black);
}

.juno-type,
.juno-status {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.juno-product-image {
  width: 100%;
  background: var(--soft);
}

.juno-product-image img {
  width: 100%;
  max-height: 100vh;
  object-fit: cover;
}

.juno-feeling {
  min-height: 80vh;

  padding: 90px 25px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  background: var(--black);
  color: var(--white);
}

.juno-feeling h2 {
  font-size: clamp(60px, 11vw, 150px);
}

.juno-junoon {
  min-height: 85vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.6)),
    url("images/junoon/hero.jpg") center / cover no-repeat,
    #191919;
}

.juno-junoon .section-link {
  border-color: var(--white);
}

.juno-junoon .section-link:hover {
  background: var(--white);
  color: var(--black);
}

.juno-coming-soon {
  padding: 130px 25px;
  text-align: center;
  background: var(--cream);
}


/* =========================================================
   OUR WORLD
========================================================= */

.world-hero {
  min-height: 88vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.55)),
    url("images/anew/campaign.jpg") center / cover no-repeat;
}

.world-hero h1 {
  font-size: clamp(70px, 13vw, 185px);
}

.world-hero-note {
  font-family: var(--display);
  font-size: 24px;
}

.world-intro,
.world-note,
.world-end-note {
  padding: 110px 25px;
  text-align: center;
  background: var(--cream);
}

.world-intro-inner,
.world-end-note-inner {
  max-width: 760px;
  margin: auto;
}

.world-intro p:not(.symbols),
.world-end-note p:not(.symbols, .note-signature) {
  font-family: var(--display);
  font-size: clamp(22px, 3vw, 36px);
  line-height: 1.5;
}

.world-lately,
.world-life,
.world-bts,
.world-watch {
  padding: 120px 3vw;
}

.world-life {
  background: var(--soft);
}

.camera-roll-note,
.world-life-note,
.junoon-camera-note {
  max-width: 700px;
  margin: 45px auto 0;
  text-align: center;
  font-family: var(--display);
  font-size: 21px;
}

.world-note-copy {
  max-width: 760px;
  margin: auto;
  font-family: var(--display);
  font-size: clamp(25px, 4vw, 45px);
  line-height: 1.4;
}

.world-bts > .section-link {
  display: table;
  margin: 50px auto 0;
}

.world-between {
  min-height: 75vh;

  display: flex;
  align-items: flex-end;

  padding: 80px 7vw;

  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.65)),
    url("images/anew/risen.jpg") center / cover no-repeat;

  color: var(--white);
}

.world-between-copy p {
  font-family: var(--display);
  font-size: clamp(20px, 3vw, 37px);
}

.world-watch {
  text-align: center;
}

.world-watch > p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.world-watch-links {
  margin-top: 35px;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}


/* =========================================================
   SIGNUP PAGE
========================================================= */

.signup-hero {
  min-height: 68vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 80px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.55)),
    url("images/anew/campaign.jpg") center / cover no-repeat;
}

.signup-hero h1 {
  font-size: clamp(65px, 12vw, 160px);
}

.signup-hero p {
  font-family: var(--display);
  font-size: 22px;
}

.signup-main {
  padding: 120px 24px;
}

.signup-main-inner {
  max-width: 760px;
  margin: auto;
  text-align: center;
}

.signup-main h2 {
  font-size: clamp(43px, 6vw, 78px);
}

.signup-description {
  max-width: 570px;
  margin: 0 auto 55px;
  color: var(--grey);
}

.full-signup-form {
  text-align: left;
}

.form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.form-field {
  margin-bottom: 25px;
}

.form-field label {
  display: block;
  margin-bottom: 8px;

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.form-field input {
  width: 100%;
  height: 52px;

  padding: 0 14px;

  border: 1px solid var(--line);
  border-radius: 0;
  outline: none;

  background: var(--white);
}

.form-field input:focus {
  border-color: var(--black);
}

.signup-consent {
  margin: 12px 0 32px;
}

.signup-consent label {
  display: flex;
  align-items: flex-start;
  gap: 12px;

  font-size: 11px;
  color: var(--grey);
}

.signup-consent input {
  margin-top: 4px;
}

.signup-submit {
  width: 100%;
  cursor: pointer;
}

.signup-privacy-note {
  margin-top: 18px;
  font-size: 10px;
  color: var(--grey);
  text-align: center;
}

.signup-note {
  padding: 110px 25px;
  background: var(--cream);
  text-align: center;
}

.signup-note-inner {
  max-width: 700px;
  margin: auto;
}

.signup-note-inner > p:not(.symbols, .note-signature) {
  font-family: var(--display);
  font-size: clamp(23px, 3vw, 38px);
  line-height: 1.5;
}

.signup-explore {
  padding: 110px 25px;
  text-align: center;
}

.signup-explore-links {
  margin-top: 40px;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}


/* =========================================================
   JUNOON
========================================================= */

.junoon-hero {
  min-height: 94vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 90px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,.06),
      rgba(0,0,0,.62)
    ),
    url("images/junoon/hero.jpg") center / cover no-repeat,
    #111;
}

.junoon-hero h1 {
  font-size: clamp(90px, 18vw, 245px);
}

.junoon-status {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.junoon-hero .button {
  border-color: var(--white);
}

.junoon-hero .button:hover {
  background: var(--white);
  color: var(--black);
}

.junoon-story {
  min-height: 90vh;

  padding: 120px 25px;

  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;

  background: var(--black);
  color: var(--white);
}

.junoon-story .section-heading {
  margin-bottom: 0;
}

.junoon-story-copy {
  max-width: 520px;
}

.junoon-story-copy p {
  margin-bottom: 24px;
  font-family: var(--display);
  font-size: clamp(21px, 2.6vw, 34px);
  line-height: 1.45;
}

.junoon-photo-break {
  background:
    url("images/junoon/second.jpg") center / cover no-repeat,
    #292929;
}

.junoon-music {
  padding: 120px 25px;
  text-align: center;
}

.junoon-coming {
  max-width: 720px;
  margin: 40px auto 0;
  padding: 70px 30px;
  background: var(--cream);
}

.junoon-coming p {
  font-family: var(--display);
  font-size: 24px;
}

.junoon-juno {
  min-height: 87vh;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  padding: 85px 25px;

  text-align: center;
  color: var(--white);

  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.62)),
    url("images/juno/juno-bottle.jpg") center / cover no-repeat,
    #171717;
}

.junoon-juno-copy {
  max-width: 680px;
}

.junoon-juno-description {
  max-width: 560px;
  margin: 20px auto;
}

.junoon-juno .button {
  border-color: var(--white);
}

.junoon-juno .button:hover {
  background: var(--white);
  color: var(--black);
}

.junoon-anew {
  min-height: 80vh;

  padding: 80px 25px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;

  background:
    linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.6)),
    url("images/anew/campaign.jpg") center / cover no-repeat;

  color: var(--white);
  text-align: center;
}

.junoon-anew-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.junoon-anew .button,
.junoon-anew .text-link {
  border-color: var(--white);
}

.junoon-anew .button:hover,
.junoon-anew .text-link:hover {
  background: var(--white);
  color: var(--black);
}

.junoon-end-note {
  padding: 130px 25px;
  background: var(--cream);
  text-align: center;
}

.junoon-end-note-inner {
  max-width: 720px;
  margin: auto;
}


/* =========================================================
   FOOTER
========================================================= */

.site-footer,
footer.site-footer {
  padding: 60px 40px;

  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "logo socials"
    "legal copyright";

  gap: 45px;

  border-top: 1px solid var(--line);

  background: var(--white);
  color: var(--black);
}

.footer-logo {
  grid-area: logo;

  font-family: var(--display);
  font-size: 25px;
  letter-spacing: 0.18em;
}

.footer-socials {
  grid-area: socials;

  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 20px;

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.15em;
}

.footer-legal {
  grid-area: legal;

  display: flex;
  flex-wrap: wrap;
  gap: 20px;

  color: var(--grey);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.13em;
}

.copyright {
  grid-area: copyright;
  margin: 0;

  color: var(--grey);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-align: right;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .site-header {
    padding: 0 25px;
  }

  .desktop-nav {
    gap: 20px;
  }

  .story {
    grid-template-columns: 1fr;
  }

  .story-panel {
    min-height: 78vh;
  }

  .music-story-grid,
  .tv-grid,
  .world-video-grid,
  .world-bts-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .junoon-story {
    grid-template-columns: 1fr;
    gap: 50px;
    text-align: center;
  }

  .junoon-story-copy {
    margin: auto;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 800px) {

  :root {
    --header-height: 72px;
  }

  h1 {
    font-size: clamp(56px, 20vw, 105px);
    letter-spacing: 0.035em;
  }

  h2 {
    font-size: clamp(40px, 13vw, 74px);
    letter-spacing: 0.03em;
  }

  .site-header {
    height: var(--header-height);
    min-height: var(--header-height);

    display: flex;
    justify-content: center;

    padding: 0 18px;
  }

  .logo {
    font-size: 21px;
    letter-spacing: 0.16em;
  }

  .desktop-nav {
    display: none;
  }

  .menu-toggle {
    position: absolute;
    right: 16px;
    top: 18px;

    display: block;
  }

  .mobile-menu,
  .menu-overlay {
    display: block;
  }

  .era-subnav,
  .video-subnav,
  .world-subnav,
  .product-subnav {
    top: var(--header-height);
    justify-content: flex-start;
    gap: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }


  /* HOME */

  .hero {
    min-height: calc(92svh - var(--header-height));
    padding: 70px 20px;
  }

  .hero h1 {
    font-size: clamp(78px, 28vw, 145px);
  }

  .story-panel {
    min-height: 72vh;
  }

  .our-world {
    padding: 85px 12px;
  }

  .world-grid {
    gap: 5px;
  }

  .world-card {
    min-height: 70vw;
    padding: 17px;
  }

  .home-shop {
    min-height: 78vh;
  }

  .home-note {
    padding: 80px 24px;
  }


  /* SHARED */

  .section-heading,
  .section-title {
    margin-bottom: 45px;
  }

  .button,
  .text-link,
  .section-link,
  .hero-link,
  .stream-buttons a {
    padding: 13px 22px;
    font-size: 9px;
  }


  /* ABOUT */

  .about-hero {
    min-height: 78vh;
    padding-bottom: 65px;
  }

  .about-intro {
    padding: 90px 22px;
  }

  .about-photo-break,
  .juno-photo-break,
  .junoon-photo-break {
    min-height: 62vh;
  }

  .about-us {
    padding: 85px 12px;
  }

  .girl-grid {
    gap: 5px;
  }

  .girl-image {
    height: 72vw;
    margin-bottom: 18px;
  }

  .together-note {
    margin-top: 60px;
  }

  .about-music {
    min-height: 70vh;
  }

  .about-camera-roll {
    padding: 90px 8px;
  }


  /* CAMERA GRIDS */

  .camera-grid,
  .junoon-camera-grid,
  .shop-camera-grid,
  .juno-camera-grid,
  .world-camera-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }

  .camera-photo {
    min-height: 64vw;
  }


  /* ANEW */

  .anew-hero {
    min-height: 80vh;
    padding-bottom: 65px;
  }

  .anew-note,
  .anew-end-note {
    padding: 85px 22px;
  }

  .anew-listen,
  .anew-videos,
  .anew-bts,
  .anew-photos {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .anew-video,
  .featured-video {
    margin-bottom: 65px;
  }

  .anew-personal-break {
    min-height: 62vh;
  }

  .anew-photo-grid {
    gap: 5px;
  }


  /* MUSIC */

  .music-intro,
  .videos-hero,
  .shop-hero {
    padding: 110px 22px 75px;
  }

  .music-project {
    min-height: 78vh;
    padding-bottom: 65px;
  }

  .music-anew-story {
    padding: 90px 10px;
  }

  .music-story-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .music-story-card img {
    height: 120vw;
    max-height: none;
  }

  .music-bts {
    min-height: 68vh;
    padding: 60px 25px;
  }


  /* VIDEO / TV */

  .video-section,
  .stargirls-tv {
    padding: 90px 12px;
  }

  .tv-grid,
  .world-video-grid,
  .world-bts-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }


  /* SHOP */

  .shop-feature {
    min-height: 78vh;
  }

  .shop-note {
    padding: 85px 22px;
  }

  .shop-product {
    grid-template-columns: 1fr;
  }

  .shop-product-image {
    min-height: 115vw;
  }

  .shop-product-info {
    padding: 70px 25px;
  }

  .shop-junoon {
    min-height: 72vh;
  }

  .shop-making,
  .juno-making,
  .junoon-behind {
    padding: 90px 10px;
  }


  /* JUNO */

  .juno-hero {
    min-height: 80vh;
  }

  .juno-feeling {
    min-height: 68vh;
  }

  .juno-junoon {
    min-height: 72vh;
  }


  /* WORLD */

  .world-hero {
    min-height: 76vh;
  }

  .world-lately,
  .world-life,
  .world-bts,
  .world-watch {
    padding: 90px 10px;
  }

  .world-between {
    min-height: 62vh;
    padding: 55px 25px;
  }


  /* SIGNUP */

  .signup-hero {
    min-height: 60vh;
  }

  .signup-main {
    padding: 90px 22px;
  }

  .form-row {
    grid-template-columns: 1fr;
    gap: 0;
  }


  /* JUNOON */

  .junoon-hero {
    min-height: 80vh;
  }

  .junoon-story {
    min-height: auto;
    padding: 90px 22px;
  }

  .junoon-music {
    padding: 90px 22px;
  }

  .junoon-juno {
    min-height: 75vh;
  }

  .junoon-anew {
    min-height: 68vh;
  }


  /* EMAIL */

  .home-join,
  .home-signup {
    padding: 85px 22px;
  }

  .signup-form {
    flex-direction: column;
    gap: 8px;
  }

  .signup-form input {
    border-right: 1px solid rgba(255,255,255,.65);
  }

  .signup-form input,
  .signup-form button {
    width: 100%;
  }


  /* FOOTER */

  .site-footer,
  footer.site-footer {
    padding: 50px 24px;

    grid-template-columns: 1fr;

    grid-template-areas:
      "logo"
      "socials"
      "legal"
      "copyright";

    gap: 28px;
    text-align: center;
  }

  .footer-socials,
  .footer-legal {
    justify-content: center;
  }

  .copyright {
    text-align: center;
  }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 480px) {

  .world-grid,
  .girl-grid {
    grid-template-columns: 1fr;
  }

  .world-card {
    min-height: 115vw;
  }

  .girl-image {
    height: 118vw;
  }

  .anew-photo-grid {
    grid-template-columns: 1fr;
  }

  .anew-photo-grid img {
    height: 120vw;
  }

  .camera-grid,
  .junoon-camera-grid,
  .shop-camera-grid,
  .juno-camera-grid,
  .world-camera-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}
/* =========================================================
   OUR WORLD CMS PHOTOS
========================================================= */

.world-cms-photo {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.world-cms-photo img {
  display: block;
  width: 100%;
  height: 40vw;
  max-height: 600px;
  object-fit: cover;
}

.world-cms-photo figcaption {
  padding: 12px 4px 22px;
  color: var(--grey);
  font-family: var(--body);
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: left;
}

@media (max-width: 800px) {
  .world-cms-photo img {
    height: 64vw;
  }
}

/* ===== storefront.css ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;700;800;900&display=swap');

.storefront-home{--hot:#ff4fd8;--ink:#080808;--paper:#fff;font-family:Inter,Arial,sans-serif;background:#fff;color:#080808;font-weight:500}.storefront-home h1,.storefront-home h2,.storefront-home h3{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.025em}.drop-bar{height:30px;display:flex;align-items:center;justify-content:center;background:var(--hot);color:#080808;font-size:10px;font-weight:900;letter-spacing:.15em;text-align:center}.storefront-home .site-header{top:30px;height:68px;min-height:68px;padding:0 28px;background:#fff;border-bottom:2px solid #080808;grid-template-columns:auto 1fr auto}.storefront-home .logo{font-family:Anton,Impact,sans-serif;font-size:28px;letter-spacing:.01em}.storefront-home .desktop-nav{grid-column:2;justify-self:center;gap:30px;font-size:10px;font-weight:800}.storefront-home .desktop-nav a[href="about.html"],.storefront-home .mobile-nav a[href="about.html"]{display:none}.header-shop{grid-column:3;background:#080808;color:#fff;padding:11px 15px;font-size:10px;font-weight:900;letter-spacing:.08em;border:0;cursor:pointer}.storefront-home .desktop-nav a.active,.shop-tabs a.active{color:var(--hot)}
.store-hero{min-height:calc(92svh - 98px);display:flex;align-items:flex-end;justify-content:center;padding:8vw 5vw 6vw;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.78)),url('images/home/img_0036.jpeg') center 35%/cover no-repeat}.store-hero-copy{width:100%}.store-kicker{margin:0 0 12px;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.store-hero h1{font-size:clamp(82px,18vw,270px);line-height:.75;margin:0 0 28px;letter-spacing:-.035em}.store-hero-line{font-size:clamp(12px,1.4vw,18px);font-weight:900;letter-spacing:.08em;margin-bottom:26px}.store-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 24px;background:#080808;color:#fff;border:2px solid #080808;font-size:11px;font-weight:900;letter-spacing:.08em}.store-cta-light{background:#fff;color:#080808;border-color:#fff}.store-cta:hover{background:var(--hot);color:#080808;border-color:var(--hot)}
.shop-priority{padding:75px 3vw 95px}.store-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px;border-bottom:3px solid #080808;padding-bottom:20px}.store-section-head h2{font-size:clamp(55px,9vw,130px);line-height:.82;margin:0}.store-section-head>a{font-size:11px;font-weight:900;border-bottom:2px solid;padding-bottom:4px}.product-tease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-tease-image{aspect-ratio:4/5;background-size:cover;background-position:center;filter:saturate(.92)}.product-tease-one{background-image:url('images/home/img_1571.jpeg')}.product-tease-two{background-image:url('images/home/img_2410.jpeg')}.product-tease-three{background-image:url('images/juno/juno-bottle.jpg')}.product-tease-info{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:2px solid #080808;font-size:11px}.product-tease-info strong{font-weight:900}.product-tease-info span{font-size:9px;font-weight:800}.product-tease:hover .product-tease-image{filter:saturate(1.15) contrast(1.03)}
.chaos-break{display:grid;grid-template-columns:1fr .9fr 1fr;min-height:720px;background:var(--hot);border-block:3px solid #080808}.chaos-photo{background-size:cover;background-position:center}.chaos-photo-one{background-image:url('images/home/img_3144.jpeg')}.chaos-photo-two{background-image:url('images/home/img_3147.jpeg')}.chaos-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 25px;border-inline:3px solid #080808}.chaos-copy h2{font-size:clamp(70px,9vw,145px);line-height:.68;margin:22px 0 35px}.chaos-copy h2 span{font-family:Inter,sans-serif;font-size:.18em;font-weight:900;letter-spacing:.12em}.chaos-copy>p:not(.store-kicker){font-weight:900;font-size:13px;text-transform:uppercase;margin-bottom:25px}
.creator-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#080808;color:#fff}.creator-strip a{min-height:160px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #555}.creator-strip small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#aaa}.creator-strip strong{font-family:Anton,Impact,sans-serif;font-size:clamp(30px,4vw,62px);font-weight:400}.creator-strip a:hover{background:var(--hot);color:#080808}.creator-strip a:hover small{color:#080808}.last-call{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 25px;background:#080808;color:#fff}.last-call>p{font-size:10px;font-weight:900;letter-spacing:.16em}.last-call h2{font-size:clamp(75px,14vw,210px);line-height:.78;margin:20px 0 40px}.store-footer{background:#fff;color:#080808;padding:55px 4vw 30px;border-top:3px solid #080808}.store-footer .footer-logo{font-family:Anton,Impact,sans-serif;font-size:clamp(55px,10vw,140px);letter-spacing:-.02em}.store-footer .footer-socials,.store-footer .footer-legal{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:10px;font-weight:900;letter-spacing:.08em}.store-footer .copyright{margin:35px 0 0;font-size:9px}

.shop-storefront{padding:0 3vw 90px}.shop-storefront-hero{padding:70px 0 30px;border-bottom:3px solid #080808}.shop-storefront-hero h1{font-size:clamp(90px,18vw,260px);line-height:.76;margin:0}.shop-storefront-hero p{max-width:620px;font-weight:800;text-transform:uppercase}.shop-tabs{position:sticky;top:98px;z-index:2000;display:flex;gap:22px;overflow:auto;padding:14px 0;background:#fff;border-bottom:2px solid #080808;font-size:10px;font-weight:900;letter-spacing:.08em}.catalog-section{padding:60px 0 20px;scroll-margin-top:150px}.catalog-section h2{font-size:clamp(58px,10vw,140px);line-height:.8;margin:0 0 25px}.catalog-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.catalog-explainer{max-width:430px;font-size:11px;font-weight:800;text-transform:uppercase}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog-card{display:block}.catalog-card-image{aspect-ratio:4/5;background:#eee center/cover no-repeat}.catalog-image-link{display:block}.catalog-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:2px solid #080808;font-size:10px;font-weight:900}.catalog-meta>div:first-child{display:flex;flex-direction:column;gap:3px}.catalog-meta span{font-size:8px;letter-spacing:.08em}.catalog-price{font-size:9px;white-space:nowrap}.catalog-status,.catalog-buy{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;margin-top:8px;border:2px solid #080808;background:#fff;color:#080808;font-size:9px;font-weight:900;letter-spacing:.1em}.catalog-buy{cursor:pointer;background:#080808;color:#fff}.catalog-buy:hover{background:var(--hot);color:#080808}.store-ready-note{margin:80px 0 0;padding:60px;background:var(--hot);border:3px solid #080808}.store-ready-note h2{font-size:clamp(70px,11vw,160px);line-height:.78;margin:15px 0 30px}.store-ready-note>p:last-child{max-width:720px;font-size:12px;font-weight:800;text-transform:uppercase}

.cart-backdrop{position:fixed;inset:0;z-index:8998;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.25s}.cart-backdrop.active{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;z-index:8999;width:min(460px,94vw);height:100dvh;background:#fff;border-left:3px solid #080808;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column}.cart-drawer.active{transform:translateX(0)}.cart-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:3px solid #080808}.cart-head h2{font-size:52px;line-height:.85;margin:0}.cart-close{border:0;background:transparent;font-size:38px;line-height:1;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:20px}.cart-empty{padding:40px 4px}.cart-empty strong{font-family:Anton,Impact,sans-serif;font-size:38px}.cart-empty p{font-size:11px;font-weight:700;text-transform:uppercase}.cart-line{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:14px 0;border-bottom:2px solid #080808}.cart-thumb{aspect-ratio:1/1;background:center/cover no-repeat}.cart-line-copy{display:flex;flex-direction:column;gap:4px}.cart-line-copy strong{font-size:11px}.cart-line-copy>span{font-size:10px}.qty-controls{display:flex;align-items:center;gap:12px;margin-top:8px}.qty-controls button{width:28px;height:28px;border:2px solid #080808;background:#fff;font-weight:900;cursor:pointer}.cart-footer{padding:20px;border-top:3px solid #080808}.cart-subtotal{display:flex;justify-content:space-between;font-size:11px;font-weight:900;margin-bottom:14px}.checkout-button{width:100%;min-height:52px;border:2px solid #080808;background:#080808;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em}.checkout-button:disabled{background:#d8d8d8;color:#777;border-color:#d8d8d8;cursor:not-allowed}.cart-footer p{margin:10px 0 0;font-size:9px;font-weight:700;text-transform:uppercase}.mobile-cart-button{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:16px 0;font-family:var(--display);font-size:31px;line-height:1;color:inherit}

@media(max-width:800px){.drop-bar{height:27px;font-size:8px}.storefront-home .site-header{top:27px;height:60px;min-height:60px;padding:0 16px;grid-template-columns:1fr auto}.storefront-home .logo{font-size:24px}.storefront-home .desktop-nav,.header-shop{display:none}.storefront-home .menu-toggle{display:block;grid-column:2}.store-hero{min-height:78svh;padding:80px 18px 45px;background-position:center}.store-hero h1{font-size:clamp(75px,25vw,140px);margin-bottom:22px}.store-hero-line{font-size:10px}.shop-priority{padding:50px 14px 65px}.store-section-head{align-items:start;flex-direction:column;gap:15px}.store-section-head h2{font-size:17vw}.product-tease-grid{grid-template-columns:1fr 1fr;gap:8px}.product-tease-grid .product-tease:last-child{grid-column:1/-1}.product-tease-grid .product-tease:last-child .product-tease-image{aspect-ratio:1.2/1}.product-tease-info{font-size:9px}.chaos-break{grid-template-columns:1fr 1fr;min-height:0}.chaos-photo{min-height:58vw}.chaos-copy{grid-column:1/-1;grid-row:2;padding:60px 20px;border-inline:0;border-block:3px solid #080808}.chaos-copy h2{font-size:24vw}.creator-strip{grid-template-columns:1fr}.creator-strip a{min-height:110px;border-right:0;border-bottom:1px solid #555}.creator-strip strong{font-size:12vw}.last-call{min-height:58svh}.last-call h2{font-size:20vw}.store-footer{padding:40px 18px 25px}.storefront-home .mobile-menu,.storefront-home .menu-overlay{display:block}.shop-storefront{padding:0 14px 60px}.shop-storefront-hero{padding-top:45px}.shop-tabs{top:87px}.catalog-heading-row{align-items:start;flex-direction:column;gap:10px}.catalog-grid{grid-template-columns:1fr 1fr;gap:8px}.catalog-meta{font-size:9px;flex-direction:column;gap:3px}.store-ready-note{padding:36px 20px;margin-top:55px}.store-ready-note h2{font-size:21vw}.cart-drawer{width:100vw}.cart-head h2{font-size:46px}}

/* 2026 homepage upgrade */
.store-hero{position:relative;overflow:hidden;min-height:calc(100svh - 98px);background:linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(0,0,0,.2) 48%,rgba(0,0,0,.88) 100%),url('images/home/img_0036.jpeg') center 34%/cover no-repeat}.store-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0 35%,rgba(0,0,0,.18) 80%)}.store-hero-copy{position:relative;z-index:2}.store-hero h1{text-shadow:0 3px 20px rgba(0,0,0,.28)}.hero-stamp,.hero-corner{position:absolute;z-index:3;font-size:9px;font-weight:900;letter-spacing:.14em;line-height:1.55;text-align:left}.hero-stamp{top:34px;left:34px;border:2px solid #fff;padding:10px 12px;transform:rotate(-2deg)}.hero-corner{right:34px;bottom:34px;text-align:right}.hero-actions{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.hero-text-link{color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;border-bottom:2px solid #fff;padding-bottom:5px}.hero-text-link:hover{color:var(--hot);border-color:var(--hot)}
.world-ticker{display:flex;overflow:hidden;white-space:nowrap;background:#080808;color:#fff;border-block:3px solid #080808;padding:14px 0;font-family:Anton,Impact,sans-serif;font-size:clamp(26px,3vw,48px);letter-spacing:.02em}.world-ticker span{display:inline-block;padding-right:34px;flex:0 0 auto}.world-grid{grid-template-columns:repeat(4,1fr)}.world-card{position:relative}.world-card p{margin:10px 2px 0;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.world-card-main{grid-column:span 2}.world-card-main .product-tease-image{aspect-ratio:1.35/1}.product-tease-four{background-image:linear-gradient(180deg,rgba(255,79,216,.05),rgba(255,79,216,.28)),url('images/home/img_0036.jpeg');background-position:center 28%}.side-picker{position:relative;display:grid;grid-template-columns:1fr 1fr;border-block:3px solid #080808;background:#fff}.side-card{min-height:520px;padding:55px 5vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.side-card h2{font-size:clamp(90px,12vw,180px);line-height:.72;margin:12px 0 24px}.side-card p,.side-caption{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.moon-card{background:#0b0b0b;color:#fff}.sun-card{background:var(--hot);color:#080808}.side-symbol{position:absolute;right:4vw;top:24px;font-size:clamp(90px,12vw,180px);line-height:1;opacity:.18}.side-vs{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#080808;border:3px solid #080808;font-size:11px;font-weight:900;letter-spacing:.12em}.music-pulse{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:end;background:#080808;color:#fff;padding:90px 5vw;border-top:3px solid #080808}.music-pulse h2{font-size:clamp(78px,11vw,170px);line-height:.76;margin:0}.music-pulse-copy{padding-bottom:12px}.music-pulse-copy p{max-width:520px;font-size:clamp(15px,1.6vw,22px);line-height:1.35;font-weight:800;text-transform:uppercase;margin:0 0 30px}.last-call-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.last-outline{background:transparent;color:#fff;border-color:#fff}.last-outline:hover{color:#080808}.chaos-copy>p:not(.store-kicker){max-width:420px;line-height:1.5}.creator-strip a:last-child{border-right:0}

@media(max-width:800px){.store-hero{min-height:84svh;padding-bottom:38px}.hero-stamp{top:18px;left:16px;font-size:7px;padding:7px 8px}.hero-corner{right:16px;bottom:16px;font-size:7px}.hero-actions{gap:14px}.hero-text-link{font-size:8px}.world-ticker{font-size:30px;padding:10px 0}.world-grid{grid-template-columns:1fr 1fr}.world-card-main{grid-column:1/-1}.world-card-main .product-tease-image{aspect-ratio:1.15/1}.world-grid .product-tease:last-child{grid-column:1/-1}.side-picker{grid-template-columns:1fr}.side-card{min-height:360px;padding:42px 22px}.side-card h2{font-size:24vw}.side-vs{top:50%;width:52px;height:52px}.music-pulse{grid-template-columns:1fr;padding:60px 18px;gap:26px}.music-pulse h2{font-size:20vw}.music-pulse-copy p{font-size:13px}.last-call-actions{width:100%}.last-call-actions .store-cta{min-width:135px}.chaos-copy>p:not(.store-kicker){font-size:11px}}


/* ===== site-nav-polish.css ===== */
.site-header .menu-toggle{display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:0}.mobile-menu .mobile-nav a,.mobile-menu .mobile-nav button{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;text-decoration:none;font:inherit;font-weight:900;letter-spacing:.08em}.mobile-menu .mobile-nav a:after{content:'→';opacity:.65}.mobile-menu .mobile-logo{font-weight:900;letter-spacing:.03em}.mobile-menu{background:#070707!important;color:#fff!important}.menu-overlay{background:rgba(0,0,0,.72)!important}@media(max-width:850px){.site-header .desktop-nav{display:none!important}.site-header .menu-toggle{display:flex!important;flex-direction:column;gap:4px;width:38px;height:38px;align-items:center;justify-content:center;position:relative;z-index:5}.site-header .menu-toggle span{display:block!important;width:18px;height:2px;background:currentColor!important}.site-header{grid-template-columns:auto 1fr auto}.site-header .logo{justify-self:center}.site-header .header-shop,.site-header .cart-trigger{justify-self:end}.mobile-menu{width:min(88vw,390px)!important}.mobile-menu.active{visibility:visible!important;opacity:1!important;transform:translateX(0)!important}}

/* 2026-09-10 PHOTO DIRECTION — fewer images, stronger jobs, one cinematic grade. */
.world-page .cine-hero-bg,.world-page .page-hero-bg,.world-page .scene-split-media,.world-page .duo-photo{filter:saturate(.88) contrast(1.07) brightness(.93);-webkit-filter:saturate(.88) contrast(1.07) brightness(.93)}
/* One image, one job: homepage = invitation; about = the duo; music = soundtrack; JUNO = fragrance. */
.world-page .about-hero-new .page-hero-bg{background-image:url('images/home/img_3146.jpeg')!important;background-position:center 26%!important}
.world-page .music-hero .page-hero-bg{background-image:url('images/home/img_1571.jpeg')!important;background-position:center 32%!important}
.world-page .juno-hero-new .page-hero-bg{background-image:url('images/juno/img_1724.jpeg')!important;background-position:center 45%!important}
.world-page .cine-hero-bg,.world-page .page-hero-bg{background-position:center 30%}
.world-page .scene-split-media{background-position:center 38%!important}
.world-page .duo-photo{background-position:center 24%!important}
.world-page .cine-hero:after,.world-page .page-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,4,8,.02),rgba(8,8,8,.08) 45%,rgba(8,8,8,.2)),radial-gradient(circle at 82% 18%,rgba(107,70,255,.08),transparent 34%);mix-blend-mode:multiply;z-index:1}
.world-page .cine-hero-copy,.world-page .page-hero-copy{position:relative;z-index:2}
.world-page .juno-gallery-new img{filter:saturate(.9) contrast(1.08) brightness(.94);-webkit-filter:saturate(.9) contrast(1.08) brightness(.94)}
/* The old three-photo lore strips read like miscellaneous galleries. */
.world-page .image-strip{display:none!important}
/* Remove decorative/repeated imagery on small screens: one strong frame beats a collage. */
@media(max-width:800px){.world-page .cine-hero-bg{background-position:center 25%!important}.world-page .about-hero-new .page-hero-bg{background-position:center 20%!important}.world-page .music-hero .page-hero-bg{background-position:center 28%!important}.world-page .scene-split-media{min-height:62svh;background-position:center 28%!important}.world-page .duo-photo{background-position:center 20%!important}.world-page .juno-gallery-stack img:nth-child(n+2){display:none!important}}
/* Product/catalog imagery stays clean and neutral so the fantasy photos do the emotional work. */
.storefront-home .catalog-card-image,.storefront-home .sg-product-image{background-color:#f3f0ea!important;filter:none!important}


/* ===== world-cinematic.css ===== */
/* STARGIRLS cinematic world system — fantasy first, commerce frictionless. */
:root{--sg-night:#080808;--sg-ink:#111;--sg-cream:#f4efe8;--sg-cream2:#eae2d9;--sg-purple:#6b46ff;--sg-oxblood:#4c0d17;--sg-line:rgba(20,16,12,.15);--sg-muted:#716a63}
html{background:var(--sg-night)}body{margin:0;background:var(--sg-cream);color:var(--sg-ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.world-page *{box-sizing:border-box}.world-page h1,.world-page h2,.world-page h3{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:-.055em}.world-page a{text-decoration:none}.world-page img{display:block;max-width:100%}
.world-page:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.055;background-image:radial-gradient(circle at 20% 30%,#000 0 0.7px,transparent .8px),radial-gradient(circle at 70% 65%,#fff 0 .6px,transparent .7px);background-size:7px 7px,9px 9px;mix-blend-mode:overlay}
.scene-bar{height:26px;display:flex;align-items:center;justify-content:center;background:#050505;color:#ddd;font-size:7px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.world-page .site-header{position:sticky;top:0;z-index:5000;height:68px;min-height:68px;padding:0 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:rgba(6,6,6,.96);color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.world-page .logo{font-family:Inter,Arial,sans-serif;font-size:23px;font-weight:950;letter-spacing:-.045em;white-space:nowrap}.world-page .logo span{color:var(--sg-purple)}.world-page .desktop-nav{grid-column:2;justify-self:center;display:flex;gap:28px;font-size:9px;font-weight:800;letter-spacing:.08em}.world-page .desktop-nav a{color:#aaa}.world-page .desktop-nav a.active,.world-page .desktop-nav a:hover{color:#fff}.world-page .header-shop{grid-column:3;justify-self:end;min-height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}.world-page .menu-toggle{color:#fff}.world-page .menu-toggle span{background:#fff!important}.world-page .mobile-menu{background:#070707!important;color:#fff!important}.world-page .mobile-menu a,.world-page .mobile-menu button{color:#fff!important}
.cine-hero{position:relative;min-height:calc(100svh - 94px);display:flex;align-items:flex-end;overflow:hidden;background:#050505;color:#fff}.cine-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.82) contrast(1.03)}.cine-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.88) 100%),radial-gradient(circle at 78% 20%,rgba(107,70,255,.2),transparent 35%)}.cine-hero-copy{position:relative;z-index:2;width:min(1100px,92vw);padding:0 5vw 7vw}.scene-label{margin:0 0 12px;font-size:8px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#b9a9ff}.cine-hero h1{font-size:clamp(66px,13vw,178px);line-height:.76;margin:0 0 18px;max-width:920px}.cine-hero p:not(.scene-label){max-width:620px;margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.65;font-weight:600}.cine-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.cine-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:#fff;color:#111;font-size:9px;font-weight:900;letter-spacing:.08em}.cine-btn.dark{background:#111;color:#fff;border:1px solid rgba(255,255,255,.28)}.cine-btn.purple{background:var(--sg-purple);color:#fff}.cine-btn:hover{transform:translateY(-1px)}.hero-note{position:absolute;z-index:2;right:4vw;bottom:5vw;text-align:right;font-size:8px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.62)}
.scene-marquee{display:flex;overflow:hidden;white-space:nowrap;background:#0a0a0a;color:#fff;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0;font-size:9px;font-weight:900;letter-spacing:.14em}.scene-marquee span{padding-right:32px;flex:0 0 auto}
.cine-section{padding:76px 4vw}.cine-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.cine-section-head>div{max-width:760px}.cine-section-head .scene-label{color:#775fd8}.cine-section-head h2{font-size:clamp(42px,7vw,94px);line-height:.85;margin:0}.cine-section-head p:not(.scene-label){max-width:470px;margin:0;color:var(--sg-muted);font-size:11px;line-height:1.65}.cine-text-link{font-size:9px;font-weight:900;letter-spacing:.09em;border-bottom:1px solid currentColor;padding-bottom:4px}
.cine-shop{background:var(--sg-cream)}.world-page .shop-tabs{position:sticky;top:68px;z-index:2000;display:flex;gap:22px;overflow:auto;padding:12px 4vw;background:rgba(244,239,232,.97);border:0;border-bottom:1px solid var(--sg-line);font-size:9px;font-weight:900;letter-spacing:.08em;scrollbar-width:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.world-page .shop-tabs::-webkit-scrollbar{display:none}.world-page .shop-tabs a{color:#8a827a}.world-page .shop-tabs a.active{color:#111;border-bottom:1px solid #111;padding-bottom:4px}.world-page .catalog-section{padding:36px 4vw 56px;background:var(--sg-cream);color:#111}.world-page .catalog-heading-row{margin-bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:30px}.world-page .catalog-heading-row .shop-eyebrow{font-size:8px;font-weight:900;letter-spacing:.16em;color:#877e76;margin-bottom:6px}.world-page .catalog-heading-row h2{font-size:clamp(34px,5vw,62px);line-height:.95;margin:0;text-transform:none}.world-page .catalog-explainer{display:none}.world-page .catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.world-page .catalog-card{background:#fff;color:#111;border:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.world-page .catalog-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(35,22,10,.08)}.world-page .catalog-card-image-wrap,.world-page .catalog-card-image{background:#fff}.world-page .catalog-card-image{aspect-ratio:4/5;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.world-page .catalog-meta{display:flex;justify-content:space-between;gap:12px;padding:12px;border:0}.world-page .catalog-meta>div:first-child{display:flex;flex-direction:column;gap:2px}.world-page .catalog-meta strong{font-size:11px;line-height:1.25}.world-page .catalog-meta span{font-size:7px;color:#8f877f;letter-spacing:.09em}.world-page .catalog-price{font-size:10px;font-weight:900;white-space:nowrap}.world-page .catalog-loading{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.world-page .catalog-skeleton{min-height:440px;background:linear-gradient(110deg,#eee7de 8%,#f6f2ec 18%,#eee7de 33%);background-size:200% 100%;animation:cineLoad 1.2s linear infinite}@keyframes cineLoad{to{background-position-x:-200%}}
.scene-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:680px;background:#090909;color:#fff}.scene-split.reverse{grid-template-columns:.9fr 1.1fr}.scene-split-media{min-height:680px;background-position:center;background-size:cover}.scene-split-copy{display:flex;flex-direction:column;justify-content:center;padding:72px 6vw}.scene-split-copy .scene-label{color:#9a80ff}.scene-split-copy h2{font-size:clamp(58px,9vw,132px);line-height:.76;margin:0 0 22px}.scene-split-copy>p:not(.scene-label){max-width:520px;color:#aaa;font-size:12px;line-height:1.7}.scene-split-copy .cine-actions{margin-top:25px}
.cine-duo{padding:72px 4vw;background:var(--sg-cream2)}.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duo-card{position:relative;min-height:650px;overflow:hidden;color:#fff;background:#111}.duo-photo{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.86)}.duo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.75))}.duo-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.duo-copy small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#d1c7ff}.duo-copy h3{font-size:clamp(48px,7vw,94px);line-height:.8;margin:8px 0 13px}.duo-copy p{max-width:440px;font-size:11px;line-height:1.6;color:#ddd;margin:0}
.cine-afterparty{position:relative;min-height:560px;padding:80px 6vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 82% 18%,rgba(107,70,255,.42),transparent 34%),#070707;color:#fff;overflow:hidden}.cine-afterparty small{font-size:8px;font-weight:900;letter-spacing:.2em;color:#9f88ff}.cine-afterparty h2{font-size:clamp(58px,10vw,150px);line-height:.76;max-width:980px;margin:12px 0 20px}.cine-afterparty p{max-width:600px;color:#aaa;font-size:12px;line-height:1.7}.cine-afterparty .cine-actions{margin-top:24px}
.cine-footer{padding:52px 4vw 28px;background:#050505;color:#fff;border-top:1px solid #222}.cine-footer-logo{font-size:clamp(42px,7vw,92px);font-weight:950;letter-spacing:-.06em}.cine-footer-logo span{color:var(--sg-purple)}.cine-footer p{max-width:560px;color:#777;font-size:10px}.cine-footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}.cine-footer-links a{font-size:8px;font-weight:900;letter-spacing:.08em;color:#aaa}.cine-footer small{display:block;margin-top:34px;color:#555;font-size:8px}
.page-hero{position:relative;min-height:72svh;display:flex;align-items:flex-end;padding:0 5vw 6vw;color:#fff;background:#070707;overflow:hidden}.page-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.83) contrast(1.04)}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.82))}.page-hero-copy{position:relative;z-index:2;max-width:900px}.page-hero h1{font-size:clamp(66px,12vw,165px);line-height:.77;margin:0 0 20px}.page-hero p:not(.scene-label){max-width:620px;color:#ddd;font-size:13px;line-height:1.65}.chapter{padding:74px 5vw;background:var(--sg-cream)}.chapter.dark{background:#090909;color:#fff}.chapter.oxblood{background:linear-gradient(145deg,#24080e,var(--sg-oxblood));color:#fff}.chapter-head{max-width:920px;margin-bottom:34px}.chapter-head h2{font-size:clamp(48px,8vw,110px);line-height:.8;margin:0}.chapter-head p{max-width:580px;margin:18px 0 0;color:#777;line-height:1.7;font-size:12px}.chapter.dark .chapter-head p,.chapter.oxblood .chapter-head p{color:#aaa}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chapter-card{background:#fff;padding:28px;min-height:230px}.chapter.dark .chapter-card{background:#111;color:#fff}.chapter-card small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#8069d8}.chapter-card h3{font-size:28px;line-height:1;margin:14px 0 12px}.chapter-card p{font-size:11px;line-height:1.7;color:#777}.chapter.dark .chapter-card p{color:#999}.image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#050505}.image-strip figure{margin:0;min-height:520px;overflow:hidden;position:relative}.image-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.86)}.image-strip figcaption{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.72);color:#fff;padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.1em}
.music-hero .page-hero-bg{background-image:url('images/home/img_1571.jpeg')}.about-hero-new .page-hero-bg{background-image:url('images/home/img_0036.jpeg')}.juno-hero-new .page-hero-bg{background-image:url('images/juno/img_1724.jpeg');background-position:center 45%}.juno-gallery-new{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.juno-gallery-new>img{width:100%;height:100%;object-fit:cover;min-height:560px}.juno-gallery-stack{display:grid;gap:10px}.juno-gallery-stack img{width:100%;height:275px;object-fit:cover}
.store-signup{padding:58px 5vw;background:#0a0a0a;color:#fff;border:0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.store-signup h2{font-size:clamp(42px,7vw,90px);line-height:.86;margin:8px 0 14px}.store-signup p{color:#888;font-size:10px}.store-email-form{display:flex;border-bottom:1px solid #555;padding-bottom:8px}.store-email-form input{flex:1;background:transparent;border:0;color:#fff;padding:10px 0;outline:0}.store-email-form button{border:0;background:transparent;color:#fff;font-weight:900}.signup-note{font-size:8px!important;color:#666!important;margin-top:10px!important}
.cine-reveal{opacity:0;transform:translateY(18px)}.cine-reveal.cine-in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
.world-page .cart-drawer{background:#fff;color:#111;border-left:0;box-shadow:-20px 0 60px rgba(0,0,0,.2)}.world-page .cart-head{border-bottom:1px solid #e5e1dc}.world-page .cart-head h2{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:-.04em}.world-page .cart-line{border-bottom:1px solid #eee9e3}.world-page .cart-footer{border-top:1px solid #e4ded8}.world-page .checkout-button{background:var(--sg-purple);border-color:var(--sg-purple);color:#fff;border-radius:0}.world-page .cart-backdrop{background:rgba(0,0,0,.62)}
@media(max-width:900px){.world-page .site-header{height:60px;min-height:60px;padding:0 13px;grid-template-columns:auto 1fr auto}.world-page .desktop-nav{display:none!important}.world-page .logo{grid-column:2;justify-self:center;font-size:21px}.world-page .menu-toggle{display:flex!important;grid-column:1}.world-page .header-shop{grid-column:3;min-height:32px;padding:0 9px;font-size:7px}.cine-hero{min-height:72svh}.cine-hero-copy{padding:0 18px 40px}.cine-hero h1{font-size:21vw}.cine-hero p:not(.scene-label){font-size:10px;max-width:86%}.hero-note{display:none}.cine-actions{gap:8px}.cine-btn{min-height:44px;padding:0 16px;font-size:8px}.cine-section{padding:50px 14px}.cine-section-head{display:block;margin-bottom:20px}.cine-section-head h2{font-size:14vw}.cine-section-head p:not(.scene-label){margin-top:12px}.world-page .shop-tabs{top:60px;padding:10px 14px;gap:19px}.world-page .catalog-section{padding:27px 12px 44px}.world-page .catalog-heading-row{margin-bottom:16px}.world-page .catalog-heading-row h2{font-size:31px}.world-page .catalog-grid{grid-template-columns:1fr 1fr;gap:8px}.world-page .catalog-meta{display:block;padding:10px}.world-page .catalog-price{margin-top:6px}.world-page .catalog-loading{grid-template-columns:1fr}.world-page .catalog-loading>*:nth-child(2){display:none}.scene-split,.scene-split.reverse{grid-template-columns:1fr;min-height:0}.scene-split-media{min-height:68vw}.scene-split-copy{padding:48px 18px}.scene-split-copy h2{font-size:18vw}.duo-grid{grid-template-columns:1fr 1fr;gap:7px}.duo-card{min-height:70vw}.duo-copy{left:14px;right:14px;bottom:14px}.duo-copy h3{font-size:13vw}.duo-copy p{font-size:8px}.cine-afterparty{min-height:470px;padding:60px 18px}.cine-afterparty h2{font-size:20vw}.page-hero{min-height:64svh;padding:0 18px 42px}.page-hero h1{font-size:20vw}.page-hero p:not(.scene-label){font-size:10px}.chapter{padding:50px 14px}.chapter-head h2{font-size:15vw}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:0}.image-strip{grid-template-columns:1fr 1fr}.image-strip figure{min-height:65vw}.image-strip figure:nth-child(3){grid-column:1/-1;min-height:58vw}.juno-gallery-new{grid-template-columns:1fr}.juno-gallery-new>img{min-height:90vw}.juno-gallery-stack{grid-template-columns:1fr 1fr}.juno-gallery-stack img{height:52vw}.store-signup{grid-template-columns:1fr;padding:48px 18px}.store-signup h2{font-size:15vw}}
@media(max-width:520px){.scene-bar{font-size:6px;letter-spacing:.11em}.cine-hero{min-height:68svh}.cine-hero-copy{width:100%;padding:0 18px 32px}.cine-hero h1{font-size:clamp(52px,15.8vw,64px);line-height:.76;max-width:100%;white-space:nowrap;letter-spacing:-.065em}.duo-grid{grid-template-columns:1fr}.duo-card{min-height:118vw}.duo-copy h3{font-size:20vw}.image-strip{grid-template-columns:1fr}.image-strip figure,.image-strip figure:nth-child(3){min-height:110vw;grid-column:auto}.cine-footer{padding:40px 18px 24px}.cine-footer-logo{font-size:16vw}.juno-gallery-stack{grid-template-columns:1fr}.juno-gallery-stack img{height:95vw}}
@media(prefers-reduced-motion:reduce){.cine-reveal{opacity:1!important;transform:none!important}.cine-reveal.cine-in{transition:none}.cine-btn:hover,.world-page .catalog-card:hover{transform:none}.world-page:after{display:none}}


/* ===== brand-system.css ===== */
@import url("accessibility-polish.css?v=20260912a");
@import url("site-shell.css?v=20260912a");
.brand-side-pill{display:inline-flex;align-items:center;gap:.35rem;width:max-content;margin:0 0 .7rem;padding:.42rem .72rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.34);backdrop-filter:blur(10px)}
.brand-side-pill[data-side="moon"]{border-color:rgba(255,255,255,.34)}
.brand-side-pill[data-side="sun"]{border-color:rgba(255,255,255,.18)}
.catalog-card[data-brand-side="moon"] .catalog-meta span::before{content:"☾ ";}
.catalog-card[data-brand-side="sun"] .catalog-meta span::before{content:"☀ ";}
.catalog-card[data-brand-side="joint"] .catalog-meta span::before{content:"☀☾ ";}
.side-guide-note{max-width:740px;margin-top:1rem;opacity:.76;line-height:1.6}
.side-guide .chapter-card{position:relative;overflow:hidden}
.side-guide .chapter-card small{letter-spacing:.14em}
.side-guide .chapter-card h3{max-width:14ch}
@media(max-width:700px){.brand-side-pill{font-size:.66rem}.side-guide-note{font-size:.92rem}}

/* ===== sister-made.css ===== */
/* STARGIRLS — Moon + Sun made this. Raw, loud, personal, slightly unhinged. */
:root{--sg-black:#080808;--sg-bone:#f3ede5;--sg-bone2:#e8dfd5;--sg-ink:#111;--sg-purple:#6d46ff;--sg-red:#721923;--sg-silver:#b7b7b7}
.world-page{background:var(--sg-black)!important;color:var(--sg-bone)!important}
.world-page:after{opacity:.035!important;mix-blend-mode:screen!important}
.world-page h1,.world-page h2,.world-page h3{letter-spacing:-.055em!important}
.scene-bar{display:none!important}

/* NAV: simple because we clearly made it ourselves, not a streaming app */
.world-page .site-header{height:58px!important;min-height:58px!important;padding:0 18px!important;background:rgba(8,8,8,.95)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important}
.world-page .site-header .logo{font-family:Inter,Arial,sans-serif!important;font-size:23px!important;font-weight:950!important;letter-spacing:-.065em!important;text-transform:uppercase!important;color:#fff!important}.world-page .logo span{color:var(--sg-purple)!important}
.world-page .desktop-nav{gap:21px!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important;text-transform:lowercase!important}.world-page .desktop-nav a{color:#a9a9a9!important}.world-page .desktop-nav a.active,.world-page .desktop-nav a:hover{color:#fff!important;text-decoration:line-through!important;text-decoration-thickness:1px!important}
.world-page .header-shop{min-height:0!important;padding:5px 8px!important;border:1px solid #fff!important;border-radius:0!important;background:#fff!important;color:#000!important;font-size:9px!important;font-weight:900!important;letter-spacing:.02em!important;text-transform:lowercase!important;transform:rotate(1deg)!important}
.world-page .menu-toggle{color:#fff!important}.world-page .menu-toggle span{background:#fff!important}.world-page .mobile-menu{background:#080808!important;color:#fff!important}.world-page .mobile-menu a,.world-page .mobile-menu button{color:#fff!important}

/* HERO: full-bleed photo + huge name + one stupid little note */
.cine-hero{position:relative!important;min-height:calc(100svh - 58px)!important;display:flex!important;align-items:flex-end!important;padding:0!important;background:#000!important;color:#fff!important;overflow:hidden!important}
.cine-hero-bg{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;filter:saturate(1.05) contrast(1.08)!important}
.cine-hero:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.9) 100%)!important}
.cine-hero:after{content:"sun said leave it";position:absolute;z-index:3;right:4vw;top:12vh;padding:7px 10px;background:var(--sg-purple);color:#fff;font-family:"Spectral",Georgia,serif;font-size:14px;font-style:italic;transform:rotate(5deg);box-shadow:5px 5px 0 #000}
.cine-hero-copy{position:relative!important;z-index:2!important;width:min(1180px,94vw)!important;margin:0 auto!important;padding:0 0 5vw!important}
.cine-hero .scene-label{margin:0 0 5px!important;color:#fff!important;font-family:"Spectral",Georgia,serif!important;font-size:15px!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important;text-transform:lowercase!important}
.cine-hero h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(86px,16vw,230px)!important;line-height:.68!important;font-weight:950!important;letter-spacing:-.085em!important;text-transform:uppercase!important;margin:0 0 24px!important;max-width:none!important;transform:translateX(-.02em)!important;text-shadow:5px 5px 0 rgba(109,70,255,.6)!important}
.cine-hero p:not(.scene-label){max-width:520px!important;margin:0!important;color:#fff!important;font-family:"Spectral",Georgia,serif!important;font-size:18px!important;line-height:1.35!important;font-weight:400!important}
.hero-note{position:absolute!important;z-index:3!important;right:4vw!important;bottom:3.5vw!important;color:#fff!important;font-family:"Spectral",Georgia,serif!important;font-size:14px!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important;text-transform:lowercase!important;text-align:right!important;transform:rotate(-3deg)!important}
.cine-actions{gap:10px!important;margin-top:20px!important}.cine-btn{min-height:0!important;padding:8px 10px!important;border:1px solid currentColor!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:10px!important;font-weight:900!important;letter-spacing:.015em!important;text-transform:lowercase!important}.cine-btn.purple{background:var(--sg-purple)!important;color:#fff!important;border-color:var(--sg-purple)!important;transform:rotate(-1deg)!important}.cine-btn.dark{background:#000!important;color:#fff!important;border-color:#fff!important;transform:rotate(.7deg)!important}.cine-btn:hover{transform:translateY(-2px) rotate(-1deg)!important}

/* chaotic marquee */
.scene-marquee{display:flex!important;background:var(--sg-purple)!important;color:#fff!important;border:0!important;padding:9px 0!important;font-family:Inter,Arial,sans-serif!important;font-size:10px!important;font-weight:950!important;letter-spacing:.02em!important;text-transform:uppercase!important}.scene-marquee span{padding-right:30px!important}

/* editorial sections, but not precious */
.cine-section,.chapter{background:var(--sg-bone)!important;color:var(--sg-ink)!important;padding:76px 5vw!important}.cine-section-head{display:grid!important;grid-template-columns:1fr .65fr!important;gap:28px!important;align-items:end!important;margin-bottom:28px!important}.scene-label,.shop-eyebrow,.chapter-card small,.duo-copy small,.cine-afterparty small{font-family:"Spectral",Georgia,serif!important;font-size:13px!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important;text-transform:lowercase!important}.cine-section-head h2,.chapter-head h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(52px,8vw,118px)!important;line-height:.76!important;font-weight:950!important;letter-spacing:-.075em!important;text-transform:uppercase!important;margin:0!important}.cine-section-head p:not(.scene-label),.chapter-head p{max-width:500px!important;color:#5d5750!important;font-family:"Spectral",Georgia,serif!important;font-size:15px!important;line-height:1.45!important}.chapter-head{max-width:930px!important;margin-bottom:30px!important}

/* cards = notes / arguments, not startup features */
.chapter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}.chapter-card{position:relative!important;min-height:240px!important;padding:24px!important;background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:7px 7px 0 #111!important}.chapter-card:nth-child(1){transform:rotate(-.6deg)!important}.chapter-card:nth-child(2){transform:translateY(16px) rotate(.9deg)!important}.chapter-card:nth-child(3){transform:rotate(-.3deg)!important}.chapter-card small{color:#6f655d!important}.chapter-card h3{font-family:Inter,Arial,sans-serif!important;font-size:clamp(26px,3vw,41px)!important;line-height:.92!important;font-weight:950!important;letter-spacing:-.055em!important;text-transform:uppercase!important;margin:12px 0!important}.chapter-card p{font-family:"Spectral",Georgia,serif!important;font-size:14px!important;line-height:1.45!important;color:#514b46!important}.chapter.dark,.chapter.oxblood{background:#111!important;color:#fff!important}.chapter.dark .chapter-card,.chapter.oxblood .chapter-card{background:var(--sg-bone)!important;color:#111!important;border-color:#fff!important;box-shadow:7px 7px 0 var(--sg-purple)!important}.chapter.dark .chapter-head p,.chapter.oxblood .chapter-head p{color:#aaa!important}

/* photo/copy pairs */
.scene-split,.scene-split.reverse{display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:0!important;min-height:680px!important;background:#0a0a0a!important;color:#fff!important;border-top:1px solid #292929!important;border-bottom:1px solid #292929!important}.scene-split.reverse{grid-template-columns:.88fr 1.12fr!important}.scene-split-media{min-height:680px!important;background-size:cover!important;background-position:center!important;filter:saturate(1.05) contrast(1.05)!important}.scene-split-copy{padding:70px 5vw!important;justify-content:center!important}.scene-split-copy .scene-label{color:#c4b8ff!important}.scene-split-copy h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(66px,9vw,140px)!important;line-height:.7!important;font-weight:950!important;letter-spacing:-.08em!important;text-transform:uppercase!important;margin:0 0 24px!important}.scene-split-copy>p:not(.scene-label){max-width:430px!important;color:#d2d2d2!important;font-family:"Spectral",Georgia,serif!important;font-size:17px!important;line-height:1.42!important}

/* duo: deliberately uneven because that's the point */
.cine-duo{padding:82px 5vw 110px!important;background:#111!important;color:#fff!important}.cine-duo .cine-section-head h2{color:#fff!important}.cine-duo .cine-section-head p{color:#aaa!important}.duo-grid{display:grid!important;grid-template-columns:.93fr 1.07fr!important;gap:28px!important;max-width:1180px!important;margin:0 auto!important;align-items:start!important}.duo-card{position:relative!important;min-height:690px!important;overflow:hidden!important;background:#000!important;color:#fff!important;border:3px solid #fff!important;box-shadow:10px 10px 0 var(--sg-purple)!important}.duo-card:first-child{transform:rotate(-1.4deg)!important}.duo-card:last-child{margin-top:55px!important;transform:rotate(1.1deg)!important;box-shadow:10px 10px 0 var(--sg-red)!important}.duo-photo{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;filter:saturate(1.04) contrast(1.05)!important}.duo-card:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.02) 45%,rgba(0,0,0,.86) 100%)!important}.duo-copy{position:absolute!important;z-index:2!important;left:24px!important;right:24px!important;bottom:24px!important}.duo-copy small{color:#fff!important}.duo-copy h3{font-family:Inter,Arial,sans-serif!important;font-size:clamp(48px,6vw,88px)!important;line-height:.76!important;font-weight:950!important;letter-spacing:-.075em!important;text-transform:uppercase!important;margin:8px 0 10px!important}.duo-copy p{max-width:430px!important;color:#fff!important;font-family:"Spectral",Georgia,serif!important;font-size:14px!important;line-height:1.4!important}

/* page heroes */
.page-hero{position:relative!important;min-height:78svh!important;display:flex!important;align-items:flex-end!important;padding:0 5vw 5vw!important;background:#000!important;color:#fff!important;overflow:hidden!important}.page-hero-bg,.about-hero-split{position:absolute!important;inset:0!important;filter:saturate(1.05) contrast(1.07)!important}.page-hero:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(0,0,0,.88) 100%)!important}.page-hero-copy{position:relative!important;z-index:2!important;max-width:900px!important}.page-hero .scene-label{color:#fff!important}.page-hero h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(80px,13vw,190px)!important;line-height:.7!important;font-weight:950!important;letter-spacing:-.085em!important;text-transform:uppercase!important;margin:0 0 22px!important;text-shadow:4px 4px 0 rgba(109,70,255,.55)!important}.page-hero p:not(.scene-label){max-width:560px!important;color:#fff!important;font-family:"Spectral",Georgia,serif!important;font-size:18px!important;line-height:1.4!important}.about-hero-split{display:grid!important;grid-template-columns:1fr 1fr!important}.about-hero-half{min-height:78svh!important;background-size:cover!important;background-position:center!important}

/* shop: raw and readable */
.world-page .shop-tabs{position:sticky!important;top:58px!important;z-index:2000!important;display:flex!important;gap:18px!important;overflow:auto!important;padding:11px 5vw!important;background:#0a0a0a!important;border-bottom:1px solid #2a2a2a!important;font-size:10px!important;font-weight:800!important;letter-spacing:0!important;text-transform:lowercase!important}.world-page .shop-tabs a{color:#8f8f8f!important}.world-page .shop-tabs a.active{color:#fff!important;border:0!important;text-decoration:line-through!important;text-decoration-thickness:1px!important;padding:0!important}.world-page .catalog-section{padding:42px 5vw 92px!important;background:var(--sg-bone)!important;color:#111!important}.world-page .catalog-heading-row h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(45px,6vw,84px)!important;line-height:.82!important;font-weight:950!important;letter-spacing:-.07em!important;text-transform:uppercase!important}.world-page .catalog-heading-row .shop-eyebrow{font-size:13px!important;color:#544e49!important}.world-page .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px 14px!important}.world-page .catalog-card{background:transparent!important;overflow:visible!important;box-shadow:none!important}.world-page .catalog-card:hover{transform:translateY(-3px)!important;box-shadow:none!important}.world-page .catalog-card-image-wrap{background:#fff!important;border:2px solid #111!important;box-shadow:5px 5px 0 #111!important}.world-page .catalog-card-image{background:#fff!important}.world-page .catalog-meta{padding:12px 2px 0!important}.world-page .catalog-meta strong{font-family:Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:950!important;letter-spacing:-.03em!important;text-transform:uppercase!important}.world-page .catalog-meta span{font-size:9px!important;letter-spacing:0!important;text-transform:lowercase!important;color:#716861!important}.world-page .catalog-price{font-size:11px!important;font-weight:800!important}

/* last block = not an invitation, just where we are */
.cine-afterparty{min-height:520px!important;padding:70px 6vw!important;background:var(--sg-purple)!important;color:#fff!important}.cine-afterparty small{color:#fff!important}.cine-afterparty h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(65px,11vw,160px)!important;line-height:.68!important;font-weight:950!important;letter-spacing:-.085em!important;text-transform:uppercase!important;max-width:1000px!important;margin:10px 0 22px!important}.cine-afterparty p{max-width:520px!important;color:#fff!important;font-family:"Spectral",Georgia,serif!important;font-size:17px!important;line-height:1.4!important}

/* footer */
.cine-footer{padding:42px 5vw 28px!important;background:#080808!important;color:#fff!important;border-top:1px solid #292929!important}.cine-footer-logo{font-family:Inter,Arial,sans-serif!important;font-size:clamp(48px,7vw,96px)!important;font-weight:950!important;letter-spacing:-.07em!important;text-transform:uppercase!important}.cine-footer-logo span{color:var(--sg-purple)!important}.cine-footer p{color:#aaa!important;font-family:"Spectral",Georgia,serif!important;font-size:14px!important}.cine-footer-links{gap:18px!important}.cine-footer-links a{font-size:9px!important;font-weight:700!important;letter-spacing:0!important;text-transform:lowercase!important;color:#aaa!important}.cine-footer small{color:#666!important}

.brand-side-pill{display:inline-block!important;margin:0 0 10px!important;padding:5px 8px!important;border:1px solid #111!important;background:#fff!important;color:#111!important;font-size:10px!important;font-weight:900!important;letter-spacing:0!important;text-transform:lowercase!important;transform:rotate(-1deg)!important}

@media(max-width:900px){.world-page .desktop-nav{display:none!important}.cine-hero{min-height:82svh!important}.cine-hero-copy{width:100%!important;max-width:none!important;padding:0 14px 34px!important}.cine-hero h1{font-size:15vw!important;white-space:nowrap!important;max-width:100%!important;transform:none!important}.cine-hero:after{right:18px!important;top:13vh!important}.hero-note{display:none!important}.cine-section-head{grid-template-columns:1fr!important}.chapter-grid{grid-template-columns:1fr!important}.chapter-card:nth-child(n){transform:none!important}.scene-split,.scene-split.reverse{grid-template-columns:1fr!important}.scene-split-media{min-height:62svh!important}.scene-split-copy{padding:48px 22px 58px!important}.duo-grid{grid-template-columns:1fr!important;gap:26px!important}.duo-card{min-height:78svh!important}.duo-card:first-child,.duo-card:last-child{transform:none!important}.duo-card:last-child{margin-top:16px!important}.world-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 10px!important}.page-hero{min-height:72svh!important;padding:0 20px 38px!important}.page-hero h1{font-size:clamp(72px,22vw,135px)!important}.about-hero-half{min-height:72svh!important}.cine-afterparty{padding:60px 22px!important}.world-page .site-header{height:58px!important;min-height:58px!important}}
@media(max-width:560px){.world-page .catalog-grid{grid-template-columns:1fr 1fr!important}.world-page .catalog-meta{display:block!important}.world-page .catalog-price{margin-top:4px!important}.cine-hero p:not(.scene-label),.page-hero p:not(.scene-label),.scene-split-copy>p:not(.scene-label),.cine-afterparty p{font-size:16px!important}.duo-copy h3{font-size:52px!important}}


/* ===== audience-capture.css ===== */
.audience-capture{padding:clamp(72px,9vw,128px) 5vw;background:#111;color:#fff;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.audience-wrap{width:min(1100px,94vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(28px,6vw,80px);align-items:end}
.audience-copy small{display:block;margin-bottom:12px;font:900 10px/1 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b8a6ff}.audience-copy h2{margin:0 0 18px;font:950 clamp(48px,8vw,112px)/.82 Inter,Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase}.audience-copy p{max-width:660px;margin:0;font:400 clamp(16px,1.8vw,21px)/1.5 "Spectral",Georgia,serif;color:#ddd}.audience-form{display:grid;grid-template-columns:1fr auto;gap:8px}.audience-form input{min-width:0;height:58px;border:1px solid #3a3a3a;background:#080808;color:#fff;padding:0 16px;font:700 14px/1 Inter,Arial,sans-serif;outline:none}.audience-form input:focus{border-color:#8f6fff}.audience-form button{min-height:58px;border:0;background:#6d46ff;color:#fff;padding:0 20px;font:950 11px/1 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.audience-form button:disabled{opacity:.55;cursor:wait}.audience-fine{grid-column:1/-1;margin:4px 0 0;font:500 10px/1.45 Inter,Arial,sans-serif;color:#888}.audience-fine a{color:#aaa}.audience-status{grid-column:1/-1;min-height:16px;margin-top:2px;font:900 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.05em;color:#b8a6ff}.audience-status.error{color:#ff8c9a}.audience-form.joined input{border-color:#6d46ff}
@media(max-width:760px){.audience-capture{padding:72px 20px}.audience-wrap{width:100%;grid-template-columns:1fr;gap:26px}.audience-form{grid-template-columns:1fr}.audience-form button{width:100%}}


/* WordPress/WooCommerce compatibility layer */
.wp-site-blocks{padding:0!important}.wp-site-blocks>main,.wp-block-post-content{margin:0!important;max-width:none!important;padding:0!important}
body .woocommerce,body .wp-block-woocommerce-product-collection{max-width:none}
body.home .cine-shop{display:block!important}
body.home .cine-shop+.shop-tabs{display:flex!important}
body.home .catalog-section{display:block!important}
body.woocommerce-shop .side-guide{display:block!important}
body.woocommerce-shop .side-guide .chapter-grid{display:grid!important}
body.woocommerce-shop .side-guide .chapter-card{display:block!important}

/* === WordPress exact-layout correction: homepage + Woo shop === */
body.home .wp-block-post-content, body.home main.wp-block-group,
body.post-type-archive-product .wp-block-post-content,
body.woocommerce-shop .wp-block-post-content{max-width:none!important;padding:0!important}
body.home .cine-section.cine-shop{padding:76px 4vw!important}
body.home .cine-section-head{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr)!important;gap:44px!important;align-items:end!important}
body.home .cine-section-head h2{font-size:clamp(42px,7vw,94px)!important;line-height:.84!important;font-weight:900!important;letter-spacing:-.055em!important}
body.home .shop-tabs,body.woocommerce-shop .shop-tabs{position:sticky!important;top:68px!important;z-index:30!important;display:flex!important;overflow-x:auto!important}
body.home .catalog-grid,body.woocommerce-shop .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.home .side-guide .chapter-grid,body.woocommerce-shop .side-guide .chapter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.home .side-guide .chapter-card,body.woocommerce-shop .side-guide .chapter-card{display:block!important}
body.woocommerce-shop .woocommerce-products-header__title.page-title{font-size:clamp(52px,9vw,118px)!important;line-height:.8!important;font-weight:900!important;letter-spacing:-.055em!important}
@media(max-width:900px){
 body.home .cine-section.cine-shop{padding:50px 14px!important}
 body.home .cine-section-head{grid-template-columns:1fr!important;gap:20px!important}
 body.home .shop-tabs,body.woocommerce-shop .shop-tabs{top:60px!important}
 body.home .catalog-grid,body.woocommerce-shop .products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.home .side-guide .chapter-grid,body.woocommerce-shop .side-guide .chapter-grid{grid-template-columns:1fr!important}
}

/* Homepage shop visibility hard-fix */
body.home .cine-shop,
body.home .shop-tabs,
body.home #catalog,
body.home .catalog-section,
body.home .side-guide{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important}
body.home .shop-tabs{display:flex!important}
body.home #catalog .products,
body.home #catalog .wc-block-product-template,
body.home #catalog .catalog-grid{display:grid!important}

/* WordPress-managed original photography */
body.home .cine-hero-bg{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/02a2298e-2db4-4589-9779-aaad56f1901c.webp")!important}
body.home [data-cms-home-hayati]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/0a53d7a9-5cda-4560-9d29-339c85d97960-1.webp")!important}
body.home [data-cms-home-moon]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/e4b2df80-44b7-4c2b-996e-b1bd8912b526.webp")!important}
body.home [data-cms-home-sun]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/57cd1f20-59ad-4c72-be16-00af82a633dc.webp")!important}
body.home [data-cms-home-juno]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1724.jpeg")!important}
/* isolated WordPress deploy trigger */


/* Exact current-repo image placement restoration — source of truth: legacy page markup/CSS */
body.home .cine-hero-bg{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/02a2298e-2db4-4589-9779-aaad56f1901c.webp")!important}
body.home [data-cms-home-hayati]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/0a53d7a9-5cda-4560-9d29-339c85d97960-1.webp")!important}
body.home [data-cms-home-moon]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/e4b2df80-44b7-4c2b-996e-b1bd8912b526.webp")!important}
body.home [data-cms-home-sun]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/57cd1f20-59ad-4c72-be16-00af82a633dc.webp")!important}
body.home [data-cms-home-juno]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1724.jpeg")!important}

/* The Lore */
body.page-id-137 .about-hero-half[data-cms-about-moon],
body.page-id-137 [data-cms-about-moon]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_3144.jpeg")!important}
body.page-id-137 .about-hero-half[data-cms-about-sun],
body.page-id-137 [data-cms-about-sun]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_3147.jpeg")!important}

/* Links */
body.page-id-229 .hero-photo{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_6510.webp")!important}
body.page-id-229 .creator.moon:before{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/founders/moon.jpg")!important}
body.page-id-229 .creator.sun:before{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/founders/sun.jpg")!important}

/* Music */
body.page-id-135 [data-cms-music-hero]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/music/party-till-hell.jpg")!important}
body.page-id-135 [data-cms-music-merch]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/music/img_6530.webp")!important}
body.page-id-135 .hayati-hero{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.2) 55%,rgba(0,0,0,.9)),url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_0036.jpeg")!important}
body.page-id-135 .community-photo-one{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_3144.jpeg")!important}
body.page-id-135 .community-photo-two{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_3147.jpeg")!important}

/* JUNO */
body.page-id-136 .juno-campaign-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.84),rgba(7,7,7,.12)),url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1727.jpeg")!important}

/* ANEW */
body.page-id-124 .anew-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.48) 48%,rgba(0,0,0,.15) 100%),url("/wp-content/uploads/stargirls-bridge/current/assets/images/anew/anew-era.png")!important}
body.page-id-124 .anew-personal-break{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/anew/campaign.jpg")!important}

/* Shop */
body.page-id-8 [data-cms-shop-hero]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_1571.jpeg")!important}
body.page-id-8 .moon-shop-card .shop-character-photo{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_3144.jpeg")!important}
body.page-id-8 .sun-shop-card .shop-character-photo{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/img_3147.jpeg")!important}

/* HAYATI */
body.page-id-123 [data-cms-hayati-hero],
body.page-id-123 .hayati-hero-image{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/music/img_6512.webp")!important}

/* deploy exact legacy photo map */

/* page-structure restoration payload */

/* bridge-v040 page renderer deployment */

/* deploy complete current GitHub photography library */

/* final-bridge-1.0 deploy: live Woo catalog under WE MADE THISSS + full storefront verification */

/* === WooCommerce storefront normalization — 2026-09-18 ===
   The legacy catalog CSS expected custom cards. WordPress now renders native
   Woo products, so isolate and normalize them instead of inheriting legacy
   .catalog-grid/product dimensions. */
.sg-woo-live{background:#080808!important;color:#fff!important;padding:clamp(54px,7vw,96px) 4vw!important;overflow:hidden!important}
.sg-woo-live .catalog-heading-row{margin:0 0 34px!important}
.sg-woo-live .catalog-heading-row h2{color:#fff!important;font:900 clamp(48px,8vw,104px)/.82 Inter,Arial,sans-serif!important;letter-spacing:-.055em!important;text-transform:uppercase!important;margin:4px 0 16px!important}
.sg-woo-live .catalog-confidence{color:#bdbdbd!important;font:500 14px/1.4 Inter,Arial,sans-serif!important}
.sg-woo-live .woocommerce{width:100%!important;max-width:none!important}
.sg-woo-live .woocommerce ul.products,
.sg-woo-live ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,2vw,28px)!important;margin:0!important;padding:0!important;list-style:none!important}
.sg-woo-live .woocommerce ul.products:before,.sg-woo-live .woocommerce ul.products:after{display:none!important}
.sg-woo-live .woocommerce ul.products li.product,
.sg-woo-live ul.products li.product{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;color:#fff!important;position:relative!important;display:block!important}
.sg-woo-live li.product a.woocommerce-LoopProduct-link{display:block!important;color:inherit!important;text-decoration:none!important}
.sg-woo-live li.product a img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center!important;margin:0 0 14px!important;background:#f2eee8!important;max-width:none!important}
.sg-woo-live li.product .woocommerce-loop-product__title{color:#fff!important;font:900 clamp(13px,1.25vw,18px)/1.05 Inter,Arial,sans-serif!important;letter-spacing:-.02em!important;text-transform:uppercase!important;padding:0!important;margin:0 0 7px!important}
.sg-woo-live li.product .price{display:block!important;color:#fff!important;font:800 13px/1 Inter,Arial,sans-serif!important;margin:0 0 12px!important}
.sg-woo-live li.product .button{display:inline-flex!important;width:auto!important;min-width:0!important;height:auto!important;min-height:38px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:11px 14px!important;background:#fff!important;color:#080808!important;border:0!important;border-radius:0!important;font:900 10px/1 Inter,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.sg-woo-live li.product .onsale{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;z-index:2!important;margin:0!important;min-width:0!important;min-height:0!important;padding:7px 9px!important;border-radius:0!important;background:#6b46ff!important;color:#fff!important;font:900 9px/1 Inter,Arial,sans-serif!important}
@media(max-width:900px){
 .sg-woo-live{padding:54px 14px!important}
 .sg-woo-live .woocommerce ul.products,.sg-woo-live ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 10px!important}
 .sg-woo-live li.product a img{margin-bottom:10px!important}
 .sg-woo-live .catalog-confidence{font-size:12px!important}
}
/* kill legacy empty-grid whitespace and accidental WP separators around injected shop */
body.home .sg-woo-live + .catalog-section,body.home .catalog-loading{display:none!important}
body.home .wp-block-separator{margin:0!important}

/* === STARGIRLS storefront editorial layout v2 — approved mobile direction === */
body.home .cine-section.cine-shop{background:#f4efe8!important;color:#080808!important;padding:64px 18px 32px!important}
body.home .cine-section.cine-shop .cine-section-head{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;max-width:1180px!important;margin:0 auto!important}
body.home .cine-section.cine-shop .cine-section-head h2{font:950 clamp(50px,8vw,104px)/.82 Inter,Arial,sans-serif!important;letter-spacing:-.065em!important;color:#080808!important;margin:8px 0!important}
body.home .cine-section.cine-shop .cine-section-head>p{max-width:650px!important;color:#555!important}
body.home .shop-tabs{position:relative!important;top:auto!important;background:#f4efe8!important;border:0!important;padding:8px 18px 34px!important;gap:8px!important;justify-content:flex-start!important}
body.home .shop-tabs a{background:#fff!important;color:#080808!important;border:1px solid rgba(0,0,0,.12)!important;padding:12px 20px!important;min-width:88px!important;text-align:center!important}
body.home .shop-tabs a.active{background:#080808!important;color:#fff!important}
body.home .sg-woo-live{background:#f4efe8!important;color:#080808!important;padding:0 18px 76px!important}
body.home .sg-woo-live .catalog-heading-row{display:none!important}
body.home .sg-woo-live .woocommerce ul.products,body.home .sg-woo-live ul.products{max-width:1180px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px 12px!important}
body.home .sg-woo-live .woocommerce ul.products li.product,body.home .sg-woo-live ul.products li.product{color:#080808!important}
body.home .sg-woo-live li.product a img{aspect-ratio:4/5!important;object-fit:cover!important;background:#e9e4dc!important;margin:0 0 13px!important}
body.home .sg-woo-live li.product .woocommerce-loop-product__title{color:#080808!important;font-size:13px!important;letter-spacing:.01em!important;text-align:center!important}
body.home .sg-woo-live li.product .price{color:#080808!important;text-align:center!important;font:700 14px/1.2 Georgia,serif!important}
body.home .sg-woo-live li.product .button{display:flex!important;background:#080808!important;color:#fff!important;width:100%!important;margin-top:12px!important}
body.home .side-guide{background:#080808!important;color:#fff!important;padding:72px 18px!important}
body.home .side-guide .chapter-head,body.home .side-guide .chapter-grid{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){
 body.home .cine-section.cine-shop{padding:58px 18px 26px!important}
 body.home .shop-tabs{padding:6px 18px 28px!important;overflow-x:auto!important;white-space:nowrap!important}
 body.home .sg-woo-live{padding:0 18px 58px!important}
 body.home .sg-woo-live .woocommerce ul.products,body.home .sg-woo-live ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 10px!important}
 body.home .sg-woo-live li.product a img{width:100%!important;height:auto!important;aspect-ratio:4/5!important}
 body.home .sg-woo-live li.product .woocommerce-loop-product__title{font-size:12px!important}
 body.home .sg-woo-live li.product .button{font-size:9px!important;padding:12px 7px!important}
}
/* Explicitly retain the ORIGINAL GitHub photography; no generated replacement artwork. */
body.home .cine-hero-bg{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/02a2298e-2db4-4589-9779-aaad56f1901c.webp")!important}
body.home [data-cms-home-hayati]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/0a53d7a9-5cda-4560-9d29-339c85d97960-1.webp")!important}
body.home [data-cms-home-moon]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/e4b2df80-44b7-4c2b-996e-b1bd8912b526.webp")!important}
body.home [data-cms-home-sun]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/57cd1f20-59ad-4c72-be16-00af82a633dc.webp")!important}
body.home [data-cms-home-juno]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1724.jpeg")!important}

/* === CLEAN FINAL OVERRIDES 2026-09-18 === */
/* WordPress owns commerce. Legacy custom cart/loading widgets are intentionally hidden. */
body.home .cart-backdrop,body.home .cart-drawer,body.woocommerce-shop .cart-backdrop,body.woocommerce-shop .cart-drawer{display:none!important}
body.home .catalog-loading,body.woocommerce-shop .catalog-loading{display:none!important}

/* Home shop: editorial cream catalog, stable native Woo markup */
body.home .cine-section.cine-shop{background:#f4efe8!important;color:#080808!important;padding:64px 18px 24px!important}
body.home .cine-section.cine-shop .cine-section-head{max-width:1180px!important;margin:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
body.home .cine-section.cine-shop h2{font:950 clamp(50px,8vw,104px)/.82 Inter,Arial,sans-serif!important;letter-spacing:-.065em!important;color:#080808!important;margin:8px 0!important}
body.home .shop-tabs{position:relative!important;top:auto!important;display:flex!important;background:#f4efe8!important;border:0!important;padding:8px max(18px,calc((100vw - 1180px)/2)) 30px!important;gap:8px!important;overflow-x:auto!important}
body.home .shop-tabs a{flex:0 0 auto!important;background:#fff!important;color:#080808!important;border:1px solid rgba(0,0,0,.12)!important;padding:12px 20px!important;min-width:88px!important;text-align:center!important}
body.home .shop-tabs a.active{background:#080808!important;color:#fff!important}
body.home .sg-woo-live{background:#f4efe8!important;color:#080808!important;padding:0 max(18px,calc((100vw - 1180px)/2)) 72px!important;overflow:visible!important}
body.home .sg-woo-live .catalog-heading-row{display:none!important}
body.home .sg-woo-live ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px 12px!important;margin:0!important;padding:0!important}
body.home .sg-woo-live ul.products:before,body.home .sg-woo-live ul.products:after{display:none!important}
body.home .sg-woo-live ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important;color:#080808!important;min-width:0!important}
body.home .sg-woo-live li.product a img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;margin:0 0 12px!important;background:#e9e4dc!important}
body.home .sg-woo-live .woocommerce-loop-product__title{color:#080808!important;text-align:center!important;font:900 13px/1.05 Inter,Arial,sans-serif!important;padding:0!important;margin:0 0 7px!important;text-transform:uppercase!important}
body.home .sg-woo-live .price{display:block!important;color:#080808!important;text-align:center!important;font:700 14px/1.2 Georgia,serif!important;margin:0 0 10px!important}
body.home .sg-woo-live .button{display:flex!important;width:100%!important;min-height:40px!important;align-items:center!important;justify-content:center!important;background:#080808!important;color:#fff!important;border:0!important;border-radius:0!important;padding:11px 8px!important;margin:0!important;font:900 9px/1 Inter,Arial,sans-serif!important;text-transform:uppercase!important}

/* Preserve exact legacy GitHub photography */
body.home .cine-hero-bg{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/02a2298e-2db4-4589-9779-aaad56f1901c.webp")!important}
body.home [data-cms-home-hayati]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/0a53d7a9-5cda-4560-9d29-339c85d97960-1.webp")!important}
body.home [data-cms-home-moon]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/e4b2df80-44b7-4c2b-996e-b1bd8912b526.webp")!important}
body.home [data-cms-home-sun]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/57cd1f20-59ad-4c72-be16-00af82a633dc.webp")!important}
body.home [data-cms-home-juno]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1724.jpeg")!important}

/* Never display unimplemented Stardust claims from legacy static shop. */
body.woocommerce-shop .stardust-section{display:none!important}

/* Mobile: two real cards across, never compressed columns */
@media(max-width:900px){
 body.home .cine-section.cine-shop{padding:56px 18px 22px!important}
 body.home .shop-tabs{padding:6px 18px 26px!important;white-space:nowrap!important}
 body.home .sg-woo-live{padding:0 18px 56px!important}
 body.home .sg-woo-live ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 10px!important}
 body.home .sg-woo-live ul.products li.product{min-width:0!important;max-width:none!important}
 body.home .sg-woo-live li.product a img{aspect-ratio:4/5!important}
 body.home .sg-woo-live .woocommerce-loop-product__title{font-size:12px!important}
}

/* === MOBILE STOREFRONT HARD RESET — screenshot verified 2026-09-18 === */
@media(max-width:900px){
 body.home .sg-woo-live .woocommerce,
 body.home .sg-woo-live .woocommerce ul.products{width:100%!important;max-width:100%!important}
 body.home .sg-woo-live .woocommerce ul.products,
 body.home .sg-woo-live ul.products{
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   column-gap:12px!important;row-gap:28px!important;
   margin:0!important;padding:0!important;
 }
 body.home .sg-woo-live .woocommerce ul.products li.product,
 body.home .sg-woo-live ul.products li.product,
 body.home .sg-woo-live ul.products[class*=columns-] li.product{
   float:none!important;clear:none!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   margin:0!important;padding:0!important;
   display:flex!important;flex-direction:column!important;
 }
 body.home .sg-woo-live li.product a.woocommerce-LoopProduct-link{
   display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;
 }
 body.home .sg-woo-live li.product a img{
   width:100%!important;max-width:100%!important;height:auto!important;
   aspect-ratio:4/5!important;object-fit:cover!important;object-position:center!important;
 }
 body.home .sg-woo-live .woocommerce-loop-product__title{
   white-space:normal!important;overflow:visible!important;word-break:normal!important;
   overflow-wrap:break-word!important;min-height:0!important;text-align:left!important;
   font-size:12px!important;line-height:1.05!important;
 }
 body.home .sg-woo-live .price{text-align:left!important;font-size:14px!important;white-space:normal!important}
 body.home .sg-woo-live .button{margin-top:auto!important;width:100%!important;white-space:normal!important}
 body.home .side-guide{padding:64px 18px!important;overflow:hidden!important}
 body.home .side-guide .chapter-head h2{font-size:clamp(48px,14vw,72px)!important;line-height:.82!important;letter-spacing:-.065em!important;overflow-wrap:normal!important;word-break:normal!important}
 body.home .side-guide .chapter-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 body.home .side-guide .chapter-card{min-width:0!important;width:100%!important;padding:28px!important}
 body.home .side-guide .chapter-card h3{font-size:clamp(30px,9vw,48px)!important;line-height:.88!important;overflow-wrap:break-word!important}
}
/* Woo themes sometimes apply first/last-child clearing intended for floated grids. */
body.home .sg-woo-live ul.products li.product.first,
body.home .sg-woo-live ul.products li.product.last{clear:none!important}

/* === LATEST CMS SOURCE-OF-TRUTH MAPPINGS — 2026-09-18 === */
body.home .cine-hero-bg{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/02a2298e-2db4-4589-9779-aaad56f1901c.webp")!important}
body.home [data-cms-home-hayati]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/home/0a53d7a9-5cda-4560-9d29-339c85d97960-1.webp")!important}
body.home [data-cms-home-moon],.about-hero-half[data-cms-about-moon]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/e4b2df80-44b7-4c2b-996e-b1bd8912b526.webp")!important}
body.home [data-cms-home-sun],.about-hero-half[data-cms-about-sun]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/about/57cd1f20-59ad-4c72-be16-00af82a633dc.webp")!important}
body.home [data-cms-home-juno],.juno-hero-new .page-hero-bg[data-cms-juno-hero]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1724.jpeg")!important}
.page-hero [data-cms-shop-hero]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/shop/02a2298e-2db4-4589-9779-aaad56f1901c.webp")!important}
.music-hero .page-hero-bg[data-cms-music-hero]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/music/party-till-hell.jpg")!important}
[data-cms-music-merch]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/music/6c321b7b-53d6-4806-9aea-7a03a4f550fb.webp")!important}
img[data-cms-juno-product]{content:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1724.jpeg")!important}
img[data-cms-juno-detail]{content:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1725.jpeg")!important}
[data-cms-juno-mood]{background-image:url("/wp-content/uploads/stargirls-bridge/current/assets/images/juno/img_1727.jpeg")!important}

/* === MATCH LATEST LEGACY STOREFRONT GRID — native Woo equivalent === */
body.home .sg-woo-live{background:#f4efe8!important;color:#111!important;padding:36px 5vw 72px!important}
body.home .sg-woo-live .catalog-heading-row{display:block!important;margin-bottom:20px!important}
body.home .sg-woo-live .catalog-heading-row .shop-eyebrow{font-family:"Spectral",Georgia,serif!important;font-size:13px!important;font-style:italic!important;font-weight:400!important;color:#544e49!important;letter-spacing:0!important;text-transform:lowercase!important;margin:0 0 6px!important}
body.home .sg-woo-live .catalog-heading-row h2{display:block!important;font-family:Inter,Arial,sans-serif!important;font-size:clamp(45px,6vw,84px)!important;line-height:.82!important;font-weight:950!important;letter-spacing:-.07em!important;text-transform:uppercase!important;color:#111!important;margin:0!important}
body.home .sg-woo-live .catalog-confidence{display:block!important;color:#716861!important;font-size:10px!important;margin-top:12px!important}
body.home .sg-woo-live ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px 14px!important}
body.home .sg-woo-live ul.products li.product{background:transparent!important;color:#111!important}
body.home .sg-woo-live li.product a img{aspect-ratio:4/5!important;object-fit:contain!important;background:#fff!important;border:2px solid #111!important;box-shadow:5px 5px 0 #111!important;margin:0 0 14px!important}
body.home .sg-woo-live .woocommerce-loop-product__title{text-align:left!important;font-family:Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.03em!important;color:#111!important;text-transform:uppercase!important}
body.home .sg-woo-live .price{text-align:left!important;font-family:Inter,Arial,sans-serif!important;font-size:11px!important;font-weight:800!important;color:#111!important;margin-top:6px!important}
body.home .sg-woo-live .button{width:auto!important;display:inline-flex!important;background:#111!important;color:#fff!important;border:2px solid #111!important;min-height:42px!important;padding:10px 14px!important;margin-top:8px!important;font-size:9px!important;letter-spacing:.08em!important}
@media(max-width:900px){
 body.home .sg-woo-live{padding:27px 12px 58px!important}
 body.home .sg-woo-live .catalog-heading-row{display:block!important;margin-bottom:20px!important}
 body.home .sg-woo-live .catalog-heading-row h2{font-size:45px!important}
 body.home .sg-woo-live ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 10px!important}
 body.home .sg-woo-live ul.products li.product{display:block!important;width:100%!important}
 body.home .sg-woo-live li.product a img{width:100%!important;aspect-ratio:4/5!important;object-fit:contain!important}
 body.home .sg-woo-live .woocommerce-loop-product__title{font-size:15px!important;line-height:1!important}
 body.home .sg-woo-live .price{font-size:11px!important}
 body.home .sg-woo-live .button{width:100%!important;display:flex!important}
}

/* deployment nonce: 2026-09-18T17:50 storefront-grid */

/* main deploy sync 2026-09-18 */

/* LIVE MOBILE STORE CLEANUP v2 */
@media(max-width:900px){body.home .sg-woo-live{padding:30px 14px 64px!important}body.home .sg-woo-live ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important;width:100%!important;margin:0!important;padding:0!important}body.home .sg-woo-live ul.products li.product{float:none!important;clear:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:block!important}body.home .sg-woo-live li.product a img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;background:#eee!important;margin:0 0 10px!important;border:0!important;box-shadow:none!important}body.home .sg-woo-live .woocommerce-loop-product__title{font-size:13px!important;line-height:1.1!important;min-height:29px!important;margin:0!important;text-align:left!important}body.home .sg-woo-live .price{font-size:12px!important;line-height:1.2!important;margin:6px 0 0!important;text-align:left!important}body.home .sg-woo-live .button{display:flex!important;width:100%!important;min-height:40px!important;margin-top:10px!important;align-items:center!important;justify-content:center!important;font-size:9px!important}}

/* MOBILE WOO GRID EMERGENCY FIX v3 — override Woo block/theme column widths */
@media screen and (max-width:900px){
html body.home main .sg-woo-live ul.products,
html body.home main .sg-woo-live .woocommerce ul.products,
html body.page-id-122 main .sg-woo-live ul.products,
html body.page-id-122 main .sg-woo-live .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 12px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;list-style:none!important}
html body.home main .sg-woo-live ul.products li.product,
html body.home main .sg-woo-live .woocommerce ul.products li.product,
html body.page-id-122 main .sg-woo-live ul.products li.product{float:none!important;clear:none!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;position:relative!important}
html body.home main .sg-woo-live ul.products li.product a.woocommerce-LoopProduct-link{display:block!important;width:100%!important;min-width:0!important}
html body.home main .sg-woo-live ul.products li.product img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:contain!important;margin:0 0 12px!important;background:#fff!important}
html body.home main .sg-woo-live ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.05!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;letter-spacing:-.02em!important;min-height:0!important}
html body.home main .sg-woo-live ul.products li.product .price{font-size:14px!important;line-height:1.15!important;white-space:normal!important}
html body.home main .sg-woo-live ul.products li.product .button{width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;text-align:center!important;margin-top:10px!important}
}

/* MOBILE STORE FINAL GRID v4 — target actual WP homepage regardless body class */
@media(max-width:900px){
.sg-woo-live ul.products,.sg-woo-live .woocommerce ul.products{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px 14px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.sg-woo-live ul.products::before,.sg-woo-live ul.products::after{display:none!important;content:none!important}
.sg-woo-live ul.products>li.product,.sg-woo-live .woocommerce ul.products>li.product{float:none!important;clear:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;position:relative!important}
.sg-woo-live ul.products>li.product:nth-child(n){width:auto!important;margin-right:0!important;clear:none!important}
.sg-woo-live li.product>a:first-child{display:block!important;width:100%!important;min-width:0!important}
.sg-woo-live li.product img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:contain!important;background:#fff!important;margin:0 0 12px!important}
.sg-woo-live li.product .woocommerce-loop-product__title{font-size:16px!important;line-height:1.05!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;white-space:normal!important;margin:0!important}
.sg-woo-live li.product .price{font-size:15px!important;line-height:1.2!important;margin:7px 0 0!important}
.sg-woo-live li.product .button{display:flex!important;width:100%!important;min-width:0!important;min-height:44px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;margin:10px 0 0!important;padding:10px 8px!important;font-size:10px!important;line-height:1.1!important;white-space:normal!important}
}

/* MOBILE STORE SIMPLE LIST v5 — stable fallback, no grid dependency */
@media(max-width:900px){
.sg-woo-live{padding:30px 16px 60px!important;overflow:hidden!important}
.sg-woo-live .woocommerce ul.products,.sg-woo-live ul.products{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.sg-woo-live ul.products:before,.sg-woo-live ul.products:after{display:none!important;content:none!important}
.sg-woo-live .woocommerce ul.products li.product,.sg-woo-live ul.products li.product,.sg-woo-live ul.products li.product:nth-child(n){display:block!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 34px!important;padding:0!important;box-sizing:border-box!important}
.sg-woo-live ul.products li.product a.woocommerce-LoopProduct-link{display:block!important;width:100%!important}
.sg-woo-live ul.products li.product img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;max-height:520px!important;object-fit:contain!important;background:#fff!important;margin:0 0 14px!important}
.sg-woo-live ul.products li.product .woocommerce-loop-product__title{font-size:20px!important;line-height:1.05!important;letter-spacing:-.03em!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;margin:0 0 7px!important;text-align:left!important}
.sg-woo-live ul.products li.product .price{display:block!important;font-size:16px!important;line-height:1.2!important;margin:0!important;text-align:left!important}
.sg-woo-live ul.products li.product .button{display:flex!important;width:100%!important;min-height:48px!important;margin:12px 0 0!important;padding:12px!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:11px!important;line-height:1.1!important;text-align:center!important;white-space:normal!important}
}

/* ACTUAL LIVE MARKUP FIX v6 — live homepage is page-id-11 and catalog has no sg-woo-live */
@media(max-width:900px){
body.page-id-11 #catalog.catalog-section .woocommerce.columns-4 ul.products.columns-4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 14px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.page-id-11 #catalog.catalog-section .woocommerce.columns-4 ul.products.columns-4::before,body.page-id-11 #catalog.catalog-section .woocommerce.columns-4 ul.products.columns-4::after{display:none!important;content:none!important}
body.page-id-11 #catalog.catalog-section ul.products.columns-4>li.product{display:flex!important;flex-direction:column!important;float:none!important;clear:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
body.page-id-11 #catalog.catalog-section ul.products.columns-4>li.product:nth-child(n){float:none!important;clear:none!important;width:100%!important;margin-right:0!important}
body.page-id-11 #catalog.catalog-section li.product .woocommerce-LoopProductCard__link{display:block!important;width:100%!important;min-width:0!important}
body.page-id-11 #catalog.catalog-section li.product img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:contain!important;background:#fff!important;margin:0 0 12px!important}
body.page-id-11 #catalog.catalog-section li.product .woocommerce-LoopProductCard__title,body.page-id-11 #catalog.catalog-section li.product .woocommerce-loop-product__title{font-size:16px!important;line-height:1.05!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;white-space:normal!important;margin:0 0 7px!important}
body.page-id-11 #catalog.catalog-section li.product .price{font-size:15px!important;line-height:1.2!important;margin:0!important}
body.page-id-11 #catalog.catalog-section li.product .button{display:flex!important;width:100%!important;min-height:44px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;margin:10px 0 0!important;padding:10px!important;white-space:normal!important}
}


/* 2026-09-19 — live WooCommerce mobile catalog repair.
   Keep this LAST: older restore rules above contain competing product-grid overrides. */
@media (max-width: 767px){
 body.page-id-11 #catalog.catalog-section{padding:34px 16px 58px!important;background:#f4efe8!important}
 body.page-id-11 #catalog.catalog-section .woocommerce,
 body.page-id-11 #catalog.catalog-section .woocommerce.columns-4{width:100%!important;max-width:100%!important}
 body.page-id-11 #catalog.catalog-section .woocommerce ul.products,
 body.page-id-11 #catalog.catalog-section .woocommerce.columns-4 ul.products.columns-4{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:30px!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;
 }
 body.page-id-11 #catalog.catalog-section ul.products>li.product,
 body.page-id-11 #catalog.catalog-section ul.products.columns-4>li.product,
 body.page-id-11 #catalog.catalog-section ul.products[class*=columns-]>li.product{
  float:none!important;clear:none!important;
  display:flex!important;flex-direction:column!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
 }
 body.page-id-11 #catalog.catalog-section li.product a.woocommerce-LoopProduct-link,
 body.page-id-11 #catalog.catalog-section li.product a.woocommerce-loop-product__link,
 body.page-id-11 #catalog.catalog-section li.product a.woocommerce-LoopProductCard__link{
  display:block!important;width:100%!important;min-width:0!important;
 }
 body.page-id-11 #catalog.catalog-section li.product img{
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;aspect-ratio:4/5!important;object-fit:contain!important;
  background:#fff!important;margin:0 0 11px!important;
 }
 body.page-id-11 #catalog.catalog-section li.product .woocommerce-loop-product__title,
 body.page-id-11 #catalog.catalog-section li.product .woocommerce-LoopProductCard__title{
  font-size:14px!important;line-height:1.05!important;
  min-height:0!important;margin:0 0 7px!important;padding:0!important;
  word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
 }
 body.page-id-11 #catalog.catalog-section li.product .price{
  display:block!important;font-size:14px!important;line-height:1.15!important;
  margin:0!important;padding:0!important;white-space:normal!important;
 }
 body.page-id-11 #catalog.catalog-section li.product .button,
 body.page-id-11 #catalog.catalog-section li.product a.button{
  display:flex!important;width:100%!important;min-width:0!important;
  min-height:42px!important;margin:10px 0 0!important;padding:10px 6px!important;
  align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;font-size:10px!important;line-height:1.05!important;
  text-align:center!important;white-space:normal!important;
 }
}


/* SG HOME SHOP CANONICAL — do not add competing home product rules below this block. */
#stargirls-home-shop-live{width:100%!important;max-width:100%!important;overflow:hidden!important;background:#f4efe8!important;color:#111!important}
#stargirls-home-shop-live .catalog-section{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:#f4efe8!important}
#stargirls-home-shop-live .woocommerce{display:block!important;width:100%!important;max-width:1180px!important;margin:0 auto!important}
#stargirls-home-shop-live .woocommerce ul.products,
#stargirls-home-shop-live ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px 14px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
#stargirls-home-shop-live ul.products::before,#stargirls-home-shop-live ul.products::after{display:none!important;content:none!important}
#stargirls-home-shop-live ul.products>li.product,
#stargirls-home-shop-live ul.products[class*=columns-]>li.product{float:none!important;clear:none!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
#stargirls-home-shop-live li.product a.woocommerce-LoopProduct-link,
#stargirls-home-shop-live li.product a.woocommerce-loop-product__link{display:block!important;width:100%!important;min-width:0!important}
#stargirls-home-shop-live li.product img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/5!important;object-fit:contain!important;background:#fff!important;margin:0 0 12px!important}
#stargirls-home-shop-live li.product .woocommerce-loop-product__title{font:900 14px/1.08 Inter,Arial,sans-serif!important;color:#111!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:-.02em!important;margin:0 0 7px!important;padding:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
#stargirls-home-shop-live li.product .price{display:block!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;color:#111!important;text-align:left!important;margin:0!important;white-space:normal!important}
#stargirls-home-shop-live li.product .button{display:flex!important;width:100%!important;min-width:0!important;min-height:42px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;margin:10px 0 0!important;padding:10px 8px!important;background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;font:900 10px/1.1 Inter,Arial,sans-serif!important;text-align:center!important;white-space:normal!important}
@media(max-width:767px){
 #stargirls-home-shop-live .cine-shop{padding:48px 16px 22px!important}
 #stargirls-home-shop-live .shop-tabs{display:flex!important;gap:8px!important;padding:10px 16px 24px!important;overflow-x:auto!important;white-space:nowrap!important;background:#f4efe8!important}
 #stargirls-home-shop-live .shop-tabs a{flex:0 0 auto!important;min-width:72px!important;padding:11px 14px!important}
 #stargirls-home-shop-live .catalog-section{padding:28px 16px 58px!important}
 #stargirls-home-shop-live .catalog-heading-row{display:block!important;margin:0 0 22px!important}
 #stargirls-home-shop-live .catalog-heading-row h2{font-size:46px!important;line-height:.86!important}
 #stargirls-home-shop-live .woocommerce ul.products,
 #stargirls-home-shop-live ul.products{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px 12px!important}
 #stargirls-home-shop-live ul.products>li.product,
 #stargirls-home-shop-live ul.products[class*=columns-]>li.product{float:none!important;clear:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
 #stargirls-home-shop-live li.product img{width:100%!important;aspect-ratio:4/5!important;object-fit:contain!important;margin-bottom:10px!important}
 #stargirls-home-shop-live li.product .woocommerce-loop-product__title{font-size:13px!important;line-height:1.08!important}
 #stargirls-home-shop-live li.product .price{font-size:13px!important}
 #stargirls-home-shop-live li.product .button{min-height:42px!important;font-size:9px!important;padding:10px 5px!important}
}


/* Emergency mobile storefront reset: use touch capability instead of viewport width.
   This deliberately bypasses the site's conflicting legacy breakpoints. */
@media (pointer:coarse){
 html body #stargirls-home-shop-live .woocommerce ul.products,
 html body #stargirls-home-shop-live ul.products,
 html body.home .woocommerce ul.products,
 html body.home ul.products,
 html body .catalog-section .woocommerce ul.products,
 html body .catalog-section ul.products{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:28px 14px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
 }
 html body #stargirls-home-shop-live ul.products::before,
 html body #stargirls-home-shop-live ul.products::after,
 html body.home ul.products::before,
 html body.home ul.products::after{display:none!important;content:none!important}
 html body #stargirls-home-shop-live ul.products>li.product,
 html body.home ul.products>li.product,
 html body .catalog-section ul.products>li.product{
  float:none!important;
  clear:none!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
 }
 html body #stargirls-home-shop-live li.product img,
 html body.home ul.products li.product img,
 html body .catalog-section ul.products li.product img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  object-fit:contain!important;
  background:#fff!important;
  margin:0 0 10px!important;
 }
 html body #stargirls-home-shop-live li.product .woocommerce-loop-product__title,
 html body.home ul.products li.product .woocommerce-loop-product__title,
 html body .catalog-section ul.products li.product .woocommerce-loop-product__title{
  font-size:15px!important;
  line-height:1.08!important;
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
 }
 html body #stargirls-home-shop-live li.product .price,
 html body.home ul.products li.product .price,
 html body .catalog-section ul.products li.product .price{
  display:block!important;
  font-size:14px!important;
  line-height:1.2!important;
  margin:0!important;
  white-space:normal!important;
 }
 html body #stargirls-home-shop-live li.product .button,
 html body.home ul.products li.product .button,
 html body .catalog-section ul.products li.product .button{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  margin:10px 0 0!important;
  padding:10px 7px!important;
  font-size:10px!important;
  line-height:1.1!important;
  white-space:normal!important;
  text-align:center!important;
 }
}


/* STORE RESET v7 — verified against live DOM 2026-09-18.
   The live section itself was computing as a 4-column grid. Reset the container
   AND the WooCommerce list; do not depend on a mobile media query. */
html body section#catalog.catalog-section.sg-woo-live{
 display:block!important;
 grid-template-columns:none!important;
 columns:auto!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 box-sizing:border-box!important;
 overflow:hidden!important;
}
html body section#catalog.catalog-section.sg-woo-live>.catalog-heading-row,
html body section#catalog.catalog-section.sg-woo-live>.woocommerce{
 display:block!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 grid-column:auto!important;
 box-sizing:border-box!important;
}
html body section#catalog.catalog-section.sg-woo-live>.woocommerce>ul.products.columns-4{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-auto-flow:row!important;
 columns:auto!important;
 gap:28px 14px!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
html body section#catalog.catalog-section.sg-woo-live>.woocommerce>ul.products.columns-4::before,
html body section#catalog.catalog-section.sg-woo-live>.woocommerce>ul.products.columns-4::after{display:none!important;content:none!important}
html body section#catalog.catalog-section.sg-woo-live>.woocommerce>ul.products.columns-4>li.product{
 float:none!important;
 clear:none!important;
 display:flex!important;
 flex-direction:column!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
html body section#catalog.catalog-section.sg-woo-live li.product img{
 display:block!important;
 width:100%!important;
 max-width:100%!important;
 height:auto!important;
 aspect-ratio:1/1!important;
 object-fit:contain!important;
 background:#fff!important;
 margin:0 0 10px!important;
}
html body section#catalog.catalog-section.sg-woo-live li.product .woocommerce-loop-product__title{
 font-size:15px!important;
 line-height:1.08!important;
 margin:0 0 7px!important;
 padding:0!important;
 white-space:normal!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
 hyphens:none!important;
}
html body section#catalog.catalog-section.sg-woo-live li.product .price{display:block!important;font-size:14px!important;line-height:1.2!important;margin:0!important}
html body section#catalog.catalog-section.sg-woo-live li.product .button{display:flex!important;width:100%!important;min-height:44px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;margin:10px 0 0!important;padding:10px 7px!important;font-size:10px!important;line-height:1.1!important;text-align:center!important;white-space:normal!important}


/* FRESH SHOP v1 — completely separate presentation layer.
   JS below clones the live WooCommerce list into this clean section and hides the legacy catalog. */
#sg-fresh-shop{display:none}
html.sg-fresh-shop-ready #catalog.sg-woo-live{display:none!important}
html.sg-fresh-shop-ready #sg-fresh-shop{
 display:block!important;background:#f4efe8!important;color:#111!important;
 padding:52px 5vw 72px!important;width:100%!important;max-width:none!important;
 box-sizing:border-box!important;overflow:hidden!important
}
#sg-fresh-shop .sg-fresh-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 28px}
#sg-fresh-shop .sg-fresh-kicker{margin:0 0 7px;font:italic 14px/1.2 Spectral,Georgia,serif}
#sg-fresh-shop h2{margin:0;font:950 clamp(52px,8vw,104px)/.76 Inter,Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase}
#sg-fresh-shop .sg-fresh-note{margin:0 0 4px;font:500 13px/1.4 Spectral,Georgia,serif;color:#625b54}
#sg-fresh-shop .sg-fresh-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:36px 16px!important;margin:0!important;padding:0!important;list-style:none!important;width:100%!important}
#sg-fresh-shop .sg-fresh-grid::before,#sg-fresh-shop .sg-fresh-grid::after{display:none!important;content:none!important}
#sg-fresh-shop .sg-fresh-card{display:flex!important;flex-direction:column!important;float:none!important;clear:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
#sg-fresh-shop .sg-fresh-card>a:first-child{display:block!important;width:100%!important;color:#111!important;text-decoration:none!important}
#sg-fresh-shop .sg-fresh-card img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;background:#fff!important;margin:0 0 12px!important}
#sg-fresh-shop .sg-fresh-card .woocommerce-loop-product__title{margin:0 0 7px!important;padding:0!important;font:900 15px/1.08 Inter,Arial,sans-serif!important;letter-spacing:-.025em!important;color:#111!important;text-transform:none!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
#sg-fresh-shop .sg-fresh-card .price{display:block!important;margin:0!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;color:#111!important}
#sg-fresh-shop .sg-fresh-card>a.button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;margin:12px 0 0!important;padding:11px 8px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:#111!important;color:#fff!important;font:900 10px/1.1 Inter,Arial,sans-serif!important;text-transform:uppercase!important;text-align:center!important;text-decoration:none!important;white-space:normal!important}
#sg-fresh-shop .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:767px){
 html.sg-fresh-shop-ready #sg-fresh-shop{padding:38px 16px 64px!important}
 #sg-fresh-shop .sg-fresh-head{display:block!important;margin-bottom:22px!important}
 #sg-fresh-shop h2{font-size:52px!important;line-height:.8!important}
 #sg-fresh-shop .sg-fresh-note{margin-top:12px!important}
 #sg-fresh-shop .sg-fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 12px!important}
 #sg-fresh-shop .sg-fresh-card img{margin-bottom:10px!important}
 #sg-fresh-shop .sg-fresh-card .woocommerce-loop-product__title{font-size:14px!important}
 #sg-fresh-shop .sg-fresh-card .price{font-size:13px!important}
 #sg-fresh-shop .sg-fresh-card>a.button{min-height:44px!important;margin-top:10px!important;font-size:9px!important;padding:10px 5px!important}
}


/* HARD REPLACEMENT SHOP v1 — the old section is visually replaced in place.
   No legacy grid survives: catalog children are normalized and product list rebuilt. */
html body section#catalog.catalog-section.sg-woo-live{
 all:unset!important;
 display:block!important;
 width:100%!important;
 box-sizing:border-box!important;
 padding:48px 5vw 72px!important;
 background:#f4efe8!important;
 color:#111!important;
 font-family:Inter,Arial,sans-serif!important;
}
html body section#catalog.sg-woo-live .catalog-heading-row{
 all:unset!important;display:block!important;width:100%!important;margin:0 0 28px!important;box-sizing:border-box!important
}
html body section#catalog.sg-woo-live .shop-eyebrow{display:block!important;margin:0 0 8px!important;font:italic 14px/1.2 Spectral,Georgia,serif!important}
html body section#catalog.sg-woo-live .catalog-heading-row h2{display:block!important;margin:0!important;padding:0!important;font:950 72px/.8 Inter,Arial,sans-serif!important;letter-spacing:-.07em!important;color:#111!important}
html body section#catalog.sg-woo-live .catalog-confidence{display:block!important;margin:12px 0 0!important;font:500 12px/1.3 Spectral,Georgia,serif!important;color:#625b54!important}
html body section#catalog.sg-woo-live .woocommerce.columns-4{
 all:unset!important;display:block!important;width:100%!important;box-sizing:border-box!important
}
html body section#catalog.sg-woo-live .woocommerce.columns-4>ul.products.columns-4{
 all:unset!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:36px 16px!important;
 width:100%!important;
 box-sizing:border-box!important;
 list-style:none!important;
}
html body section#catalog.sg-woo-live .woocommerce.columns-4>ul.products.columns-4::before,
html body section#catalog.sg-woo-live .woocommerce.columns-4>ul.products.columns-4::after{display:none!important;content:none!important}
html body section#catalog.sg-woo-live .woocommerce.columns-4>ul.products.columns-4>li.product{
 all:unset!important;
 display:flex!important;
 flex-direction:column!important;
 width:100%!important;
 min-width:0!important;
 box-sizing:border-box!important;
 font-family:Inter,Arial,sans-serif!important;
 color:#111!important;
}
html body section#catalog.sg-woo-live li.product>a.woocommerce-loop-product__link{display:block!important;width:100%!important;color:#111!important;text-decoration:none!important}
html body section#catalog.sg-woo-live li.product img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;background:#fff!important;margin:0 0 11px!important;padding:0!important}
html body section#catalog.sg-woo-live li.product .woocommerce-loop-product__title{display:block!important;margin:0 0 7px!important;padding:0!important;font:900 15px/1.08 Inter,Arial,sans-serif!important;letter-spacing:-.025em!important;color:#111!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
html body section#catalog.sg-woo-live li.product .price{display:block!important;margin:0!important;padding:0!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;color:#111!important}
html body section#catalog.sg-woo-live li.product>a.button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;margin:10px 0 0!important;padding:10px 7px!important;box-sizing:border-box!important;background:#111!important;color:#fff!important;border:0!important;border-radius:0!important;font:900 10px/1.1 Inter,Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important;white-space:normal!important}
@media(max-width:767px){
 html body section#catalog.catalog-section.sg-woo-live{padding:38px 16px 64px!important}
 html body section#catalog.sg-woo-live .catalog-heading-row{margin-bottom:22px!important}
 html body section#catalog.sg-woo-live .catalog-heading-row h2{font-size:52px!important}
 html body section#catalog.sg-woo-live .woocommerce.columns-4>ul.products.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 12px!important}
 html body section#catalog.sg-woo-live li.product .woocommerce-loop-product__title{font-size:14px!important}
 html body section#catalog.sg-woo-live li.product .price{font-size:13px!important}
}
