#obscenicaLanding {
  position: relative;
  display: block;
  width: 100vw;
  max-width: none !important;
  min-height: 100vh;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: hidden;
  isolation: isolate;
}
.obscenica-landing {
  --yellow: #ffde17;
  --ink: #000000;
  --muted-ink: rgba(0, 0, 0, 0.75);
  --pink: #ee3a80;
  --blue: #185fad;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background: #ffde17;
  overflow-x: hidden;
}

.obscenica-landing,
.obscenica-landing * {
  box-sizing: border-box;
}

.obscenica-landing {
  min-height: 100%;
}

.obscenica-landing {
  margin: 0;
  background: var(--yellow);
  color: var(--ink);
  font-family: "Trade Gothic LT Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Impact, sans-serif;
  text-transform: uppercase;
  overflow-x: hidden;
}

.obscenica-landing a {
  color: inherit;
  text-decoration: none;
}

.obscenica-landing img {
  max-width: 100%;
  height: auto;
}

.obscenica-hero,
.obscenica-slide {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
}

.obscenica-hero {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0 0 / 12.5vw 100%,
    var(--yellow);
}

.obscenica-hero-top {
  position: absolute;
  top: 2.2vh;
  left: 3.5vw;
  right: 3.5vw;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(130px, 0.5fr) auto 1fr;
  align-items: center;
  gap: clamp(12px, 2vw, 36px);
  min-height: 42px;
  font-size: 0.96rem;
  font-weight: 900;
}

.obscenica-brand,
.obscenica-nav a,
.obscenica-status-badge {
  line-height: 1;
}

.obscenica-brand {
  font-size: 1.4rem;
}

.obscenica-status-badge {
  justify-self: start;
  padding: 10px 14px 9px;
  border: 2px solid var(--ink);
  border-radius: 999px;
  background: var(--ink);
  color: var(--yellow);
  font-size: 0.82rem;
  white-space: nowrap;
}

.obscenica-nav-toggle {
  display: none;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 2px solid var(--ink);
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.obscenica-nav-toggle-line {
  display: block;
  width: 20px;
  height: 2px;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

.obscenica-landing.obscenica-nav-open .obscenica-nav-toggle-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.obscenica-landing.obscenica-nav-open .obscenica-nav-toggle-line:nth-child(2) {
  opacity: 0;
}

.obscenica-landing.obscenica-nav-open .obscenica-nav-toggle-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.obscenica-nav {
  display: flex;
  justify-content: flex-end;
  gap: clamp(14px, 2.4vw, 44px);
}

.obscenica-nav a {
  position: relative;
}

.obscenica-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.35em;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease;
}

.obscenica-nav a:hover::after,
.obscenica-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.obscenica-hero-content {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
}

.obscenica-hero-text {
  position: absolute;
  left: 3.5vw;
  top: 50%;
  transform: translateY(-47%);
  width: 52vw;
  max-width: 52vw;
  z-index: 10;
}

.obscenica-eyebrow,
.obscenica-subtitle,
.obscenica-authors,
.obscenica-description,
.obscenica-price-block p {
  margin: 0;
}

.obscenica-eyebrow {
  margin-bottom: 22px;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1;
}

.obscenica-title {
  position: relative;
  display: inline-block;
  margin: 0;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", "Impact", sans-serif;
  font-weight: 900;
  font-stretch: condensed;
  color: var(--pink);
  font-size: clamp(120px, 12.5vw, 230px);
  line-height: 0.78;
  letter-spacing: -0.045em;
  max-width: 52vw;
  animation: obscenicaTitleFloat 7.4s ease-in-out infinite alternate;
}

.obscenica-subtitle {
  max-width: 44vw;
  margin-top: 40px;
  font-size: clamp(2.1rem, 3.7vw, 4rem);
  font-weight: 900;
  line-height: 0.9;
}

.obscenica-authors {
  max-width: 40vw;
  margin-top: 38px;
  padding-top: 20px;
  border-top: 4px solid var(--ink);
  font-size: clamp(0.95rem, 1.18vw, 1.2rem);
  font-weight: 900;
  line-height: 1.08;
}

.obscenica-description {
  max-width: 34vw;
  margin-top: 24px;
  color: var(--muted-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(0.82rem, 0.9vw, 0.95rem);
  font-weight: 800;
  line-height: 1.4;
  text-transform: none;
}

.obscenica-hero-promo {
  margin-top: 24px;
  max-width: min(100%, 390px);
}

.obscenica-arcade-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  max-width: 100%;
  padding: 15px 24px 14px;
  border: 3px solid var(--ink);
  border-radius: 999px;
  background: var(--pink);
  color: var(--yellow);
  font-size: clamp(0.94rem, 1vw, 1.08rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.015em;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 8px 8px 0 var(--ink);
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
}

.obscenica-arcade-cta:hover,
.obscenica-arcade-cta:focus-visible {
  background: #ff4f96;
  color: var(--yellow);
  box-shadow: 11px 11px 0 var(--ink);
  transform: translate(-3px, -3px);
}

.obscenica-banana-wrap {
  position: absolute;
  right: 10vw;
  top: 50%;
  width: clamp(520px, 40vw, 760px);
  transform: translateY(-45%);
  z-index: 2;
}

.obscenica-banana-wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2%;
  width: 72%;
  height: 22px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.24);
  filter: blur(10px);
  transform: translateX(-50%);
}

.obscenica-banana-float {
  width: 100%;
  animation: obscenicaFloatBanana 6.8s ease-in-out infinite alternate;
}

.obscenica-banana-img {
  display: block;
  width: 100%;
  max-height: 82vh;
  object-fit: contain;
  transform: translate3d(0, 0, 0) rotate(0deg);
  transform-origin: center center;
  will-change: transform, filter;
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.2));
}

.obscenica-step-menu {
  position: absolute;
  right: 4.5vw;
  top: 50%;
  transform: translateY(-38%);
  width: 130px;
  z-index: 12;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.obscenica-step-menu::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: currentColor;
}

.obscenica-step-item {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  column-gap: 10px;
  min-height: 38px;
  color: var(--ink);
}

.obscenica-step-dot {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  background: transparent;
}

.obscenica-step-text {
  display: grid;
  gap: 2px;
  line-height: 1;
}

.obscenica-step-num {
  font-size: 0.82rem;
  font-weight: 900;
}

.obscenica-step-name {
  font-size: 0.74rem;
  font-weight: 900;
}

.obscenica-step-item.obscenica-is-active .obscenica-step-dot {
  border-color: var(--pink);
}

.obscenica-step-item.obscenica-is-active .obscenica-step-dot::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(238, 58, 128, 0.45);
  border-radius: 50%;
}

.obscenica-step-item.obscenica-is-active .obscenica-step-num,
.obscenica-step-item.obscenica-is-active .obscenica-step-name {
  color: var(--pink);
}

.obscenica-poster-note {
  position: absolute;
  right: 5vw;
  bottom: 6vh;
  z-index: 11;
  display: grid;
  gap: 5px;
  min-width: 210px;
  padding: 16px 18px 14px;
  border: 4px solid var(--pink);
  background: rgba(255, 222, 23, 0.92);
  color: var(--ink);
  font-size: 1.42rem;
  font-weight: 900;
  line-height: 0.92;
  transform: rotate(3deg);
}

.obscenica-poster-note span {
  display: block;
}

.obscenica-hero-bottom {
  position: static;
}

.obscenica-cta {
  position: absolute;
  left: 3.5vw;
  bottom: 5.5vh;
  z-index: 15;
  width: 165px;
  height: 165px;
  border: 0;
  border-radius: 50%;
  background: var(--pink);
  color: var(--ink);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.02em;
  padding: 18px;
  box-sizing: border-box;
  white-space: normal;
  overflow: hidden;
  word-break: normal;
  text-decoration: none !important;
  box-shadow: none;
  text-shadow: none;
}

.obscenica-cta span {
  display: block;
}

.obscenica-cta span:last-child {
  font-size: 24px;
  line-height: 1;
}

.obscenica-price-separator {
  position: absolute;
  left: calc(3.5vw + 195px);
  bottom: 6.2vh;
  z-index: 15;
  width: 1px;
  height: 118px;
  background: var(--ink);
}

.obscenica-price-block {
  position: absolute;
  left: calc(3.5vw + 230px);
  bottom: 6.7vh;
  z-index: 15;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 900;
}

.obscenica-price-block p {
  font-size: 1.06rem;
}

.obscenica-price-block strong {
  display: block;
  font-size: clamp(54px, 4.8vw, 88px);
  line-height: 0.9;
  margin-bottom: 8px;
}

