/* Desktop-only iteration. Original pocket studio CSS and JS remain unchanged. */
@media (min-width:701px) {
  .site-header .constellation-nav, .constellation-nav,
  .studio-main, .encounter, .catalogue, .footer { display:none!important; }
  .site-header { position:relative; z-index:2; }
  .migalle-desktop {display:block; max-width:1500px; margin:0 auto; padding:38px clamp(22px,3.4vw,55px) 110px; color:#202020;}
  .migalle-desktop a {color:inherit; text-decoration:none;}
  .migalle-desktop .md-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:37px 22px;}
  .migalle-desktop .md-tile {display:block;min-width:0;text-align:center;}
  .migalle-desktop .md-tile img {display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;}
  .migalle-desktop .md-title {font-size:12px;line-height:1.45;margin-top:12px;}
  .migalle-desktop .md-tile:hover .md-title {text-decoration:underline;text-underline-offset:3px;}
  .migalle-desktop .md-back {display:inline-block;font-size:12px;color:#666;margin-bottom:26px;}
  .migalle-desktop .md-feature {text-align:center;}
  .migalle-desktop .md-feature-image {display:block;width:min(1250px,100%);height:auto;margin:auto;cursor:default;}
  .migalle-desktop .md-feature h1 {font-weight:400;font-size:22px;line-height:1.35;margin:24px 0 7px;}
  .migalle-desktop .md-meta {font-size:12px;color:#777;line-height:1.7;}
  .migalle-desktop .md-related {display:grid;grid-template-columns:repeat(5,minmax(0,150px));gap:22px;justify-content:center;margin:68px auto 0;}
  .migalle-desktop .md-footer {font-size:11px;text-align:center;margin-top:85px;color:#888;}
  @media (max-width:1050px) {.migalle-desktop .md-grid {grid-template-columns:repeat(4,minmax(0,1fr));}}
}
@media (max-width:700px) {.migalle-desktop {display:none!important;}}

@media (min-width:701px){
 .migalle-desktop .md-feature h1 {font-size:16pt;line-height:1.3;font-weight:400;margin:26px 0 13px;}
 .migalle-desktop .md-meta {font-size:inherit;line-height:normal;color:#555;}
 .migalle-desktop .md-year {font-size:14pt;line-height:1.3;margin-bottom:4px;}
 .migalle-desktop .md-edition {font-size:11pt;line-height:1.4;}
}

/* v4: remove the empty constellation row and bring the artwork forward. */
@media (min-width:701px) {
  body[data-page="studio"] .site-header {
    min-height:0;
    height:auto;
    grid-template-rows:auto;
    padding-bottom:12px;
  }
  body[data-page="studio"] .site-header .logo {grid-row:1; }
  body[data-page="studio"] .site-header .global-nav {grid-row:1;grid-column:2;}
  .migalle-desktop {padding-top:12px;}
  .migalle-desktop .md-back {display:none!important;}
}

/* Align the desktop header with the exact artwork-grid container. */
@media (min-width:701px) {
  body[data-page="studio"] > .site-header {
    width:100%;
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    padding-left:clamp(22px,3.4vw,55px);
    padding-right:clamp(22px,3.4vw,55px);
  }
}

/* Final desktop refinement: five companions share the feature image's width. */
@media (min-width:701px) {
  .migalle-desktop .md-related {
    width:min(1250px,100%);
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:22px;
  }
}

@media(min-width:701px){.migalle-desktop .md-size{font-size:11pt;line-height:1.45;margin-top:3px;color:#777;}}

@media (min-width:701px) { body[data-page="studio"] > .site-header { box-sizing:border-box; } }

/* v15: restore the existing site footer on desktop WORK and artwork views only. */
@media (min-width:701px) {
  body[data-page="studio"] > .footer {
    display:block !important;
  }
}