/* Lamborghini Murciélago LP 670-4 SuperVeloce — v29 feature presentation. */

.feature-sv {
  --sv-yellow: #f6c447;
  --sv-soft: rgba(255, 255, 255, .72);
}

.feature-sv .feature-hero {
  min-block-size: max(47.5rem, 100svh);
  background: #080808;
}

.feature-sv .feature-hero-media img {
  object-position: 52% 57%;
}

.feature-sv .feature-hero-shade {
  background:
    linear-gradient(270deg, rgba(0, 0, 0, .86) 0%, rgba(0, 0, 0, .62) 30%, rgba(0, 0, 0, .16) 58%, rgba(0, 0, 0, .02) 76%),
    linear-gradient(0deg, rgba(0, 0, 0, .62) 0%, transparent 46%, rgba(0, 0, 0, .30) 100%);
}

.feature-sv .feature-hero-content {
  inline-size: var(--page);
  min-block-size: 100svh;
  padding-block: clamp(8.5rem, 17svh, 11rem) clamp(2.5rem, 6svh, 4.5rem);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.feature-sv .feature-hero-content > .kicker,
.feature-sv .feature-hero-content > h1,
.feature-sv .feature-hero-note {
  inline-size: min(45vw, 48rem);
}

.feature-sv .feature-hero h1 {
  max-inline-size: 48rem;
  margin-block-start: clamp(1rem, 2.4vh, 1.75rem);
  font-size: clamp(3.8rem, 5.7vw, 7rem);
  line-height: .78;
}

.feature-sv .feature-hero h1 em {
  margin-block-start: .22em;
  font-size: .43em;
  line-height: .92;
}

.feature-sv .feature-hero-note {
  margin-block-start: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .75rem;
}

.feature-sv .feature-hero-note p {
  color: rgba(255, 255, 255, .84);
}

.feature-sv .story-intro {
  grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr);
}

.feature-sv .story-intro h2 {
  max-inline-size: 11ch;
}

.feature-sv .sv-specs {
  margin: clamp(2.5rem, 5vw, 4.5rem) 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block-start: 1px solid var(--line);
}

.feature-sv .sv-specs div {
  padding: 1.25rem 1rem 1.1rem 0;
  border-block-end: 1px solid var(--line);
}

.feature-sv .sv-specs div:nth-child(even) {
  padding-inline-start: 1rem;
  border-inline-start: 1px solid var(--line);
}

.feature-sv .sv-specs dt {
  color: var(--gold-light);
  font-family: var(--serif);
  font-size: clamp(1.8rem, 2.4vw, 2.7rem);
  line-height: 1;
}

.feature-sv .sv-specs dd {
  margin: .55rem 0 0;
  color: var(--muted);
  font-size: .66rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.feature-sv .sv-duo {
  grid-template-columns: minmax(0, 1.9fr) minmax(18rem, .72fr);
  align-items: end;
}

.feature-sv .sv-duo figure:first-child {
  aspect-ratio: 3 / 2;
}

.feature-sv .sv-duo figure:last-child {
  aspect-ratio: 2 / 3;
}

.feature-sv .sv-duo figure:first-child img {
  object-position: center 56%;
}

.feature-sv .sv-duo figure:last-child img {
  object-position: center;
}

.feature-sv .sv-performance {
  min-block-size: clamp(46rem, 90svh, 61rem);
}

.feature-sv .sv-performance > img {
  object-position: 47% 58%;
}

.feature-sv .sv-performance .story-full-shade {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .74) 0%, rgba(0, 0, 0, .36) 31%, transparent 58%),
    linear-gradient(0deg, rgba(0, 0, 0, .34), transparent 54%);
}

.feature-sv .sv-performance .story-full-copy {
  padding-block-start: clamp(3.5rem, 8svh, 5.5rem);
  align-items: flex-start;
  text-align: left;
}

.feature-sv .sv-performance .story-full-copy > * {
  inline-size: min(37vw, 38rem);
}

.feature-sv .sv-identity .story-image,
.feature-sv .sv-identity .story-image img {
  min-block-size: 0;
}

