@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');:root{--bg:#0b1110;--panel:#151e1a;--text:#eef1e9;--muted:#8e9b91;--accent:#b6c9ad;--border:#29372e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans","Noto Sans SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,25px);border-bottom:1px solid #ffffff14;background:#0b1110e8}.brand{font-size:21px;letter-spacing:.12em;font-weight:700}.brand span{color:#a8c5aa}.brand small{display:block;font-size:9px;letter-spacing:.3em;color:#899b8e;font-weight:400;margin-top:4px}.topbar nav{display:flex;gap:38px;color:#c0c9bf;font-size:13px}.topbar nav a:hover,.text-link:hover{color:#d9eed8}.search-icon{font-size:32px;color:#c0c9bf}.hero{height:min(760px,80vh);min-height:540px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('/assets/hero.svg') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07100df0 0%,#07100da0 40%,#07100d10 100%),linear-gradient(0deg,#07100db0,transparent 40%)}.hero-content{position:absolute;top:21%;left:max(8%,30px);z-index:1}.eyebrow{font-size:11px;letter-spacing:.25em;color:#a3bca6;text-transform:uppercase;font-weight:600}.line{display:inline-block;width:26px;height:1px;background:#a3bca6;vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(58px,8vw,112px);line-height:1.22;letter-spacing:.02em;font-weight:500;margin:30px 0}.hero h1 i,h2 em,h1 em,.quote em{font-style:normal;color:#abc6ad}.hero-content p{color:#b5c4b9;line-height:2;font-size:15px;margin-bottom:35px}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:#c1d3bc;color:#142018;border:0;padding:17px 23px;font-size:13px;font-weight:700;transition:.2s}.primary-btn:hover{background:#e0ebdc;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;color:#a4b5a7;font-size:10px;letter-spacing:.15em}.container{max-width:1370px;margin:auto;padding-left:35px;padding-right:35px}.section{padding-top:110px;padding-bottom:130px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section h2,.quote h2{font-size:clamp(36px,4vw,60px);font-weight:500;margin:18px 0}.section-heading p,.intro{color:#91a095;line-height:1.8}.text-link{font-size:13px;color:#bbd0bd;border-bottom:1px solid #799581;padding-bottom:10px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.work-image{aspect-ratio:1.45;background:#1b2b23;overflow:hidden;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover img{transform:scale(1.06)}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff9c;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;background:#0a160d5c;opacity:0;transition:.3s}.work-card:hover .play-circle{opacity:1}.work-meta{display:flex;justify-content:space-between;align-items:center}.work-meta h3{font-weight:500;font-size:18px;margin:18px 0 7px}.work-meta p{font-size:12px;color:#8e9f93;margin:0}.dot{padding:0 6px}.card-arrow{color:#91ad95;font-size:22px}.quote{text-align:center;background:#111b16;padding:110px 20px}.quote h2{line-height:1.6;margin-bottom:35px}footer{border-top:1px solid var(--border);padding:35px 5%;display:flex;justify-content:space-between;color:#849689;font-size:11px;gap:12px}footer em{font-style:normal;color:#637568}.gallery-page,.detail-page,.admin-page{padding-top:90px;padding-bottom:110px;min-height:75vh}.gallery-page h1,.detail-page h1,.admin-page h1{font-size:clamp(44px,6vw,76px);font-weight:500;margin:15px 0}.filters{display:flex;gap:12px;margin:50px 0}.filters input{flex:1;min-width:100px}.filters input,.filters select,.filters button,.admin-form input,.admin-form select,.admin-form textarea{background:#17221c;border:1px solid #35473a;color:#e9f1e9;padding:15px;outline:none;border-radius:2px}.filters button{background:#c1d3bc;color:#122018;border:0;padding:0 28px}.result-head{display:flex;justify-content:space-between;color:#879b8c;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:35px;font-size:12px;letter-spacing:.1em}.empty{grid-column:1/-1;text-align:center;border:1px solid var(--border);padding:75px 20px;color:#a9b8ad}.empty h3{font-size:24px;color:#e6eee5;font-weight:500}.outline-btn{display:inline-block;background:transparent;border:1px solid #6c8b74;color:#d4e3d4;padding:12px 18px;margin-top:15px}.back{display:inline-block;color:#b4c9b7;font-size:13px;margin-bottom:40px}.detail-page h1{font-size:clamp(38px,5vw,65px)}.player{background:#000;margin:45px 0 65px}.player video{display:block;width:100%;max-height:72vh;aspect-ratio:16/9;background:#000}.detail-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:100px}.detail-columns h2{font-size:28px;font-weight:500}.description{line-height:2;color:#a7b5a8;white-space:normal}.spec-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:15px 0;gap:20px;font-size:13px}.spec-row span{color:#839787}.spec-row strong{font-weight:500;text-align:right}.admin-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 80% 10%,#234330,#0b1110 55%)}.login-panel{width:min(450px,100%);padding:45px;background:#111c16;border:1px solid #2a3a30}.login-panel .eyebrow{margin-top:45px}.login-panel h1{font-size:42px;font-weight:500}.login-panel p{color:var(--muted)}.admin-form{display:flex;flex-direction:column;gap:19px}.admin-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#aabdab}.admin-form input,.admin-form select,.admin-form textarea{width:100%;font-size:14px}.admin-form input[type=file]{font-size:12px}.admin-form .primary-btn{margin-top:8px}.login-panel .back{margin:30px 0 0}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.stats>div{padding:25px;background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.stats strong{font-size:34px;font-weight:500}.stats span{font-size:12px;color:var(--muted)}.admin-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:start}.admin-panel{padding:28px;background:var(--panel);border:1px solid var(--border)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.panel-title h2{font-size:22px;font-weight:500;margin:0}.panel-title a,.panel-title span{font-size:12px;color:#adc6b0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-preview{width:180px;max-height:130px;object-fit:cover}.admin-item{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--border)}.admin-item img{width:110px;height:85px;object-fit:cover}.admin-item strong{font-size:14px}.admin-item p,.muted{color:var(--muted);font-size:12px}.item-actions{display:flex;gap:15px;font-size:12px;color:#b5d0b9;align-items:center}.item-actions form{display:inline}.delete{background:none;border:0;color:#e39b94;padding:0;font-size:12px}.alert,.success{padding:15px;margin:15px 0;background:#492b28;color:#ffd6ce}.success{background:#23452e;color:#c8efd0}@media(max-width:800px){.topbar{height:70px}.topbar nav{gap:12px;font-size:11px}.brand{font-size:15px}.brand small{font-size:7px}.hero{min-height:580px;height:75vh}.hero-content{left:25px;top:22%}.hero-bottom{left:25px;right:25px;font-size:8px}.section{padding-top:70px;padding-bottom:70px}.section-heading{align-items:start;gap:20px}.work-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.detail-columns,.admin-layout{grid-template-columns:1fr;gap:35px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1}.filters button{padding:15px}.gallery-page,.detail-page,.admin-page{padding-top:60px}.quote{padding:70px 20px}}@media(max-width:520px){.topbar nav a:nth-child(3){display:none}.topbar nav{gap:14px}.search-icon{display:none}.hero h1{font-size:60px}.work-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:15px}.form-grid{grid-template-columns:1fr}.admin-panel{padding:18px}footer{flex-wrap:wrap}.hero-bottom span:last-child{display:none}}