/* Shared image-led opening for all three original projects. */
#af-black.fx-site.fx-hud .project-hero{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:5%;align-items:center;padding:25px 0 60px;scroll-margin-top:110px}
#af-black.fx-site.fx-hud .project-hero>div{min-width:0}
#af-black.fx-site.fx-hud .project-hero h1{font:700 clamp(52px,7.1vw,110px)/1 'Archivo','Space Grotesk',sans-serif;letter-spacing:-.055em;margin:16px 0 27px;color:#f2f4ee}
#af-black.fx-site.fx-hud .project-hero-brain h1{font-size:clamp(48px,6.1vw,94px);line-height:.96;letter-spacing:-.04em}
#af-black.fx-site.fx-hud .project-hero h2{font-size:clamp(19px,2vw,27px);font-weight:600;line-height:1.6;margin:0 0 22px;letter-spacing:.01em}
#af-black.fx-site.fx-hud .project-hero .pj-copy{font-size:13px;line-height:2.1;max-width:620px;color:#b3b9b0}
#af-black.fx-site.fx-hud .project-hero .pj-eyebrow{font-size:10px;line-height:1.8;letter-spacing:.17em}
#af-black.fx-site.fx-hud .project-hero .os-hero-art{width:100%;margin:0;padding:8px;border:1px solid #aeb8b64a;border-radius:5px}
#af-black.fx-site.fx-hud .project-hero .os-hero-art>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:2px}
#af-black.fx-site.fx-hud .project-hero .os-hero-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 4px 7px;color:#aeb8b0;font:9px/1.6 var(--fx-mono);letter-spacing:.08em}
#af-black.fx-site.fx-hud .project-title-logo{display:block;max-width:400px;width:90%;height:auto}
#af-black.fx-site.fx-hud .project-hero-village h1{margin-top:8px;margin-bottom:22px}
#af-black.fx-site.fx-hud .project-opening{padding-top:96px}
#af-black.fx-site.fx-hud .pj-crumb{flex-wrap:wrap;line-height:1.7}
/* Related works are actual project cards, with a modest route to the overview. */
#af-black.fx-site.fx-hud .related-projects{padding:65px 0 75px;border-top:1px solid #ffffff24;margin-top:45px}
#af-black.fx-site.fx-hud .related-projects-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
#af-black.fx-site.fx-hud .related-projects-heading .pj-eyebrow{font-size:10px;margin:0 0 12px}
#af-black.fx-site.fx-hud .related-projects-heading h2{font-family:var(--fx-display);font-size:clamp(25px,3vw,38px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0}
#af-black.fx-site.fx-hud .related-projects-heading .pj-button{flex-shrink:0;font-size:11px;min-height:44px}
#af-black.fx-site.fx-hud .related-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#af-black.fx-site.fx-hud .related-project{min-width:0}
#af-black.fx-site.fx-hud .related-project>a{display:block}
#af-black.fx-site.fx-hud .related-project-image{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#141a14;border:1px solid #ffffff20}
#af-black.fx-site.fx-hud .related-project-image>img:not(.related-vv-logo){display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
#af-black.fx-site.fx-hud .related-project-image>.related-vv-logo{position:absolute;right:4%;bottom:5%;width:42%;height:auto;filter:drop-shadow(0 2px 8px #000)}
#af-black.fx-site.fx-hud .related-current{position:absolute;top:12px;left:12px;background:#090c0ac9;border:1px solid #ffffff40;padding:4px 9px;border-radius:4px;font-size:10px;color:#e8eee0}
#af-black.fx-site.fx-hud .related-project-category{font:9px/1.7 var(--fx-mono);letter-spacing:.08em;color:#a9b49c;margin:17px 0 9px}
#af-black.fx-site.fx-hud .related-project h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--fx-display);font-size:clamp(19px,2vw,28px);line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
#af-black.fx-site.fx-hud .related-project h3>span{color:var(--af-accent);font-size:19px;font-weight:400}
#af-black.fx-site.fx-hud .related-project h3+p{font-size:12px;line-height:1.9;color:#abb5a4;margin:0;max-width:95%}
#af-black.fx-site.fx-hud .related-project a:hover h3{color:var(--af-accent)}
#af-black.fx-site.fx-hud .related-project a:hover .related-project-image>img:not(.related-vv-logo){transform:scale(1.025)}
/* Compact channel-home previews, rebuilt from profile and real post assets. */
#af-black.fx-site.fx-hud .channel-portal-v16 .channel-brand{margin-bottom:24px}
#af-black.fx-site.fx-hud .channel-preview{height:360px;display:flex;flex-direction:column;padding:23px 22px 20px;border-radius:9px;background:#fff;color:#142026;overflow:hidden;border:1px solid #e0e5e1}
#af-black.fx-site.fx-hud .channel-preview-note{background:#fbfcf9;border-color:#d6ddd3}
#af-black.fx-site.fx-hud .channel-profile{display:flex;align-items:center;gap:15px;flex-shrink:0}
#af-black.fx-site.fx-hud .channel-profile-avatar{display:block;width:62px;height:62px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #edf0ee}
#af-black.fx-site.fx-hud .channel-profile>div{min-width:0}
#af-black.fx-site.fx-hud .channel-profile strong{display:block;font:800 22px/1.2 'Archivo',sans-serif;letter-spacing:-.04em;margin-bottom:6px}
#af-black.fx-site.fx-hud .channel-profile>div>span{display:block;font-size:11px;line-height:1.6;font-weight:600;color:#243038}
#af-black.fx-site.fx-hud .channel-profile small{display:block;margin-top:4px;font-size:9px;color:#6c767b;font-family:var(--fx-mono)}
#af-black.fx-site.fx-hud .channel-profile-description{font-size:10px;line-height:1.7;margin:14px 0 8px;color:#667076}
#af-black.fx-site.fx-hud .channel-preview-nav{display:flex;align-items:center;gap:23px;border-bottom:1px solid #d9dedb;font-size:10px;font-weight:600;color:#879088;margin-bottom:17px}
#af-black.fx-site.fx-hud .channel-preview-nav>span{display:block;padding:10px 0;white-space:nowrap}
#af-black.fx-site.fx-hud .channel-preview-nav>.is-selected{color:#202827;border-bottom:2px solid #202827;margin-bottom:-1px}
#af-black.fx-site.fx-hud .channel-preview-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0}
#af-black.fx-site.fx-hud .channel-preview-note .channel-preview-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
#af-black.fx-site.fx-hud .channel-post{min-width:0}
#af-black.fx-site.fx-hud .channel-post img{display:block;width:100%;height:auto;max-height:125px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
#af-black.fx-site.fx-hud .channel-post>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.65;margin-top:8px;font-weight:600;color:#25302d}
#af-black.fx-site.fx-hud .channel-portal-v16 .channel-copy{padding-top:25px}
@media(min-width:1500px){#af-black.fx-site.fx-hud .channel-preview{height:390px;padding:28px}#af-black.fx-site.fx-hud .channel-profile-avatar{width:72px;height:72px}#af-black.fx-site.fx-hud .channel-profile strong{font-size:25px}}
@media(max-width:1100px){
#af-black.fx-site.fx-hud .channel-preview{height:300px;padding:18px 16px}
#af-black.fx-site.fx-hud .channel-profile{gap:11px}
#af-black.fx-site.fx-hud .channel-profile-avatar{width:49px;height:49px}
#af-black.fx-site.fx-hud .channel-profile strong{font-size:20px}
#af-black.fx-site.fx-hud .channel-profile>div>span{font-size:10px}
#af-black.fx-site.fx-hud .channel-preview-nav{gap:17px;margin-bottom:15px}
}
@media(max-width:1000px){
#af-black.fx-site.fx-hud .project-hero{grid-template-columns:1fr;gap:32px;padding:5px 0 40px}
#af-black.fx-site.fx-hud .project-hero h1{font-size:clamp(58px,10vw,84px)}
#af-black.fx-site.fx-hud .project-hero-brain h1{font-size:clamp(40px,7.5vw,74px)}
#af-black.fx-site.fx-hud .project-title-logo{max-width:310px;width:70%}
#af-black.fx-site.fx-hud .related-projects-grid{gap:18px}
}
@media(max-width:760px){
#af-black.fx-site.fx-hud .related-projects{padding:45px 0 55px;margin-top:25px}
#af-black.fx-site.fx-hud .related-projects-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:26px}
#af-black.fx-site.fx-hud .related-projects-grid{grid-template-columns:1fr;gap:32px}
#af-black.fx-site.fx-hud .related-project h3{font-size:26px}
#af-black.fx-site.fx-hud .related-project h3+p{font-size:13px}
#af-black.fx-site.fx-hud .project-hero .os-hero-caption{font-size:8px;letter-spacing:.025em}
#af-black.fx-site.fx-hud .project-opening{padding-top:92px}
#af-black.fx-site.fx-hud .project-hero .pj-eyebrow{font-size:9px;letter-spacing:.12em}
#af-black.fx-site.fx-hud .channel-preview{height:360px;padding:22px}
#af-black.fx-site.fx-hud .channel-profile-avatar{width:62px;height:62px}
#af-black.fx-site.fx-hud .channel-profile strong{font-size:24px}
#af-black.fx-site.fx-hud .channel-preview-nav{gap:23px}
}
@media(max-width:480px){
#af-black.fx-site.fx-hud .project-hero-brain h1 br{display:block}
#af-black.fx-site.fx-hud .project-hero-brain h1{font-size:64px}
#af-black.fx-site.fx-hud .project-hero .pj-buttons{gap:10px}
#af-black.fx-site.fx-hud .project-hero .pj-button{font-size:11px;padding:11px 15px;gap:15px}
#af-black.fx-site.fx-hud .project-hero .os-hero-caption>span:last-child{display:none}
#af-black.fx-site.fx-hud .channel-portal-v16{padding:22px}
#af-black.fx-site.fx-hud .channel-preview{height:285px;padding:17px 13px}
#af-black.fx-site.fx-hud .channel-profile-avatar{width:45px;height:45px}
#af-black.fx-site.fx-hud .channel-profile strong{font-size:20px}
#af-black.fx-site.fx-hud .channel-profile-description{font-size:9px;margin-top:12px}
#af-black.fx-site.fx-hud .channel-preview-nav{gap:18px;font-size:9px}
#af-black.fx-site.fx-hud .channel-preview-posts{gap:7px}
#af-black.fx-site.fx-hud .channel-post>span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#af-black.fx-site.fx-hud .related-project-image>img{transition:none}}