.feature-sv .sv-identity .story-image {
  aspect-ratio: 2 / 3;
}

.feature-sv .sv-identity .story-image img {
  object-position: center;
}

.feature-sv .sv-tunnel-frame {
  inline-size: min(var(--page), 92rem);
  block-size: min(60vw, 54rem);
  min-block-size: 0;
}

.feature-sv .sv-tunnel-frame img {
  min-block-size: 0;
  object-position: center 54%;
}

.feature-sv .sv-manual {
  grid-template-columns: minmax(26rem, .82fr) minmax(22rem, .68fr);
}

.feature-sv .sv-manual .story-image,
.feature-sv .sv-manual .story-image img {
  min-block-size: 0;
}

.feature-sv .sv-manual .story-image {
  aspect-ratio: 2 / 3;
}

.feature-sv .sv-manual .story-image img {
  object-position: center;
}

.feature-sv .sv-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: none;
  align-items: start;
}

.feature-sv .sv-gallery figure,
.feature-sv .sv-gallery figure:first-child,
.feature-sv .sv-gallery figure:not(:first-child) {
  min-block-size: 0;
  aspect-ratio: 2 / 3;
}

.feature-sv .sv-gallery figure img {
  object-position: center;
}

.feature-sv .sv-provenance {
  min-block-size: clamp(46rem, 92svh, 62rem);
}

.feature-sv .sv-provenance > img {
  object-position: center 60%;
}

.feature-sv .sv-provenance .story-full-shade {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .26) 38%, transparent 66%),
    linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .18) 43%, transparent 66%);
}

.feature-sv .sv-provenance .story-full-copy {
  padding-block-start: clamp(3.5rem, 8svh, 5.5rem);
}

.feature-sv .story-full-deck {
  max-inline-size: 34rem;
  margin: clamp(1.1rem, 2.2vh, 1.7rem) 0 0;
  color: rgba(255, 255, 255, .76);
  font-size: clamp(.78rem, 1vw, .95rem);
  line-height: 1.75;
}

.feature-sv .sv-closing {
  grid-template-columns: minmax(23rem, .82fr) minmax(0, 1.08fr);
}

.feature-sv .sv-closing .story-closing-media {
  block-size: auto;
  aspect-ratio: 2 / 3;
}

.feature-sv .sv-closing .story-closing-media img {
  object-position: center 48%;
}

/* Desktop landscape is the default editorial composition. */
@media (min-width: 1025px) and (orientation: landscape) {
  .feature-sv .feature-hero,
  .feature-sv .feature-hero-content {
    block-size: 100svh !important;
    min-block-size: max(47.5rem, 100svh) !important;
  }

  .feature-sv .feature-hero-content {
    padding-block: clamp(8.5rem, 17svh, 11rem) clamp(2.5rem, 6svh, 4.5rem) !important;
    align-items: flex-end;
    text-align: right;
  }

  .feature-sv .feature-hero-content > .kicker,
  .feature-sv .feature-hero-content > h1,
  .feature-sv .feature-hero-note {
    inline-size: min(45vw, 48rem) !important;
  }

  .feature-sv .feature-hero-note {
    align-items: flex-end;
  }

  .feature-sv .feature-hero-media img {
    object-position: 52% 57% !important;
  }

  .feature-sv .sv-performance,
  .feature-sv .sv-provenance {
    block-size: 92svh !important;
    min-block-size: clamp(46rem, 92svh, 62rem) !important;
  }
}

