/*
 * Compact phone-landscape case-study reader.
 * Loaded after the project compositions so these rules remain the final,
 * intentional short-viewport layout rather than inheriting tablet geometry.
 */
@media (orientation: landscape) and (max-height: 540px) and (max-width: 980px) {
  .cw-overlay {
    --cw-landscape-gutter: clamp(14px, 2.8vw, 24px);
    --cw-landscape-gap: clamp(10px, 1.7vw, 16px);
  }

  /* Fixed reader chrome keeps an explicit close-button lane. */
  .cw-overlay__chrome {
    padding: 10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));
  }

  .cw-overlay__close {
    width: 44px;
    height: 44px;
  }

  .cw-overlay__close:focus-visible {
    color: var(--cw-paper);
    background: rgb(7 17 18 / .76);
    outline: 2px solid var(--cw-aura);
    outline-offset: 3px;
    transform: none;
  }

  .cw-index { height: 82px; }

  .cw-index__track {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 8px;
    width: min(760px, calc(100vw - 160px));
    height: 72px;
    padding: 5px 0 9px;
  }

  .cw-index__step {
    width: 44px;
    height: 44px;
  }

  .cw-index__status {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 28px;
    gap: 8px;
  }

  .cw-index__label,
  .cw-index__count { font-size: 10px; }
  .cw-index__progress { height: 28px; margin-top: -2px; gap: 6px; }
  .cw-index__button { height: 28px; padding: 12px 0; }

  /* The overview becomes a compact two-column introduction. */
  .cw-entry { min-height: auto; padding-bottom: 34px; }

  .cw-entry__drawer {
    grid-template-columns: minmax(0, .95fr) minmax(220px, 1.05fr);
    grid-template-rows: auto auto auto;
    column-gap: clamp(22px, 4vw, 44px);
    row-gap: 12px;
    align-items: center;
    min-height: auto;
    padding: 68px var(--cw-landscape-gutter) 22px;
  }

  .cw-entry__meta { grid-column: 1 / -1; padding-bottom: 8px; font-size: 9px; }
  .cw-entry__title { grid-column: 1; width: 100%; }
  .cw-entry__feature { grid-column: 2; width: 100%; justify-self: stretch; }
  .cw-entry__title h1 { margin-bottom: 9px; font-size: clamp(38px, 10.5svh, 50px); }
  .cw-entry__title p { max-width: 34ch; font-size: clamp(12px, 3.5svh, 15px); line-height: 1.4; }
  .cw-entry__role { margin-top: 10px; }
  .cw-entry__role h2 { font-size: clamp(17px, 5svh, 22px); line-height: 1.15; }
  .cw-entry__feature :is(img, object) { max-height: min(39svh, 190px); }
  .cw-entry__narrative {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 3vw, 34px);
    padding-top: 10px;
  }
  .cw-entry__narrative dt { margin-bottom: 3px; font-size: 8px; }
  .cw-entry__narrative dd { font-size: clamp(10px, 2.8svh, 12px); line-height: 1.45; }
  .cw-entry__prompt { height: 24px; }

  /* Shared paper rhythm and typography. */
  .cw-paper-stack { gap: 52px; padding: 0 10px 64px; }
  .cw-paper { width: calc(100vw - 20px); border-radius: 18px; }

  /* Restore the compact document identity on projects that use the shared
     paper cover. The full cover stays suppressed; only its masthead occupies
     the space already reserved at the top of each short-landscape chapter. */
  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-paper > .cw-document-cover {
    box-sizing: border-box;
    display: block;
    visibility: visible !important;
    pointer-events: none;
    height: 70px;
    background: transparent !important;
    border-radius: 18px 18px 0 0;
    position: absolute;
    inset: 0 0 auto;
    z-index: 40;
  }

  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__face {
    display: none !important;
  }

  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__identity {
    box-sizing: border-box;
    grid-template-columns: minmax(76px, 132px) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 70px;
    padding: 12px 66px 11px var(--cw-landscape-gutter);
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    position: relative;
    inset: auto;
    display: grid;
  }

  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__identity img {
    width: min(132px, 19vw);
    max-height: 34px;
    object-fit: contain;
    object-position: left center;
  }

  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__identity span,
  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__identity b {
    font-size: 8px;
    line-height: 1.25;
    letter-spacing: .1em;
  }

  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__identity span {
    justify-self: end;
    white-space: nowrap;
  }

  .cw-overlay:not([data-cw-case-study="videostudio"]):not([data-cw-case-study="coreldraw"])
    .cw-document-cover__identity b {
    min-width: 0;
    margin: 0;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* VideoStudio and CorelDRAW already generate their own responsive masthead.
     Reassert it here because these project compositions become grid contents. */
  .cw-overlay[data-cw-case-study="videostudio"] .vs-mobile-header,
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-mobile-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    position: relative;
    z-index: 40;
  }
  .cw-paper--13,
  .cw-paper--14,
  .cw-paper--16 { padding: 82px var(--cw-landscape-gutter) 26px; }

  .cw-p13__copy,
  .cw-p14__copy,
  .cw-p16__copy {
    width: 100% !important;
    max-width: none;
    margin: 0 0 22px;
  }

  .cw-p13__copy h2,
  .cw-p14__copy h2,
  .cw-p16__copy h2,
  .pd-case-paper h2 {
    margin-bottom: 12px;
    font-size: clamp(36px, 10svh, 48px);
  }

  .cw-p13__copy p,
  .cw-p14__copy p,
  .cw-p16__copy p,
  .pd-case-paper p { max-width: none !important; font-size: 14px; line-height: 1.52; }

  .cw-paper__footer { margin: 18px 4px 4px; font-size: 8px; }
  .cw-p16-gallery__controls button { width: 44px; height: 44px; }
  .cw-p16-gallery__controls { bottom: -50px; gap: 8px; }

  /* Clearwire: compact contact sheets with key frames spanning the grid. */
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12__top {
    min-height: 0;
    padding: 82px var(--cw-landscape-gutter) 26px;
  }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12__top h2 {
    margin-bottom: 14px;
    font-size: clamp(36px, 10svh, 48px);
  }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12__top p { max-width: 58ch; font-size: 14px; line-height: 1.52; }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12__field-grid {
    width: 100%;
    margin: 0;
    padding: 18px var(--cw-landscape-gutter) 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    transform: none;
  }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12-tile { border-radius: 10px; transform: none; }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12-tile:nth-child(n + 13) { display: none; }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12__bottom { padding: 18px var(--cw-landscape-gutter) 38px; }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p12__feature { aspect-ratio: 16 / 7; }

  .cw-overlay[data-cw-case-study="clearwire"] :is(.cw-p13__images, .cw-p14__images, .cw-p16__images) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding-bottom: 0;
  }
  .cw-overlay[data-cw-case-study="clearwire"] :is(.cw-p13__image, .cw-p14__image, .cw-p16__image) {
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    border-radius: 12px;
  }
  .cw-overlay[data-cw-case-study="clearwire"] :is(.cw-p13__image, .cw-p14__image, .cw-p16__image) img { object-fit: cover; object-position: top center; }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p13__image:last-child,
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p14__image:nth-child(-n + 2),
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p16__image:first-child {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 7 !important;
  }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p13__labels {
    order: 3;
    width: 100%;
    margin: 12px 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    display: grid;
    position: relative;
    inset: auto;
  }
  .cw-overlay[data-cw-case-study="clearwire"] .cw-p13__labels b {
    color: var(--cw-deep-green);
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  /* Parallels: each chapter becomes a deliberate editorial grid. */
  .pd-case-paper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding: 82px var(--cw-landscape-gutter) 26px;
    display: grid !important;
  }
  .pd-case-paper > :not(.cw-document-cover) { min-width: 0; }
  .pd-case-paper :is(.pd-systems__copy, .pd-identity__copy, .pd-digital__copy, .pd-lifecycle__copy) {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0 0 8px;
  }
  .pd-case-paper h3 { margin-bottom: 10px; font-size: 9px; }
  .pd-media { border-radius: 12px !important; }

  .pd-systems__feature {
    grid-column: 1 / -1;
    width: 100%;
    height: clamp(220px, 42vw, 340px);
    margin: 0;
    position: relative;
    inset: auto;
  }
  .pd-systems__feature-bars { width: 74% !important; height: 100% !important; left: 23%; top: 0; }
  .pd-systems__feature-computer { width: 62% !important; left: 34%; top: 18%; }
  .pd-systems__card {
    width: 100%;
    min-height: 260px;
    margin: 0;
    border-radius: 14px;
    position: relative;
    inset: auto;
  }
  .pd-systems__extension { min-height: 300px; }
  .pd-systems__examples { grid-column: 1 / -1; min-height: 300px; }
  .pd-systems__card-copy,
  .pd-systems__extension .pd-systems__card-copy,
  .pd-systems__shape .pd-systems__card-copy,
  .pd-systems__examples .pd-systems__card-copy { inset: 18px 18px auto; }
  .pd-systems__card figure,
  .pd-systems__shape figure { inset: 90px 18px 16px; }
  .pd-systems__extension figure { width: min(54%, 170px); height: 170px; inset: auto; }
  .pd-systems__examples figure { inset: 88px 18px 72px; }
  .pd-systems__examples .pd-systems__card-copy p:first-of-type { margin-top: 190px; }

  .pd-identity__catalog {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    width: 100%;
    margin: 0;
    display: grid;
    position: relative;
    inset: auto;
  }
  .pd-identity__panel { width: 100%; aspect-ratio: 4 / 3; position: relative; inset: auto; }
  .pd-identity__panel--corporate { grid-column: span 2; border-radius: 12px !important; }
  .pd-identity__panel--corporate img { min-height: 0; position: relative; inset: auto; }
  .pd-identity__panel img { object-fit: cover; object-position: top center; }

  .pd-digital > section {
    width: 100%;
    margin: 0;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    display: grid;
    position: relative;
    inset: auto;
    transform: none;
  }
  .pd-digital > section > h3 { grid-column: 1 / -1; margin: 0 0 2px; position: relative; inset: auto; text-align: left; }
  .pd-digital :is(.pd-digital__paid, .pd-digital__notifications, .pd-digital__website, .pd-digital__email) { margin-bottom: 0; }
  .pd-digital .pd-media,
  .pd-digital__notification,
  .pd-digital__website-frame,
  .pd-digital__email-card { width: 100%; height: auto !important; position: relative; inset: auto; }
  .pd-digital__paid-banner,
  .pd-digital__notification--update { grid-column: 1 / -1; }
  .pd-digital__website-frame { grid-column: 1 / -1; aspect-ratio: 16 / 9; border-radius: 12px !important; }
  .pd-digital__website-frame img { height: 100% !important; object-fit: cover; object-position: top; }
  .pd-digital__paid .pd-media,
  .pd-digital__notifications .pd-media { aspect-ratio: 4 / 3; overflow: hidden !important; }
  .pd-digital__paid .pd-media img,
  .pd-digital__notifications .pd-media img { width: 100%; height: 100% !important; object-fit: cover; object-position: top; }
  .pd-digital__email-card { aspect-ratio: 4 / 3 !important; overflow: hidden !important; }
  .pd-digital__email-card img { width: 100%; height: 100% !important; object-fit: cover; object-position: top; }

  .pd-lifecycle__icons {
    grid-column: 1 / -1;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    min-height: 44px;
    margin: 0 0 4px;
    display: grid;
    position: relative;
    inset: auto;
  }
  .pd-lifecycle__icons img {
    grid-area: auto;
    width: 100%;
    height: 42px;
    opacity: 1;
    transform: none;
    animation: none;
  }
  .pd-lifecycle__retail,
  .pd-lifecycle__event,
  .pd-lifecycle__booth { width: 100%; margin: 0; position: relative; inset: auto; }
  .pd-lifecycle__retail,
  .pd-lifecycle__event { aspect-ratio: 4 / 3; height: auto; overflow: hidden; }
  .pd-lifecycle__retail img { object-fit: contain; }
  .pd-lifecycle__event img { object-fit: cover; object-position: top; }
  .pd-lifecycle__booth { grid-column: 1 / -1; aspect-ratio: 16 / 7; overflow: hidden; }
  .pd-lifecycle__booth img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .pd-case-paper > .cw-paper__footer { grid-column: 1 / -1; }

  /* VideoStudio: key images span, supporting images form 2–3 column grids. */
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--12,
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--13,
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--16 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding: 0 var(--cw-landscape-gutter) 26px;
    display: grid;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--14 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding: 0 var(--cw-landscape-gutter) 26px;
    display: grid;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page-art { display: contents; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page-art > :is(
    .vs-page20__hero, .vs-page20__system,
    .vs-page21__hero, .vs-page21__window, .vs-page21__person,
    .vs-page22__media, .vs-page22__interface,
    .vs-page24__item
  ) { width: 100%; margin: 0; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-mobile-header {
    grid-column: 1 / -1;
    width: auto;
    margin: 0 calc(-1 * var(--cw-landscape-gutter)) 2px;
    padding: 82px 66px 14px var(--cw-landscape-gutter);
  }
  .cw-overlay[data-cw-case-study="videostudio"] :is(.cw-p12__top, .cw-p13__copy, .cw-p14__copy, .cw-p16__copy) {
    grid-column: 1 / -1;
    width: 100% !important;
    margin: 0;
    padding: 14px 2px 10px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--12 .cw-p12__top {
    grid-column: 1;
    grid-row: 2;
    padding: 12px 8px 10px 2px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--12 .cw-p12__top h2 { margin-bottom: 12px; font-size: clamp(34px, 9.4svh, 46px); }
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--12 .cw-p12__top p { font-size: 13px; line-height: 1.48; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__hero {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0;
    border-radius: 14px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__system {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    padding: 20px;
    border-radius: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__system > section { padding: 0; border: 0; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__system > section + section { border-left: 1px solid rgb(255 255 255 / .14); padding-left: 18px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__system h3 { margin-bottom: 12px; font-size: 9px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__logo-mark { min-height: 108px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__swatches { gap: 9px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__swatches li { grid-template-columns: 26px minmax(0, 1fr); gap: 6px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__swatches i { width: 26px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__swatches span,
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__type-name span,
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__type-specimen > p:not(.vs-page20__type-name) { font-size: 10px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__type-specimen strong { font-size: 18px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page20__type-specimen + .vs-page20__type-specimen { margin-top: 12px; padding-top: 12px; }

  .cw-overlay[data-cw-case-study="videostudio"] .vs-page21__hero {
    grid-column: 1 / -1;
    width: 100%;
    aspect-ratio: 16 / 7;
    margin: 0;
    border-radius: 14px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] :is(.vs-page21__window, .vs-page21__person) {
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0;
    padding: 0;
    border-radius: 12px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page21__person img { object-fit: cover; object-position: top center; }

  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper--14 :is(.vs-mobile-header, .cw-p14__copy, .vs-page22__interface) { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page22__media {
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0;
    border-radius: 12px;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page22__interface { width: 100%; margin: 4px 0 8px; }

  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__item {
    width: 100%;
    margin: 0;
    padding: 0;
    align-self: start;
  }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__item figure { border-radius: 12px; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__website figure,
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__box figure,
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__social figure { aspect-ratio: 4 / 3; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__ads { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="videostudio"] .vs-page24__leaderboard { aspect-ratio: 16 / 3; }
  .cw-overlay[data-cw-case-study="videostudio"] .cw-paper > .cw-paper__footer { grid-column: 1 / -1; }

  /* CorelDRAW: paired campaign work and cropped preview tiles for tall art. */
  .cw-overlay[data-cw-case-study="coreldraw"] .cw-paper--12,
  .cw-overlay[data-cw-case-study="coreldraw"] .cw-paper--13 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding: 0 var(--cw-landscape-gutter) 26px;
    display: grid;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cw-paper--16 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding: 0 var(--cw-landscape-gutter) 26px;
    display: grid;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page-art { display: contents; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-mobile-header {
    grid-column: 1 / -1;
    width: auto;
    margin: 0 calc(-1 * var(--cw-landscape-gutter)) 2px;
    padding: 82px 66px 14px var(--cw-landscape-gutter);
  }
  .cw-overlay[data-cw-case-study="coreldraw"] :is(.cw-p12__top, .cw-p13__copy, .cw-p16__copy) {
    grid-column: 1 / -1;
    width: 100% !important;
    margin: 0;
    padding: 14px 2px 10px;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page-art > :is(
    .cd-page28__hero, .cd-page28__cues, .cd-page28__note, .cd-page28__gallery,
    .cd-page29__woman, .cd-page29__social, .cd-page29__website, .cd-page29__ads,
    .cd-page31__direction, .cd-page31__samples, .cd-page31__booth, .cd-page31__invite, .cd-page31__mousepad
  ) { width: 100%; margin: 0; padding: 0; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page28__hero { aspect-ratio: 16 / 9; border-radius: 12px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page28__cues {
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
    border-radius: 14px;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-cue { gap: 6px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-cue__sample { border-radius: 10px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-cue figcaption { font-size: 7px; text-align: center; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page28__note { grid-column: 1 / -1; font-size: 12px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page28__gallery {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page28__gallery-item { aspect-ratio: 4 / 3; border-radius: 12px; }

  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__woman {
    grid-column: 1 / -1;
    width: 100%;
    aspect-ratio: 16 / 7;
    margin: 0;
    border-radius: 12px;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__woman img { object-fit: cover; object-position: center 22%; }
  .cw-overlay[data-cw-case-study="coreldraw"] :is(.cd-page29__social, .cd-page29__website, .cd-page29__ads) { align-content: start; gap: 10px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__social { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__social > h3 { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__social-item,
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__website-image { aspect-ratio: 4 / 3; border-radius: 12px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__website-image img { object-fit: cover; object-position: top; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__ads {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__ads h3 { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__ad { grid-column: auto; aspect-ratio: 4 / 3; border-radius: 12px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page29__ad img { object-fit: cover; object-position: top; }

  .cw-overlay[data-cw-case-study="coreldraw"] .cw-paper--16 :is(.cd-mobile-header, .cw-p16__copy) { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page31__direction { aspect-ratio: auto; gap: 8px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page31__direction-image { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page31__direction-image img { object-fit: cover; object-position: top; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page31__samples { grid-column: span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cw-overlay[data-cw-case-study="coreldraw"] .cd-page31__sample { aspect-ratio: 4 / 3; border-radius: 12px; }
  .cw-overlay[data-cw-case-study="coreldraw"] :is(.cd-page31__booth-image, .cd-page31__invite-image, .cd-page31__mousepad-image) {
    aspect-ratio: 4 / 3;
    border-radius: 12px;
    overflow: hidden;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] :is(.cd-page31__booth-image, .cd-page31__invite-image, .cd-page31__mousepad-image) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .cw-overlay[data-cw-case-study="coreldraw"] .cw-paper > .cw-paper__footer { grid-column: 1 / -1; }

  /* Explorations: paired concepts, 3-up icon studies, and preview crops. */
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-art--semantic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cw-landscape-gap);
    padding: 82px var(--cw-landscape-gutter) 28px;
    display: grid;
  }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-art--semantic > * { min-width: 0; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-semantic-title,
  .cw-overlay[data-cw-case-study="explorations"] .ex-architecture__proposal .ex-semantic-title,
  .cw-overlay[data-cw-case-study="explorations"] .ex-coreldraw__direction-title { font-size: clamp(30px, 8.5svh, 42px); }
  .cw-overlay[data-cw-case-study="explorations"] .ex-semantic-body { font-size: 13px; line-height: 1.52; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-semantic-footer { grid-column: 1 / -1; margin-top: 8px; }

  .cw-overlay[data-cw-case-study="explorations"] .ex-architecture__current,
  .cw-overlay[data-cw-case-study="explorations"] .ex-architecture__proposal { width: 100%; padding: 20px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-architecture__current .ex-architecture__current-title { margin-top: 24px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-current-products,
  .cw-overlay[data-cw-case-study="explorations"] .ex-proposed-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 10px;
    margin-top: 20px;
  }
  .cw-overlay[data-cw-case-study="explorations"] .ex-current-products figcaption { min-height: 3em; font-size: 7px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-current-products img { max-height: 82px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-architecture__signature { width: min(150px, 56%); margin-top: 24px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-proposed-product__surface--wordmark { height: 16px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-proposed-product__surface--icon { max-width: 90px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-architecture__proposal .ex-architecture__proposal-logo-shell {
    width: 100%;
    aspect-ratio: 16 / 7;
    margin: 24px 0 0;
  }

  .cw-overlay[data-cw-case-study="explorations"] .ex-page-36 :is(.ex-clearwire__intro, .ex-clearwire__product-copy, .ex-clearwire__product, .ex-semantic-footer) { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-36 :is(.ex-clearwire__before, .ex-clearwire__after) {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-36 :is(.ex-clearwire__before, .ex-clearwire__after) img { height: 100%; object-fit: cover; object-position: top; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-36 .ex-clearwire__product {
    width: 100%;
    aspect-ratio: 16 / 7;
    overflow: hidden;
  }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-36 .ex-clearwire__product img { height: 100%; object-fit: cover; object-position: top; }

  .cw-overlay[data-cw-case-study="explorations"] .ex-page-37 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-37 :is(
    .ex-coreldraw__current-title, .ex-coreldraw__body, .ex-coreldraw__direction-title, .ex-semantic-footer
  ) { grid-column: 1 / -1; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-37 > * { width: 100%; margin: 0; position: relative; inset: auto; translate: none; transform: none; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-37 :is(.ex-coreldraw__concept, .ex-coreldraw__direction-title) {
    position: relative;
    inset: auto;
    width: 100%;
    translate: none;
    transform: none;
  }
  .cw-overlay[data-cw-case-study="explorations"] .ex-coreldraw__current-icon { grid-column: 1; width: 100%; max-width: 110px; margin-inline: auto; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-coreldraw__concept { aspect-ratio: 1; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-coreldraw__direction-title { margin-top: 8px; }

  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__proposal {
    grid-column: 1 / -1;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 7;
    margin: 0;
    overflow: hidden;
  }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__proposal img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__proposal figcaption::after { content: " · View full website"; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__old-logo { width: min(170px, 72%); align-self: start; justify-self: center; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__before-copy { width: 100%; gap: 16px; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__before { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__before img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
  .cw-overlay[data-cw-case-study="explorations"] .ex-page-38 .ex-kiesel__proposal-logo { width: min(210px, 76%); align-self: center; justify-self: center; }

  /* The image viewer stays a full-screen inspection surface with touch-safe controls. */
  .cw-image-viewer__close,
  .cw-image-viewer__step { width: 48px; height: 48px; }
  .cw-image-viewer__close { top: 10px; right: 10px; }
  .cw-image-viewer__step--previous { left: 10px; }
  .cw-image-viewer__step--next { right: 10px; }
}