/* Homepage identity and image-backed navigation. */
.home .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:center;padding:30px 7% 110px;background:#030a15}
.home .hero:after{display:none}
.home .hero-art{position:relative;inset:auto;width:min(100%,960px);height:auto;display:block}
.home .hero-art img{display:block;width:100%;height:auto;mix-blend-mode:normal;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent)}
.home .hero-copy{margin:0;width:100%;max-width:960px}
.home .hero-copy h1{font-size:clamp(52px,6vw,84px);letter-spacing:-4px;line-height:1.04;margin:24px 0}
.home .hero-copy .intro{font-size:18px}
.home #explore .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home .topic-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:32px;overflow:hidden;border:1px solid #586e874d;border-radius:22px;background:#091525;transition:transform .25s,border-color .25s,box-shadow .25s}
.home .topic-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}
.home .topic-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#020711f5 0%,#020711b8 28%,#02071115 76%)}
.home .topic-card h2{font-size:34px;font-weight:700;letter-spacing:-1px;margin:12px 40px 8px 0;color:#fff}
.home .topic-card p{color:#d5e2ee;font-size:16px;line-height:1.5;margin:0;max-width:90%}
.home .topic-card .eyebrow{color:#c6deee;font-size:10px}
.home .topic-card>span:last-child{position:absolute;right:26px;bottom:30px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #c6deee66;border-radius:50%;color:white;font-size:22px;margin:0}
.home .topic-card:hover{transform:translateY(-4px);border-color:#72baff;box-shadow:0 12px 35px #0006}
.home .topic-card:hover .topic-background{transform:scale(1.04)}
.home .topic-card[href="ai-human.html"] .topic-background{object-position:center}
.home .topic-card[href="contact.html"] .topic-background{object-position:center}
.home .topic-card:last-child{grid-column:1/-1}
@media(max-width:800px){
.home .hero{padding:20px 6% 110px}
.home .hero-art{width:calc(100% + 12vw);max-width:none;margin-bottom:12px}
.home .hero-copy{margin:0;width:100%}
.home .hero-copy h1{font-size:clamp(42px,9vw,64px);letter-spacing:-2px;line-height:1.05}
.home .hero-copy .intro{font-size:16px}
.home #explore .topic-grid{grid-template-columns:1fr;gap:18px}
.home .topic-card{min-height:245px;padding:26px;border-radius:20px}
.home .topic-card h2{font-size:30px}
.home .topic-card p{font-size:15px;max-width:88%}
.home .topic-card>span:last-child{right:20px;bottom:24px}
}
@media(prefers-reduced-motion:reduce){.home .topic-card,.home .topic-background{transition:none}.home .topic-card:hover,.home .topic-card:hover .topic-background{transform:none}}

.home .topic-card[href="game-cube.html"] .topic-background{object-position:50% 78%}

/* Faded chamber artwork under the identity, behind the introduction. */
.home .hero-copy{isolation:isolate;padding-block:26px}
.home .hero-copy:before{content:"";position:absolute;inset:-35px -25vw -105px;z-index:-1;background:url("assets/hero-chamber.webp") 65% center/cover no-repeat;opacity:.95;filter:brightness(1.4) saturate(1.08);mask-image:linear-gradient(90deg,transparent 0%,#0002 25%,#0008 58%,#000 100%),linear-gradient(0deg,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect;pointer-events:none}
.home .hero-copy h1,.home .hero-copy .intro,.home .hero-copy .eyebrow{text-shadow:0 2px 18px #030a15}
@media(max-width:800px){.home .hero-copy:before{inset:-25px -7vw -105px;background-position:65% center;opacity:.95}}