/* Desktop uses the available width. Compactness comes from spacing, not page zoom. */
@media (min-width:768px) {
  :root {
    --seer-page-gutter:clamp(32px,5vw,112px);
    --seer-page-width:min(1760px,calc(100vw - var(--seer-page-gutter)*2));
    --seer-page-edge:max(var(--seer-page-gutter),calc((100vw - 1760px)/2));
  }
  .sn-inner,
  .sm-hero-copy,
  .seer-clarity-caption,
  #homepage-hero>div:nth-child(2)>.container,
  #seer-focus-carousel .carousel-heading,
  #seer-focus-carousel .carousel-bottom,
  #seer-intelligence,
  #seer-privacy,
  #seer-connect,
  .clarity-footer {
    width:var(--seer-page-width);
    max-width:none;
    margin-inline:auto;
  }
  .sn-inner,
  #homepage-hero>div:nth-child(2)>.container,
  #seer-focus-carousel .carousel-heading,
  #seer-focus-carousel .carousel-bottom,
  #seer-intelligence { padding-inline:0; }
  .sn-inner { height:64px; }
  .seer-clarity-hero { padding-top:52px!important; }
  .sm-hero-copy { margin-bottom:20px; }
  .sm-hero-copy h1 {
    font-size:clamp(48px,4.2vw,76px)!important;
    letter-spacing:-.04em!important;
  }
  .sm-hero-copy p { max-width:580px; }
  .seer-clarity-hero>.seer-clarity-frame {
    width:var(--seer-page-width);
    max-width:none;
    height:clamp(440px,32vw,600px)!important;
  }
  #seer-focus-carousel {
    --card-width:min(720px,var(--seer-page-width));
  }
  #seer-focus-carousel .carousel-controls { right:0; }
  #seer-focus-carousel .rail-viewport {
    scroll-padding-left:var(--seer-page-edge);
  }
  #seer-focus-carousel .card-track {
    padding-left:var(--seer-page-edge);
    padding-right:calc(100vw - var(--seer-page-edge) - var(--card-width));
  }
  #seer-focus-carousel .story-card { scroll-snap-align:start; }
  #seer-focus-carousel .story-mat { padding:0 0 26px; }
  #seer-focus-carousel .sample-note { left:2px; bottom:6px; }
  #seer-focus-carousel .card-caption { text-align:left; justify-content:flex-start; }
  #seer-focus-carousel .caption-select { justify-content:flex-start; }
  #seer-focus-carousel .card-caption p { max-width:58ch; }
  #seer-focus-carousel .carousel-heading h2 { letter-spacing:-.035em!important; }
  #seer-intelligence { margin-top:88px; }
  #seer-intelligence .ts30-tool {
    width:clamp(320px,calc((var(--seer-page-width) - 72px)/4),410px);
  }
  #seer-privacy { padding:52px; }
  #seer-connect { margin-top:52px; }
  #homepage-cta[data-edge-field]>.container {
    width:var(--seer-page-width);
    max-width:none!important;
    padding-inline:0!important;
  }
  .clarity-footer { padding-inline:0; }
}
@media (min-width:1200px) {
  .seer-clarity-hero {
    width:var(--seer-page-width);
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    column-gap:32px;
    align-items:center;
    padding-top:28px!important;
  }
  .sm-hero-copy {
    grid-column:1;
    grid-row:1;
    width:100%;
    display:block;
    margin:0;
  }
  .sm-hero-copy h1 { font-size:clamp(48px,3.95vw,76px)!important; }
  .sm-hero-copy p { max-width:48ch; margin-top:24px; }
  .sm-hero-copy>a { margin-top:28px; }
  .seer-clarity-hero>.seer-clarity-frame {
    grid-column:2;
    grid-row:1;
    width:100%;
    height:clamp(460px,36vw,660px)!important;
    margin:0;
  }
  .seer-clarity-caption { grid-column:2; width:100%; padding-bottom:24px; }
}
@media (min-width:1400px) {
  #seer-focus-carousel { --card-width:calc((var(--seer-page-width) - 32px)/2); }
}