.obscenica-price-block p:last-child {
  display: block;
  line-height: 1.05;
  max-width: 320px;
}

.obscenica-opera {
  position: relative;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  background: #7f3f98;
  color: var(--yellow);
  display: grid;
  grid-template-columns: 42vw 46vw 110px;
  column-gap: 2vw;
  align-items: center;
  padding: 0 4vw;
  box-sizing: border-box;
  isolation: isolate;
}

.obscenica-opera-intro {
  position: absolute;
  left: 4.5vw;
  top: 8vh;
  max-width: 40vw;
  margin: 0;
  z-index: 8;
  color: var(--yellow);
  font-size: clamp(16px, 1.05vw, 22px);
  font-weight: 800;
  line-height: 1.15;
  text-transform: none;
}

.obscenica-opera-image-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.obscenica-opera-image-wrap {
  position: absolute;
  left: -2vw;
  bottom: -2vh;
  width: clamp(820px, 62vw, 1180px);
  z-index: 2;
  pointer-events: none;
  animation: obscenicaFloatFlower 8.2s ease-in-out infinite alternate;
}

.obscenica-opera-image {
  width: 100%;
  height: auto;
  display: block;
  max-width: none;
  object-fit: contain;
  image-rendering: auto;
  transform: translate3d(0, 0, 0) rotate(0deg);
  transform-origin: center bottom;
  will-change: transform, filter;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.22));
}

.obscenica-is-floating {
  will-change: transform;
}

.obscenica-is-parallax,
.obscenica-is-scroll-reactive {
  will-change: transform, filter;
  backface-visibility: hidden;
}

.obscenica-is-hover-reactive {
  transition: filter 320ms ease;
}

.obscenica-opera-plus {
  position: absolute;
  left: calc(4vw + 44vw);
  top: 14vh;
  z-index: 12;
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 50%;
  background: var(--pink);
  color: var(--ink);
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.obscenica-opera-plus-label {
  position: absolute;
  left: calc(4vw + 44vw + 68px);
  top: calc(14vh + 20px);
  z-index: 12;
  color: var(--yellow);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 1;
}

.obscenica-opera-quote {
  grid-column: 2 / 3;
  justify-self: start;
  align-self: center;
  position: relative;
  z-index: 8;
  margin: 0;
  max-width: 45vw;
  color: var(--yellow);
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Arial Narrow", "Impact", sans-serif;
  font-size: clamp(76px, 6.6vw, 132px);
  font-weight: 900;
  line-height: 0.98;
  overflow-wrap: normal;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  margin-top: 3vh;
}

.obscenica-opera-quote-dot {
  color: var(--pink);
}

.obscenica-opera .obscenica-steps {
  grid-column: 3 / 4;
  position: relative;
  justify-self: end;
  align-self: center;
  right: auto;
  top: auto;
  transform: none;
  z-index: 10;
  width: 115px;
  color: var(--yellow);
}

.obscenica-opera .obscenica-steps::before {
  background: var(--yellow);
}

.obscenica-opera .obscenica-steps .obscenica-step-item {
  color: var(--yellow);
}

.obscenica-opera .obscenica-steps .obscenica-step-dot {
  border-color: var(--yellow);
  background: transparent;
}

.obscenica-opera .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-dot {
  border-color: var(--pink);
}

.obscenica-opera .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-num,
.obscenica-opera .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-name {
  color: var(--pink);
}

.obscenica-opera-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
}

.obscenica-opera-modal.obscenica-is-open {
  display: flex;
}

