/* Home selected-work layout v2 — matches the attached asymmetric reference. */
@media (min-width: 801px) {
  .showcase-grid.home-showcase-layout-v2{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:auto auto;
    grid-template-areas:none;
    gap:clamp(12px,1vw,18px) clamp(18px,1.45vw,26px);
    align-items:start;
  }

  /* Top row: left is a longer horizontal card; right stays 16:9 and aligns vertically. */
  .home-showcase-layout-v2 .card-one{
    grid-column:1 / 8;
    grid-row:1;
    aspect-ratio:23 / 9;
  }
  .home-showcase-layout-v2 .card-two{
    grid-column:8 / 13;
    grid-row:1;
    aspect-ratio:16 / 9;
    min-height:0;
  }

  /* Bottom row: two portrait cards on the left, one clickable 16:9 carousel on the right. */
  .home-showcase-layout-v2 .card-three{
    grid-column:1 / 6;
    grid-row:2;
    aspect-ratio:auto;
    align-self:stretch;
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  .home-showcase-layout-v2 .card-three::before,
  .home-showcase-layout-v2 .card-three::after{display:none}
  .home-showcase-layout-v2 .card-three:hover{border-color:transparent;box-shadow:none}
  .home-showcase-layout-v2 .card-three .showcase-writing-label{display:none}
  .home-showcase-layout-v2 .card-three .showcase-writing-panel.showcase-writing-panel-a4{
    inset:0;
    padding:0;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:clamp(34px,3.4vw,58px);
  }
  .home-showcase-layout-v2 .card-three .showcase-writing-tile-a4{
    flex:0 0 auto;
    width:min(38%,230px);
    height:auto;
    max-width:none;
    aspect-ratio:9 / 16;
  }

  .home-showcase-layout-v2 .card-four{
    grid-column:6 / 13;
    grid-row:2;
    aspect-ratio:16 / 9;
    align-self:start;
  }

  /* The top-right card is intentionally cleared; the LB carousel is the clickable preview card. */
  .home-mubu-trigger-card .home-mubu-cover{
    background:
      linear-gradient(180deg,rgba(4,16,24,.24),rgba(4,16,24,.42)),
      radial-gradient(circle at 34% 42%,rgba(255,255,255,.08),transparent 28%),
      #06111a;
  }
  .home-mubu-trigger-card .home-mubu-cover img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
  }

  /* Keep the bottom-right carousel exactly 16:9 and visually dominant. */
  .home-photo-carousel-card{
    min-height:0;
  }
}

@media (min-width: 801px) {
  .showcase-grid.home-showcase-layout-v2{
    width:min(calc(100vw - clamp(220px,14vw,360px)),1560px);
  }
}

/* Existing mobile layout remains usable and stacks cleanly. */
@media (max-width: 800px) {
  .showcase-grid.home-showcase-layout-v2{
    grid-template-areas:
      "tl"
      "tr"
      "bl"
      "br";
  }
  .home-showcase-layout-v2 .card-one{grid-area:tl}
  .home-showcase-layout-v2 .card-two{grid-area:tr}
  .home-showcase-layout-v2 .card-three{grid-area:bl}
  .home-showcase-layout-v2 .card-four{grid-area:br;aspect-ratio:16/9}
  .home-showcase-layout-v2 .card-three .showcase-writing-panel.showcase-writing-panel-a4{
    align-items:center;
    justify-content:center;
  }
}