body.genus-home{--paper:#070907;--ink:#e3e6df;--muted:#9ca497;--line:#242b23;--green:#b0bea4;background:var(--paper);color:var(--ink)}
body.genus-home main,body.genus-home #footer{position:relative;z-index:1}
.genus-room-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict}
.genus-home .hero-title{font-size:clamp(35px,7.8vw,165px);margin:48px 0 58px;line-height:1.1;transform:none;letter-spacing:-.07em}
.genus-home .home{padding-bottom:0}
.genus-home .archive-list{position:relative;border-top:1px solid var(--line)}
.genus-home .genus-row{min-height:clamp(245px,26vw,350px);display:grid;grid-template-columns:7% minmax(0,1fr) auto;grid-template-rows:1fr;isolation:auto;overflow:hidden;opacity:1!important;background:transparent;gap:0}
.genus-home .genus-row:before{display:none}
.genus-home .genus-name{position:relative;z-index:2;font-size:clamp(30px,4.4vw,84px);letter-spacing:-.05em;color:#d9ded3;text-shadow:0 2px 25px #070907;transform:none!important;transition:color .3s}
.genus-home .row-number{position:relative;z-index:2;align-self:center;color:#a2ad99;font-size:11px}
.genus-home .row-action{position:relative;z-index:2;gap:28px;color:#bcc6b3;padding-right:18px;font-size:9px;letter-spacing:.08em}
.genus-home .genus-row:hover .genus-name,.genus-home .genus-row:focus-visible .genus-name{color:#fff}
.genus-home .genus-row:focus-visible{outline:1px solid #bdccaf;outline-offset:-4px}
.genus-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.8;z-index:0}
.genus-home[data-genus-renderer=webgl] .genus-fallback{visibility:hidden}
.genus-home #footer{background:transparent;color:var(--ink)}
.genus-home .skip-link{background:#e3e6df;color:#070907}
@media(max-width:650px){.genus-home .hero-title{font-size:8.5vw;margin:32px 0 38px}.genus-home .genus-row{min-height:270px;grid-template-columns:28px minmax(0,1fr) 26px}.genus-home .genus-name{grid-column:2;grid-row:1;align-self:center;padding:0;font-size:clamp(25px,6.5vw,42px)}.genus-home .row-number{grid-column:1;grid-row:1;font-size:9px}.genus-home .row-action{display:flex;grid-column:3;grid-row:1;font-size:0;gap:0;padding:0}.genus-home .arrow{font-size:19px}.genus-fallback{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.genus-home .genus-row *{transition:none!important;transform:none!important}}