/* Tall desktop / tablet-computer portrait. */
@media (min-width: 1025px) and (orientation: portrait) {
  .feature-sv .feature-hero,
  .feature-sv .feature-hero-content {
    block-size: 92svh !important;
    min-block-size: 56rem !important;
  }

  .feature-sv .feature-hero-media img {
    object-position: 50% 55% !important;
  }

  .feature-sv .feature-hero-shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .74) 0%, rgba(0, 0, 0, .38) 34%, transparent 62%, rgba(0, 0, 0, .28) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, .62), transparent 72%);
  }

  .feature-sv .feature-hero-content {
    padding-block: clamp(7.5rem, 13svh, 9rem) clamp(2rem, 5svh, 3rem) !important;
    align-items: flex-start;
    text-align: left;
  }

  .feature-sv .feature-hero-note {
    align-items: flex-start;
    margin-block-start: clamp(1.5rem, 3svh, 2.25rem);
  }

  .feature-sv .feature-hero-content > .kicker,
  .feature-sv .feature-hero-content > h1,
  .feature-sv .feature-hero-note {
    inline-size: min(72vw, 43rem) !important;
  }

  .feature-sv .feature-hero h1 {
    font-size: clamp(4.4rem, 8vw, 6.7rem);
  }

  .feature-sv .story-intro {
    grid-template-columns: minmax(0, 1fr);
  }

  .feature-sv .sv-duo,
  .feature-sv .sv-gallery {
    grid-template-columns: minmax(0, 1fr);
  }

  .feature-sv .sv-duo figure:first-child,
  .feature-sv .sv-duo figure:last-child,
  .feature-sv .sv-gallery figure,
  .feature-sv .sv-gallery figure:first-child,
  .feature-sv .sv-gallery figure:not(:first-child) {
    inline-size: 100%;
    block-size: auto;
    min-block-size: 0;
    aspect-ratio: auto;
  }

  .feature-sv .sv-duo img,
  .feature-sv .sv-gallery img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    object-fit: contain;
  }

  .feature-sv .sv-performance,
  .feature-sv .sv-provenance {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 4 / 3;
  }

  .feature-sv .sv-performance > img {
    object-position: 43% 58% !important;
  }

  .feature-sv .sv-provenance > img {
    object-position: 50% 61% !important;
  }

  .feature-sv .sv-performance .story-full-copy,
  .feature-sv .sv-provenance .story-full-copy {
    inline-size: 92vw;
    block-size: 100%;
  }

  .feature-sv .sv-manual {
    grid-template-columns: minmax(24rem, .82fr) minmax(20rem, .68fr);
  }
}

/* iPad and mobile foundations, including both portrait platforms. */
@media (max-width: 1024px) {
  .feature-sv .feature-hero,
  .feature-sv .feature-hero-content {
    block-size: 92svh !important;
    min-block-size: 42rem !important;
  }

  .feature-sv .feature-hero-media img {
    object-position: 50% 54% !important;
  }

  .feature-sv .feature-hero-shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .42) 35%, transparent 65%, rgba(0, 0, 0, .26) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, .62), transparent 78%);
  }

  .feature-sv .feature-hero-content {
    inline-size: 90vw !important;
    padding-block: clamp(6.5rem, 15svh, 8.5rem) clamp(1.75rem, 4svh, 2.5rem) !important;
    align-items: flex-start;
    text-align: left;
  }

  .feature-sv .feature-hero-note {
    align-items: flex-start;
    margin-block-start: clamp(1.25rem, 3svh, 2rem);
  }

  .feature-sv .feature-hero-content > .kicker,
  .feature-sv .feature-hero-content > h1,
  .feature-sv .feature-hero-note {
    inline-size: min(82vw, 37rem) !important;
  }

  .feature-sv .feature-hero h1 {
    font-size: clamp(3.35rem, 10vw, 5.6rem);
  }

  .feature-sv .story-intro,
  .feature-sv .story-split,
  .feature-sv .story-split.reverse,
  .feature-sv .story-closing {
    grid-template-columns: minmax(0, 1fr);
  }

  .feature-sv .story-split.reverse .story-copy {
    grid-column: 1;
    grid-row: 1;
  }

  .feature-sv .story-split.reverse .story-image {
    grid-column: 1;
    grid-row: 2;
  }

  .feature-sv .sv-duo,
  .feature-sv .sv-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }

  .feature-sv .sv-duo figure:first-child,
  .feature-sv .sv-duo figure:last-child,
  .feature-sv .sv-gallery figure,
  .feature-sv .sv-gallery figure:first-child,
  .feature-sv .sv-gallery figure:not(:first-child) {
    inline-size: 100%;
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: auto !important;
    background: transparent;
  }

  .feature-sv .sv-duo img,
  .feature-sv .sv-gallery img {
    display: block;
    inline-size: 100%;
    block-size: auto !important;
    min-block-size: 0 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .feature-sv .sv-performance,
  .feature-sv .sv-provenance {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 4 / 5;
  }

  .feature-sv .sv-performance > img {
    object-position: 33% 58% !important;
  }

  .feature-sv .sv-provenance > img {
    object-position: 50% 62% !important;
  }

  .feature-sv .sv-performance .story-full-copy,
  .feature-sv .sv-provenance .story-full-copy {
    inline-size: 90vw;
    block-size: 100%;
    padding-block: clamp(2rem, 7vw, 3.5rem) 0;
    justify-content: flex-start;
  }

  .feature-sv .sv-performance .story-full-copy {
    align-items: flex-start;
    text-align: left;
  }

  .feature-sv .sv-performance .story-full-copy > *,
  .feature-sv .sv-provenance .story-full-copy > * {
    inline-size: min(72vw, 32rem);
  }

  .feature-sv .sv-performance .story-full-copy h2,
  .feature-sv .sv-provenance .story-full-copy h2 {
    font-size: clamp(3rem, 9vw, 5rem);
  }

  .feature-sv .sv-identity .story-image,
  .feature-sv .sv-manual .story-image,
  .feature-sv .sv-closing .story-closing-media {
    inline-size: 100%;
    block-size: auto;
    min-block-size: 0;
    aspect-ratio: 2 / 3;
  }

  .feature-sv .sv-identity .story-image img,
  .feature-sv .sv-manual .story-image img,
  .feature-sv .sv-closing .story-closing-media img {
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 0;
    object-fit: cover;
  }

  .feature-sv .sv-tunnel-frame {
    inline-size: var(--page);
    block-size: auto;
    min-block-size: 0;
    aspect-ratio: 3 / 2;
  }

  .feature-sv .sv-tunnel-frame img {
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 0;
    object-fit: cover;
    object-position: center 54%;
  }
}

/* Compact phone portrait. */
@media (max-width: 479px) {
  .feature-sv .feature-hero,
  .feature-sv .feature-hero-content {
    block-size: 88svh !important;
    min-block-size: 39rem !important;
  }

  .feature-sv .feature-hero-media img {
    object-position: 50% 56% !important;
  }

  .feature-sv .feature-hero-content {
    padding-block: clamp(5.8rem, 14svh, 7rem) clamp(1.35rem, 4svh, 2.25rem) !important;
  }

  .feature-sv .feature-hero-content > .kicker,
  .feature-sv .feature-hero-content > h1,
  .feature-sv .feature-hero-note {
    inline-size: 84vw !important;
  }

  .feature-sv .feature-hero h1 {
    font-size: clamp(2.85rem, 12.2vw, 4rem);
    line-height: .79;
  }

  .feature-sv .feature-hero h1 em {
    font-size: .45em;
  }

  .feature-sv .feature-hero-note p {
    font-size: clamp(.74rem, 3.5vw, .9rem);
  }

  .feature-sv .feature-hero-note span {
    display: none;
  }

  .feature-sv .sv-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-sv .sv-specs dt {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }

  .feature-sv .sv-specs dd {
    font-size: .57rem;
    letter-spacing: .12em;
  }

  .feature-sv .sv-performance,
  .feature-sv .sv-provenance {
    aspect-ratio: 4 / 5;
  }

  .feature-sv .sv-performance .story-full-copy h2,
  .feature-sv .sv-provenance .story-full-copy h2 {
    font-size: clamp(2.7rem, 11.2vw, 3.65rem);
  }

  .feature-sv .story-full-deck {
    max-inline-size: 78vw;
    font-size: .76rem;
  }
}

/* iPhone and Android landscape: keep copy in the negative space and give
   every car a deeper frame than the short viewport would otherwise allow. */
