@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --ink:#0a0a0a; --ink2:#060606; --gold:#D4A843; --gold-dim:#8a6d2a;
  --w:#ffffff; --w2:#d6d6d6; --w3:#9a9a9a;
  --red:#ef4444; --green:#22c55e;
  --pad:110px;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--w);
  font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.stage{position:relative;width:100vw;height:100vh;overflow:hidden}

.s{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease}
.s.on{opacity:1;visibility:visible}
.bg{position:absolute;inset:0;background-size:cover;background-position:center}
.scrim{position:absolute;inset:0}
.body{position:absolute;inset:0;padding:var(--pad);display:flex;flex-direction:column;justify-content:center}
.body.bottom{justify-content:flex-end}

.kick{font-size:23px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:600}
.step{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}
.step.show{opacity:1;transform:none}

h1{font-size:170px;line-height:.88;font-weight:900;letter-spacing:-.035em;text-shadow:0 4px 40px rgba(0,0,0,.9)}
h1 .g{color:var(--gold);display:block}
h2{font-size:88px;line-height:1;font-weight:800;letter-spacing:-.025em}
h2 .g{color:var(--gold)}
.mono{font-size:190px;font-weight:900;letter-spacing:-.04em;line-height:.9}
.sub{font-size:38px;font-weight:300;color:var(--w2);letter-spacing:.005em}
.rule{width:130px;height:3px;background:var(--gold)}
.by{font-size:23px;letter-spacing:.34em;text-transform:uppercase;color:var(--w3);font-weight:500}
.quote{font-size:62px;line-height:1.18;font-weight:300;color:var(--w);letter-spacing:-.01em}
.quote b{font-weight:800;color:var(--gold)}
.big{font-size:100px;line-height:1.05;font-weight:800;letter-spacing:-.02em;text-shadow:0 4px 40px rgba(0,0,0,.95)}
.big em{font-style:normal;color:var(--gold)}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.card{border:1px solid rgba(212,168,67,.32);background:rgba(212,168,67,.045);padding:44px 40px;border-radius:2px}
.card .t{font-size:46px;font-weight:800;letter-spacing:-.01em}
.card .d{font-size:27px;color:var(--w2);font-weight:300;margin-top:14px;line-height:1.4}
.card.bad{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.07)}
.card.good{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.07)}
.lab{font-size:21px;letter-spacing:.3em;text-transform:uppercase;font-weight:700}
.lab.r{color:var(--red)} .lab.g{color:var(--green)}
.said{font-size:44px;font-weight:600;margin-top:16px;line-height:1.25}

.list{display:flex;flex-direction:column;gap:26px}
.row{display:flex;align-items:baseline;gap:34px}
.num{font-size:34px;font-weight:800;color:var(--gold);min-width:74px;letter-spacing:.02em}
.row .tx{font-size:44px;font-weight:600;line-height:1.2}
.row .tx small{display:block;font-size:26px;font-weight:300;color:var(--w3);margin-top:8px}

.bars{display:flex;flex-direction:column;gap:30px}
.bar .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.bar .nm{font-size:32px;font-weight:600;letter-spacing:.02em}
.bar .pc{font-size:38px;font-weight:800;color:var(--gold)}
.bar .track{height:22px;background:rgba(255,255,255,.07)}
.bar .fill{height:100%;background:var(--gold-dim)}
.bar.hero .nm{font-size:44px} .bar.hero .pc{font-size:62px} .bar.hero .track{height:38px}
.bar.hero .fill{background:var(--gold)}

.nav{position:fixed;top:50%;transform:translateY(-50%);z-index:50;width:52px;height:52px;
  border:1px solid rgba(255,255,255,.14);border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;background:rgba(10,10,10,.5);backdrop-filter:blur(8px);color:#bbb;font-size:20px;user-select:none}
.nav:hover{border-color:var(--gold);color:var(--gold)}
#prev{left:26px} #next{right:26px}
#count{position:fixed;right:32px;bottom:26px;font-size:19px;color:#6a6a6a;letter-spacing:.14em;z-index:50}
#prog{position:fixed;left:0;bottom:0;height:3px;background:var(--gold);transition:width .45s ease;z-index:50}

.vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split{display:grid;grid-template-columns:1fr 34%;gap:76px;align-items:center}
.split .ph{height:620px;background-size:cover;background-position:center;
  box-shadow:0 30px 80px rgba(0,0,0,.6)}

/* recorte: capa oscura con el texto en blanco, multiply sobre el video */
.s.cut{isolation:isolate}
.knock{position:absolute;inset:0;z-index:3;background:#151515;mix-blend-mode:multiply;
  display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.knock .mono,.knock h1{color:#fff !important;text-shadow:none}
.knock h1 .g{color:#fff !important}
.over{position:absolute;inset:0;z-index:4;pointer-events:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.knock h1 .g{color:#D4A843 !important}

/* foto a sangre: altura completa, fundida contra el fondo */
.bleed{position:absolute;top:0;right:0;bottom:0;width:48%;z-index:0;
  background-size:cover;background-position:center;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,rgba(0,0,0,.85) 40%,#000 70%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,rgba(0,0,0,.85) 40%,#000 70%)}
.bleed::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(6,6,6,.75) 0%,rgba(6,6,6,.15) 40%,rgba(6,6,6,.55) 100%)}
.s .body{z-index:1}
.narrow{padding-right:46% !important}
.bleed video{width:100%;height:100%;object-fit:cover;display:block}