/* A compact desktop composition; phone and touch landscape layouts keep their scale. */
@media (min-width: 761px) and (min-height: 501px), (min-width: 1001px), (min-width: 761px) and (pointer: fine) {
  .first-screen-shell { width: min(1000px,100%); padding-inline: 28px; }
  .main-site-header { min-height: 72px; padding-block: 16px; }
  .main-site-header .site-logo img { width: 236px; }
  .advertising-section { padding-block: 26px 30px; }
  .sale-section { padding-bottom: 56px; }
  .campaign-card { height: 190px; }
  .campaign-copy strong { font-size: 23px; }
  .brand-section { padding: 20px; border-radius: 18px; }
  .brand-workspace { height: 640px; }
  .brand-card { height: 68px; }
  .brand-copy strong { font-size: 15px; }
  .inline-model h3 { font-size: 28px; }
  .inline-model > p { font-size: 15px; }
  .inline-model-row { padding-block: 14px; font-size: 18px; }

  .story-section > .story-shell,
  .story-footer > .story-shell,
  .editorial-section,
  .trade-shell { width: min(1120px,100%); }
  .story-section { padding-block: 72px; }
  .story-why { padding-block: 80px 64px; }
  .story-why > .story-shell { width: 100%; max-width: none; padding-inline: 0; }
  .story-why .why-feature-heading { margin-bottom: 36px; padding-inline: 28px; }
  .story-why .why-feature-heading h2 { font-size: 32px; margin-bottom: 16px; }
  .story-why .why-feature-heading p { font-size: 15px; }
  .why-feature-track { grid-auto-columns: min(64vw,840px); gap: 20px; padding-inline: max(18vw,calc((100vw - 840px)/2)); }
  .why-feature-card { border-radius: 18px; }

  .story-guide { padding-block: 0; }
  .story-guide > .story-shell { width: min(1200px,100%); max-width: 1200px; padding-block: 64px; }
  .story-guide .procedure-heading { margin-bottom: 28px; }
  .story-guide .procedure-heading h2 { font-size: 32px; margin-bottom: 14px; }
  .story-guide .procedure-heading > p { font-size: 15px; }
  .story-guide .procedure-number { font-size: 20px; margin-bottom: 15px; }
  .story-guide .procedure-step h3 { font-size: 25px; margin-bottom: 12px; }
  .story-guide .procedure-step p { font-size: 13px; line-height: 1.65; }
  .story-guide .procedure-step { border-radius: 16px; }
  .story-guide .procedure-step-copy { flex: 1; min-height: 200px; padding: 24px 21px 22px; }
  .story-guide .procedure-photo { max-height: clamp(170px,calc(100svh - 480px),360px); }

  .home-reviews-band { padding-block: 64px; }
  .home-reviews-section { width: min(880px,100%); }
  .home-review-hero { margin-bottom: 28px; }
  .home-review-kicker { font-size: 16px; margin-bottom: 14px; }
  .home-review-hero h2 { font-size: 48px; }
  .home-review-hero-desc { font-size: 15px; max-width: 340px; }
  .home-review-track .home-review-row { height: 84px; padding: 10px 16px; border-radius: 11px; }
  .home-review-track .home-review-meta { gap: 7px; }
  .home-review-track .home-review-meta strong { font-size: 15px; }
  .home-review-track .home-review-score { font-size: 14px; }
  .home-review-track .home-review-type { font-size: 11px; padding: 2px 6px; }
  .home-review-track .home-review-id,
  .home-review-track .home-review-model,
  .home-review-track .home-review-head time { font-size: 11px; }
  .home-review-track .home-review-content > p { font-size: 13px; margin-top: 6px; }
  .home-review-track .home-review-row.with-review-album { height: 109.2px; padding-block: 6px; }
  .home-review-track .with-review-album .home-review-content > p { margin-top: 2px; }
  .home-review-album { height: 50px; margin-top: 4px; }
  .home-review-album a { flex-basis: 64px; height: 50px; }
  .reviews-flowing .home-review-window { height: 736px; }

  .journal-band #journal { width: min(1120px,100%); padding-block: 80px; }
  .journal-label-row { margin-bottom: 38px; gap: 30px; }
  .journal-section-label { font-size: 13px; margin-bottom: 14px; }
  .journal-band .journal-label-row h2 { font-size: 40px; }
  .journal-band .journal-description { font-size: 15px; max-width: 365px; }
  .journal-carousel .journal-grid { grid-auto-columns: calc((100% - 36px)/3); gap: 18px; }
  .magazine-face { border-radius: 18px; }
  .magazine-copy { min-height: 220px; padding: 18px 20px; gap: 10px; }
  .magazine-title { font-size: 21px; }
  .magazine-category,
  .magazine-date { font-size: 12px; }
  .magazine-back { padding: 22px; }
  .magazine-back-title { font-size: 21px; }
  .magazine-summary { font-size: 15px; }
  .magazine-blog-link { font-size: 15px; }
}

@media (min-width: 1440px) {
  .story-guide .procedure-cards { gap: 18px; margin-bottom: 24px; }
  .story-guide.reveal-procedure .procedure-board { top: 24px; }
}

@media (min-width: 1440px) and (max-height: 800px) {
  .story-guide > .story-shell { padding-block: 24px 40px; }
}

@media (min-width: 761px) and (max-width: 1439px) and (min-height: 501px), (min-width: 1001px) and (max-width: 1439px), (min-width: 761px) and (max-width: 1439px) and (pointer: fine) {
  .story-guide > .story-shell { width: 100%; padding-inline: 0; }
  .story-guide .procedure-cards { grid-auto-columns: min(64vw,360px); padding-inline: max(18vw,calc((100vw - 360px)/2)); }
  .story-guide .procedure-step-copy { min-height: 180px; }
  .story-guide .procedure-photo { max-height: 360px; }
}