@media (max-width: 1024px) and (orientation: landscape) {
  .feature-sv .feature-hero,
  .feature-sv .feature-hero-content {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 16 / 9;
  }

  .feature-sv .feature-hero-media img {
    object-position: 60% 58% !important;
  }

  .feature-sv .feature-hero-shade {
    background:
      linear-gradient(270deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .62) 33%, rgba(0, 0, 0, .08) 60%, transparent 72%),
      linear-gradient(0deg, rgba(0, 0, 0, .26), transparent 56%);
  }

  .feature-sv .feature-hero-content {
    inline-size: 92vw !important;
    padding-block: clamp(4.5rem, 10vw, 5.5rem) 2.5vw !important;
    align-items: flex-end;
    text-align: right;
  }

  .feature-sv .feature-hero-note {
    align-items: flex-end;
  }

  .feature-sv .feature-hero-content > .kicker,
  .feature-sv .feature-hero-content > h1,
  .feature-sv .feature-hero-note {
    inline-size: min(45vw, 25rem) !important;
  }

  .feature-sv .feature-hero h1 {
    font-size: clamp(2.15rem, 5.35vw, 3.7rem);
    line-height: .78;
  }

  .feature-sv .feature-hero-note p {
    font-size: clamp(.66rem, 1.65vw, .84rem);
  }

  .feature-sv .feature-hero-note span {
    display: none;
  }

  .feature-sv .story-intro,
  .feature-sv .story-split,
  .feature-sv .story-split.reverse,
  .feature-sv .story-closing {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: clamp(2rem, 5vw, 4rem);
  }

  .feature-sv .story-split.reverse .story-image {
    grid-column: 1;
    grid-row: 1;
  }

  .feature-sv .story-split.reverse .story-copy {
    grid-column: 2;
    grid-row: 1;
  }

  .feature-sv .sv-duo {
    grid-template-columns: minmax(0, 1.8fr) minmax(0, .72fr);
    align-items: end;
  }

  .feature-sv .sv-duo figure:first-child {
    aspect-ratio: 3 / 2 !important;
  }

  .feature-sv .sv-duo figure:last-child {
    aspect-ratio: 2 / 3 !important;
  }

  .feature-sv .sv-duo img {
    block-size: 100% !important;
    object-fit: cover !important;
  }

  .feature-sv .sv-performance,
  .feature-sv .sv-provenance {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 3 / 2;
  }

  .feature-sv .sv-performance > img {
    object-position: 43% 62% !important;
  }

  .feature-sv .sv-provenance > img {
    object-position: 50% 64% !important;
  }

  .feature-sv .sv-performance .story-full-copy,
  .feature-sv .sv-provenance .story-full-copy {
    inline-size: 92vw;
    block-size: 100%;
    padding-block: 4vw 0;
  }

  .feature-sv .sv-performance .story-full-copy {
    align-items: flex-start;
    text-align: left;
  }

  .feature-sv .sv-performance .story-full-copy > *,
  .feature-sv .sv-provenance .story-full-copy > * {
    inline-size: min(39vw, 22rem);
  }

  .feature-sv .sv-performance .story-full-copy h2,
  .feature-sv .sv-provenance .story-full-copy h2 {
    font-size: clamp(2rem, 4.7vw, 3.35rem);
  }

  .feature-sv .story-full-deck {
    margin-block-start: .65rem;
    font-size: clamp(.64rem, 1.45vw, .8rem);
    line-height: 1.5;
  }

  .feature-sv .sv-identity .story-image,
  .feature-sv .sv-manual .story-image,
  .feature-sv .sv-closing .story-closing-media {
    aspect-ratio: 2 / 3;
  }

  .feature-sv .sv-tunnel-frame {
    aspect-ratio: 3 / 2;
  }

  .feature-sv .sv-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .feature-sv .sv-gallery figure,
  .feature-sv .sv-gallery figure:first-child,
  .feature-sv .sv-gallery figure:not(:first-child) {
    aspect-ratio: 2 / 3 !important;
  }

  .feature-sv .sv-gallery img {
    block-size: 100% !important;
    object-fit: cover !important;
  }
}

/* v29 homepage and La Collezione integration ---------------------------
   Both entries use orientation-specific photographs and keep their copy in
   genuine negative space.  The image ratios are deliberately preserved on
   mobile instead of forcing short viewport-height crops. */

