:root{--bg:#121010;--bg2:#1c1816;--ink:#f4ede6;--mut:#b3a79d;--disp:'Archivo',sans-serif}
body{background:var(--bg);color:var(--ink)}
.hero{min-height:100vh;background:radial-gradient(60% 70% at 68% 55%,color-mix(in srgb,var(--acc) 55%,transparent),transparent 70%),var(--bg)}
.hero h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(40px,5.6vw,96px);line-height:.9;letter-spacing:-.02em}
.hero .ghost{position:absolute;left:-2vw;bottom:-3vw;font:900 clamp(120px,26vw,420px)/.8 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);text-transform:uppercase;white-space:nowrap;z-index:0}
.band{background:var(--bg2)}.band.light{background:#fbf6f0;color:#2b2420}.band.light .mut{color:#5c524b}
.card{background:#1f1a18}.cut-cut{filter:drop-shadow(0 40px 50px rgba(0,0,0,.6))}
.div-top{clip-path:polygon(0 4vw,100% 0,100% 100%,0 100%);margin-top:-4vw;padding-top:calc(4vw + 70px)}

.railhead{display:flex;justify-content:space-between;align-items:center;gap:16px}
.arrows{display:flex;gap:10px}
.arr{width:48px;height:48px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font-size:20px;cursor:pointer;transition:background .2s ease-out,color .2s ease-out,opacity .2s}
.arr:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.arr:focus-visible,.seg button:focus-visible,.btn:focus-visible,.rail:focus-visible,.burger:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.arr:disabled{opacity:.3;cursor:default}
.band.light .cat{background:radial-gradient(80% 70% at 50% 40%,#2a2320,#171312)!important;color:#f4ede6}
@media(max-width:820px){.arrows{display:none}}