.hats-media{position:relative;width:100%;aspect-ratio:2/3}.hats-watch{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);border:2px solid #090a08;border-radius:30px;background:#ffe430;color:#090a08;font:700 16px Arial;padding:14px 20px;white-space:nowrap;cursor:pointer;box-shadow:0 4px 20px #0009}.hats-watch:focus-visible,#hats-close:focus-visible{outline:3px solid white;outline-offset:4px}#hats-theater{position:fixed;inset:0;margin:auto;width:min(960px,94vw);max-height:90dvh;padding:0;border:1px solid #ffe43080;border-radius:12px;background:#090a08;color:#fff;overflow:auto;box-shadow:0 0 70px #000}#hats-theater::backdrop{background:#000e}#hats-theater:not([open]){display:none}.hats-theater-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px}.hats-theater-bar h2{font-size:clamp(20px,4vw,28px);margin:0;color:#ffe430}#hats-close{min-height:44px;padding:8px 14px;border:1px solid #ffe43070;border-radius:24px;background:transparent;color:#ffe430;font:16px Arial;cursor:pointer}#hats-video{display:block;width:100%;height:auto;max-height:72dvh;aspect-ratio:16/9;object-fit:contain;background:#000}#hats-video-error{padding:12px 18px;font-size:16px}#hats-video-error a{color:#ffe430}body.hats-modal-open{overflow:hidden}

/* Shared artwork slot keeps all carousel cards aligned, including the trailer overlay. */
.home-page .project-media{position:relative;width:100%;aspect-ratio:2/3;flex:0 0 auto;min-width:0;margin-top:auto;align-self:center;overflow:hidden;border-radius:6px}
.home-page .project-media>.cover-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;box-sizing:border-box}
.home-page .project-media>.cover-art img{width:100%;height:100%;object-fit:contain}
#hats-theater.portrait-trailer{width:min(440px,94vw)}#hats-theater.portrait-trailer #hats-video{aspect-ratio:9/16;width:auto;max-width:100%;height:72dvh;margin:auto}.portrait-trailer .hats-theater-bar h2{font-size:20px}

/* Equal action rows keep text off the covers and make every destination explicit. */
.home-page .project-actions{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-between;gap:10px;min-height:112px;padding-top:18px;box-sizing:border-box}
.home-page .project-actions .hats-watch{position:static;transform:none;box-shadow:none;font-size:14px;padding:12px 16px;min-height:44px}
.project-destination{display:inline-flex;align-items:center;min-height:44px;color:#ffe430;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.project-destination:focus-visible{outline:2px solid #ffe430;outline-offset:4px}
.home-page .project-media:focus-within{outline:2px solid #ffe430;outline-offset:3px}
@media(hover:hover){.home-page .project-media:hover{box-shadow:0 0 24px #ffe43035}.project-destination:hover{color:#fff}}
@media(min-width:901px){.home-page .cover-card{grid-row:span 3}}