/* Keep the established laptop composition, and bound wide-screen content. */
@media(min-width:1650px){
 :root{--desktop-gutter:max(6%,calc((100% - 1420px)/2))}
 .site-header{padding-inline:var(--desktop-gutter)}
 .launch-copy{left:var(--desktop-gutter);top:max(110px,calc(50svh - 300px))}
 .launch-scroll-cue{left:var(--desktop-gutter);right:var(--desktop-gutter)}
 .event-banner{margin-inline:var(--desktop-gutter)}
 footer{padding-inline:var(--desktop-gutter)}
}

/* Short desktop windows need less vertical spacing, not clipped suite cards. */
@media(min-width:761px) and (max-height:700px){
 .launch-copy{top:100px}
 .launch-copy .eyebrow{margin-bottom:12px}
 .launch-copy h1{font-size:min(clamp(35px,4vw,66px),7.2svh);margin-bottom:14px}
 .launch-copy .hero-description{line-height:1.65;margin-bottom:16px}
 .launch-copy .hero-description strong{margin-bottom:0}
 .suite-card{padding:12px 15px;gap:7px}
 .launch-scroll-cue{bottom:24px;padding-top:10px}
 .launch-scroll-cue>span:last-child{font-size:18px}
}

/* Let a partially scaled desktop window reflow instead of forcing wide columns. */
@media(min-width:761px) and (max-width:1100px){
 .story-copy{grid-template-columns:1fr;gap:0}
 .story-copy h2,.story-copy>p:not(.story-focus),.story-copy>.button{grid-column:1;grid-row:auto}
 .story-copy>p:not(.story-focus){margin:22px 0;max-width:600px}
 .story-copy>.button{justify-self:start}
}