/* Morris Standard — Discount Delights case study v2.9.64
   Full-bleed hero alignment: the premium project visual owns the complete right side
   on desktop, matching the split-hero language used elsewhere on Morris Standard. */

@media (min-width:981px){
  .msdd-hero__grid{
    width:100%;
    max-width:none;
    min-height:clamp(620px,46vw,760px);
    margin:0;
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
    gap:0;
    align-items:stretch;
    padding:0;
  }

  .msdd-hero__copy{
    align-self:center;
    max-width:760px;
    padding:clamp(4.75rem,7vw,7rem) clamp(3rem,5vw,5.75rem)
            clamp(4.4rem,6vw,6.25rem)
            max(28px,calc((100vw - 1440px)/2));
  }

  .msdd-hero-visual{
    position:relative;
    align-self:stretch;
    min-width:0;
    min-height:clamp(620px,46vw,760px);
    margin:0;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:#10262d;
    box-shadow:none;
  }

  .msdd-hero-visual:after{
    box-shadow:inset 1px 0 0 rgba(255,255,255,.1);
  }

  .msdd-hero-visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }

  .msdd-hero-visual figcaption{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    bottom:0;
    grid-template-columns:auto minmax(0,1fr);
    padding:1rem 1.25rem;
    border:0;
    background:rgba(6,27,36,.9);
    color:#fff;
    backdrop-filter:blur(8px);
  }

  .msdd-hero-visual figcaption span{color:var(--dd-coral-soft)}
  .msdd-hero-visual figcaption strong{color:#fff}
}

@media(max-width:980px){
  .msdd-hero__grid{
    width:var(--dd-shell);
    max-width:none;
    margin-inline:auto;
    grid-template-columns:1fr;
    gap:2.5rem;
    align-items:start;
    padding:clamp(4.4rem,7vw,5.4rem) 0 4rem;
  }

  .msdd-hero__copy{
    max-width:760px;
    padding:0;
  }

  .msdd-hero-visual{
    position:relative;
    align-self:auto;
    width:100%;
    min-height:0;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:2px;
    background:#fff;
    box-shadow:0 20px 48px rgba(0,0,0,.2);
  }

  .msdd-hero-visual img{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:3/2;
    object-fit:cover;
    object-position:center;
  }

  .msdd-hero-visual figcaption{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    grid-template-columns:auto minmax(0,1fr);
    padding:.9rem 1rem;
    border-top:1px solid rgba(7,23,30,.16);
    background:#fff;
    color:var(--dd-ink);
    backdrop-filter:none;
  }

  .msdd-hero-visual figcaption span{color:var(--dd-coral-dark)}
  .msdd-hero-visual figcaption strong{color:var(--dd-ink)}
}

@media(max-width:720px){
  .msdd-hero__grid{padding:3.8rem 0 3rem}
  .msdd-hero-visual{
    margin-inline:-1rem;
    width:calc(100% + 2rem);
    border-left:0;
    border-right:0;
    box-shadow:none;
  }
  .msdd-hero-visual figcaption{grid-template-columns:1fr;gap:.35rem}
}