@font-face{font-family:'Anton';font-display:swap;src:url(/assets/fonts/anton-b9beea0804.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Heebo';font-weight:100 900;font-display:swap;src:url(/assets/fonts/heebo-26d34c3fcf.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-weight:100 900;font-display:swap;src:url(/assets/fonts/heebo-6128ad0117.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#050505;--ink:#f6efe0;--mut:#a39a88;--gold:#e8bd55;--gold2:#ffe29a;--gold3:#b8862c;--line:#2a2418}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 50% -200px,#1a140a 0,var(--bg) 60%) no-repeat,var(--bg);color:var(--ink);font-family:'Heebo',Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit}
.hd{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1440px;margin:0 auto;padding:18px 20px;border-bottom:1px solid var(--line)}
.hb{font-family:'Anton',Impact,sans-serif;font-size:20px;letter-spacing:.12em;color:var(--gold);text-decoration:none}
.hb span{color:var(--mut);font-size:.7em}
.hn{display:flex;gap:6px;flex-wrap:wrap}
.hn a{font-size:14px;font-weight:700;text-decoration:none;padding:8px 13px;border-radius:999px;border:1px solid #3a3222;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.hn a:first-child{background:var(--gold);border-color:var(--gold);color:#111}
.hn a:hover,.hn a:focus-visible{background:var(--gold2);border-color:var(--gold2);color:#111}
main{max-width:1440px;margin:0 auto;padding:0 16px 40px}
.hero{padding:42px 4px 26px;text-align:center}
.kick{font-family:'Anton',sans-serif;letter-spacing:.32em;font-size:12px;color:var(--gold);margin:0 0 10px}
h1{text-wrap:balance;font-family:'Heebo',sans-serif;font-weight:900;font-size:clamp(38px,9vw,92px);line-height:1;margin:0;letter-spacing:-.01em;background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-family:'Anton',sans-serif;font-size:clamp(17px,3.4vw,28px);letter-spacing:.14em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--gold);margin:12px 0 0}
.lead{max-width:640px;margin:14px auto 0;color:var(--mut);font-size:16px}
.jump{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.jump a{text-decoration:none;font-weight:800;font-size:15px;padding:10px 18px;border-radius:999px;background:#111;border:1px solid var(--gold3);transition:background .2s,color .2s}
.jump a b{font-family:'Anton',sans-serif;font-weight:400;color:var(--gold);margin-inline-start:6px}
.jump a:hover,.jump a:focus-visible{background:var(--gold);color:#111}.jump a:hover b,.jump a:focus-visible b{color:#111}
.sec{margin-top:34px;scroll-margin-top:70px}
.sh2{position:relative;padding:8px 4px 16px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:hidden}
.sh2 .big{position:absolute;inset-inline-start:auto;left:0;top:-14px;font-family:'Anton',sans-serif;font-size:clamp(64px,13vw,150px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(232,189,85,.28);pointer-events:none;letter-spacing:.04em}
.sh2 h2{position:relative;margin:0;font-weight:900;font-size:clamp(26px,5vw,44px);line-height:1.1}
.sh2 p{position:relative;margin:6px 0 0;font-family:'Anton',sans-serif;letter-spacing:.16em;font-size:12px;color:var(--gold);text-align:right}
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:860px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (min-width:1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cd{position:relative;display:block;height:100%;text-decoration:none;background:linear-gradient(180deg,#121009,#0a0906);border:1px solid #2b2416;border-radius:14px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s;-webkit-tap-highlight-color:transparent;outline:none}
.cd::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 var(--gold);transition:box-shadow .3s}
.fr{position:relative;display:block;aspect-ratio:1200/630;background:#000;overflow:hidden}
.fr img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .35s}
.sh{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,226,154,.0) 40%,rgba(255,226,154,.38) 50%,rgba(255,226,154,0) 60%,transparent 65%);transform:translateX(110%);pointer-events:none}
.tx{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"ey no" "tt no" "dm ar";align-items:end;column-gap:10px;padding:12px 14px 14px}
.no{grid-area:no;align-self:start;font-family:'Anton',sans-serif;font-size:34px;line-height:.9;color:transparent;-webkit-text-stroke:1px var(--gold3);transition:color .3s,-webkit-text-stroke-color .3s}
.ey{grid-area:ey;font-family:'Anton',sans-serif;font-size:11px;letter-spacing:.24em;color:var(--gold);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt{grid-area:tt;font-weight:800;font-size:21px;line-height:1.2;margin-top:2px;transition:color .3s}
.dm{grid-area:dm;font-size:12px;color:var(--mut);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px;position:relative}
.dm::before{content:"";position:absolute;right:0;top:-4px;height:2px;width:28px;background:var(--gold3);transition:width .4s cubic-bezier(.2,.8,.2,1),background .3s}
.ar{grid-area:ar;font-size:20px;line-height:1;color:var(--gold);transform:translateX(8px);opacity:0;transition:transform .35s,opacity .35s}
@media (hover:hover){
.cd:hover{transform:translateY(-4px);border-color:var(--gold3);box-shadow:0 14px 36px -12px rgba(232,189,85,.35),0 0 0 1px rgba(232,189,85,.25)}
.cd:hover .sh{animation:shine .9s cubic-bezier(.2,.7,.2,1) 1}
.cd:hover img{filter:saturate(1.08) contrast(1.04)}
.cd:hover .no{color:var(--gold);-webkit-text-stroke-color:var(--gold)}
.cd:hover .tt{color:var(--gold2)}
.cd:hover .dm::before{width:100%;background:var(--gold)}
.cd:hover .ar{transform:none;opacity:1}}
.cd:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,189,85,.55)}
.cd:focus-visible .no{color:var(--gold)}.cd:focus-visible .ar{transform:none;opacity:1}.cd:focus-visible .dm::before{width:100%}
.cd:active{transform:scale(.975);transition-duration:.08s}
.cd:active::after{box-shadow:inset 0 0 0 2px var(--gold)}
.cd:active .no{color:var(--gold)}.cd:active .tt{color:var(--gold2)}
@keyframes shine{from{transform:translateX(110%)}to{transform:translateX(-110%)}}
@media (prefers-reduced-motion:reduce){.cd,.cd *{transition:none!important;animation:none!important}}
.xl-foot{margin:44px 0 14px;padding-top:18px;border-top:1px solid #262626;display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
.xl-foot a{text-decoration:none;padding:9px 14px;border-radius:999px;font-weight:700;background:#171717;color:#fff;border:1px solid #444}
.xl-foot a:hover,.xl-foot a:focus-visible{border-color:var(--gold);color:var(--gold2)}
.dom{display:block;color:#777;font-size:12px}