/* ORBITS launch campaign system — loads after pop-art.css */
:root{--comic-black:#15131f;--comic-cream:#fff8ec;--comic-pink:#ff2f86;--comic-yellow:#ffd43b;--comic-cyan:#27d4d0;--comic-blue:#1747a6;--comic-purple:#6c45bd;--comic-orange:#ff7938;--comic-shadow:7px 7px 0 var(--comic-black)}

/* Full campaign carousel */
.campaign-carousel{position:relative;height:calc(100svh - 108px);min-height:650px;overflow:hidden;border-bottom:4px solid var(--comic-black);background:var(--comic-cream);isolation:isolate}.campaign-track{position:absolute;inset:0}.campaign-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility .6s ease}.campaign-slide.active{opacity:1;visibility:visible;pointer-events:auto}.campaign-art{position:relative;overflow:hidden;border-right:4px solid var(--comic-black);background:#f52f86}.campaign-slide.zodiac .campaign-art{background:linear-gradient(135deg,#ff3d96,#6e49c8 46%,#25c8c5)}.campaign-slide.manifestation .campaign-art{background:linear-gradient(135deg,#ff547f,#ff994c 46%,#ffd43b)}.campaign-slide.crystal .campaign-art{background:linear-gradient(135deg,#8b65d5,#28bfd2 48%,#143c9b)}.campaign-art:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(#fff 1.7px,transparent 1.7px);background-size:12px 12px;mix-blend-mode:screen}.campaign-art:after{content:"";position:absolute;inset:-18%;background:repeating-conic-gradient(from 20deg,rgba(255,255,255,.28) 0 4deg,transparent 4deg 18deg);transform-origin:center;z-index:0}.campaign-panel{position:absolute;margin:0;z-index:2;background:#fff;border:4px solid var(--comic-black);box-shadow:var(--comic-shadow);overflow:hidden;transform:rotate(var(--rot,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.campaign-slide.active .campaign-panel{animation:panelIn .55s backwards}.campaign-panel img{width:100%;height:100%;object-fit:cover;display:block}.campaign-panel figcaption{position:absolute;left:9px;top:9px;padding:5px 9px;border:2px solid var(--comic-black);background:#fff6cf;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:2px 2px 0 var(--comic-black)}.panel-1{--rot:-4deg;left:2%;top:4%;width:26%;height:33%;animation-delay:.04s!important}.panel-2{--rot:2deg;left:29%;top:1%;width:24%;height:30%;animation-delay:.08s!important}.panel-3{--rot:-2deg;right:19%;top:4%;width:25%;height:31%;animation-delay:.12s!important}.panel-4{--rot:3deg;right:1%;top:1%;width:20%;height:36%;animation-delay:.16s!important}.panel-5{--rot:2deg;left:1%;bottom:3%;width:25%;height:34%;animation-delay:.2s!important}.panel-6{--rot:-3deg;left:27%;bottom:1%;width:24%;height:33%;animation-delay:.24s!important}.panel-7{--rot:2deg;right:24%;bottom:3%;width:24%;height:32%;animation-delay:.28s!important}.panel-8{--rot:-2deg;right:1%;bottom:2%;width:22%;height:34%;animation-delay:.32s!important}.campaign-title-lockup{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:max-content;max-width:80%;text-align:center;text-transform:uppercase;text-shadow:5px 5px 0 var(--comic-black)}.campaign-title-lockup span,.campaign-title-lockup strong{display:block;font-weight:900;line-height:.82;letter-spacing:-.07em;-webkit-text-stroke:3px var(--comic-black);paint-order:stroke fill}.campaign-title-lockup span{font-size:clamp(56px,7.2vw,120px);color:var(--comic-yellow)}.campaign-title-lockup strong{font-size:clamp(40px,5.4vw,88px);color:#b8f6f0}.manifestation .campaign-title-lockup span{color:#fff}.manifestation .campaign-title-lockup strong{color:#ffe26a}.crystal .campaign-title-lockup span{color:#ffe26a}.crystal .campaign-title-lockup strong{color:#f4eaff}.comic-mark{position:absolute;z-index:7;font-weight:900;color:var(--comic-yellow);-webkit-text-stroke:2px var(--comic-black);paint-order:stroke fill}.mark-a{right:7%;top:7%;font-size:52px;transform:rotate(12deg)}.mark-b{left:4%;top:43%;font-size:44px}.mark-c{right:4%;bottom:7%;font-size:30px;padding:6px 10px;background:#fff;border:3px solid var(--comic-black);box-shadow:3px 3px 0 var(--comic-black);transform:rotate(-8deg);-webkit-text-stroke:0;color:var(--comic-black)}
.campaign-copy{position:relative;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,4vw,70px);background:var(--comic-cream);overflow:hidden}.campaign-copy:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-130px;bottom:-130px;background:var(--comic-yellow);border:4px solid var(--comic-black);z-index:-1}.campaign-slide.manifestation .campaign-copy:before{background:#ff9bc7}.campaign-slide.crystal .campaign-copy:before{background:#a3e7eb}.launch-chip{display:inline-flex!important;width:max-content;max-width:100%;padding:7px 11px!important;background:var(--comic-yellow)!important;color:var(--comic-black)!important;border:3px solid var(--comic-black)!important;border-radius:5px!important;box-shadow:3px 3px 0 var(--comic-black)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}.campaign-copy h1{font-family:Manrope,Arial,sans-serif!important;margin:18px 0 16px!important;font-size:clamp(48px,5.2vw,82px)!important;line-height:.88!important;letter-spacing:-.065em!important;font-weight:900!important;color:var(--comic-black)!important;text-shadow:4px 4px 0 #fff!important}.campaign-copy>p{max-width:520px;margin:0;font-size:17px;line-height:1.55;font-weight:650;color:#5e5765}.campaign-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.launch-note{margin-top:16px!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;color:var(--comic-black)!important}.carousel-arrow{position:absolute;z-index:15;top:50%;display:grid;place-items:center;width:46px;height:46px;border:3px solid var(--comic-black);border-radius:50%;background:#fff;color:var(--comic-black);font-size:34px;line-height:1;box-shadow:3px 3px 0 var(--comic-black);cursor:pointer;transform:translateY(-50%)}.carousel-prev{left:14px}.carousel-next{right:14px}.carousel-arrow:hover{transform:translateY(calc(-50% + 2px)) translateX(2px);box-shadow:1px 1px 0 var(--comic-black)}.carousel-dots{position:absolute;z-index:15;left:50%;bottom:18px;display:flex;gap:8px;transform:translateX(-50%);padding:7px 9px;border:3px solid var(--comic-black);background:#fff;box-shadow:3px 3px 0 var(--comic-black)}.carousel-dot{width:42px;height:8px;border:2px solid var(--comic-black);border-radius:0;background:#fff;cursor:pointer}.carousel-dot.active{background:var(--comic-pink)}

/* Collection worlds */
.launch-journey{background:#fffdf7!important;border-bottom:4px solid var(--comic-black)}.brand-collection-card{min-height:610px!important}.brand-collection-card .collection-preview-card{height:350px!important}.brand-collection-card.zodiac{background:linear-gradient(180deg,#fff,#eee8ff)!important}.brand-collection-card.manifestation{background:linear-gradient(180deg,#fff,#ffe9f0)!important}.brand-collection-card.crystal{background:linear-gradient(180deg,#fff,#e8fbfb)!important}.collection-hero-brand{min-height:72vh;align-items:center!important}.collection-hero-brand.zodiac{background:linear-gradient(135deg,#f6eaff,#d9f4ff)!important}.collection-hero-brand.manifestation{background:linear-gradient(135deg,#fff0f6,#fff2c8)!important}.collection-hero-brand.crystal{background:linear-gradient(135deg,#eafcff,#f1eaff)!important}.collection-preview-detail{transform:rotate(0)!important;border-width:4px!important}.collection-art{transition:transform .4s ease}.collection-preview:hover .collection-art{transform:scale(1.02)}

/* Shopping: expressive framing, clean product visibility */
.product-image-link{isolation:isolate}.product-image-link:before{content:"";position:absolute;inset:0;z-index:0;opacity:.13;background-image:radial-gradient(var(--comic-blue) 1.2px,transparent 1.2px);background-size:10px 10px;pointer-events:none}.product-image-link>img{position:relative;z-index:1}.quick-badge{z-index:3!important;background:var(--comic-yellow)!important;color:var(--comic-black)!important}.product-card:nth-child(3n+2) .quick-badge{background:var(--comic-cyan)!important}.product-card:nth-child(3n) .quick-badge{background:#ff9bc7!important}.product-info .add{background:var(--comic-pink)!important;color:#fff!important}.product-info .add:hover{background:var(--comic-yellow)!important;color:var(--comic-black)!important}

/* Cart/checkout/account intentionally calmer */
.page-shell,.cart-drawer{--comic-shadow:4px 4px 0 var(--comic-black)}.checkout-card,.order-summary,.account-card,.page-panel{border-radius:12px!important}.checkout-card h1,.account-card h1{font-size:clamp(42px,5vw,70px)!important}.secure-note{background:#effcf9!important}.cart-orbits-logo{max-height:64px;width:auto!important}

@keyframes panelIn{from{opacity:0;transform:translateY(20px) rotate(var(--rot,0deg)) scale(.97)}to{opacity:1;transform:translateY(0) rotate(var(--rot,0deg)) scale(1)}}

@media(max-width:1050px){.campaign-carousel{height:auto;min-height:850px}.campaign-slide{grid-template-columns:1fr;grid-template-rows:minmax(520px,62vh) auto}.campaign-art{border-right:0;border-bottom:4px solid var(--comic-black)}.campaign-copy{padding:34px 7vw 58px}.campaign-copy h1{max-width:11ch}.carousel-arrow{top:31%}.brand-collection-card{min-height:660px!important}.brand-collection-card .collection-preview-card{height:400px!important}}
@media(max-width:680px){.campaign-carousel{min-height:790px}.campaign-slide{grid-template-rows:470px auto}.campaign-panel{border-width:3px;box-shadow:4px 4px 0 var(--comic-black)}.panel-1{left:1%;top:3%;width:37%;height:29%}.panel-2{left:39%;top:2%;width:34%;height:28%}.panel-3{right:1%;top:11%;width:29%;height:27%}.panel-4{right:2%;top:38%;width:33%;height:27%}.panel-5{left:1%;bottom:2%;width:35%;height:28%}.panel-6{left:37%;bottom:1%;width:34%;height:27%}.panel-7{right:1%;bottom:3%;width:29%;height:24%}.panel-8{display:none}.campaign-title-lockup{max-width:92%}.campaign-title-lockup span{font-size:clamp(46px,15vw,76px)}.campaign-title-lockup strong{font-size:clamp(32px,11vw,54px)}.campaign-copy{padding:26px 20px 64px}.campaign-copy h1{font-size:clamp(42px,12vw,62px)!important;max-width:none}.campaign-copy>p{font-size:15px}.campaign-actions{width:100%}.campaign-actions .primary,.campaign-actions .secondary{width:100%;text-align:center}.carousel-arrow{top:29%;width:40px;height:40px}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-dots{bottom:12px}.brand-collection-card{min-height:560px!important}.brand-collection-card .collection-preview-card{height:310px!important}.launch-chip{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.campaign-slide,.campaign-panel,.collection-art{transition:none!important;animation:none!important}}

/* === HERO POLISH OVERRIDES === */

/* Make the hero fill the screen cleanly */
.campaign-carousel,
.hero-carousel,
.hero-slider {
  min-height: 100svh !important;
  height: 100svh !important;
}

/* Ensure each slide fills the screen */
.campaign-slide,
.hero-slide {
  min-height: 100svh !important;
  height: 100svh !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

/* If the slide artwork is an IMG, fit it properly */
.campaign-slide img,
.hero-slide img,
.hero-slide-image,
.campaign-slide-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

/* If the slide uses a background image instead of an IMG */
.campaign-slide,
.hero-slide {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Give the slides breathing room with branded background colour */
.campaign-slide.zodiac,
.hero-slide.zodiac {
  background-color: #5a47d6 !important;
}

.campaign-slide.manifestation,
.hero-slide.manifestation {
  background-color: #ff5d98 !important;
}

.campaign-slide.crystal,
.hero-slide.crystal {
  background-color: #24bfd0 !important;
}

/* ORBITS wordmark badge */
.campaign-title-lockup,
.hero-orbits-wordmark,
.hero-brand-lockup {
  position: absolute !important;
  top: 2rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 20 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0.9rem 1.6rem !important;
  background: linear-gradient(135deg, #ff2f86 0%, #ffb000 100%) !important;
  border: 4px solid #ffffff !important;
  border-radius: 18px !important;
  box-shadow:
    0 10px 0 #111111,
    0 16px 30px rgba(0,0,0,0.18) !important;
}

/* Make the ORBITS text thicker and cleaner */
.campaign-title-lockup,
.campaign-title-lockup span,
.campaign-title-lockup strong,
.hero-orbits-wordmark,
.hero-brand-lockup {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: clamp(1.5rem, 3vw, 2.75rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow:
    2px 2px 0 rgba(0,0,0,0.18),
    0 0 0 transparent !important;
  -webkit-text-stroke: 0 !important;
}

/* Remove extra stacked styling if ORBITS is split across child spans */
.campaign-title-lockup span,
.campaign-title-lockup strong {
  display: inline !important;
}

/* Keep content from colliding with the top badge */
.campaign-copy,
.hero-slide-copy,
.hero-caption {
  padding-top: 7.5rem !important;
}

/* Mobile tuning */
@media (max-width: 768px) {
  .campaign-title-lockup,
  .hero-orbits-wordmark,
  .hero-brand-lockup {
    top: 1rem !important;
    padding: 0.75rem 1.2rem !important;
    border-width: 3px !important;
    border-radius: 14px !important;
  }

  .campaign-copy,
  .hero-slide-copy,
  .hero-caption {
    padding-top: 6rem !important;
  }

  .campaign-slide img,
  .hero-slide img,
  .hero-slide-image,
  .campaign-slide-image {
    object-fit: contain !important;
    object-position: center center !important;
  }
}