.home{min-height:100vh;padding-top:var(--topbar-h);overflow:hidden}
.home-hero{position:relative;min-height:calc(100vh - var(--topbar-h));display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);align-items:center;gap:clamp(30px,5vw,92px);padding:clamp(54px,8vh,100px) var(--safe-x)}
.home-hero::before{content:"FI / ARCHIVE";position:absolute;right:-.04em;top:4vh;color:transparent;font:700 clamp(100px,18vw,290px)/1 var(--font-display);letter-spacing:-.08em;-webkit-text-stroke:1px rgba(224,228,217,.055);pointer-events:none}
.home-copy{position:relative;z-index:2}
.home-copy .lead{max-width:680px}
.home-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.home-meta div{min-width:88px}
.home-meta b{display:block;font:400 23px/1 var(--font-display)}
.home-meta small{display:block;margin-top:7px;color:var(--muted);font:8px/1.2 var(--font-mono);letter-spacing:.13em}
.phase-gallery{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;height:min(71vh,720px);perspective:1400px}
.phase-card{--card-accent:var(--gold);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:520px;padding:23px 19px;border:1px solid rgba(224,224,205,.18);background:#0a1012;box-shadow:var(--shadow);transform:skewY(-1deg);transition:.4s var(--ease)}
.phase-card:nth-child(2){transform:translateY(-20px) skewY(1deg)}
.phase-card:hover{z-index:5;transform:translateY(-12px) scale(1.025);border-color:color-mix(in srgb,var(--card-accent) 65%,white 8%);box-shadow:0 34px 110px color-mix(in srgb,var(--card-accent) 18%,black)}
.phase-card:nth-child(2):hover{transform:translateY(-30px) scale(1.025)}
.phase-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 18%,rgba(4,7,8,.18) 48%,rgba(4,7,8,.95) 100%)}
.phase-card::after{content:"";position:absolute;inset:9px;z-index:2;pointer-events:none;border:1px solid rgba(255,255,255,.08);clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%)}
.phase-card__art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.12);transition:.55s var(--ease)}
.phase-card:hover .phase-card__art{transform:scale(1.055);filter:saturate(.98) contrast(1.1)}
.phase-card__index{position:absolute;top:20px;left:18px;color:rgba(255,255,255,.74);font:8px/1 var(--font-mono);letter-spacing:.18em;writing-mode:vertical-rl}
.phase-card__status{position:absolute;top:17px;right:15px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);color:color-mix(in srgb,var(--card-accent) 72%,white);background:rgba(3,6,7,.55);font:7px/1 var(--font-mono);letter-spacing:.16em}
.phase-card__copy{position:relative;z-index:3;width:100%}
.phase-card__copy small{display:block;color:color-mix(in srgb,var(--card-accent) 76%,white);font:8px/1.2 var(--font-mono);letter-spacing:.18em}
.phase-card__copy h2{margin:9px 0 11px;font:700 clamp(27px,2.6vw,43px)/.96 var(--font-display);letter-spacing:-.045em}
.phase-card__copy p{min-height:51px;margin:0;color:#b8beba;font-size:10px;line-height:1.7}
.phase-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);color:#d7dbd3;font:8px/1 var(--font-mono);letter-spacing:.12em}
.phase-card__arrow{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;transition:.25s}
.phase-card:hover .phase-card__arrow{color:#050708;background:var(--card-accent);border-color:var(--card-accent);transform:rotate(-45deg)}
.home-credit{position:absolute;left:var(--safe-x);bottom:18px;color:#69736f;font:7px/1 var(--font-mono);letter-spacing:.16em}