/* The public home remains a concise link-in-bio; the longer stories live on opt-in pages. */
html[data-jjx-page="home"] main > section:not(.hero):not(.intro-strip):not(.links-section),
html[data-jjx-page="my-world"] main > section:not(.about-section):not(.behind-section):not(.woman-section),
html[data-jjx-page="creative"] main > section:not(.portfolio-section):not(.collaboration-section) {
  display: none !important;
}

html:not([data-jjx-page="home"]) .page-paths { display: none !important; }

.desktop-nav a[aria-current="page"],
.mobile-nav a[aria-current="page"] {
  color: #f9ceef;
  box-shadow: inset 0 -2px 0 rgba(238, 130, 219, .7);
}

.page-paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 0 clamp(24px, 8.4vw, 145px) 74px;
  background: #0e0916;
}
.page-paths a {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  min-height: 116px;
  padding: 23px 26px;
  border: 1px solid rgba(206, 124, 225, .36);
  background: linear-gradient(140deg, rgba(74, 30, 98, .48), rgba(26, 12, 36, .76));
  color: #f5e1f5;
  transition: border-color .2s, transform .2s;
}
.page-paths a:hover { border-color: #e480d6; transform: translateY(-2px); }
.page-paths small { display:block; margin-bottom:9px; letter-spacing:.14em; font-size:10px; color:#cb9fda; }
.page-paths strong { font-family: 'Italiana', Georgia, serif; font-weight:400; font-size:32px; }
.page-paths .page-path-arrow {font-size:24px; color:#f29be5;}

/* Four purposeful categories: fellow adult creators first, then brands. */
.collaboration-types { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.collaboration-type--featured { background: rgba(108, 42, 122, .13); }
.collaboration-type--featured h3 { color: #f4d7f6; }

@media (max-width: 850px) {
  .collaboration-types { grid-template-columns: 1fr; }
}
@media (max-width: 550px) {
  .page-paths { grid-template-columns: 1fr; gap: 11px; padding: 0 24px 54px; }
  .page-paths a { min-height: 92px; padding: 18px 21px; }
  .page-paths strong { font-size: 29px; }
}

/* One visible page heading on each interior route, without changing the editorial typography. */
.about-copy h1 {
  font-size:clamp(52px,5.7vw,83px);
  line-height:1;
  letter-spacing:-.045em;
  white-space:normal;
  margin:0;
}
.about-copy h1 em { color:#d79df6; }
.collaboration-copy h1 {
  font-size:clamp(56px,6.6vw,100px);
  line-height:.99;
  letter-spacing:-.045em;
  white-space:normal;
  margin:0;
}
.collaboration-copy h1 em { color:#e0a5f7; }

/* Small legal links still need a comfortable finger-sized target. */
.footer-bottom button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:10px 8px;
}

@media (max-width:550px) {
  .about-copy h1 { font-size:60px; }
  .collaboration-copy h1 { font-size:clamp(53px,12vw,68px); }
  .footer-bottom>div { gap:12px; }
}

/* Mobile refinements: preserve JessycaJX's colors and typefaces while making
   public links quicker to reach and small editorial labels easier to read. */
@media (max-width:550px) {
  .hero-copy { padding-top:51px; padding-bottom:48px; }
  .hero-copy > p { line-height:1.75; margin-bottom:25px; }
  /* A video-free intro stays short; active 9:16 clips keep their full frame. */
  .hero-art { height:325px; }
  .hero-art.has-video { height:auto; aspect-ratio:9 / 16; }
  .hero-art.has-video .art-video video { object-fit:contain; object-position:center; }
  .hero-bottom { padding-top:17px; padding-bottom:17px; }
  .intro-strip { padding-top:20px; padding-bottom:20px; }
  .links-section.section-pad { padding-top:47px; }
  .links-section .section-heading-row { padding-top:34px; padding-bottom:28px; }
  .social-card { min-height:151px; padding:22px; }
  .eyebrow, .section-topline, .small-label, .private-badge,
  .private-footnote, .about-ticket, .behind-visual-caption {
    font-size:10px;
    line-height:1.65;
  }
  .woman-image-caption { font-size:9px; }
}