.e-hero{position:relative;padding:clamp(39px,5vw,65px) clamp(20px,5vw,78px) clamp(39px,5vw,65px);background:radial-gradient(circle at 80% 30%,rgba(255,59,0,.12),transparent 35%),radial-gradient(circle at 8% 12%,rgba(0,229,255,.08),transparent 30%),#000;overflow:hidden}
.e-hero .gridbg{position:absolute;inset:0;opacity:.45}
.e-hero .inner{position:relative;z-index:2}
.e-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(39px,5vw,78px);align-items:stretch;min-height:calc(100vh - 230px)}
.e-left{display:flex;flex-direction:column;justify-content:center}
.e-left .h1{font-size:clamp(42px,5.6vw,84px);margin-bottom:26px}
.e-left .lede{margin-bottom:26px}
.e-left .specs{margin-bottom:39px}
.plate{position:relative;min-height:560px;border:1px solid #1A1A1A;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.plate-img{position:absolute;left:0;right:0;top:-8%;height:116%;background:url('../img/hero-bg.jpg') 58% 32%/cover no-repeat;will-change:transform}
.plate::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.9) 100%)}
.plate .corner{z-index:2;color:#FF6A2B;border-color:#2a1a12}
.plate-body{position:relative;z-index:2;padding:clamp(22px,2.6vw,39px)}
.plate-quote{font-family:var(--font-display);font-size:clamp(18px,1.8vw,24px);line-height:1.5;color:#fff;padding-left:20px;border-left:2px solid #FF3B00;max-width:520px}
.sysdef{margin-top:clamp(39px,5vw,65px)}
.sysdef .cell-tag{font-size:10px}
.sysdef .val{font-size:13.5px;color:#C0C0C0;line-height:1.75}
.sysdef .katex-display{margin:4px 0 10px;text-align:left;color:#fff}
.sysdef .katex-display>.katex{text-align:left}
.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#1A1A1A;border:1px solid #1A1A1A;margin-top:39px}
.book{background:#0A0A0A;padding:clamp(22px,2.6vw,39px);display:block;color:inherit;border:0;box-shadow:inset 0 2px 0 #8B0000;transition:background .3s}
.book:hover{background:#130606;color:inherit;border:0}
.book-n{font-family:var(--font-display);font-weight:900;font-size:44px;color:#8B0000;opacity:.7;line-height:1;margin-bottom:16px}
.book-an{font-family:var(--font-display);font-style:italic;font-size:15px;color:#E0E0E0;margin-bottom:4px}
.book-en{font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;text-transform:uppercase;letter-spacing:.04em;line-height:1.3;margin-bottom:13px}
.book-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#666}
.closing{text-align:center;padding:clamp(104px,12vw,170px) clamp(20px,5vw,78px);position:relative;overflow:hidden;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(255,59,0,.08),transparent 70%),#000;border-top:1px solid #1A1A1A}
.closing .statement{max-width:900px;margin:0 auto 39px}
.closing .btns{justify-content:center}
@media (max-width:900px){.e-grid{grid-template-columns:1fr;min-height:0}.plate{min-height:420px}.books{grid-template-columns:1fr}}