.glex-collection-page-v2 .masthead {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: color-mix(in srgb, #063c29 76%, transparent) !important;
  border-bottom: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 34px rgba(1,28,19,.16);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  backdrop-filter: blur(20px) saturate(150%);
}

.glex-collection-page-v2 .mast-nav {
  padding: 5px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(3,40,27,.78), rgba(7,66,44,.62)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 26px rgba(0,24,17,.12);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

.glex-collection-page-v2 .glex-collection-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(190px, 18vw, 248px);
  display: flex;
  align-items: center;
  padding: clamp(20px, 2.8vw, 38px) !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 24px;
  background:
    radial-gradient(circle at var(--collection-pointer-x,80%) var(--collection-pointer-y,45%), rgba(255,255,255,.25), transparent 30%),
    linear-gradient(120deg, color-mix(in srgb, var(--collection-accent) 90%, #061f18), color-mix(in srgb, var(--collection-accent) 84%, white)) !important;
  box-shadow: 0 20px 45px color-mix(in srgb, var(--collection-accent) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.2);
}

.glex-collection-page-v2 .glex-collection-hero::after { display: none; }

.glex-collection-page-v2 .collection-magnetic-dots {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: .53;
  pointer-events: none;
}

.glex-collection-page-v2 .collection-hero-copy {
  position: relative;
  z-index: 3;
  width: min(62%, 660px);
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 24px);
  padding: clamp(18px, 2.3vw, 30px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 10% 0%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(135deg, rgba(3,38,29,.64), rgba(3,45,34,.44) 58%, rgba(3,37,29,.54));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 18px 42px rgba(3,28,23,.15);
  -webkit-backdrop-filter: blur(21px) saturate(145%);
  backdrop-filter: blur(21px) saturate(145%);
}

.glex-collection-page-v2 .collection-hero-copy::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 12% 0%, rgba(255,255,255,.34), transparent 38%), linear-gradient(110deg, transparent 35%, rgba(255,255,255,.12) 50%, transparent 65%);
  mix-blend-mode: screen;
}

.glex-collection-page-v2 .collection-hero-copy > * { position: relative; z-index: 1; }
.glex-collection-page-v2 .collection-hero-copy .sec-banner-ico { margin: 0; }
.glex-collection-page-v2 .collection-hero-copy .sec-banner-title { font-size: clamp(1.55rem, 2.3vw, 2.35rem); text-wrap: balance; }
.glex-collection-page-v2 .collection-hero-copy .sec-banner-sub { line-height: 1.45; }

.glex-collection-page-v2 .collection-hero-art {
  --collection-art-x: 0px;
  --collection-art-y: 0px;
  position: absolute;
  z-index: 2;
  right: clamp(12px, 3.2vw, 42px);
  bottom: 0;
  width: min(30%, 270px);
  height: 88%;
  display: grid;
  place-items: center;
  translate: var(--collection-art-x) var(--collection-art-y);
  filter: drop-shadow(0 22px 24px rgba(1,25,20,.23));
  pointer-events: none;
  will-change: translate, transform;
  animation: collection-art-float 5.8s ease-in-out infinite;
}

.glex-collection-page-v2 .collection-hero-category-image {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center bottom;
}

.glex-collection-page-v2 .collection-hero-object {
  position: relative;
  width: clamp(120px, 15vw, 174px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 34% 34% 31% 31% / 29% 31% 35% 38%;
  background:
    radial-gradient(circle at 29% 21%, rgba(255,255,255,.58), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.5), rgba(255,255,255,.15) 46%, rgba(3,30,23,.24));
  box-shadow: inset 10px 10px 23px rgba(255,255,255,.22), inset -14px -18px 24px rgba(0,23,18,.2), 0 18px 30px rgba(0,25,19,.2);
  transform: rotate(-4deg);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}

.glex-collection-page-v2 .collection-hero-object::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 8%;
  bottom: -11%;
  height: 17%;
  border-radius: 50%;
  background: rgba(1,24,18,.3);
  filter: blur(9px);
  transform: rotate(4deg);
}

.glex-collection-page-v2 .collection-hero-object-icon {
  color: #fff;
  font-size: clamp(58px, 7vw, 84px);
  font-variation-settings: 'FILL' 1, 'wght' 500;
  text-shadow: 0 8px 16px rgba(0,24,18,.22);
}

.glex-collection-page-v2 .collection-hero-object-label {
  position: absolute;
  left: 50%;
  bottom: 13px;
  width: max-content;
  max-width: 90%;
  translate: -50% 0;
  overflow: hidden;
  color: rgba(255,255,255,.88);
  font: 800 .62rem/1 Lato, sans-serif;
  letter-spacing: .09em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.glex-collection-page-v2 .collection-hero-satellite {
  position: absolute;
  width: 18px;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.92), rgba(255,255,255,.23) 42%, rgba(1,31,23,.23));
  box-shadow: 0 8px 16px rgba(0,24,18,.2);
}
.glex-collection-page-v2 .collection-hero-satellite--1 { top: 9%; right: 7%; }
.glex-collection-page-v2 .collection-hero-satellite--2 { bottom: 16%; left: 3%; width: 13px; }
.glex-collection-page-v2 .collection-hero-satellite--3 { top: 30%; left: 7%; width: 9px; }

.glex-collection-page-v2 .collection-hero-art--codes {
  width: min(41%, 370px);
  right: clamp(4px, 1.5vw, 20px);
  place-items: end center;
}

.glex-collection-page-v2 .collection-hero-figure {
  position: absolute;
  bottom: -4%;
  object-fit: contain;
  object-position: center bottom;
}

.glex-collection-page-v2 .collection-hero-figure--civil {
  z-index: 1;
  left: 2%;
  width: min(54%, 176px);
  height: 82%;
  opacity: .96;
  transform: rotate(-4deg);
}

.glex-collection-page-v2 .collection-hero-figure--douanes {
  z-index: 2;
  right: 0;
  width: min(67%, 220px);
  height: 103%;
}

@keyframes collection-art-float {
  0%, 100% { transform: translateY(0) rotate(-.3deg); }
  50% { transform: translateY(-9px) rotate(.5deg); }
}

@media (max-width: 900px) {
  .glex-collection-page-v2 .glex-collection-hero { min-height: 210px; }
  .glex-collection-page-v2 .collection-hero-copy { width: 72%; }
  .glex-collection-page-v2 .collection-hero-art { right: -8px; width: 32%; opacity: .78; }
  .glex-collection-page-v2 .collection-hero-art--codes { width: 36%; right: -18px; }
  .glex-collection-page-v2 .collection-hero-figure--civil { display: none; }
  .glex-collection-page-v2 .collection-hero-figure--douanes { width: 100%; }
}

@media (max-width: 650px) {
  .glex-collection-page-v2 .glex-collection-hero { min-height: 190px; padding: 14px !important; border-radius: 19px; }
  .glex-collection-page-v2 .collection-hero-copy { width: 76%; min-height: 156px; padding: 20px; border-radius: 18px; }
  .glex-collection-page-v2 .collection-hero-copy .sec-banner-ico { display: none; }
  .glex-collection-page-v2 .collection-hero-art { right: -4px; width: 42%; height: 78%; opacity: .78; }
  .glex-collection-page-v2 .collection-hero-art--codes { right: -34px; width: 52%; }
  .glex-collection-page-v2 .collection-hero-figure--douanes { width: 100%; }
}

@media (max-width: 850px) {
  .glex-collection-page-v2 .mast-nav { border: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  .glex-collection-page-v2 .collection-hero-art { animation: none; translate: none; }
}