/* Desktop only: tighter vertical rhythm (sections, headings, tab rows). Phones are not touched. */
@media (min-width: 901px) {
  #catalog, #projects, #reviews, #process, #about, #elephant, #contact, #sun,
  #why, #scope, #services, #fit, #faq { padding-block: clamp(1.75rem, 4.5vh, 3rem) !important; }
  #catalog [role="tablist"] { margin-bottom: 1rem !important; padding-bottom: .85rem !important; }
  main section div[style*="margin-bottom:24px"], section div[style*="margin-bottom:24px"] { margin-bottom: 12px !important; }
  section div[style*="margin-bottom:18px"] { margin-bottom: 10px !important; }
  section div[style*="margin-bottom:clamp(1.75rem,4vh,2.5rem)"] { margin-bottom: 1rem !important; }
  section div[style*="margin-bottom:clamp(2rem,5vh,3.5rem)"], section div[style*="margin-bottom:clamp(2.5rem,6vh,4rem)"] { margin-bottom: 1.25rem !important; }
  section h2 { margin-bottom: 0; }
}/* Catalog heading: two columns (heading | text + simulator strip) so the left side is not an empty hole */
@media (min-width: 901px) {
  #catalog > div > div:first-child { display: grid !important; grid-template-columns: 1.1fr .9fr; grid-template-areas: "h p" "h t"; column-gap: 3rem; row-gap: 1rem; align-items: center; flex-wrap: nowrap; margin-bottom: 1.25rem !important; }
  #catalog > div > div:first-child > div:first-child { grid-area: h; }
  #catalog > div > div:first-child > p { grid-area: p; max-width: none !important; margin: 0; }
  #catalog > div > div:first-child > #sun-teaser { grid-area: t; width: 100%; margin: 0; padding: 0; }
  #catalog > span { font-size: clamp(90px, 11vw, 170px) !important; top: -6px !important; opacity: .03 !important; }
}/* Focus: when a catalog card is hovered or focused, the other cards soften so the chosen one stands out (desktop) */
@media (min-width: 901px) and (hover: hover) {
  #catalog .stz-carousel .stz-gcard { transition: filter .35s ease, opacity .35s ease, transform .35s ease; }
  #catalog .stz-carousel:has(.stz-gcard:hover, .stz-gcard:focus-within) .stz-gcard:not(:hover):not(:focus-within) { filter: blur(2.5px) saturate(.7); opacity: .6; }
}
/* the detail sheet and the simulator blur the page behind them */
#stz-dt, .stz-sun-wrap { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }