/* Mobile home greeting only. The rest of the site keeps its current layout. */
#view-home .cd-mascot-greeting .cd-mascot-video,
#view-home .cd-mascot-greeting .cd-mascot-kicker { display: none; }

@media (max-width: 760px) {
  #view-home.cd-home-rework .cd-home-greeting.cd-mascot-greeting {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(108px, 34vw, 156px);
    align-items: center;
    column-gap: 7px;
    min-height: 157px;
    padding: 8px 2px 12px;
    overflow: hidden;
    background: #fff;
  }
  #view-home.cd-home-rework .cd-mascot-copy { min-width: 0; }
  #view-home.cd-home-rework .cd-mascot-greeting .cd-mascot-kicker {
    display: block;
    margin: 0 0 7px;
    color: #1776d4;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
  }
  #view-home.cd-home-rework .cd-mascot-greeting h1 {
    margin: 0 0 8px;
    color: #0b1732;
    font-size: clamp(21px, 6vw, 27px);
    line-height: 1.19;
    letter-spacing: -1.1px;
    word-break: keep-all;
  }
  #view-home.cd-home-rework .cd-mascot-greeting p {
    margin: 0;
    color: #67758b;
    font-size: clamp(10px, 2.9vw, 13px);
    line-height: 1.3;
    white-space: nowrap;
  }
  #view-home.cd-home-rework .cd-mascot-greeting .cd-mascot-video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    mix-blend-mode: multiply;
    pointer-events: none;
  }
}

@media (max-width: 360px) {
  #view-home.cd-home-rework .cd-home-greeting.cd-mascot-greeting {
    grid-template-columns: minmax(0, 1fr) 108px;
    min-height: 143px;
  }
  #view-home.cd-home-rework .cd-mascot-greeting h1 { font-size: 21px; }
}

/* 3D greeting video: straight horizontal transparency fade. */
@media (max-width: 760px) {
  #view-home.cd-home-rework .cd-mascot-greeting .cd-mascot-video {
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 74%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 74%, transparent 100%);
  }
}

/* CD_MASCOT_COMPACT_RIGHT_20260929 */
@media (max-width: 760px) {
  body:has(#view-home.cd-home-rework.active) .page>.inner>header { height: 64px; }
  #view-home.cd-home-rework .cd-home-intro { margin-top: -6px; }
  #view-home.cd-home-rework .cd-home-greeting.cd-mascot-greeting {
    grid-template-columns: minmax(0, 1fr) clamp(104px, 29vw, 130px);
    column-gap: 0;
    padding: 0 0 2px;
  }
  #view-home.cd-home-rework .cd-mascot-greeting .cd-mascot-video {
    transform: translateX(14px);
  }
}