/* A compact portfolio entry: VJUH stays the subject of the landing. */
.mal-main > .mal-works { padding-block: 48px; }
.mal-works h2 { margin: 0 0 24px; font-size: clamp(24px, 2.3vw, 32px); line-height: 1.2; font-weight: 550; letter-spacing: -.03em; color: #08273e; }
.mal-work { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: 36px; max-width: 960px; }
.mal-work-preview { height: 240px; overflow: hidden; border: 1px solid #bdd1d9; border-radius: 12px; background: #faf7f1; }
.mal-work-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.mal-work-copy { min-width: 0; }
.mal-work h3 { margin: 0 0 12px; font-size: 34px; font-weight: 550; line-height: 1.15; letter-spacing: -.035em; color: #08273e; }
.mal-work-person { margin: 0; color: #436478; font-size: 15px; line-height: 1.5; }
.mal-work-person span { display: block; font-size: 13px; }
.mal-work-result { max-width: 540px; margin: 18px 0 10px; color: #163e56; font-size: 17px; line-height: 1.5; }
.mal-work-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #24516a; font-size: 15px; font-weight: 550; text-decoration: none; }
.mal-work-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.mal-work-link:focus-visible { outline: 3px solid #257cad; outline-offset: 4px; }
@media (max-width: 600px) {
  .mal-main > .mal-works { padding-block: 32px; }
  .mal-works h2 { margin-bottom: 22px; }
  .mal-work { grid-template-columns: 104px minmax(0, 1fr); gap: 20px; align-items: start; }
  .mal-work-preview { height: 224px; border-radius: 8px; }
  .mal-work h3 { font-size: 26px; margin-bottom: 10px; }
  .mal-work-person { font-size: 14px; }
  .mal-work-person span { font-size: 12px; margin-top: 4px; }
  .mal-work-result { margin: 12px 0 4px; font-size: 14px; }
  .mal-work-link { font-size: 14px; gap: 8px; }
}
@media (max-width: 360px) {
  .mal-work { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
  .mal-work-preview { height: 204px; }
  .mal-work h3 { font-size: 24px; }
}