.obscenica-opera-modal-circle {
  position: relative;
  width: clamp(360px, 36vw, 560px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--pink);
  color: var(--ink);
  box-sizing: border-box;
  padding: clamp(54px, 5vw, 82px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  transform: scale(0.92);
  opacity: 0;
  transition: transform .28s ease, opacity .28s ease;
}

.obscenica-opera-modal.obscenica-is-open .obscenica-opera-modal-circle {
  transform: scale(1);
  opacity: 1;
}

.obscenica-opera-modal-close {
  position: absolute;
  top: 28px;
  right: 38px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

.obscenica-opera-modal-circle h3 {
  margin: 0 0 22px 0;
  font-size: clamp(34px, 3vw, 54px);
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-weight: 900;
}

.obscenica-opera-modal-circle p {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: clamp(15px, 1vw, 18px);
  line-height: 1.25;
  font-weight: 700;
  max-width: 100%;
  text-transform: none;
}

.obscenica-reveal {
  opacity: 1;
  transform: none;
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal {
  opacity: 0;
  transition: opacity 500ms ease, transform 600ms ease;
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-left {
  transform: translate3d(-36px, 0, 0);
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-right {
  transform: translate3d(36px, 0, 0);
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-up {
  transform: translate3d(0, 36px, 0);
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-pop {
  transform: scale(0.88);
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal.obscenica-is-visible {
  opacity: 1;
  transform: none;
}

@keyframes obscenicaFloatBanana {
  0% {
    transform: translate3d(-2px, 0, 0) rotate(-1.2deg) scale(1);
  }

  28% {
    transform: translate3d(10px, -14px, 0) rotate(1.5deg) scale(1.012);
  }

  54% {
    transform: translate3d(-8px, -8px, 0) rotate(-1deg) scale(1.006);
  }

  78% {
    transform: translate3d(7px, -16px, 0) rotate(1.2deg) scale(1.015);
  }

  100% {
    transform: translate3d(-4px, -3px, 0) rotate(-1.1deg) scale(1.005);
  }
}

@keyframes obscenicaFloatFlower {
  0% {
    transform: translate3d(0, 0, 0) rotate(-0.7deg) scale(1);
  }

  30% {
    transform: translate3d(8px, -12px, 0) rotate(0.7deg) scale(1.01);
  }

  62% {
    transform: translate3d(-6px, -17px, 0) rotate(-0.4deg) scale(1.015);
  }

  100% {
    transform: translate3d(4px, -6px, 0) rotate(0.55deg) scale(1.006);
  }
}

@keyframes obscenicaPulseSlow {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.94;
  }
}

@keyframes obscenicaTitleFloat {
  0% {
    transform: translate3d(0, 0, 0) rotate(-0.35deg);
  }

  50% {
    transform: translate3d(0, -5px, 0) rotate(0.2deg);
  }

  100% {
    transform: translate3d(0, -10px, 0) rotate(-0.25deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .obscenica-banana-float,
  .obscenica-opera-image-wrap {
    animation: none !important;
  }

  .obscenica-title {
    animation: none !important;
    transform: none !important;
  }

  .obscenica-banana-img,
  .obscenica-opera-image {
    transform: none !important;
    filter: none !important;
  }

  .obscenica-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Slide 2 hard override: stable composition, no empty center */
.obscenica-opera {
  position: relative !important;
  min-height: 100vh !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: #7f3f98 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

.obscenica-opera-title {
  position: absolute !important;
  top: 8vh !important;
  left: 4vw !important;
  width: 40vw !important;
  max-width: 700px !important;
  margin: 0 !important;
  z-index: 22 !important;
  color: #ffde17 !important;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif !important;
  font-size: clamp(78px, 8vw, 144px) !important;
  font-weight: 900 !important;
  line-height: 0.82 !important;
  letter-spacing: -0.04em !important;
}

.obscenica-opera-intro {
  position: absolute !important;
  top: auto !important;
  bottom: 9vh !important;
  left: calc(39vw + 68px) !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  z-index: 18 !important;
  color: #ffde17 !important;
  font-size: clamp(15px, 0.95vw, 19px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  text-wrap: auto !important;
}

.obscenica-opera-intro .obscenica-opera-intro-line {
  display: block !important;
  white-space: nowrap !important;
}

.obscenica-opera-plus {
  position: absolute !important;
  top: 17vh !important;
  left: 39vw !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #ee3a80 !important;
  color: #000 !important;
  z-index: 30 !important;
}

.obscenica-opera-plus-label {
  position: absolute !important;
  left: calc(39vw + 68px) !important;
  top: calc(17vh + 20px) !important;
  z-index: 30 !important;
}

.obscenica-opera-image-wrap {
  position: absolute !important;
  left: 0.5vw !important;
  bottom: 0 !important;
  width: clamp(760px, 54vw, 980px) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.obscenica-opera-image {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

.obscenica-opera-quote {
  position: absolute !important;
  top: 51% !important;
  left: calc(39vw + 68px) !important;
  right: auto !important;
  transform: translateY(-48%) !important;
  width: 22vw !important;
  min-width: 270px !important;
  max-width: 360px !important;
  z-index: 15 !important;
  color: #ffde17 !important;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Arial Narrow", Impact, sans-serif !important;
  font-size: clamp(60px, 5.15vw, 108px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.035em !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
}

.obscenica-opera-quote .obscenica-opera-quote-line {
  display: block !important;
  white-space: nowrap !important;
}

.obscenica-opera .obscenica-steps {
  position: absolute !important;
  right: 3.5vw !important;
  top: 50% !important;
  transform: translateY(-42%) !important;
  z-index: 25 !important;
  width: 110px !important;
  display: flex !important;
}

@media (min-width: 1440px) {
  .obscenica-opera-image-wrap {
    position: absolute !important;
    left: -1vw !important;
    bottom: -1vh !important;
    width: clamp(900px, 58vw, 1220px) !important;
    z-index: 5 !important;
    pointer-events: none !important;
  }

  .obscenica-opera-plus {
    left: 40vw !important;
  }

  .obscenica-opera-plus-label {
    left: calc(40vw + 68px) !important;
  }

  .obscenica-opera-title {
    width: 38vw !important;
  }

  .obscenica-opera-quote {
    left: calc(40vw + 68px) !important;
    width: 23vw !important;
    max-width: 380px !important;
    font-size: clamp(66px, 5.3vw, 114px) !important;
  }

  .obscenica-opera-intro {
    left: calc(40vw + 68px) !important;
    bottom: 9vh !important;
    width: max-content !important;
    max-width: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .obscenica-opera-title {
    width: 42vw !important;
    font-size: clamp(70px, 7vw, 118px) !important;
  }

  .obscenica-opera-intro {
    top: auto !important;
    bottom: 8vh !important;
    left: calc(37.5vw + 68px) !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .obscenica-opera-plus {
    left: 37.5vw !important;
  }

  .obscenica-opera-plus-label {
    left: calc(37.5vw + 68px) !important;
  }

  .obscenica-opera-quote {
    left: calc(37.5vw + 68px) !important;
    width: 24vw !important;
    min-width: 250px !important;
    max-width: 330px !important;
    font-size: clamp(50px, 4.7vw, 82px) !important;
  }
}

.obscenica-reveal {
  transition-delay: var(--obscenica-reveal-delay, 0ms);
}

.obscenica-reveal-arte-image {
  transform: none;
  transition: none;
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-arte-image {
  transform: translate3d(0, 40px, 0) scale(0.92);
  transition:
    opacity 720ms ease,
    transform 900ms cubic-bezier(0.18, 0.82, 0.24, 1);
}

.obscenica-arte {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  background: #185fad;
  color: var(--yellow);
  isolation: isolate;
  overflow: hidden;
}

.obscenica-arte-copygroup {
  position: absolute;
  top: 7vh;
  left: 4vw;
  z-index: 30;
  width: min(35vw, 540px);
}

.obscenica-arte-title {
  margin: 0;
  color: var(--yellow);
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(88px, 8.7vw, 156px);
  font-weight: 900;
  line-height: 0.82;
  letter-spacing: -0.04em;
}

.obscenica-arte-copy {
  max-width: min(29vw, 410px);
  margin: 26px 0 0;
  color: rgba(255, 250, 233, 0.92);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(16px, 1.02vw, 20px);
  font-weight: 700;
  line-height: 1.38;
  text-transform: none;
}

.obscenica-arte-actions {
  position: absolute;
  left: calc(100% + 3vw);
  top: clamp(180px, 23vh, 248px);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 0;
  z-index: 50;
}

.obscenica-arte-plus {
  position: relative;
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 50%;
  background: var(--pink);
  color: var(--ink);
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
  z-index: 50;
}

.obscenica-arte-plus-label {
  color: rgba(255, 250, 233, 0.98);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 1;
}

.obscenica-arte-visual {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.obscenica-arte-image-layer {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}

.obscenica-arte-image-wrap {
  position: absolute;
  right: 15vw;
  bottom: 2vh;
  width: clamp(360px, 28vw, 560px);
  max-height: 88vh;
  pointer-events: none;
  animation: obscenicaFloatArte 7.2s ease-in-out infinite alternate;
}

.obscenica-arte-band {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.obscenica-arte-band-name {
  position: absolute;
  left: 100%;
  display: inline-block;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.2);
  font-family: "Trade Gothic Next LT Pro Bold Compressed", "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(104px, 9vw, 168px);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  animation: obscenicaArteBandSingle 14s linear infinite;
}

.obscenica-arte-band-name--one {
  top: 33%;
  animation-delay: 0s;
}

.obscenica-arte-band-name--two {
  top: 47%;
  animation-delay: -4.6s;
}

.obscenica-arte-band-name--three {
  top: 61%;
  animation-delay: -9.2s;
}

.obscenica-arte-image-motion {
  position: relative;
  width: 100%;
  will-change: transform, filter;
}

.obscenica-arte-image {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  max-height: 88vh;
  object-fit: contain;
  transform-origin: center bottom;
  will-change: transform;
  filter: drop-shadow(0 18px 28px rgba(21, 9, 27, 0.32));
}

.obscenica-arte-image-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.18;
  background: url("https://womedizioni.it/wp-content/uploads/2026/05/Chicken_flower.png") no-repeat center bottom / contain;
  transform: translate3d(-20px, 16px, 0) scale(0.96);
  filter: blur(8px);
  mix-blend-mode: screen;
  pointer-events: none;
}

.obscenica-arte-quote {
  position: absolute;
  left: 4vw;
  bottom: 7vh;
  z-index: 14;
  width: min(39vw, 580px);
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  align-items: start;
  color: rgba(255, 251, 240, 0.98);
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(56px, 5.4vw, 104px);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.04em;
}

.obscenica-arte-quote-mark {
  color: var(--pink);
  font-size: clamp(92px, 8vw, 148px);
  line-height: 0.7;
  transform: translateY(-0.06em);
}

.obscenica-arte-quote-lines {
  display: block;
}

.obscenica-arte-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.18);
}

.obscenica-arte-modal.obscenica-is-open {
  display: flex;
}

.obscenica-arte-modal-circle {
  position: relative;
  width: min(clamp(620px, 52vw, 860px), calc(100vw - 48px), calc(100vh - 48px));
  width: min(clamp(620px, 52vw, 860px), calc(100vw - 48px), calc(100svh - 48px));
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--pink);
  color: var(--ink);
  box-sizing: border-box;
  padding: clamp(76px, 6vw, 112px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  overflow-y: auto;
  transform: scale(0.92);
  opacity: 0;
  transition: transform .28s ease, opacity .28s ease;
  scrollbar-width: thin;
}

.obscenica-arte-modal.obscenica-is-open .obscenica-arte-modal-circle {
  transform: scale(1);
  opacity: 1;
}

.obscenica-arte-modal-close {
  position: absolute;
  top: 28px;
  right: 38px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

.obscenica-arte-modal-title {
  margin: 0 0 22px 0;
  font-size: clamp(32px, 2.7vw, 50px);
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-weight: 900;
}

.obscenica-arte-modal-text {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: clamp(14px, 0.85vw, 16px);
  line-height: 1.36;
  font-weight: 700;
  max-width: 100%;
  text-transform: none;
}

.obscenica-arte-modal-text + .obscenica-arte-modal-text {
  margin-top: 14px;
}

.obscenica-arte .obscenica-steps {
  position: absolute;
  right: 3.5vw;
  top: 50%;
  transform: translateY(-42%);
  z-index: 25;
  width: 110px;
  display: flex;
  color: var(--yellow);
}

.obscenica-arte .obscenica-steps::before {
  background: var(--yellow);
}

.obscenica-arte .obscenica-steps .obscenica-step-item {
  color: var(--yellow);
}

.obscenica-arte .obscenica-steps .obscenica-step-dot {
  border-color: var(--yellow);
}

.obscenica-arte .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-dot {
  border-color: var(--pink);
}

.obscenica-arte .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-num,
.obscenica-arte .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-name {
  color: var(--pink);
}

@keyframes obscenicaFloatArte {
  0% {
    transform: translate3d(0, 0, 0) rotate(-1.2deg) scale(1);
  }

  24% {
    transform: translate3d(10px, -16px, 0) rotate(1.25deg) scale(1.014);
  }

  58% {
    transform: translate3d(-9px, -28px, 0) rotate(-1deg) scale(1.026);
  }

  100% {
    transform: translate3d(8px, -12px, 0) rotate(1.1deg) scale(1.016);
  }
}

@keyframes obscenicaArteBandSingle {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  86% {
    opacity: 1;
  }

  100% {
    transform: translate3d(-175vw, 0, 0);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .obscenica-arte-image-wrap {
    animation: none !important;
  }

  .obscenica-arte-band-name {
    animation: none !important;
    transform: none !important;
    opacity: 0.16;
  }

  .obscenica-arte-image-motion,
  .obscenica-arte-image,
  .obscenica-arte-image-wrap::before {
    transform: none !important;
    filter: none !important;
  }
}

.obscenica-reveal-autrice-image {
  transform: none;
  transition: none;
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-autrice-image {
  transform: translate3d(0, 40px, 0) scale(0.94);
  transition:
    opacity 720ms ease,
    transform 940ms cubic-bezier(0.18, 0.82, 0.24, 1);
}

.obscenica-autrice {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  background: #99ca44;
  color: #000;
  overflow: hidden;
  isolation: isolate;
}

.obscenica-autrice-copygroup {
  position: absolute;
  top: 10vh;
  left: 4vw;
  z-index: 20;
  width: min(40vw, 560px);
}

.obscenica-autrice-title {
  margin: 0;
  color: #000;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  max-width: 40vw;
  font-size: clamp(78px, 8vw, 138px);
  font-weight: 900;
  line-height: 0.84;
  letter-spacing: -0.04em;
}

.obscenica-autrice-copy {
  max-width: 30vw;
  margin: 18px 0 0;
  color: rgba(0, 0, 0, 0.86);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(16px, 1vw, 21px);
  font-weight: 700;
  line-height: 1.15;
  text-transform: none;
}

.obscenica-autrice-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}

.obscenica-autrice-plus {
  width: 54px;
  height: 54px;
  border: 0;
  border-radius: 50%;
  background: var(--pink);
  color: #000;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.obscenica-autrice-plus-label {
  color: #000;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
}

.obscenica-autrice-bgword {
  position: absolute;
  left: 28vw;
  top: 37vh;
  z-index: 1;
  color: rgba(0, 0, 0, 0.16);
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(180px, 18vw, 360px);
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -0.06em;
  user-select: none;
  pointer-events: none;
}

.obscenica-autrice-quote {
  position: absolute;
  left: 36vw;
  top: 32vh;
  z-index: 12;
  width: 42vw;
  max-width: 760px;
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  align-items: start;
  color: #000;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(62px, 5.9vw, 118px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.obscenica-autrice-quote-mark {
  color: var(--pink);
  font-size: clamp(66px, 6vw, 102px);
  line-height: 0.7;
  transform: translateY(0.04em);
}

.obscenica-autrice-quote-lines {
  display: block;
}

.obscenica-autrice-image-layer {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}

.obscenica-autrice-image-wrap {
  position: absolute;
  left: 4vw;
  bottom: 4vh;
  width: clamp(520px, 38vw, 760px);
  max-height: 58vh;
  z-index: 14;
  pointer-events: none;
  animation: obscenicaFloatAutrice 6.7s ease-in-out infinite alternate;
}

.obscenica-autrice-image-motion {
  position: relative;
  width: 100%;
  will-change: transform, filter;
}

.obscenica-autrice-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 58vh;
  object-fit: contain;
  transform: rotate(-45deg);
  transform-origin: center center;
  filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.22));
}

.obscenica-autrice-badge {
  position: absolute;
  right: 6vw;
  bottom: 3vh;
  z-index: 18;
  min-width: 214px;
  padding: 16px 18px 15px;
  border: 3px solid #000;
  background: rgba(238, 58, 128, 0.96);
  color: #000;
  display: grid;
  gap: 3px;
  font-size: clamp(16px, 1.08vw, 20px);
  font-weight: 900;
  line-height: 0.98;
  text-align: left;
  transform: rotate(-2deg);
  box-shadow: 0 12px 18px rgba(0, 0, 0, 0.12);
}

.obscenica-autrice-badge span {
  display: block;
}

.obscenica-autrice .obscenica-steps {
  position: absolute;
  right: 4vw;
  top: 50%;
  transform: translateY(-45%);
  z-index: 30;
  width: 110px;
  display: flex;
  color: #000;
}

.obscenica-autrice .obscenica-steps::before {
  background: #000;
}

.obscenica-autrice .obscenica-steps .obscenica-step-item,
.obscenica-autrice .obscenica-steps .obscenica-step-dot {
  color: #000;
  border-color: #000;
}

.obscenica-autrice .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-dot {
  border-color: var(--pink);
}

.obscenica-autrice .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-num,
.obscenica-autrice .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-name {
  color: var(--pink);
}

.obscenica-autrice-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.18);
}

.obscenica-autrice-modal.obscenica-is-open {
  display: flex;
}

.obscenica-autrice-modal-circle {
  position: relative;
  width: clamp(360px, 36vw, 560px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--pink);
  color: #000;
  box-sizing: border-box;
  padding: clamp(54px, 5vw, 82px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  transform: scale(0.92);
  opacity: 0;
  transition: transform .28s ease, opacity .28s ease;
}

.obscenica-autrice-modal.obscenica-is-open .obscenica-autrice-modal-circle {
  transform: scale(1);
  opacity: 1;
}

.obscenica-autrice-modal-close {
  position: absolute;
  top: 28px;
  right: 38px;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

.obscenica-autrice-modal-title {
  margin: 0 0 22px 0;
  font-size: clamp(34px, 3vw, 54px);
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-weight: 900;
}

.obscenica-autrice-modal-text {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: clamp(15px, 1vw, 18px);
  line-height: 1.25;
  font-weight: 700;
  max-width: 100%;
  text-transform: none;
}

@keyframes obscenicaFloatAutrice {
  0% {
    transform: translate3d(0, 0, 0) rotate(-0.8deg) scale(1);
  }

  32% {
    transform: translate3d(7px, -10px, 0) rotate(1deg) scale(1.012);
  }

  60% {
    transform: translate3d(-8px, -18px, 0) rotate(-1.15deg) scale(1.018);
  }

  100% {
    transform: translate3d(5px, -9px, 0) rotate(0.9deg) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce) {
  .obscenica-autrice-image-wrap {
    animation: none !important;
  }

  .obscenica-autrice-image-motion,
  .obscenica-autrice-image {
    transform: none !important;
    filter: none !important;
  }
}

.obscenica-reveal-preacquista-image {
  transform: none;
  transition: none;
}

#obscenicaLanding.obscenica-js-ready .obscenica-reveal-preacquista-image {
  transform: translate3d(0, 42px, 0) scale(0.94);
  transition:
    opacity 760ms ease,
    transform 980ms cubic-bezier(0.18, 0.82, 0.24, 1);
}

.obscenica-preacquista {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  background: #5f15a0;
  color: #ffde17;
  overflow: hidden;
  isolation: isolate;
}

.obscenica-preacquista-copygroup {
  position: absolute;
  top: 17vh;
  left: 4vw;
  z-index: 16;
  width: calc(100% - 8vw);
}

.obscenica-preacquista-title {
  margin: 0;
  color: #ffde17;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(84px, 8vw, 148px);
  font-weight: 900;
  line-height: 0.84;
  letter-spacing: -0.04em;
}

.obscenica-preacquista-subtitle {
  margin: 22px 0 0;
  display: grid;
  gap: 10px;
  max-width: 42vw;
  color: #fff4bc;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(28px, 2.2vw, 46px);
  font-weight: 900;
  line-height: 0.94;
  letter-spacing: -0.02em;
}

.obscenica-preacquista-subtitle span:first-child {
  display: block;
  margin: 0;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", "Impact", sans-serif;
  font-weight: 900;
  font-stretch: condensed;
  color: var(--pink);
  font-size: clamp(120px, 12.5vw, 230px);
  line-height: 0.78;
  letter-spacing: -0.045em;
}

.obscenica-preacquista-subtitle span:last-child {
  color: #ee3a80;
  font-size: clamp(18px, 1.3vw, 26px);
  letter-spacing: 0.01em;
}

.obscenica-preacquista-copy {
  max-width: 34vw;
  margin: 24px 0 0;
  color: rgba(255, 250, 231, 0.92);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(16px, 0.96vw, 20px);
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

.obscenica-preacquista-price {
  margin-top: 28px;
  display: grid;
  gap: 7px;
  width: fit-content;
  font-family: "Trade Gothic LT Condensed", "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", Impact, sans-serif;
  font-weight: 900;
}

.obscenica-preacquista-price strong {
  color: #ffde17;
  font-family: inherit;
  font-size: clamp(54px, 4.8vw, 88px);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: 0;
}

.obscenica-preacquista-price span {
  color: #fff4bc;
  font-size: clamp(14px, 0.95vw, 18px);
  font-weight: 900;
  letter-spacing: 0.01em;
}

.obscenica-preacquista-actions {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 24px;
  width: 100%;
  min-height: 96px;
  margin-top: 34px;
  flex-wrap: wrap;
}

.obscenica-preacquista-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  padding: 0 34px;
  border: 3px solid #000;
  background: #ee3a80;
  color: #ffde17;
  text-decoration: none;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(32px, 2.5vw, 46px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.obscenica-preacquista-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.2);
}

.obscenica-extract-trigger {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  z-index: 18;
}

.obscenica-extract-plus {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: #ee3a80;
  color: #000;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.obscenica-extract-label {
  color: #ffde17;
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.01em;
}

.obscenica-preacquista-bgword {
  position: absolute;
  left: 34vw;
  top: 52vh;
  z-index: 1;
  color: rgba(0, 0, 0, 0.18);
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Trade Gothic LT Std Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(160px, 16vw, 320px);
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -0.06em;
  user-select: none;
  pointer-events: none;
}

.obscenica-preacquista-image-layer {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}

.obscenica-preacquista-image-wrap {
  position: absolute;
  right: 12vw;
  bottom: 4vh;
  width: clamp(420px, 35vw, 700px);
  max-height: 82vh;
  z-index: 12;
  pointer-events: none;
  animation: obscenicaFloatPreacquista 6.2s ease-in-out infinite alternate;
}

.obscenica-preacquista-image-motion {
  position: relative;
  width: 100%;
  will-change: transform, filter;
}

.obscenica-preacquista-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 82vh;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.24));
}

.obscenica-preacquista .obscenica-steps {
  position: absolute;
  right: 4vw;
  top: 50%;
  transform: translateY(-45%);
  z-index: 30;
  width: 110px;
  display: flex;
  color: #ffde17;
}

.obscenica-preacquista .obscenica-steps::before {
  background: rgba(255, 222, 23, 0.42);
}

.obscenica-preacquista .obscenica-steps .obscenica-step-item,
.obscenica-preacquista .obscenica-steps .obscenica-step-dot {
  color: #ffde17;
  border-color: #ffde17;
}

.obscenica-preacquista .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-dot {
  border-color: #ee3a80;
}

.obscenica-preacquista .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-num,
.obscenica-preacquista .obscenica-steps .obscenica-step-item.obscenica-is-active .obscenica-step-name {
  color: #ee3a80;
}

.obscenica-extract-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  padding: 4vh 4vw;
  box-sizing: border-box;
}

.obscenica-extract-modal.obscenica-is-open {
  display: flex;
}

.obscenica-extract-panel {
  position: relative;
  width: min(920px, 88vw);
  max-height: 82vh;
  background: #ffde17;
  color: #000;
  border: 4px solid #ee3a80;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  padding: clamp(28px, 4vw, 58px);
  box-sizing: border-box;
  overflow: hidden;
  transform: translateY(16px) scale(0.98);
  opacity: 0;
  transition: transform 220ms ease, opacity 220ms ease;
}

.obscenica-extract-modal.obscenica-is-open .obscenica-extract-panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.obscenica-extract-title {
  margin: 0 0 22px 0;
  color: #000;
  font-family: "Trade Gothic Next LT Pro Heavy Compressed", "Trade Gothic Next LT Pro", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(44px, 3.4vw, 74px);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.04em;
}

.obscenica-extract-content {
  max-height: calc(82vh - 130px);
  overflow-y: auto;
  padding-right: 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 1.25vw, 22px);
  line-height: 1.45;
}

.obscenica-extract-content p {
  margin: 0 0 1em 0;
}

.obscenica-extract-content em {
  font-style: italic;
}

.obscenica-extract-right {
  text-align: right;
  font-size: 0.9em;
  margin-top: 2em;
}

.obscenica-extract-close {
  position: absolute;
  top: 18px;
  right: 22px;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
}

@keyframes obscenicaFloatPreacquista {
  0% {
    transform: translate3d(0, 0, 0) rotate(-0.8deg) scale(1);
  }

  35% {
    transform: translate3d(8px, -12px, 0) rotate(1deg) scale(1.014);
  }

  68% {
    transform: translate3d(-9px, -18px, 0) rotate(-1.2deg) scale(1.022);
  }

  100% {
    transform: translate3d(6px, -8px, 0) rotate(0.9deg) scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce) {
  .obscenica-preacquista-image-wrap {
    animation: none !important;
  }

  .obscenica-preacquista-image-motion,
  .obscenica-preacquista-image {
    transform: none !important;
    filter: none !important;
  }
}

.obscenica-landing {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.obscenica-hero-top,
.obscenica-hero-bottom {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

button,
.obscenica-cta,
.obscenica-arcade-cta,
.obscenica-preacquista-cta,
.obscenica-opera-plus,
.obscenica-arte-plus,
.obscenica-autrice-plus,
.obscenica-extract-plus,
.obscenica-extract-close,
.obscenica-nav-toggle {
  min-width: 44px;
  min-height: 44px;
}

#obscenicaLanding {
  background: #ffde17 !important;
}

@media (min-width: 1280px) {
#obscenicaLanding,
#obscenicaLanding .obscenica-slide,
#obscenicaLanding .obscenica-hero,
#obscenicaLanding .obscenica-hero-content {
  border: none !important;
  outline: none !important;
}
}

@media (min-width: 1280px) {
  #obscenicaLanding .obscenica-hero,
  #obscenicaLanding section.obscenica-hero,
  #obscenicaLanding .obscenica-hero-content,
  #obscenicaLanding .obscenica-hero *,
  #obscenicaLanding .obscenica-hero::before,
  #obscenicaLanding .obscenica-hero::after {
    box-shadow: none !important;
  }

  #obscenicaLanding .obscenica-hero {
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.08) 1px, transparent 1px) 0 0 / 12.5vw 100%,
      #ffde17 !important;
    background-color: #ffde17 !important;
    border: 0 !important;
    outline: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
    height: 100vh !important;
    overflow: hidden !important;
  }

  #obscenicaLanding .obscenica-hero-content {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
  }

  #obscenicaLanding .obscenica-hero > *,
  #obscenicaLanding .obscenica-hero-content > * {
    background-color: transparent;
  }

  #obscenicaLanding .obscenica-hero-text {
    top: 46% !important;
    transform: translateY(-46%) !important;
    left: 3.5vw !important;
    width: 52vw !important;
    max-width: 52vw !important;
  }

  #obscenicaLanding .obscenica-title {
    color: #ee3a80 !important;
  }

  #obscenicaLanding .obscenica-hero-promo {
    margin-top: 26px !important;
    max-width: min(30vw, 390px) !important;
  }

  #obscenicaLanding .obscenica-arcade-cta {
    max-width: 100% !important;
    padding: 15px 24px 14px !important;
    font-size: clamp(0.92rem, 0.96vw, 1.05rem) !important;
  }

  #obscenicaLanding .obscenica-banana-wrap {
    top: 48% !important;
    right: 10vw !important;
    transform: translateY(-46%) !important;
    width: clamp(520px, 39vw, 720px) !important;
  }

  #obscenicaLanding .obscenica-cta {
    bottom: 7vh !important;
    left: 3.5vw !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-price-separator {
    bottom: 7.4vh !important;
  }

  #obscenicaLanding .obscenica-price-block {
    bottom: 7.5vh !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-poster-note {
    bottom: 7vh !important;
    right: 5vw !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-opera-plus-label,
  #obscenicaLanding .obscenica-arte-plus-label,
  #obscenicaLanding .obscenica-autrice-plus-label,
  #obscenicaLanding .obscenica-extract-label,
  #obscenicaLanding .obscenica-preacquista .obscenica-extract-label {
    font-size: clamp(14px, 1.05vw, 19px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  #obscenicaLanding .obscenica-opera-plus,
  #obscenicaLanding .obscenica-arte-plus,
  #obscenicaLanding .obscenica-autrice-plus,
  #obscenicaLanding .obscenica-extract-plus {
    width: 60px !important;
    height: 60px !important;
    font-size: 36px !important;
    background: #ee3a80 !important;
    color: #000 !important;
    border-radius: 50% !important;
  }

  #obscenicaLanding .obscenica-step-menu,
  #obscenicaLanding .obscenica-steps {
    width: 170px !important;
    gap: 18px !important;
    right: 4vw !important;
  }

  #obscenicaLanding .obscenica-step-menu::before,
  #obscenicaLanding .obscenica-steps::before {
    left: 13px !important;
    width: 2px !important;
  }

  #obscenicaLanding .obscenica-step-item {
    grid-template-columns: 30px 1fr !important;
    column-gap: 14px !important;
    min-height: 48px !important;
  }

  #obscenicaLanding .obscenica-step-dot {
    width: 19px !important;
    height: 19px !important;
    margin-left: 4px !important;
    border-width: 2px !important;
  }

  #obscenicaLanding .obscenica-step-item.obscenica-is-active .obscenica-step-dot::after {
    inset: -7px !important;
    border-width: 2px !important;
  }

  #obscenicaLanding .obscenica-step-num {
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  #obscenicaLanding .obscenica-step-name {
    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
  }

  #obscenicaLanding .obscenica-step-text {
    gap: 4px !important;
  }

  #obscenicaLanding .obscenica-opera {
    position: relative !important;
    overflow: hidden !important;
  }

  #obscenicaLanding .obscenica-opera .obscenica-steps,
  #obscenicaLanding .obscenica-step-menu,
  #obscenicaLanding .obscenica-steps {
    z-index: 50 !important;
  }

  #obscenicaLanding .obscenica-opera-quote {
    position: relative !important;
    z-index: 1 !important;
    max-width: calc(100% - 260px) !important;
    width: calc(100% - 260px) !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
    font-size: clamp(72px, 8vw, 150px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.03em !important;
  }
}