.home-page .access-sv-media,
.home-page .access-sv-media img {
  inline-size: 100%;
  block-size: 100%;
  min-inline-size: 0;
  min-block-size: 0;
}

.home-page .access-sv-media {
  align-self: stretch;
  overflow: hidden;
}

.home-page .access-sv-media img {
  display: block;
  object-fit: cover;
  object-position: 50% 56%;
  transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}

.home-page .access-sv:hover .access-sv-media img {
  transform: scale(1.018);
}

.home-page .access-sv .panel-shade {
  background:
    linear-gradient(270deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .61) 31%, rgba(0, 0, 0, .12) 58%, transparent 74%),
    linear-gradient(0deg, rgba(0, 0, 0, .36), transparent 54%);
}

.home-page .access-sv .panel-copy {
  inline-size: min(43vw, 42rem);
  align-self: start;
  justify-self: end;
  margin: clamp(7rem, 15svh, 9rem) var(--edge) 0 0;
  text-align: right;
}

.home-page .access-sv .panel-copy > * {
  margin-inline-start: auto;
}

.home-page .access-sv .panel-copy h3 {
  font-size: clamp(3.65rem, 5.8vw, 6.9rem);
}

.collection-page .collection-card-sv {
  grid-column: 1 / -1;
  block-size: auto !important;
  min-block-size: 0 !important;
  aspect-ratio: 3 / 2;
}

.collection-page .collection-card-sv .collection-card-media img {
  object-position: 50% 52% !important;
}

.collection-page .collection-card-sv .collection-card-shade {
  background:
    linear-gradient(225deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .52) 29%, rgba(0, 0, 0, .10) 55%, transparent 70%),
    linear-gradient(0deg, rgba(0, 0, 0, .27), transparent 52%);
}

.collection-page .collection-card-sv .collection-card-copy {
  inline-size: min(51%, 48rem);
  align-self: start;
  justify-self: end;
  margin: clamp(6rem, 12vw, 9rem) clamp(2rem, 4vw, 3.5rem) 0 0;
  text-align: right;
}

.collection-page .collection-card-sv .collection-card-copy > * {
  margin-inline-start: auto;
}

/* The Porsche was the former first card; retain its accepted full-width
   treatment after the Lamborghini becomes the leading story. */
@media (min-width: 480px) {
  .collection-page .collection-card-gt3 {
    grid-column: 1 / -1;
    block-size: 84svh;
    min-block-size: clamp(44rem, 84svh, 56rem);
  }
}

@media (min-width: 1025px) and (orientation: portrait) {
  .home-page .access-sv {
    block-size: auto;
    min-block-size: 0;
    aspect-ratio: 2 / 3;
  }

  .home-page .access-sv-media img {
    object-position: 50% 54%;
  }

  .home-page .access-sv .panel-shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .54) 27%, rgba(0, 0, 0, .08) 51%, transparent 66%),
      linear-gradient(90deg, rgba(0, 0, 0, .48), transparent 78%);
  }

  .home-page .access-sv .panel-copy {
    inline-size: min(76vw, 45rem);
    align-self: start;
    justify-self: start;
    margin: clamp(7rem, 11vw, 9rem) 0 0 var(--edge);
    text-align: left;
  }

  .home-page .access-sv .panel-copy > * {
    margin-inline-start: 0;
  }

  .collection-page .collection-card-sv {
    aspect-ratio: 2 / 3;
  }

  .collection-page .collection-card-sv .collection-card-media img {
    object-position: 50% 54% !important;
  }

  .collection-page .collection-card-sv .collection-card-shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .84) 0%, rgba(0, 0, 0, .58) 27%, rgba(0, 0, 0, .08) 52%, transparent 67%),
      linear-gradient(90deg, rgba(0, 0, 0, .46), transparent 76%);
  }

  .collection-page .collection-card-sv .collection-card-copy {
    inline-size: min(78vw, 47rem);
    justify-self: start;
    margin: clamp(7rem, 12vw, 9rem) 0 0 var(--edge);
    text-align: left;
  }

  .collection-page .collection-card-sv .collection-card-copy > * {
    margin-inline-start: 0;
  }
}

