/* Only the second screen. Media corners live on the single shared outer frame. */
.featured-project { position: relative; padding: var(--space-48) var(--media-gap); overflow: clip; background: var(--paper); }
.featured-project__frame { position: relative; isolation: isolate; height: 48svh; min-height: 240px; background: var(--color-video-placeholder); }
.featured-project .project-media { position: absolute; inset: 0; pointer-events: none; z-index: -2; overflow: hidden; }
.featured-project .project-media__poster, .featured-project .project-media__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; }
.featured-project .project-media__video { opacity: 0; transition: opacity .65s ease; }
.featured-project [data-media-state="video"] .project-media__video { opacity: 1; }
.featured-project .project-entry-group { position: absolute; right: var(--space-32); bottom: var(--space-24); z-index: 2; max-width: calc(100% - 64px); color: var(--color-on-media); text-shadow: var(--shadow-link-on-media); }
.featured-project .project-entry { display: inline-flex; align-items: center; gap: var(--link-gap); position: relative; min-height: var(--control-size); border: 0; padding: var(--space-8) 0; background: none; color: inherit; text-shadow: inherit; font: inherit; font-size: var(--font-small); letter-spacing: var(--tracking-small); line-height: var(--leading-small); cursor: pointer; }
.featured-project .project-entry::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: currentColor; opacity: .6; transform: scaleX(.3); transform-origin: left; transition: transform var(--duration-feedback) var(--ease-feedback); }
.featured-project .project-entry__arrow { display: inline-block; font-size: var(--link-arrow-size); line-height: 1; transition: transform var(--duration-feedback) var(--ease-feedback); }
.featured-project .project-entry:hover .project-entry__arrow, .featured-project .project-entry:focus-visible .project-entry__arrow { transform: translateX(5px); }
.featured-project .project-entry:hover::after, .featured-project .project-entry:focus-visible::after { transform: scaleX(1); }
.featured-project .project-entry:focus-visible { outline-color: var(--color-on-media); }
.featured-project .project-entry-status { position: absolute; right: 0; bottom: calc(100% + 8px); width: max-content; max-width: min(280px, calc(100vw - 100px)); margin: 0; font-size: var(--font-micro); line-height: var(--leading-small); letter-spacing: var(--tracking-small); text-align: right; }
@media (max-width: 760px) {
  .featured-project { padding-block: var(--space-32); }
  .featured-project__frame { height: auto; min-height: 0; aspect-ratio: 16 / 9; }
  .featured-project .project-media__poster, .featured-project .project-media__video { object-position: 50% 62%; }
}
@media (prefers-reduced-motion: reduce) {
  .featured-project .project-media__video, .featured-project .project-entry::after, .featured-project .project-entry__arrow { transition: none; }
  .featured-project .project-entry:hover .project-entry__arrow, .featured-project .project-entry:focus-visible .project-entry__arrow { transform: none; }
}