:root{--bg:#191817;--panel:#262320;--ink:#f0e2ca;--muted:#b6a58d;--rust:#b75a32;--rust2:#7e351f;--metal:#838986;--concrete:#4b4b47;--wood:#8a5c38;--line:rgba(240,226,202,.18);--shadow:0 22px 60px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(183,90,50,.22),transparent 35%),linear-gradient(135deg,#151514,#23201d 60%,#181716);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.72;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:38px 38px;mix-blend-mode:screen;opacity:.4;z-index:0}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,58px);background:rgba(20,19,18,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:flex-end;gap:10px;font-weight:900;letter-spacing:.08em}.logo span,.footer-logo{font-size:34px;line-height:1;color:var(--rust);text-shadow:0 0 18px rgba(183,90,50,.45)}.logo small{color:var(--muted);font-size:12px}.nav{display:flex;flex-wrap:wrap;gap:8px}.nav a{padding:8px 12px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:14px}.nav a:hover{border-color:var(--rust);color:var(--ink);background:rgba(183,90,50,.12)}
.search-wrap{position:relative;z-index:1;padding:16px clamp(18px,4vw,58px);background:linear-gradient(90deg,rgba(75,75,71,.42),rgba(126,53,31,.25));border-bottom:1px solid var(--line)}.fake-search{display:flex;max-width:900px;margin:auto;border:1px solid var(--line);background:#141312;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);border-radius:18px;overflow:hidden}.fake-search input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);padding:15px 18px;font-size:15px;outline:none}.fake-search button,.btn{border:0;background:linear-gradient(135deg,var(--rust),#d89453);color:#17120f;font-weight:900;padding:14px 22px;cursor:pointer}.search-tip{text-align:center;color:var(--muted);font-size:13px;margin:8px 0 0}.hero{min-height:76vh;display:grid;align-items:center;position:relative;z-index:1;padding:clamp(60px,9vw,130px) clamp(18px,4vw,58px);background:linear-gradient(90deg,rgba(15,14,13,.92),rgba(15,14,13,.56),rgba(15,14,13,.88)),var(--hero) center/cover no-repeat}.hero:after,.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 45%,rgba(183,90,50,.12) 45% 46%,transparent 47%);pointer-events:none}.hero-content{max-width:940px;position:relative;z-index:2}.eyebrow{color:#d49a64;text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(42px,7vw,92px);line-height:1.02;margin:14px 0;text-wrap:balance}.hero p,.page-hero p{max-width:760px;color:var(--muted);font-size:clamp(16px,2vw,22px)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 12px 24px rgba(183,90,50,.28)}.btn.ghost{background:rgba(131,137,134,.18);border:1px solid var(--line);color:var(--ink)}.section{position:relative;z-index:1;padding:clamp(50px,7vw,96px) clamp(18px,4vw,58px)}.section-title{max-width:860px;margin-bottom:28px}.section-title p{color:#d49a64;letter-spacing:.2em;font-weight:900}.section-title h2{font-size:clamp(28px,4vw,54px);margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.video-card,.story-card,.review,.faq,.panel,.creator{background:linear-gradient(160deg,rgba(49,45,40,.96),rgba(27,26,24,.96));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:hidden;position:relative}.video-thumb{aspect-ratio:16/10;position:relative;overflow:hidden;background:#111}.video-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.75);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(20,19,18,.72);border:1px solid rgba(255,255,255,.32);opacity:0;transition:.25s;color:#f2c18a}.shine{position:absolute;inset:-80% -35%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28),transparent 56%);transform:translateX(-60%) rotate(8deg);transition:.55s}.video-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(183,90,50,.22) 1px,transparent 1px);background-size:8px 8px;opacity:0;pointer-events:none}.video-card:hover .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover .shine{transform:translateX(55%) rotate(8deg)}.video-card:hover:after{opacity:.32;animation:rust .18s steps(2,end) infinite}@keyframes rust{50%{transform:translate(1px,-1px)}}.video-body{padding:20px}.video-body h3,.story-card h3,.panel h3{margin:0 0 10px;font-size:20px}.video-body p,.story-card p,.review p,.faq p,.panel p,.creator p{color:var(--muted);margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tags span{font-size:12px;color:#f1c291;border:1px solid rgba(212,154,100,.34);border-radius:999px;padding:3px 8px;background:rgba(183,90,50,.12)}.metrics{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--metal);border-top:1px solid var(--line);padding-top:12px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.panel{padding:28px}.story-card{padding:24px}.wall{grid-template-columns:repeat(3,minmax(0,1fr))}.wall figure{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.wall img{aspect-ratio:4/3;object-fit:cover;width:100%}.wall figcaption{padding:14px;color:var(--muted)}.reviews,.faqs,.creators{grid-template-columns:repeat(4,minmax(0,1fr))}.review,.faq,.creator{padding:22px}.review strong,.creator strong{display:block;color:#f3c18a}.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.partner{min-height:80px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(131,137,134,.16),rgba(126,53,31,.14));display:grid;place-items:center;border-radius:16px;color:var(--muted);font-weight:900}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:22px}.qr{min-height:180px;background:repeating-linear-gradient(45deg,#161514,#161514 8px,#2a2723 8px,#2a2723 16px);border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;color:#d49a64}.footer{position:relative;z-index:1;text-align:center;padding:42px 18px;border-top:1px solid var(--line);background:#11100f;color:var(--muted)}.footer-logo{margin-bottom:12px}.page-hero{min-height:46vh;display:grid;align-items:center;position:relative;z-index:1;padding:clamp(44px,7vw,88px) clamp(18px,4vw,58px);background:linear-gradient(90deg,rgba(15,14,13,.94),rgba(15,14,13,.62)),url('/assets/img/video-metal-light.jpg') center/cover no-repeat}.breadcrumbs{color:var(--muted);font-size:14px;margin-bottom:12px}.breadcrumbs a{color:#e0a46d}
@media(max-width:1100px){.grid,.cards,.reviews,.faqs,.creators{grid-template-columns:repeat(2,minmax(0,1fr))}.partners{grid-template-columns:repeat(3,1fr)}.split,.contact-card{grid-template-columns:1fr}.nav{max-width:72%;justify-content:flex-end}}
@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.nav{max-width:100%}.fake-search{flex-direction:column}.grid,.cards,.wall,.reviews,.faqs,.creators{grid-template-columns:1fr}.hero{min-height:70vh}.partners{grid-template-columns:repeat(2,1fr)}.fake-search button{width:100%}}