:root{--coal:#101010;--iron:#252525;--rust:#9a3f22;--wood:#7b5132;--metal:#9da1a3;--cement:#d0ccc4;--paper:#f2ede3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#111,#27231f 45%,#3a1d14);color:var(--paper);font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 5vw;background:rgba(16,16,16,.92);border-bottom:1px solid rgba(154,63,34,.55);backdrop-filter:blur(10px)}.logo,.footer-logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;letter-spacing:2px}.logo img,.footer-logo img{width:46px;height:46px;border-radius:50%;border:2px solid var(--rust)}.top-nav{display:flex;flex-wrap:wrap;gap:10px}.top-nav a{padding:8px 12px;border:1px solid rgba(157,161,163,.25);border-radius:999px;background:rgba(255,255,255,.04)}.top-nav a:hover{background:var(--rust)}.search-strip{padding:18px 5vw;background:#181818;border-bottom:1px solid rgba(255,255,255,.08)}.fake-search{max-width:940px;display:flex;gap:10px}.fake-search input{flex:1;min-width:0;padding:14px 16px;background:#0f0f0f;color:var(--paper);border:1px solid rgba(157,161,163,.45);border-radius:8px}.fake-search button,.btn{border:0;border-radius:8px;padding:13px 18px;background:linear-gradient(135deg,var(--rust),#c06b38);color:#fff;font-weight:800;cursor:pointer}.hero{min-height:76vh;display:grid;align-items:center;padding:8vw 5vw;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22)),url('/assets/img/hero-loft.jpg') center/cover no-repeat}.hero-content{max-width:860px}.eyebrow{color:#e0aa75;font-weight:800;letter-spacing:4px}.hero h1{font-size:clamp(42px,7vw,84px);line-height:1.05;margin:10px 0;text-shadow:0 8px 22px #000}.hero p{font-size:clamp(17px,2vw,22px);max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn.secondary{background:transparent;border:1px solid var(--metal)}.section{padding:70px 5vw}.section.alt{background:rgba(0,0,0,.22)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-title h2{font-size:clamp(28px,4vw,48px);margin:0}.section-title p{max-width:620px;color:#d8c7b4}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.video-card,.quote,.faq,.profile{background:rgba(15,15,15,.78);border:1px solid rgba(157,161,163,.22);border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.25)}.card{padding:22px}.card img{border-radius:14px;aspect-ratio:16/10;object-fit:cover;margin-bottom:16px}.card h3,.video-card h3{color:#fff;margin:12px 0 6px}.video-card{position:relative}.video-frame{position:relative;overflow:hidden;background:#0b0b0b}.video-frame video,.video-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:contrast(1.08) saturate(.9)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(154,63,34,.86);box-shadow:0 0 0 0 rgba(255,255,255,.25);opacity:.82;transition:.25s}.rust-noise{pointer-events:none;position:absolute;inset:0;opacity:0;background:repeating-radial-gradient(circle at 20% 30%,rgba(190,92,36,.32) 0 1px,transparent 1px 4px),linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.28) 45%,transparent 58%);mix-blend-mode:screen;transform:translateX(-30%)}.video-card:hover .play-button{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 24px rgba(192,107,56,.8)}.video-card:hover .rust-noise{opacity:1;animation:shine .75s ease-out,rust .18s steps(2) infinite}@keyframes shine{to{transform:translateX(30%)}}@keyframes rust{50%{filter:contrast(2);transform:translate(1px,-1px)}}.video-card p,.video-card h3,.stats{padding:0 18px}.stats{display:flex;gap:12px;flex-wrap:wrap;color:#e0aa75;padding-bottom:18px;font-size:14px}.masonry{columns:3 260px;column-gap:18px}.masonry img{break-inside:avoid;border-radius:14px;margin:0 0 18px;border:1px solid rgba(255,255,255,.12)}.quotes,.faqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quote,.faq{padding:20px}.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.partner{padding:20px;border:1px dashed rgba(157,161,163,.45);border-radius:14px;text-align:center;background:rgba(255,255,255,.04);font-weight:800}.contact-box{display:grid;grid-template-columns:1.5fr .8fr;gap:24px}.qr{min-height:190px;border:1px solid rgba(255,255,255,.18);border-radius:14px;display:grid;place-items:center;background:linear-gradient(45deg,#111,#2b2b2b)}.site-footer{padding:44px 5vw;background:#0a0a0a;border-top:1px solid rgba(154,63,34,.55);color:#d8c7b4}.breadcrumb{padding:24px 5vw;background:#171717;color:#d8c7b4}.page-hero{padding:70px 5vw;background:linear-gradient(135deg,#151515,#3a1d14)}.page-hero h1{font-size:clamp(36px,6vw,68px);margin:0}.tag{display:inline-block;margin:4px;padding:4px 9px;border-radius:999px;background:rgba(154,63,34,.28);border:1px solid rgba(154,63,34,.5);font-size:13px}@media (max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.grid,.grid.two,.quotes,.faqs,.contact-box{grid-template-columns:1fr}.partners{grid-template-columns:repeat(2,1fr)}.fake-search{flex-direction:column}.section-title{display:block}}@media (max-width:520px){.top-nav a{font-size:13px;padding:7px 9px}.hero{min-height:64vh}.partners{grid-template-columns:1fr}.section{padding:48px 5vw}}
