/* Desktop layout adaptation of Mersi. Original mobile styles and type remain intact. */
@media (min-width: 821px) {
  .inner-layout { --layout-gutter: clamp(24px, 2.5vw, 48px); }
  .inner-layout main .wrap { padding-inline: var(--layout-gutter); }
  .inner-layout main > .hero { grid-column: 1 / -1; }
  .inner-layout .rule { display: none; }

  /* Studio: a wide opening spread, panoramic imagery and a quiet team section. */
  .inner-layout--estudio main { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .inner-layout--estudio main > * { min-width: 0; grid-column: 1 / -1; }
  .inner-layout--estudio #intro { grid-column: 1 / 8; grid-row: 2; display: block; padding-block: 110px; }
  .inner-layout--estudio #intro p { max-width: 10ch; }
  .inner-layout--estudio .block { grid-column: 9 / 13; grid-row: 2; display: grid; grid-template-columns: 24px 1fr; align-content: center; gap: 24px 16px; padding-block: 110px; }
  .inner-layout--estudio .block__num { grid-column: 1; grid-row: 1; }
  .inner-layout--estudio .block__title { grid-column: 2; grid-row: 1; }
  .inner-layout--estudio .block__c1,
  .inner-layout--estudio .block__c2 { grid-column: 1 / -1; max-width: 36ch; }
  .inner-layout--estudio main > .media { margin: 0; padding: 0 10px; }
  .inner-layout--estudio .media--full .media__frame { aspect-ratio: auto; height: 76vh; }
  .inner-layout--estudio .media__cap { padding-left: calc(var(--layout-gutter) - 10px); }

  .inner-layout .vals { padding-block: clamp(72px, 8vw, 128px); row-gap: 0; align-items: start; }
  .inner-layout .vals__head { grid-column: 1 / 4; grid-row: 1 / 7; position: sticky; top: 110px; display: flex; gap: 24px; align-items: baseline; }
  .inner-layout .vals__head .micro { margin-top: 0 !important; }
  .inner-layout .vals .val,
  .inner-layout .vals .val:nth-child(5) { grid-column: 7 / 13; padding-block: 28px 44px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .inner-layout .vals .val .copy { max-width: 32ch; }
  .inner-layout .quote { padding-block: 40px clamp(100px, 12vw, 180px); }
  .inner-layout .quote p { grid-column: 4 / 10; text-align: center; }

  .inner-layout--estudio .vals { padding-block: 100px 64px; column-gap: 40px; row-gap: 56px; }
  .inner-layout--estudio .vals__head { grid-column: 1 / -1; grid-row: auto; position: static; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
  .inner-layout--estudio .vals .val,
  .inner-layout--estudio .vals .val:nth-child(5) { grid-column: span 4; display: block; padding: 0; border: 0; }
  .inner-layout--estudio .vals .val .copy { max-width: 38ch; }
  .inner-layout--estudio .quote { padding-block: 100px 120px; }
  .inner-layout--estudio .quote p { grid-column: 3 / 11; max-width: 24ch; justify-self: center; }
  .inner-layout--estudio .team { padding-block: 100px; row-gap: 48px; align-items: start; }
  .inner-layout--estudio .team__head { grid-column: 1 / 4; display: flex; gap: 24px; }
  .inner-layout--estudio .team__head .micro { margin-top: 0 !important; }
  .inner-layout--estudio .member { grid-column: span 4; }
  .inner-layout--estudio .member__photo + .member__name { margin-top: 16px; }
  .inner-layout--estudio .team__statement { grid-column: 4 / 9; max-width: 36ch; margin: 0; }
  .inner-layout .closing { padding: clamp(100px, 12vw, 180px) var(--layout-gutter); align-items: end; }
  .inner-layout .closing__cta { grid-column: 9 / 13; justify-self: end; }

  /* Services: full-height photographic chapters, with quiet text panels. */
  .inner-layout--servicios .svc__n { display: none; }
  .inner-layout--servicios .service-intro { padding-block: 0; }
  .inner-layout--servicios .service-intro__mark,
  .inner-layout--servicios .service-intro::after { display: none; }
  .inner-layout--servicios .service-intro .thesis { display: flex; justify-content: center; padding-block: clamp(100px, 12vw, 180px); text-align: center; }
  .inner-layout--servicios .thesis p { max-width: 24ch; }
  .inner-layout--servicios .thesis__line { display: inline; white-space: normal; }
  .inner-layout--servicios .services.wrap { padding: 0 10px; gap: 10px; }
  .inner-layout--servicios .svc { position: relative; min-height: 76vh; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto 1fr auto; gap: 0; padding: 0; align-items: start; }
  .inner-layout--servicios .svc::before { content: ''; grid-column: 1; grid-row: 1 / 4; align-self: stretch; background: var(--service-photo) center / cover no-repeat; }
  .inner-layout--servicios .svc:nth-child(1) { --service-photo: url('assets/img/wearebibo/projects/10-casa-r-d/01-opt.jpg'); }
  .inner-layout--servicios .svc:nth-child(2) { --service-photo: url('assets/img/wearebibo/projects/02-rare-wagyu-boutique-santiago/03-opt.jpg'); }
  .inner-layout--servicios .svc:nth-child(3) { --service-photo: url('assets/img/wearebibo/projects/18-estudio-creativo-de-martox/01-opt.jpg'); }
  .inner-layout--servicios .svc:nth-child(4) { --service-photo: url('assets/img/wearebibo/projects/18-estudio-creativo-de-martox/01-opt.jpg'); }
  .inner-layout--servicios .svc:nth-child(5) { --service-photo: url('assets/img/wearebibo/projects/01-laro-computers/02-opt.jpg'); }
  .inner-layout--servicios .svc__name { grid-column: 2; grid-row: 1; padding: 36px 80px 0 36px; max-width: 28ch; }
  .inner-layout--servicios .svc__n { position: absolute; top: 36px; right: 28px; margin: 0; }
  .inner-layout--servicios .svc__d { grid-column: 2; grid-row: 3; justify-self: center; text-align: center; width: min(66%, 36ch); max-width: none; margin: 0 0 64px; }
  .inner-layout--servicios .svc:nth-child(even)::before { grid-column: 2; }
  .inner-layout--servicios .svc:nth-child(even) .svc__name,
  .inner-layout--servicios .svc:nth-child(even) .svc__d { grid-column: 1; }
  .inner-layout--servicios .svc:nth-child(even) .svc__n { right: calc(50% + 28px); }

  .inner-layout--servicios .project-showcase { height: auto; padding: 10px 10px 0; }
  .inner-layout--servicios .project-showcase__frame { width: 100%; height: 76vh; margin: 0; will-change: auto; }
  .inner-layout--servicios .project-showcase__frame img { transform: none; will-change: auto; }
  .inner-layout--servicios .project-showcase__meta { opacity: 1; pointer-events: auto; }
}