@media (min-width: 480px) and (max-width: 1024px) and (orientation: portrait) {
  .home-page .access-sv,
  .collection-page .collection-card-sv {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 2 / 3;
  }

  .home-page .access-sv-media img,
  .collection-page .collection-card-sv .collection-card-media img {
    object-position: 50% 54% !important;
  }

  .home-page .access-sv .panel-shade,
  .collection-page .collection-card-sv .collection-card-shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .84) 0%, rgba(0, 0, 0, .56) 27%, rgba(0, 0, 0, .08) 52%, transparent 67%),
      linear-gradient(90deg, rgba(0, 0, 0, .44), transparent 78%);
  }

  .home-page .access-sv .panel-copy,
  .collection-page .collection-card-sv .collection-card-copy {
    inline-size: min(78vw, 42rem);
    align-self: start;
    justify-self: start;
    margin: clamp(6rem, 13vw, 8rem) 0 0 var(--edge);
    text-align: left;
  }

  .home-page .access-sv .panel-copy > *,
  .collection-page .collection-card-sv .collection-card-copy > * {
    margin-inline-start: 0;
  }
}

@media (max-width: 479px) and (orientation: portrait) {
  .home-page .access-sv,
  .collection-page .collection-card-sv {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 2 / 3;
  }

  .home-page .access-sv-media img,
  .collection-page .collection-card-sv .collection-card-media img {
    object-position: 50% 54% !important;
  }

  .home-page .access-sv .panel-shade,
  .collection-page .collection-card-sv .collection-card-shade {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .86) 0%, rgba(0, 0, 0, .57) 28%, rgba(0, 0, 0, .06) 51%, transparent 64%),
      linear-gradient(90deg, rgba(0, 0, 0, .46), transparent 80%);
  }

  .home-page .access-sv .panel-copy,
  .collection-page .collection-card-sv .collection-card-copy {
    inline-size: 86vw;
    align-self: start;
    justify-self: start;
    margin: clamp(5.4rem, 24vw, 6.6rem) 0 0 5vw;
    text-align: left;
  }

  .home-page .access-sv .panel-copy > *,
  .collection-page .collection-card-sv .collection-card-copy > * {
    margin-inline-start: 0;
  }

  .home-page .access-sv .panel-copy h3 {
    font-size: clamp(2.55rem, 12vw, 3.45rem);
  }

  .collection-page .collection-card-sv h3 {
    font-size: clamp(2.4rem, 11.4vw, 3.25rem);
  }
}

@media (max-width: 1024px) and (orientation: landscape) {
  .home-page .access-sv,
  .collection-page .collection-card-sv {
    block-size: auto !important;
    min-block-size: 0 !important;
    aspect-ratio: 3 / 2;
  }

  .home-page .access-sv-media img,
  .collection-page .collection-card-sv .collection-card-media img {
    object-position: 50% 52% !important;
  }

  .home-page .access-sv .panel-shade,
  .collection-page .collection-card-sv .collection-card-shade {
    background:
      linear-gradient(270deg, rgba(0, 0, 0, .90) 0%, rgba(0, 0, 0, .64) 31%, rgba(0, 0, 0, .10) 56%, transparent 70%),
      linear-gradient(0deg, rgba(0, 0, 0, .24), transparent 52%);
  }

  .home-page .access-sv .panel-copy,
  .collection-page .collection-card-sv .collection-card-copy {
    inline-size: min(41vw, 25rem);
    align-self: start;
    justify-self: end;
    margin: clamp(4.8rem, 12vw, 6.5rem) 4vw 0 0;
    text-align: right;
  }

  .home-page .access-sv .panel-copy > *,
  .collection-page .collection-card-sv .collection-card-copy > * {
    margin-inline-start: auto;
  }

  .home-page .access-sv .panel-copy h3,
  .collection-page .collection-card-sv h3 {
    font-size: clamp(2.2rem, 5.1vw, 3.35rem);
  }
}