/**
 * MAUP manifest.
 * @maup-path: template-parts/sections/home/featured-case/style.css
 * @maup-version: 1.1.0
 * @maup-mode: replace
 * @maup-role: Section module
 */
/* Module: featured-case: estilos específicos deste módulo. */
  .section--feature { padding-top: 10px; padding-bottom: clamp(130px, 16vw, 260px); }
  .feature-frame { display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-md); background: #111; box-shadow: var(--shadow-soft); }
  .feature-frame img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); transition: transform 1.1s var(--ease); }
  .feature-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.64), transparent 42%); pointer-events: none; }
  .feature-frame:hover img { transform: scale(1.055); }
  .feature-frame-caption { position: absolute; z-index: 2; left: clamp(20px, 3vw, 44px); right: clamp(20px, 3vw, 44px); bottom: clamp(20px, 3vw, 38px); display: flex; justify-content: space-between; align-items: end; gap: 24px; }
  .feature-frame-caption > span:first-child { display: grid; gap: 7px; }
  .feature-frame-caption strong { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 3rem); font-weight: 400; letter-spacing: -.04em; }
  .feature-frame-link { font-size: .86rem; }
  @media (max-width: 700px) {
  .feature-frame { aspect-ratio: 4 / 5; }
  .feature-frame img { object-position: 50% 50%; }
  .feature-frame-caption { align-items: flex-start; flex-direction: column; }
  }
  .project-media-placeholder { position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.38); font:500 .72rem/1 var(--font-mono); letter-spacing:.14em; }
  .project-media-placeholder span { position:relative; z-index:1; }
  .feature-frame:hover .project-media-placeholder { transform:scale(1.018); transition:transform 1s var(--ease); }
  .feature-frame-link .ui-arrow{font-size:.92em}
  .feature-frame .project-media-placeholder,.feature-frame img{will-change:transform}
  .feature-frame{will-change:transform,opacity}

.feature-frame-media{position:absolute;inset:0;display:block}.feature-frame-media>img{width:100%;height:100%;object-fit:cover}