/* ── HERO */
#hero{min-height:100vh;padding:calc(var(--top) + clamp(8rem,14vh,12rem)) 2rem 3rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#070B0F 0%,#05080B 100%)}
#hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(242,244,246,.035),transparent);pointer-events:none}
.hero-core{width:min(1120px,100%);position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-mark{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin:0 0 1.35rem;padding:0;outline:none}
.hero-logo{position:relative;display:flex;justify-content:center;align-items:baseline;width:min(720px,86vw);font-family:'Source Serif 4','IBM Plex Serif',Georgia,serif;font-size:clamp(90px,12vw,192px);font-weight:600;line-height:.86;letter-spacing:.01em;color:var(--ivory);text-align:center;text-shadow:none}
.hero-word-part{display:inline-block;color:var(--ivory);transition:color .16s,text-shadow .16s;pointer-events:none}
.hero-logo.nav-active .hero-nav-part,.hero-logo.yar-active .hero-yar-part,.hero-logo:has(.hero-hit-nav:hover) .hero-nav-part,.hero-logo:has(.hero-hit-yar:hover) .hero-yar-part,.hero-word-part.active{color:var(--signal);text-shadow:none}
.hero-hit{appearance:none;-webkit-appearance:none;background:transparent;border:0;margin:0;padding:0;position:absolute;top:0;bottom:0;cursor:pointer;z-index:2}
.hero-hit:focus{outline:2px solid rgba(185,74,72,.45);outline-offset:8px}
.hero-hit-nav{left:0;width:60%}
.hero-hit-yar{right:0;width:40%}
.hero-rule{appearance:none;-webkit-appearance:none;border:0;width:min(760px,88vw);height:22px;background:linear-gradient(90deg,transparent,var(--rule-strong),transparent) center/100% 1px no-repeat;margin-top:1.05rem;cursor:pointer;transition:width .18s,background-size .18s;display:block;padding:0}
.hero-rule:hover,.hero-rule:focus,.hero-rule.active{width:min(800px,92vw);background:linear-gradient(90deg,transparent,var(--accent),transparent) center/100% 2px no-repeat}
.hero-rule:focus-visible{outline:2px solid rgba(185,74,72,.45);outline-offset:6px}
.hero-pop{position:absolute;bottom:calc(100% + 22px);left:50%;transform:translateX(-50%) translateY(-8px);width:min(1040px,92vw);max-height:min(220px,30vh);overflow:auto;padding:1.15rem 1.35rem;background:rgba(13,19,25,.98);border:1px solid var(--rule-strong);box-shadow:0 26px 70px rgba(0,0,0,.36);font-size:17px;line-height:1.65;color:var(--ivory-dim);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:5;text-align:left}
.hero-pop.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.hero-pop strong{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.1;color:var(--signal);margin-bottom:.55rem}
.hero-code{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin-top:1.55rem;margin-bottom:.8rem}
.code-word{font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2vw,28px);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);background:transparent;border:0;cursor:pointer;padding:.25rem .28rem;transition:color .15s}
.code-word:hover,.code-word:focus,.code-word.active{color:var(--signal-bright)}
.code-word:focus-visible{outline:2px solid rgba(185,74,72,.45);outline-offset:4px}
.code-dot{color:var(--signal-bright);font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2vw,28px);padding:0 .18rem}
.hero-explain{min-height:42px;max-width:760px;margin:0 auto 1.6rem;padding:.75rem 1rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:14px;color:var(--sage-lt);line-height:1.6;background:rgba(13,19,25,.72)}
.hero-desc{font-size:clamp(16px,1.4vw,20px);font-weight:300;color:var(--ivory-dim);line-height:1.75;max-width:820px;margin:0 auto .6rem;text-align:center}
.hero-value{font-size:clamp(15px,1.2vw,18px);font-weight:400;color:var(--sage-lt);line-height:1.75;max-width:780px;margin:0 auto 2.1rem;text-align:center}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}