/* ── HERO ── */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 40px 68px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 80% 15%,rgba(226,240,122,.22) 0%,transparent 60%);pointer-events:none}
.hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:20px;animation:fadeUp .6s var(--ease) .2s both}
.hero-name{font-size:clamp(52px,8vw,110px);font-weight:800;letter-spacing:-.04em;line-height:.92;margin-bottom:32px;overflow:hidden}
.hero-name .ln{display:block;animation:slideUp .85s var(--ease) both}
.hero-name .ln:nth-child(1){animation-delay:.28s}
.hero-name .ln:nth-child(2){animation-delay:.4s;color:var(--ink2)}
@keyframes slideUp{from{transform:translateY(110%)}to{transform:none}}
.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;animation:fadeUp .65s var(--ease) .75s both;border-top:1px solid var(--border);padding-top:24px}
.hero-desc{font-size:clamp(14px,1.6vw,18px);font-weight:300;line-height:1.65;color:var(--ink2);max-width:460px}
.hero-right{display:flex;flex-direction:column;gap:4px;text-align:right}
.hero-tag{font-family:var(--mono);font-size:10px;color:var(--ink3)}
.hero-acts{display:flex;gap:10px;margin-top:18px}
.btn-p{font-size:13px;font-weight:600;background:var(--ink);color:var(--w);padding:11px 22px;cursor:pointer;border:none;letter-spacing:.01em;transition:opacity .15s,transform .2s var(--ease)}
.btn-p:hover{opacity:.8;transform:translateY(-1px)}
.btn-s{font-size:13px;font-weight:500;background:transparent;color:var(--ink);padding:11px 22px;cursor:pointer;border:1px solid var(--border2);letter-spacing:.01em;transition:background .15s}
.btn-s:hover{background:var(--bg)}
.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;animation:fadeUp .6s var(--ease) 1.1s both}
.scroll-track{width:1px;height:32px;background:var(--border);overflow:hidden;position:relative}
.scroll-fill{position:absolute;top:-100%;width:100%;height:50%;background:var(--ink3);animation:scrollA 1.8s ease-in-out infinite}
@keyframes scrollA{0%{top:-50%}100%{top:150%}}
.scroll-lbl{font-size:9px;font-family:var(--mono);color:var(--ink3);letter-spacing:.14em;text-transform:uppercase}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}