/* One unzoomed photographic field and one independent media surface per project. */
body.noir-home{position:relative;isolation:isolate;background:#2d2929}
.noir-home .site-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#2d2929}
.site-atmosphere>img{display:block;width:100%;height:auto;max-width:none}.site-atmosphere>img:nth-child(even){transform:scaleY(-1)}
.noir-home .artwork-header{margin-bottom:24px;background:transparent}
.noir-home .header-artwork{mask-image:linear-gradient(#000 0%,#000 64%,transparent 99%);-webkit-mask-image:linear-gradient(#000 0%,#000 64%,transparent 99%)}
.noir-home .portfolio-grid{gap:18px}
.noir-home .project-tile{position:relative;isolation:isolate;overflow:hidden}
.noir-home .tile-frame{aspect-ratio:16/9;background:#211f20}
.noir-home .tile-poster,.noir-home .tile-moving{object-fit:cover;object-position:center;width:100%;height:100%;scale:1;opacity:1;z-index:0;transition:none}
.noir-home .tile-awards{opacity:1;top:16px;bottom:auto;left:16px;right:16px;max-width:none;gap:10px;z-index:3;filter:drop-shadow(0 1px 4px #0009)}
.noir-home .tile-award{width:24px;height:28px;background:#fff;flex:0 0 24px;filter:none}
.noir-home .project-tile[data-slug="mommyphone"] .tile-award{background:#ff5054}
.noir-home .tile-caption{position:absolute;z-index:4;inset:0;padding:clamp(18px,2.5vw,38px);margin:0;display:flex;align-items:end;gap:16px;color:#fff;background:linear-gradient(transparent 15%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.78) 100%);opacity:0;transform:none;transition:opacity .3s ease;pointer-events:none}
.noir-home .tile-caption h2{color:white;font-size:clamp(26px,3vw,48px);line-height:1.08;margin-top:8px;text-shadow:0 1px 8px #0004}
.noir-home .tile-client,.noir-home .tile-year{color:white;font-size:12px}.noir-home .tile-client{letter-spacing:.09em}.noir-home .tile-year{margin-left:auto;flex-shrink:0}
.noir-home .project-tile:hover .tile-caption,.noir-home .project-tile:focus-visible .tile-caption{opacity:1;transform:none}.noir-home .project-tile:hover h2{text-decoration:none}
@media(hover:none),(pointer:coarse){.noir-home .tile-caption{opacity:1}.noir-home .tile-caption h2{font-size:clamp(24px,5vw,34px)}}
@media(max-width:600px){.noir-home .portfolio-grid{gap:14px}.noir-home .tile-caption{padding:18px}.noir-home .tile-awards{top:12px;left:12px;right:12px;gap:8px}.noir-home .tile-award{width:20px;height:24px;flex-basis:20px}.noir-home .tile-caption h2{font-size:27px}.noir-home .tile-client,.noir-home .tile-year{font-size:10px}}
@media(prefers-reduced-motion:reduce){.noir-home .tile-caption{transition:none}.noir-home .tile-moving{display:block}.noir-home .tile-awards{display:flex}}