/* Approved compact homepage release feature. */
.home-recent-work{position:relative;z-index:2;padding:0 24px 60px;margin-top:-44px}
.home-recent-inner{display:grid;grid-template-columns:200px minmax(0,max-content);gap:48px;align-items:center;width:fit-content;max-width:100%;margin:0 auto}
.home-recent-poster{display:block;aspect-ratio:2/3;background:#111;border:1px solid var(--rule)}
.home-recent-poster img{display:block;width:100%;height:100%;object-fit:contain}
.home-recent-eyebrow{margin:0 0 12px;color:var(--gold);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.home-recent-copy h2{margin:0 0 12px;font:500 2.8rem/1.05 var(--serif);letter-spacing:-.02em}
.home-recent-credit{margin:0 0 22px;color:var(--soft);font-size:.875rem}
.home-recent-credit span{margin:0 6px}
.home-recent-watch{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}
.home-recent-watch a{display:grid;grid-template-rows:34px auto;gap:5px;min-height:52px;color:var(--soft);font-size:.75rem}
.home-recent-watch img{width:90px;height:auto;align-self:center}
.home-recent-watch strong{align-self:center;color:var(--white);font-size:.9375rem;font-weight:500}
.home-recent-watch a:hover span,.home-recent-more:hover{color:var(--gold)}
.home-recent-more{display:inline-flex;align-items:center;gap:14px;margin-top:24px;min-height:44px;color:var(--soft);font-size:.875rem}
.home-recent-more span{color:var(--gold)}
.home-recent-work a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:700px){.home-recent-work{margin-top:-18px;padding:0 24px 40px}.home-recent-inner{max-width:100%;grid-template-columns:132px minmax(0,max-content);gap:22px;align-items:start}.home-recent-copy h2{font-size:2.1rem}.home-recent-eyebrow{font-size:.65rem;margin:0 0 10px}.home-recent-credit{font-size:.8rem;margin-bottom:12px}.home-recent-watch{gap:12px}.home-recent-more{margin-top:12px;font-size:.8rem}}
@media(max-width:480px){.home-recent-watch{flex-direction:column}}
@media(max-width:360px){.home-recent-inner{grid-template-columns:110px minmax(0,max-content);gap:18px}.home-recent-copy h2{font-size:1.9rem}.home-recent-watch{gap:10px}}

/* Homepage matches the approved neutral portfolio tiles; captions stay below. */
.home-recent-watch a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:0;border:0;border-radius:0;background:none;color:var(--soft);min-height:0}
.home-recent-watch .service-tile{display:flex;align-items:center;justify-content:center;min-width:116px;height:56px;padding:10px 12px;border:1px solid #3c3a34;border-radius:10px;background:rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease}
.home-recent-watch .home-prime-dark{display:none}
.home-recent-watch a:is(:hover,:focus-visible) .home-prime-light{display:none}
.home-recent-watch a:is(:hover,:focus-visible) .home-prime-dark{display:block}
.home-recent-watch a:has(img):is(:hover,:focus-visible) .service-tile{background:#1999ff;border-color:var(--gold)}
.home-recent-watch a strong{color:var(--white);font-weight:600}
.home-recent-watch a:has(strong):is(:hover,:focus-visible) .service-tile{background:linear-gradient(145deg,#7100cd,#4c0096);border-color:var(--gold)}
.home-recent-watch a:is(:hover,:focus-visible) strong{color:#fff200}
.home-recent-watch a:hover>span:last-child{color:var(--gold)}
.home-recent-watch a:focus-visible{outline:none}
.home-recent-watch a:focus-visible .service-tile{outline:2px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.home-recent-watch .service-tile{transition:none}}
.home-recent-watch a>span:last-child{padding-inline-start:10px}

/* Text-only licensing support beneath the homepage contact email. */
.homepage-contact .licensing{padding:0;margin:40px auto 0;text-align:center}
.homepage-contact .licensing-inner{max-width:680px;margin:0 auto;padding:0;border-left:0}
.homepage-contact .licensing p{margin-inline:auto}
.homepage-contact .licensing a{display:inline;padding:0;border:0;font-size:inherit;text-underline-offset:4px}
@media(max-width:600px){.homepage-contact .licensing{margin-top:32px}}

/* Reveal the decoded poster gently, without holding up the rest of the page. */
.home-image-fade .home-recent-poster img{opacity:0}
.home-image-fade .home-recent-poster img.is-ready{animation:home-poster-reveal 1.2s ease-out both}
@keyframes home-poster-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.home-image-fade .home-recent-poster img,.home-image-fade .home-recent-poster img.is-ready{opacity:1;animation:none}}