

.hero{background:none !important;border-bottom:0;position:relative;isolation:isolate;padding:clamp(40px,7vw,96px) 0 clamp(36px,5vw,64px) !important}
.hero::before{content:"";position:absolute;inset:auto 0 0 0;height:min(46%,320px);z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(122,220,236,.14),transparent 70%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,230,240,.28) 30%,rgba(220,230,240,.28) 70%,transparent)}
.hero .w{max-width:1040px;text-align:center}
.hero .eyebrow{font-size:clamp(10px,2.9vw,12px);letter-spacing:.2em;margin:0 auto;text-shadow:none;white-space:nowrap;color:#9FB0C6}
.hero .line{margin:clamp(14px,3vw,24px) auto 0;max-width:16ch;font-size:clamp(30px,9.2vw,74px);line-height:1.04;letter-spacing:-.028em;text-wrap:balance}
.hero .line .fut,.hero .line .past{display:block}
.hero .line .fut{text-shadow:none}
.hero .rv{text-shadow:none}
.hero .e1-wedge{margin:clamp(14px,2.6vw,22px) auto 0;max-width:34ch;font-size:clamp(18px,3.4vw,28px);line-height:1.25;font-weight:700;color:#7ADCEC;letter-spacing:-.01em;text-wrap:balance}
.hero .e1-def{margin:clamp(12px,2vw,16px) auto 0;max-width:64ch;font-size:clamp(15.5px,2.1vw,19px);line-height:1.58;color:#DCE6F0;text-wrap:pretty}
.hero .e1-def strong{color:#EAF6FF;font-weight:600}
.hero .e1-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(20px,3vw,30px) auto 0}
.hero .e1-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;font-weight:700;font-size:15.5px;text-decoration:none;flex:0 1 auto;min-width:min(100%,250px)}
.hero .e1-actions .e1-main{background:linear-gradient(135deg,#96E6F0,#7ADCEC 28%,#8B9BF5 84%,#9B7BF0);color:#05060B}
.hero .e1-actions .e1-alt{border:1px solid rgba(184,238,246,.45);color:#DCE6F0;font-weight:600}
.hero .e1-actions a:focus-visible,.hero .e1-marks a:focus-visible{outline:2px solid #7ADCEC;outline-offset:2px}
.hero .e1-terms{list-style:none;margin:clamp(16px,2.4vw,24px) auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hero .e1-terms li{margin:0;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(220,230,240,.16);border-radius:999px;background:rgba(11,14,22,.55);font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#AEB8CB;white-space:nowrap}
.hero .strap{margin:clamp(16px,2.4vw,22px) auto 0;color:#7E8A9C;font-size:14.5px;letter-spacing:.01em}
.hero .e1-marks{list-style:none;margin:clamp(22px,3.4vw,34px) auto 0;padding:clamp(14px,2vw,18px) 0 0;border-top:1px solid rgba(220,230,240,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:6px 4px;max-width:720px}
.hero .e1-marks li{margin:0;min-width:0}
.hero .e1-marks a{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:72px;padding:8px 4px;border-radius:12px;text-decoration:none;color:#DCE6F0}
.hero .e1-marks a:hover{background:rgba(255,255,255,.04)}
.hero .e1-marks li>a[href]{display:flex;margin:0;min-height:72px}
.hero .e1-marks img{width:30px;height:30px;display:block}
.hero .e1-marks b{font-weight:600;font-size:14px;line-height:1.2;color:#EAF6FF;display:block;margin:0 0 6px}
.hero .e1-marks small{font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#7E8A9C}
.hero .e1-marks .e1-marks-cap{grid-column:1/-1;margin:12px 0 0;font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7E8A9C}
@media (min-width:560px){.hero .e1-marks{grid-template-columns:repeat(6,1fr)}}
@media (max-width:359px){.hero .eyebrow{letter-spacing:.12em;white-space:normal;text-wrap:balance;max-width:22ch}}
@media (prefers-reduced-motion:reduce){.hero .rv{animation:none;opacity:1;transform:none}}

.e1-prims{grid-template-columns:1fr !important}
@media (min-width:560px){.e1-prims{grid-template-columns:repeat(2,1fr) !important}}
@media (min-width:900px){.e1-prims{grid-template-columns:repeat(4,1fr) !important}}
.e1-prims li{min-width:0}
.e1-prims li > a[href]:only-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;width:100%;height:100%;min-height:104px;margin:0;padding:14px 16px;box-sizing:border-box;text-align:left}
.e1-prims .e1-n{align-self:flex-start}

.stone{background-image:none !important;background:rgba(11,14,22,.58);border:1px solid rgba(220,230,240,.14);box-shadow:0 26px 54px rgba(0,0,0,.35);position:relative;isolation:isolate;border-radius:16px;overflow:hidden}
.stone::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse 60% 90% at 0% 50%,var(--plinth,rgba(122,220,236,.5)) 0%,transparent 60%);opacity:.22}
.stone::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--plinth,#7ADCEC);opacity:.85}
.stone h1,.stone .kick,.stone p,.stone .eyebrow{text-shadow:none}
.stone svg,.stone img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.pm-head.stone{padding:28px 28px 24px;margin:8px 0 20px}
div.stone{padding:22px 22px 18px;margin-bottom:14px}
header.stone{padding:24px 26px 22px;margin:0 0 18px}
@media (max-width:640px){.pm-head.stone{padding:20px 18px 16px;flex-direction:column;align-items:flex-start;gap:12px}.pm-head.stone .pm-mark{width:64px;height:64px}div.stone{padding:16px}header.stone{padding:18px}}
.stone-nerio{--plinth:#8FBFAB}.stone-minerva{--plinth:#A86D99}.stone-honos{--plinth:#9FB0C6}.stone-fides{--plinth:#C9A227}.stone-forculus{--plinth:#C47F3A}.stone-portunus{--plinth:#4FA3C7}

#eos-family .fam-c{overflow:hidden;position:relative}
#eos-family .fam-h{margin:-18px -18px 6px;padding:16px 18px 14px;border-radius:14px 14px 0 0;position:relative;isolation:isolate;background:rgba(255,255,255,.03) !important;background-image:none !important;box-shadow:inset 0 2px 0 var(--plinth,rgba(122,220,236,.6))}
#eos-family .fam-h::before{content:none}
#eos-family .fam-h img{filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
#eos-family .fam-n,#eos-family .fam-l{text-shadow:none}
#eos-family .fam-c[href="/nerio.html"] .fam-h{--plinth:#8FBFAB}
#eos-family .fam-c[href="/minerva.html"] .fam-h{--plinth:#A86D99}
#eos-family .fam-c[href="/honos.html"] .fam-h{--plinth:#9FB0C6}
#eos-family .fam-c[href="/fides.html"] .fam-h{--plinth:#C9A227}
#eos-family .fam-c[href="/forculus.html"] .fam-h{--plinth:#C47F3A}
#eos-family .fam-c[href="/portunus.html"] .fam-h{--plinth:#4FA3C7}
@media print{.hero::before,.hero::after,.stone::before,.stone::after{display:none}}