@media (min-width: 1280px) {
  #obscenicaLanding .obscenica-opera-quote {
    position: absolute !important;
    left: 50vw !important;
    top: 50% !important;
    transform: translateY(-48%) !important;
    width: 32vw !important;
    max-width: 32vw !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    font-size: clamp(48px, 4.7vw, 92px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.03em !important;
    z-index: 12 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #obscenicaLanding .obscenica-opera-quote .obscenica-opera-quote-line {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #obscenicaLanding .obscenica-opera .obscenica-steps,
  #obscenicaLanding .obscenica-opera .obscenica-step-menu {
    position: absolute !important;
    right: 3.2vw !important;
    top: 50% !important;
    transform: translateY(-42%) !important;
    width: 170px !important;
    z-index: 40 !important;
  }

  #obscenicaLanding .obscenica-opera-image-wrap {
    left: -2vw !important;
    bottom: -1vh !important;
    width: clamp(740px, 52vw, 1080px) !important;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  #obscenicaLanding .obscenica-opera-quote {
    left: 50vw !important;
    width: 31vw !important;
    max-width: 31vw !important;
    font-size: clamp(44px, 4.3vw, 78px) !important;
    line-height: 0.98 !important;
  }
}

@media (min-width: 1500px) {
  #obscenicaLanding .obscenica-opera-quote {
    left: 50vw !important;
    width: 33vw !important;
    max-width: 33vw !important;
    font-size: clamp(56px, 4.9vw, 104px) !important;
  }
}

