/* ── HERO ── */
.hero { position:relative; z-index:10; padding:9rem 3rem 3rem; max-width:900px; margin:0 auto; }
.hero-title { font-size:clamp(3rem,7vw,5.5rem); font-weight:800; line-height:0.9; letter-spacing:-0.04em; opacity:0; transform:translateY(24px); animation:fadeUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards 0.5s; }
.hero-intro { margin-top:1.2rem; font-family:'DM Mono',monospace; font-size:0.85rem; color:var(--muted2); opacity:0; transform:translateY(12px); animation:fadeUp 0.7s ease forwards 0.8s; }

/* ── SECTION ── */
.section { position:relative; z-index:10; max-width:1100px; margin:0 auto; padding:2rem 3rem 5rem; border-top:1px solid var(--border2); }

/* ── CV LAYOUT ── */
.cv-layout { display:grid; grid-template-columns:200px 1fr; gap:2rem; align-items:start; }
.cv-container { width:100%; }
.cv-wrapper { position:relative; display:inline-block; width:150%; border:1px solid var(--border2); cursor:crosshair; }
.cv-img { width:290%; height:auto; display:block; user-select:none; }

/* ── CV BTN ── */
.cv-btn { display:inline-flex; align-items:center; gap:6px; font-family:'DM Mono',monospace; font-size:11px; color:var(--accent); border:1px solid rgba(0,245,160,0.4); padding:5px 14px; text-decoration:none; letter-spacing:0.1em; transition:background 0.2s,color 0.2s; }
.cv-btn:hover { background:var(--accent); color:#080b0f; }