/* Skin 03 SENAL: carbon con rejilla, ambar, crema, teal; Anybody + Inter + Space Mono. */
@import url('https://fonts.googleapis.com/css2?family=Anybody:wdth,wght@50..150,100..900&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');
:root { --bg:#121110; --card:#161412; --bar:rgba(18,17,16,.86); --ink:#f0e6cf; --body:rgba(240,230,207,.84); --muted:#8e8777; --line:rgba(240,230,207,.16); --acc:#e5401c; --on-acc:#fff; --acc2:#e5401c; --soon:#1b1917;
  --disp:'Anybody', sans-serif; --text:'Inter', sans-serif; --mono:'Space Mono', monospace; --r-pill:999px; --r-card:18px; --gap:10px; }
body { background-color: var(--bg); background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 48px 48px; background-attachment: fixed; }
.disp { font-family: var(--disp); font-weight: 900; font-stretch: 125%; line-height: .92; letter-spacing: -.01em; text-transform: uppercase; }
.dot { color: var(--acc); }
.mono { font-family: var(--mono); letter-spacing: .06em; }
.mono.lab::before { content: ""; display: inline-block; width: 22px; height: 2px; background: var(--acc); vertical-align: middle; margin-right: 8px; }
.sh h2 { font-size: clamp(36px, 5vw, 72px); }
.hero h1 { font-size: clamp(44px, 5.2vw, 82px); }
.hero .copy { background: rgba(18,17,16,.6); }
.card .cap h3 { font-size: clamp(14px, 1.25vw, 19px); }
.play { border-color: var(--acc); border-width: 2px; background: rgba(18,17,16,.5); } .play::after { border-left-color: var(--acc); }
.btn, .pill, .ico { border-color: var(--ink); }
.pill.on { background: var(--acc); border-color: var(--acc); color: #fff; }
.card { background: rgba(22,20,18,.85); }
.foot .mail { font-size: clamp(22px, 4.6vw, 70px); }
.about .txt li::before { color: var(--acc2); }
.about .photo { border: 1px solid var(--line); }
.heroB .name { color: var(--ink); }
.heroB .vid::after { background: linear-gradient(to top, rgba(18,17,16,.95) 0, rgba(18,17,16,0) 45%); }
.heroB h1.name { font-size: clamp(44px, 9.4vw, 150px); }
.next h3 { font-size: clamp(26px, 4.4vw, 64px); }
.phead h1 { font-size: clamp(36px, 5.6vw, 86px); }
@media (max-width: 760px) { .heroB h1.name { font-size: 9.2vw; } }
.sc .sct { font-size: clamp(16px, 1.55vw, 24px); }