@media (min-width: 901px) {
  .hero-section {
    --edge: max(var(--site-gutter), (100% - var(--site-width)) / 2);
    --pad-y: clamp(1rem, 3.4svh, 3rem);
    --text-col: clamp(22rem, 28vw, 26rem);
    --col-gap: clamp(1.5rem, 3.4vw, 3.5rem);
    position: relative; isolation: isolate;
    display: grid; grid-template-columns: var(--text-col) minmax(0, 1fr); grid-template-rows: auto auto;
    column-gap: var(--col-gap); row-gap: 0; padding: 0 var(--edge) var(--fluid-stage);
  }
  .hero-section::before {
    content: ""; position: absolute; inset-block: 0 auto; inset-inline: 0; block-size: 100%; z-index: -1; pointer-events: none;
    background-image: linear-gradient(var(--hero-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-line) 1px, transparent 1px);
    background-size: 32px 32px; background-position: center top;
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 85% 10%, #1a1f1c, transparent 75%);
    mask-image: radial-gradient(ellipse 80% 70% at 85% 10%, #1a1f1c, transparent 75%);
  }
  .hero-text {
    grid-column: 1; grid-row: 1; inline-size: auto; margin: 0;
    min-block-size: calc(100svh - 81px); padding-block: var(--pad-y);
    display: flex; flex-direction: column; justify-content: center;
  }
  .eyebrow { margin-block-end: clamp(.5rem, 1.8svh, 1.25rem); }
  .hero-section h1 { font-size: clamp(1.75rem, min(5.3svh, 2.9vw), 3.5rem); line-height: 1.05; letter-spacing: -.05em; }
  .hero-copy { margin-block-start: clamp(.75rem, 2.4svh, 1.75rem); }
  .hero-copy > * + * { margin-block-start: clamp(.375rem, 1.4svh, .875rem); }
  .hero-copy > * + .action-group { margin-block-start: clamp(.875rem, 3svh, 1.75rem); }
  .hero-summary { font-size: clamp(.875rem, min(2.55svh, 1.25vw), 1.15rem); line-height: 1.5; }
  .hero-terms { font-size: clamp(.75rem, min(2.1svh, 1vw), .95rem); line-height: 1.5; }
  .hero-terms span { text-wrap: balance; }
  .action-group { gap: clamp(.5rem, 1.6svh, 1.25rem); }
  .button { min-block-size: clamp(44px, 6.5svh, 52px); padding-block: 0; }
  .signup-note { font-size: 12px; line-height: 1.4; }
  .cover, .cover-stage, .shot { display: contents; }
  .cover::before { display: none; }
  .browser { grid-column: 2; grid-row: 1; align-self: center; justify-self: end; inline-size: min(100%, calc((100svh - 81px - var(--pad-y) * 2 - 40px) * 1.7516)); }
  .plate { grid-column: 2; grid-row: 2; justify-self: end; inline-size: min(100%, calc((100svh - 81px - var(--pad-y) * 2 - 40px) * 1.7516)); margin-block-start: 0; padding-block-start: 12px; }
}