/* VULQIR v2.2 — wide-desktop Brand Story refinement.
 * Designed for a 27-inch 3840×2160 display at Windows 150% scale
 * (~2560 CSS px viewport at 100% browser zoom).
 * Wider editorial sections, not globally enlarged UI. Home and shop unaffected.
 * Existing edit-field IDs, video, audio toggle, ornaments remain intact.
 */
@media (min-width: 1160px) {
  /* Keep dark manifesto + collaboration aligned to the same generous editorial rail.
     Width is capped so text never stretches across the entire 4K display. */
  .vq-story {
    width: 100%;
    max-width: 1520px;
    margin-inline: auto;
  }
  .vq-story .vq-container {
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
    padding-inline: clamp(44px, 4vw, 76px);
  }
  /* Intro: editorial title stays bold but the running copy is easy to read. */
  .vq-story .vq-intro { padding-block: 96px 89px; }
  .vq-story .vq-intro .vq-monogram {
    font-size: clamp(62px, 4vw, 78px);
    line-height: 1.08;
  }
  .vq-story .vq-intro .vq-sub {
    font-size: 16px;
    max-width: 750px;
    line-height: 1.9;
  }
  /* Origin: approximately 45/55 visual hierarchy, generous portrait and comfortable reading. */
  .vq-story .vq-origin-section { padding-block: 118px 126px; }
  .vq-story .vq-origin-section .vq-split {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(64px, 5.2vw, 108px);
    align-items: start;
  }
  .vq-story .vq-origin-section .vq-heading {
    font-size: clamp(57px, 3.35vw, 76px);
    line-height: 1.055;
    max-width: 620px;
  }
  .vq-story .vq-origin-section .vq-editorial-image--story {
    width: 100%;
    max-width: 620px;
    aspect-ratio: 1 / 1.07;
    margin-top: 42px;
  }
  .vq-story .vq-origin-copy {
    max-width: 640px;
    padding: 58px 0 32px;
  }
  .vq-story .vq-origin-copy p {
    font-size: 17px;
    line-height: 2.05;
    margin-bottom: 25px;
  }
  .vq-story .vq-origin-copy p:first-child {
    font-size: clamp(29px, 1.8vw, 35px);
    line-height: 1.43;
    margin-bottom: 35px;
  }
  /* Manifesto retains the original deep-coffee cinema palette. */
  .vq-story .vq-statement { padding: 122px 44px 112px; }
  .vq-story .vq-statement-inner { max-width: 980px; }
  .vq-story .vq-statement-main {
    font-size: clamp(40px, 2.75vw, 55px);
    line-height: 1.34;
  }
  .vq-story .vq-statement-support { font-size: 15px; }
  /* Brand ethos: one larger editorial product photograph and four open cards. */
  .vq-story .vq-ethos-section { padding-block: 120px 132px; }
  .vq-story .vq-values-feature {
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
    gap: clamp(65px, 6vw, 112px);
    margin-bottom: 62px;
  }
  .vq-story .vq-values-head .vq-heading {
    font-size: clamp(57px, 3.3vw, 74px);
    max-width: 680px;
  }
  .vq-story .vq-values-head > p {
    font-size: 17px;
    max-width: 620px;
  }
  .vq-story .vq-editorial-image--values {
    width: min(100%, 520px);
    aspect-ratio: 1 / .88;
  }
  .vq-story .vq-values { gap: clamp(14px, 1.2vw, 24px); }
  .vq-story .vq-values .vq-value {
    min-height: 320px;
    padding: 71px 29px 34px;
  }
  .vq-story .vq-values .vq-value h3 {
    font-size: clamp(29px, 1.9vw, 37px);
  }
  .vq-story .vq-values .vq-value p {
    font-size: 15px;
    line-height: 1.92;
  }
  /* Partnership: larger editorial visual, enough width for a readable paragraph. */
  .vq-story .vq-partner { padding-block: 120px 130px; }
  .vq-story .vq-partner-layout {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(70px, 5.1vw, 100px);
  }
  .vq-story .vq-editorial-image--partner {
    width: 100%;
    max-width: 595px;
    aspect-ratio: 1 / .90;
  }
  .vq-story .vq-partner-copy .vq-heading {
    max-width: 680px;
    font-size: clamp(55px, 3.1vw, 72px);
  }
  .vq-story .vq-partner-copy > p {
    font-size: 17px;
    line-height: 1.96;
    max-width: 650px;
  }
  .vq-story .vq-partner-labels li { font-size: 13px; }
  .vq-story .vq-cta { padding-block: 108px 116px; }
  .vq-story .vq-cta p { font-size: 16px;max-width:680px; }
  .vq-story .vq-fineprint p { font-size: 12px;max-width:1020px; }
}

/* Near-tablet desktop widths should not be forced into a four-column squeeze. */
@media (min-width: 1060px) and (max-width: 1250px) {
  .vq-story .vq-values .vq-value { padding-inline: 20px; }
  .vq-story .vq-values .vq-value h3 { font-size: 28px; }
}