:root{--g:#e8b04a;--g2:#ffd27a;--bg:#0b0907;--card:#17120d;--line:#2a2118;--m:#b9ad9c;--d:'Righteous',system-ui,sans-serif;--e:cubic-bezier(.23,1,.32,1);--b:'Poppins',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font:14px/1.5 var(--b);padding-bottom:78px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--g);outline-offset:3px}
nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:12px 24px;background:rgba(11,9,7,.88);backdrop-filter:blur(12px)}
.logo{font:20px var(--d);letter-spacing:.1em;color:var(--g)}
nav a.l{color:var(--m);font-weight:500}nav a.l:hover{color:#fff}.sp{flex:1}
.pill{border-radius:99px;padding:8px 18px;font-weight:600;background:var(--g);color:#111;transition:background-color .2s var(--e),border-color .2s var(--e),color .2s var(--e)}.pill:hover{background:var(--g2)}
.hero{position:relative;height:min(52vh,460px);margin:0 24px;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,7,.92),rgba(11,9,7,.3) 58%,transparent),linear-gradient(0deg,rgba(11,9,7,.75),transparent 45%)}
.hero .tx{position:relative;z-index:2;padding:28px 40px;max-width:none}
.hero small{letter-spacing:.3em;color:var(--g);font-weight:600;font-size:12px}
.hero h1{font:clamp(32px,6.6vw,130px)/1 var(--d);white-space:nowrap;text-transform:uppercase;margin:10px 0 14px;text-shadow:0 0 28px rgba(232,176,74,.25)}
.hero h1 em{font-style:normal;color:var(--g)}
.hero p{color:#e5dccd;margin-bottom:20px;max-width:30em}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;border-radius:99px;padding:11px 22px;font-weight:600;border:1.5px solid rgba(255,255,255,.45);transition:background-color .2s var(--e),border-color .2s var(--e),color .2s var(--e);cursor:pointer;background:transparent;color:#fff}
.btn:hover{border-color:var(--g);color:var(--g)}
.btn.p{background:var(--g);color:#111;border-color:var(--g)}.btn.p:hover{background:var(--g2);color:#111}
.btn.s{padding:8px 16px;font-size:13px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:18px 24px 4px;scrollbar-width:none}
.chips a{white-space:nowrap;padding:8px 16px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-weight:500;transition:background-color .2s var(--e),border-color .2s var(--e),color .2s var(--e)}
.chips a:hover,.chips a.on{border-color:var(--g);color:var(--g)}
h2{font:26px var(--d);letter-spacing:.05em;text-transform:uppercase;padding:30px 24px 12px;display:flex;justify-content:space-between;align-items:baseline}
h2 a{font:500 13px var(--b);color:var(--g);letter-spacing:0;text-transform:none}
.row{display:flex;gap:14px;overflow-x:auto;padding:0 24px 8px;scrollbar-width:none;scroll-snap-type:x proximity}
.c{flex:0 0 190px;scroll-snap-align:start}
.im{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1;background:#111}
.im img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--e)}
.c:hover .im img{transform:scale(1.08)}
.pl{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;background:var(--g);opacity:0;transform:translateY(8px);transition:opacity .2s var(--e),transform .2s var(--e)}
.pl:after{content:"";position:absolute;left:17px;top:13px;border-left:14px solid #111;border-top:9px solid transparent;border-bottom:9px solid transparent}
.c:hover .pl,.c:focus-visible .pl{opacity:1;transform:none}
.c b{display:block;margin-top:8px;font-weight:600}.c span{color:var(--m);font-size:12px}
.gen{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:0 24px}
.t{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;padding:14px;font:22px/1 var(--d);text-transform:uppercase;letter-spacing:.04em}
.t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--e)}
.t:hover img{transform:scale(1.09)}
.t:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 68%)}
.t i{position:absolute;inset:0;mix-blend-mode:soft-light;opacity:.5}
.t span{position:relative;z-index:2}
.pop{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,520px));gap:16px;padding:0 24px;align-items:start}
.pop .box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.pop h3{font:18px var(--d);letter-spacing:.04em;margin-bottom:4px}.pop p{color:var(--m);font-size:13px;margin-bottom:12px}
.embeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;padding:0 24px}
.embed iframe{display:block;border:0;border-radius:12px;width:100%}
.yts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:0 24px}
.yt{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111;cursor:pointer}
.yt img,.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.yt .pb{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--g)}
.yt .pb:after{content:"";position:absolute;left:19px;top:14px;border-left:14px solid #111;border-top:10px solid transparent;border-bottom:10px solid transparent}
.yt b{position:absolute;left:12px;bottom:10px;font-size:13px;text-shadow:0 1px 4px #000}
.yt.on .pb,.yt.on b{display:none}
.banner{margin:0 24px;border-radius:18px;padding:26px;background:linear-gradient(100deg,#2a1d0c,#14100b);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.banner h3{font:22px var(--d);letter-spacing:.04em}.banner p{color:var(--m)}
.page-h{font:clamp(40px,6vw,72px)/1 var(--d);text-transform:uppercase;padding:26px 24px 4px;color:var(--g)}
.lead{color:var(--m);padding:0 24px 18px;max-width:46em}
.crumbs{padding:16px 24px 0;color:var(--m);font-size:13px}.crumbs a:hover{color:var(--g)}
.ghero{margin:12px 24px 0;height:200px;border-radius:20px;overflow:hidden;position:relative;display:flex;align-items:flex-end}
.ghero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ghero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,9,7,.9),rgba(11,9,7,.2))}
.ghero .page-h{position:relative;z-index:2;padding:0 24px 18px}
.empty{margin:0 24px;border:1px dashed var(--line);border-radius:16px;padding:30px;text-align:center}.empty b{font:20px var(--d)}.empty p{color:var(--m);margin:6px 0 14px}
.prod{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:0 24px}
.prod .t{aspect-ratio:1;background:var(--card);border:1px solid var(--line);flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px}
.prod .t:after{display:none}.prod small{font:500 12px var(--b);color:var(--m);text-transform:none;letter-spacing:0}.prod em{font:600 11px var(--b);letter-spacing:.1em;text-transform:uppercase;color:var(--g)}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:34px 24px 10px;color:var(--m);font-size:12px}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 18px;background:#120e0a;border-top:1px solid var(--line)}
.bar img{width:46px;height:46px;border-radius:8px;object-fit:cover}
.np{flex:1;line-height:1.2}.np small{color:var(--m);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.np b{display:block;font:16px var(--d)}
.eq{display:flex;gap:3px;align-items:flex-end;height:22px}.eq i{width:3px;background:var(--g);border-radius:2px;animation:e 1s infinite ease-in-out}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}.eq i:nth-child(5){animation-delay:.3s}
@keyframes e{0%,100%{height:5px}50%{height:22px}}
.rv{opacity:0;transform:translateY(12px);transition:opacity .35s var(--e),transform .35s var(--e);transition-delay:var(--dl,0s)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.eq i{animation:none;height:12px}.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:700px){nav a.l{display:none}nav{padding:10px 14px}.hero{margin:0 12px;height:68vh}.hero .tx{padding:22px}.c{flex-basis:150px}.gen{grid-template-columns:repeat(2,1fr);padding:0 12px}.pop{grid-template-columns:1fr;padding:0 12px}h2,.row,.chips,.embeds,.yts,.prod,.page-h,.lead,.crumbs,footer{padding-left:12px;padding-right:12px}.banner,.ghero,.empty{margin-left:12px;margin-right:12px}.bar .btn.s:first-of-type{display:none}}
/* shop preview */
.prod2{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:0 24px}
.pc{all:unset;cursor:pointer;display:block}.pc:focus-visible{outline:2px solid var(--g);outline-offset:4px;border-radius:14px}
.pc .im{border:1px solid var(--line)}.pc:hover .im img{transform:scale(1.05)}
.pc b{display:block;margin-top:8px;font-weight:600}.pc span{color:var(--g);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ov{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:16px}.ov[hidden],.cart[hidden]{display:none}
.dlg{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}
.dlg img{width:100%;border-radius:14px;aspect-ratio:1;object-fit:cover}.inf h3{font:26px var(--d);margin-bottom:6px}.inf p{color:var(--m);margin-bottom:10px}.inf .m b{color:#fff}
.sz{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.sb{all:unset;cursor:pointer;min-width:44px;text-align:center;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;font-weight:600;transition:border-color .2s var(--e),color .2s var(--e)}.sb.on,.sb:hover{border-color:var(--g);color:var(--g)}
.note{font-size:12px;color:var(--m);margin-top:10px}
.x{all:unset;cursor:pointer;position:absolute;top:10px;right:14px;font-size:26px;line-height:1;color:var(--m);padding:4px 8px}.x:hover{color:#fff}
.cart{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(380px,100%);background:#120e0a;border-left:1px solid var(--line);display:flex;flex-direction:column}
.ch{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line);position:relative}.ch b{font:20px var(--d)}.ch .x{top:12px}
#ci{flex:1;overflow:auto}.ct{position:relative;display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.ct img{width:56px;height:56px;border-radius:8px;object-fit:cover}.ct span{display:block;color:var(--m);font-size:12px}.ct .x{top:50%;transform:translateY(-50%)}
.cf{padding:18px;border-top:1px solid var(--line)}.cf .btn[disabled]{opacity:.5;cursor:not-allowed;width:100%}
.cbtn{all:unset;cursor:pointer;position:fixed;right:16px;bottom:92px;z-index:40;background:var(--g);color:#111;font-weight:600;padding:10px 16px;border-radius:99px;box-shadow:0 6px 24px rgba(0,0,0,.5)}.cbtn b{background:#111;color:var(--g);border-radius:99px;padding:1px 8px;margin-left:6px}
@media(max-width:700px){.dlg{grid-template-columns:1fr}.prod2{padding:0 12px;grid-template-columns:repeat(2,1fr)}}

body{padding-bottom:84px}
.prodrow{display:flex;gap:14px;overflow-x:auto;padding:0 24px 8px;scrollbar-width:none}.prodrow .pc{flex:0 0 190px;text-align:left}
.dock{position:fixed;left:18px;bottom:78px;z-index:40;width:min(440px,calc(100vw - 36px));background:#120e0a;border:1px solid var(--line);border-radius:16px;padding:10px 10px 8px;box-shadow:0 18px 50px rgba(0,0,0,.6);transform-origin:bottom left;animation:dk .28s var(--e)}
.dock[hidden]{display:none}.dock iframe{display:block;width:100%;border:0;border-radius:12px}
.dh{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:13px;color:var(--m)}
.dh button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer;line-height:1}
@keyframes dk{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dock{animation:none}}
@media(max-width:700px){.hero h1{white-space:normal;font-size:clamp(34px,11vw,56px)}.embeds{grid-template-columns:1fr}}

.plat{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px}
.pp{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;transition:transform .2s var(--e),border-color .2s}
.pp svg{flex:none;display:block}.pp:hover{transform:translateY(-2px);border-color:var(--g)}.pp:active{transform:scale(.97)}
.teaser{height:215px;margin:0 24px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);max-width:780px;gap:0;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.teaser img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.teaser div{padding:18px 22px;align-self:center}.teaser small{letter-spacing:.3em;color:var(--g);font-weight:600;font-size:12px}
.teaser h3{font:clamp(20px,2vw,26px)/1.05 var(--d);margin:8px 0 10px}.teaser p{color:var(--m);margin-bottom:12px;font-size:14px}
@media(max-width:700px){.teaser{grid-template-columns:1fr;margin:0 12px}.plat{padding:0 12px}}
.pr{font:22px var(--d);color:var(--g);margin:6px 0 12px}.tot{display:flex;justify-content:space-between;font-weight:600;margin-bottom:10px}
.pay{display:flex;gap:8px;margin:4px 0 10px;flex-wrap:wrap}.pm svg{display:block;border-radius:5px}
.from{display:block;font-style:normal;color:var(--g);font-weight:600;font-size:13px;margin-top:2px}