.hero > img {
  object-position: center center;
}

.hero .hero-shade {
  background:
    linear-gradient(270deg, rgba(5,8,12,.76) 0%, rgba(5,8,12,.3) 39%, rgba(5,8,12,.08) 66%),
    linear-gradient(0deg, rgba(5,7,10,.48), transparent 48%);
}

.hero-copy {
  margin-left: auto;
  width: min(47%, 650px);
}

.hero-copy h1 { font-size: clamp(4rem, 6.8vw, 7rem); }

.hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 12%;
  width: 76%;
  height: 34%;
  background: radial-gradient(ellipse at 50% -15%, rgba(255,244,220,.3) 0%, rgba(255,235,200,.12) 32%, rgba(255,235,200,0) 72%);
  filter: blur(10px);
  pointer-events: none;
}

.editorial {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 760px;
  align-items: center;
}

.editorial > *:not(.editorial-pattern) { position: relative; z-index: 1; }

.editorial-pattern {
  position: absolute;
  z-index: 0;
  right: -5%;
  bottom: -20%;
  width: min(58vw, 900px);
  height: 72%;
  object-fit: contain;
  object-position: right bottom;
  opacity: .2;
  pointer-events: none;
}

.bag {
  gap: .38rem;
  padding-inline: .65rem;
}

.bag svg {
  width: 19px;
  height: 19px;
  overflow: visible;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
}

.bag:hover svg,
.bag:focus-visible svg { transform: translateY(-2px); }

.bag sup {
  position: static;
  min-width: 1ch;
  font-size: .62rem;
  line-height: 1;
}

@media (max-width: 820px) {
  .hero > img { object-position: 43% center; }
  .hero .hero-shade {
    background: linear-gradient(0deg, rgba(4,6,9,.84) 0%, rgba(4,6,9,.22) 64%, rgba(4,6,9,.08));
  }
  .hero-copy { margin-left: 0; width: 100%; }
  .hero-copy h1 { font-size: clamp(3.8rem, 17vw, 6rem); }
  .hero::after { left: 0; width: 100%; height: 28%; opacity: .8; }
  .editorial { min-height: 680px; }
  .editorial-pattern { right: -30%; bottom: -14%; width: 96vw; height: 60%; opacity: .17; }
  .bag { padding-inline: .25rem; }
  .bag svg { width: 18px; height: 18px; }
}