@media (min-width: 1280px) {
#obscenicaLanding .obscenica-autrice-title {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  max-width: none !important;
  width: auto !important;
  font-size: clamp(72px, 7.2vw, 126px) !important;
  line-height: 0.84 !important;
}

#obscenicaLanding .obscenica-arte-title {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  max-width: none !important;
  width: auto !important;
  font-size: clamp(76px, 7.5vw, 134px) !important;
  line-height: 0.84 !important;
}
}

@media (min-width: 1280px) {
  #obscenicaLanding .obscenica-arte-copygroup {
    top: 7vh !important;
    left: 4vw !important;
    width: 36vw !important;
    max-width: 560px !important;
    z-index: 30 !important;
  }

  #obscenicaLanding .obscenica-arte-copy {
    max-width: 31vw !important;
    margin-top: 22px !important;
    font-size: clamp(16px, 1vw, 20px) !important;
    line-height: 1.28 !important;
  }

  #obscenicaLanding .obscenica-arte-quote {
    left: 4vw !important;
    bottom: 6vh !important;
    width: min(41vw, 620px) !important;
    max-width: 620px !important;
    font-size: clamp(44px, 4.6vw, 86px) !important;
    line-height: 0.94 !important;
    z-index: 14 !important;
  }
}

@media (min-width: 1280px) and (max-width: 1499px) {
  #obscenicaLanding .obscenica-autrice-title {
    font-size: clamp(62px, 6.5vw, 104px) !important;
  }

  #obscenicaLanding .obscenica-arte-title {
    font-size: clamp(64px, 6.6vw, 108px) !important;
  }

  #obscenicaLanding .obscenica-arte-copy {
    max-width: 34vw !important;
    font-size: clamp(15px, 0.95vw, 18px) !important;
    line-height: 1.26 !important;
  }

  #obscenicaLanding .obscenica-arte-quote {
    bottom: 5vh !important;
    width: min(42vw, 560px) !important;
    max-width: 560px !important;
    font-size: clamp(38px, 4.1vw, 72px) !important;
    line-height: 0.96 !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  #obscenicaLanding,
  #obscenicaLanding * {
    box-sizing: border-box !important;
  }

  #obscenicaLanding {
    overflow-x: hidden !important;
  }

  #obscenicaLanding .obscenica-step-menu,
  #obscenicaLanding .obscenica-steps {
    display: none !important;
  }

  #obscenicaLanding .obscenica-hero,
  #obscenicaLanding .obscenica-slide {
    width: 100% !important;
    min-height: 100svh !important;
    height: auto !important;
    overflow-x: hidden !important;
  }

  #obscenicaLanding h1,
  #obscenicaLanding h2,
  #obscenicaLanding h3,
  #obscenicaLanding .obscenica-title,
  #obscenicaLanding .obscenica-opera-title,
  #obscenicaLanding .obscenica-arte-title,
  #obscenicaLanding .obscenica-autrice-title,
  #obscenicaLanding .obscenica-preacquista-title {
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
  }

  #obscenicaLanding .obscenica-hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100svh !important;
    padding: 5vh 5vw 4vh !important;
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.08) 1px, transparent 1px) 0 0 / 25vw 100%,
      #ffde17 !important;
  }

  #obscenicaLanding .obscenica-hero-top {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 14px !important;
    align-items: center !important;
    margin: 0 0 clamp(24px, 4vh, 42px) !important;
    order: 1 !important;
  }

  #obscenicaLanding .obscenica-nav {
    display: none !important;
  }

  #obscenicaLanding .obscenica-nav-toggle {
    display: flex !important;
  }

  #obscenicaLanding .obscenica-hero-content,
  #obscenicaLanding .obscenica-hero-text {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #obscenicaLanding .obscenica-hero-content {
    display: flex !important;
    flex: 0 1 auto !important;
    flex-direction: column !important;
    order: 2 !important;
  }

  #obscenicaLanding .obscenica-hero-text {
    z-index: 3 !important;
  }

  #obscenicaLanding .obscenica-title {
    display: block !important;
    font-size: clamp(82px, 12vw, 132px) !important;
    line-height: 0.82 !important;
    max-width: none !important;
  }

  #obscenicaLanding .obscenica-subtitle {
    font-size: clamp(38px, 6vw, 58px) !important;
    line-height: 0.94 !important;
    max-width: 82vw !important;
    margin-top: 26px !important;
  }

  #obscenicaLanding .obscenica-description {
    max-width: 68vw !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  #obscenicaLanding .obscenica-hero-promo {
    margin-top: 20px !important;
    max-width: min(100%, 360px) !important;
  }

  #obscenicaLanding .obscenica-arcade-cta {
    width: auto !important;
    min-height: 54px !important;
    padding: 13px 22px 12px !important;
    font-size: 15px !important;
    box-shadow: 7px 7px 0 var(--ink) !important;
  }

  #obscenicaLanding .obscenica-authors {
    display: none !important;
  }

  #obscenicaLanding .obscenica-banana-wrap {
    position: relative !important;
    width: min(52vw, 390px) !important;
    margin: clamp(18px, 3vh, 32px) auto 0 !important;
    align-self: center !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 1 !important;
  }

  #obscenicaLanding .obscenica-hero-bottom {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 24px !important;
    order: 4 !important;
  }

  #obscenicaLanding .obscenica-cta,
  #obscenicaLanding .obscenica-price-block,
  #obscenicaLanding .obscenica-poster-note {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  #obscenicaLanding .obscenica-cta {
    width: 132px !important;
    height: 132px !important;
  }

  #obscenicaLanding .obscenica-price-separator {
    display: none !important;
  }

  #obscenicaLanding .obscenica-poster-note {
    margin: 16px 0 0 auto !important;
    max-width: 320px !important;
    order: 5 !important;
  }

  #obscenicaLanding .obscenica-opera,
  #obscenicaLanding .obscenica-arte,
  #obscenicaLanding .obscenica-autrice,
  #obscenicaLanding .obscenica-preacquista {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 7vh 6vw 8vh !important;
    height: auto !important;
    min-height: 100svh !important;
    overflow: hidden !important;
  }

  #obscenicaLanding .obscenica-opera-title,
  #obscenicaLanding .obscenica-opera-intro,
  #obscenicaLanding .obscenica-opera-quote,
  #obscenicaLanding .obscenica-opera-plus,
  #obscenicaLanding .obscenica-opera-plus-label,
  #obscenicaLanding .obscenica-opera-image-wrap,
  #obscenicaLanding .obscenica-arte-copygroup,
  #obscenicaLanding .obscenica-arte-actions,
  #obscenicaLanding .obscenica-arte-quote,
  #obscenicaLanding .obscenica-arte-image-wrap,
  #obscenicaLanding .obscenica-autrice-copygroup,
  #obscenicaLanding .obscenica-autrice-quote,
  #obscenicaLanding .obscenica-autrice-image-wrap,
  #obscenicaLanding .obscenica-autrice-badge,
  #obscenicaLanding .obscenica-preacquista-copygroup,
  #obscenicaLanding .obscenica-preacquista-image-wrap,
  #obscenicaLanding .obscenica-preacquista-price,
  #obscenicaLanding .obscenica-preacquista-cta,
  #obscenicaLanding .obscenica-preacquista-actions,
  #obscenicaLanding .obscenica-extract-trigger {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
  }

  #obscenicaLanding .obscenica-opera-title,
  #obscenicaLanding .obscenica-arte-title,
  #obscenicaLanding .obscenica-autrice-title,
  #obscenicaLanding .obscenica-preacquista-title {
    font-size: clamp(76px, 10vw, 112px) !important;
    line-height: 0.86 !important;
  }

  #obscenicaLanding .obscenica-opera-intro,
  #obscenicaLanding .obscenica-arte-copy,
  #obscenicaLanding .obscenica-autrice-copy,
  #obscenicaLanding .obscenica-preacquista-copy {
    max-width: 82vw !important;
    font-size: clamp(17px, 2.4vw, 22px) !important;
    line-height: 1.25 !important;
  }

  #obscenicaLanding .obscenica-opera-quote,
  #obscenicaLanding .obscenica-arte-quote,
  #obscenicaLanding .obscenica-autrice-quote {
    width: 100% !important;
    max-width: 86vw !important;
    font-size: clamp(54px, 8vw, 86px) !important;
    line-height: 0.98 !important;
    margin: 0 !important;
  }

  #obscenicaLanding .obscenica-opera-image-wrap {
    width: min(92vw, 680px) !important;
    margin: 0 auto !important;
  }

  #obscenicaLanding .obscenica-arte-image-wrap {
    width: min(58vw, 430px) !important;
    margin: 0 auto !important;
  }

  #obscenicaLanding .obscenica-autrice-image-wrap {
    width: min(76vw, 520px) !important;
    margin: 0 auto 20px !important;
  }

  #obscenicaLanding .obscenica-autrice-image {
    transform: rotate(-35deg) !important;
  }

  #obscenicaLanding .obscenica-autrice-badge {
    width: min(64vw, 360px) !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  #obscenicaLanding .obscenica-preacquista-image-wrap {
    width: min(66vw, 460px) !important;
    margin: 0 auto !important;
  }

  #obscenicaLanding .obscenica-arte-band,
  #obscenicaLanding .obscenica-autrice-bgword {
    display: none !important;
  }

  #obscenicaLanding .obscenica-opera-plus-label,
  #obscenicaLanding .obscenica-arte-plus-label,
  #obscenicaLanding .obscenica-autrice-plus-label,
  #obscenicaLanding .obscenica-extract-label {
    font-size: 16px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  #obscenicaLanding .obscenica-opera-modal-circle,
  #obscenicaLanding .obscenica-autrice-modal-circle {
    width: 82vw !important;
    max-width: 520px !important;
    padding: 54px !important;
  }

  #obscenicaLanding .obscenica-arte-modal-circle {
    width: min(90vw, calc(100vh - 48px), 740px) !important;
    width: min(90vw, calc(100svh - 48px), 740px) !important;
    max-width: none !important;
    max-height: calc(100vh - 48px) !important;
    max-height: calc(100svh - 48px) !important;
    padding: clamp(56px, 7vw, 76px) !important;
    justify-content: center !important;
    overflow-y: auto !important;
  }

  #obscenicaLanding .obscenica-arte-modal-text {
    font-size: clamp(14px, 1.65vw, 16px) !important;
    line-height: 1.34 !important;
    text-transform: none !important;
  }

  #obscenicaLanding .obscenica-arte-modal-text + .obscenica-arte-modal-text {
    margin-top: 12px !important;
  }

  #obscenicaLanding .obscenica-extract-panel {
    width: 90vw !important;
    max-height: 84vh !important;
    padding: 34px !important;
  }

  #obscenicaLanding .obscenica-extract-content {
    max-height: calc(84vh - 110px) !important;
    font-size: 17px !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 767px) {
  #obscenicaLanding,
  #obscenicaLanding * {
    box-sizing: border-box !important;
  }

  #obscenicaLanding {
    overflow-x: hidden !important;
  }

  #obscenicaLanding img {
    max-width: 100% !important;
    height: auto !important;
  }

  #obscenicaLanding h1,
  #obscenicaLanding h2,
  #obscenicaLanding h3,
  #obscenicaLanding .obscenica-title,
  #obscenicaLanding .obscenica-subtitle,
  #obscenicaLanding .obscenica-opera-title,
  #obscenicaLanding .obscenica-arte-title,
  #obscenicaLanding .obscenica-autrice-title,
  #obscenicaLanding .obscenica-preacquista-title {
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  #obscenicaLanding .obscenica-hero,
  #obscenicaLanding .obscenica-opera,
  #obscenicaLanding .obscenica-arte,
  #obscenicaLanding .obscenica-autrice,
  #obscenicaLanding .obscenica-preacquista {
    width: 100% !important;
    height: auto !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 34px 6vw 48px !important;
  }

  #obscenicaLanding .obscenica-step-menu,
  #obscenicaLanding .obscenica-steps {
    display: none !important;
  }

  #obscenicaLanding .obscenica-opera-title,
  #obscenicaLanding .obscenica-arte-title,
  #obscenicaLanding .obscenica-autrice-title,
  #obscenicaLanding .obscenica-preacquista-title {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: clamp(38px, 12vw, 56px) !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 18px 0 !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-opera-intro,
  #obscenicaLanding .obscenica-arte-copy,
  #obscenicaLanding .obscenica-autrice-copy,
  #obscenicaLanding .obscenica-preacquista-copy {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.22 !important;
    margin: 0 0 18px 0 !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-opera-plus,
  #obscenicaLanding .obscenica-arte-actions,
  #obscenicaLanding .obscenica-autrice-actions,
  #obscenicaLanding .obscenica-extract-trigger,
  #obscenicaLanding .obscenica-preacquista-actions {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 6px 0 22px 0 !important;
    z-index: 22 !important;
  }

  #obscenicaLanding .obscenica-opera-plus-label,
  #obscenicaLanding .obscenica-arte-plus-label,
  #obscenicaLanding .obscenica-autrice-plus-label,
  #obscenicaLanding .obscenica-extract-label {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    z-index: 22 !important;
  }

  #obscenicaLanding .obscenica-hero {
    min-height: 100svh !important;
    padding: 24px 6vw max(18px, calc(env(safe-area-inset-bottom) + 18px)) !important;
    justify-content: flex-start !important;
    background:
      linear-gradient(90deg, rgba(0,0,0,0.08) 1px, transparent 1px) 0 0 / 33.333vw 100%,
      #ffde17 !important;
  }

  #obscenicaLanding .obscenica-hero-top {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 0 24px 0 !important;
    order: 1 !important;
  }

  #obscenicaLanding .obscenica-nav {
    display: none !important;
  }

  #obscenicaLanding .obscenica-nav-toggle {
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
  }

  #obscenicaLanding .obscenica-brand {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  #obscenicaLanding .obscenica-status-badge {
    font-size: 9px !important;
    padding: 7px 9px !important;
    white-space: nowrap !important;
  }

  #obscenicaLanding .obscenica-hero-content,
  #obscenicaLanding .obscenica-hero-text {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #obscenicaLanding .obscenica-hero-content {
    display: flex !important;
    flex: 0 1 auto !important;
    flex-direction: column !important;
    order: 2 !important;
  }

  #obscenicaLanding .obscenica-hero-text {
    z-index: 3 !important;
  }

  #obscenicaLanding .obscenica-eyebrow {
    max-width: 100% !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    margin-bottom: 16px !important;
    white-space: normal !important;
  }

  #obscenicaLanding .obscenica-title {
    display: block !important;
    white-space: nowrap !important;
    font-size: clamp(48px, 16vw, 66px) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.055em !important;
    width: 100% !important;
    max-width: none !important;
  }

  #obscenicaLanding .obscenica-subtitle {
    font-size: clamp(25px, 7.4vw, 35px) !important;
    line-height: 0.92 !important;
    max-width: 90vw !important;
  }

  #obscenicaLanding .obscenica-description {
    max-width: 82vw !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
    margin-top: 18px !important;
  }

  #obscenicaLanding .obscenica-hero-promo {
    margin-top: 14px !important;
    max-width: 100% !important;
  }

  #obscenicaLanding .obscenica-arcade-cta {
    display: inline-flex !important;
    width: min(100%, 290px) !important;
    min-height: 48px !important;
    padding: 11px 16px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-shadow: 5px 5px 0 var(--ink) !important;
  }

  #obscenicaLanding .obscenica-authors {
    display: none !important;
  }

  #obscenicaLanding .obscenica-banana-wrap {
    position: relative !important;
    width: min(54vw, 220px) !important;
    margin: 10px auto 0 !important;
    align-self: center !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 1 !important;
  }

  #obscenicaLanding .obscenica-banana-img {
    max-height: clamp(136px, 24svh, 205px) !important;
  }

  #obscenicaLanding .obscenica-hero-bottom {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 104px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    order: 4 !important;
  }

  #obscenicaLanding .obscenica-cta {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 104px !important;
    height: 104px !important;
    font-size: 12px !important;
  }

  #obscenicaLanding .obscenica-price-block {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    gap: 4px !important;
  }

  #obscenicaLanding .obscenica-price-block strong {
    font-size: 36px !important;
    line-height: 0.9 !important;
  }

  #obscenicaLanding .obscenica-price-block p {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  #obscenicaLanding .obscenica-price-separator {
    display: none !important;
  }

  #obscenicaLanding .obscenica-poster-note {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 142px !important;
    font-size: 14px !important;
    margin: 10px 0 0 auto !important;
    order: 5 !important;
  }

  #obscenicaLanding .obscenica-opera-title {
    order: 1 !important;
    font-size: clamp(38px, 11vw, 52px) !important;
  }

  #obscenicaLanding .obscenica-opera-intro {
    order: 2 !important;
  }

  #obscenicaLanding .obscenica-opera-plus {
    order: 3 !important;
    align-self: flex-start !important;
  }

  #obscenicaLanding .obscenica-opera-plus-label {
    order: 3 !important;
    margin: -70px 0 22px 72px !important;
    min-height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  #obscenicaLanding .obscenica-opera-image-layer {
    order: 4 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
  }

  #obscenicaLanding .obscenica-opera-image-wrap {
    position: relative !important;
    width: min(92vw, 360px) !important;
    margin: 8px auto 12px auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  #obscenicaLanding .obscenica-opera-quote {
    order: 5 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 88vw !important;
    font-size: clamp(32px, 8.8vw, 48px) !important;
    line-height: 1 !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
  }

  #obscenicaLanding .obscenica-opera-quote-line {
    white-space: normal !important;
  }

  #obscenicaLanding .obscenica-arte-copygroup {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-arte-title {
    font-size: clamp(38px, 11vw, 52px) !important;
  }

  #obscenicaLanding .obscenica-arte-actions {
    order: 2 !important;
  }

  #obscenicaLanding .obscenica-arte-visual,
  #obscenicaLanding .obscenica-arte-image-layer {
    order: 3 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
  }

  #obscenicaLanding .obscenica-arte-image-wrap {
    order: 3 !important;
    position: relative !important;
    width: min(68vw, 300px) !important;
    margin: 4px auto 10px auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  #obscenicaLanding .obscenica-arte-quote {
    order: 4 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 88vw !important;
    font-size: clamp(32px, 8.6vw, 46px) !important;
    line-height: 1 !important;
    margin: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  #obscenicaLanding .obscenica-arte-band {
    display: none !important;
  }

  #obscenicaLanding .obscenica-autrice-copygroup {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 20 !important;
  }

  #obscenicaLanding .obscenica-autrice-title {
    font-size: clamp(36px, 10.5vw, 50px) !important;
  }

  #obscenicaLanding .obscenica-autrice-actions {
    order: 2 !important;
  }

  #obscenicaLanding .obscenica-autrice-quote {
    order: 3 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 88vw !important;
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1 !important;
    margin: 18px 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  #obscenicaLanding .obscenica-autrice-image-layer {
    order: 4 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
  }

  #obscenicaLanding .obscenica-autrice-image-wrap {
    order: 4 !important;
    position: relative !important;
    width: min(88vw, 340px) !important;
    margin: 4px auto 18px auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  #obscenicaLanding .obscenica-autrice-image {
    transform: rotate(-28deg) !important;
  }

  #obscenicaLanding .obscenica-autrice-badge {
    order: 5 !important;
    position: relative !important;
    width: min(84vw, 310px) !important;
    margin: 0 auto !important;
    text-align: center !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: rotate(-2deg) !important;
  }

  #obscenicaLanding .obscenica-autrice-bgword {
    display: none !important;
  }

  #obscenicaLanding .obscenica-preacquista-copygroup {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    display: contents !important;
    order: 1 !important;
  }

  #obscenicaLanding .obscenica-preacquista-title {
    order: 1 !important;
    font-size: clamp(36px, 10.5vw, 50px) !important;
  }

  #obscenicaLanding .obscenica-preacquista-subtitle {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 2 !important;
    max-width: 100% !important;
  }

  #obscenicaLanding .obscenica-preacquista-subtitle span:first-child {
    font-size: clamp(46px, 14vw, 64px) !important;
    white-space: nowrap !important;
  }

  #obscenicaLanding .obscenica-preacquista-copy {
    order: 3 !important;
    max-width: 100% !important;
    font-size: clamp(14px, 3.7vw, 15px) !important;
    line-height: 1.26 !important;
  }

  #obscenicaLanding .obscenica-preacquista-price {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 4 !important;
    margin-top: 18px !important;
  }

  #obscenicaLanding .obscenica-preacquista-actions {
    position: static !important;
    display: contents !important;
  }

  #obscenicaLanding .obscenica-preacquista-cta {
    order: 5 !important;
    width: 100% !important;
    min-height: 58px !important;
    font-size: clamp(26px, 8vw, 34px) !important;
    text-align: center !important;
  }

  #obscenicaLanding .obscenica-preacquista-image-layer {
    order: 6 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
  }

  #obscenicaLanding .obscenica-preacquista-image-wrap {
    order: 6 !important;
    position: relative !important;
    width: min(76vw, 320px) !important;
    margin: 8px auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 5 !important;
  }

  #obscenicaLanding .obscenica-extract-trigger {
    order: 7 !important;
    position: relative !important;
    width: auto !important;
    margin: 14px 0 0 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }

  #obscenicaLanding .obscenica-preacquista-bgword {
    display: none !important;
  }

  #obscenicaLanding .obscenica-opera-modal-circle,
  #obscenicaLanding .obscenica-autrice-modal-circle {
    width: 88vw !important;
    max-width: 390px !important;
    padding: 34px !important;
  }

  #obscenicaLanding .obscenica-arte-modal-circle {
    width: min(92vw, 520px) !important;
    max-width: 92vw !important;
    max-height: 86vh !important;
    max-height: 86svh !important;
    aspect-ratio: auto !important;
    border-radius: 28px !important;
    padding: 18px 26px 30px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow-y: auto !important;
  }

  #obscenicaLanding .obscenica-arte-modal-close {
    position: sticky !important;
    top: 0 !important;
    align-self: flex-end !important;
    flex: 0 0 auto !important;
    width: 42px !important;
    height: 42px !important;
    margin: -6px -10px 4px 0 !important;
    border-radius: 50% !important;
    background: var(--pink) !important;
    font-size: 30px !important;
    z-index: 2 !important;
  }

  #obscenicaLanding .obscenica-arte-modal-title {
    margin: 0 0 16px !important;
    font-size: clamp(28px, 8.5vw, 38px) !important;
    line-height: 0.98 !important;
  }

  #obscenicaLanding .obscenica-arte-modal-text {
    font-size: clamp(13.5px, 3.9vw, 15px) !important;
    line-height: 1.38 !important;
    text-transform: none !important;
  }

  #obscenicaLanding .obscenica-arte-modal-text + .obscenica-arte-modal-text {
    margin-top: 12px !important;
  }

  #obscenicaLanding .obscenica-extract-panel {
    width: 94vw !important;
    max-height: 86vh !important;
    padding: 24px !important;
  }

  #obscenicaLanding .obscenica-extract-content {
    max-height: calc(86vh - 100px) !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
  }
}