/* RESET */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;background:#0a0a0a;color:#eaeaea;letter-spacing:0.03em;overflow-x:hidden;}

/* HEADER */
header{position:fixed;top:0;width:100%;z-index:30;background:rgba(0,0,0,0.6);backdrop-filter:blur(10px);}
.header-inner{max-width:1200px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:20px;font-weight:500;letter-spacing:0.3em;color:#fff;white-space:nowrap;}
nav a{margin-left:40px;font-size:12px;color:#999;text-decoration:none;cursor:pointer;}
nav a:hover{color:#fff;}
.lang{margin-left:40px;cursor:pointer;}

/* HERO */
.hero{height:100vh;position:relative;overflow:hidden;}
.hero video{width:110%;height:110%;object-fit:cover;filter:grayscale(100%);opacity:0;transition:opacity 2s ease;}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.35);}
.hero-text{position:absolute;bottom:22%;left:8%;z-index:2;}
.hero-text h1{font-size:clamp(56px,9vw,120px);font-weight:300;text-shadow:0 0 12px rgba(0,0,0,0.7);}
.hero-text span{display:block;margin-top:24px;font-size:18px;color:#cfcfcf;text-shadow:0 0 8px rgba(0,0,0,0.6);}

/* 胶片微光 */
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:url('../media/noise.svg');opacity:0.12;animation:grainMove 3s infinite;}
@keyframes grainMove{0%{transform:translate(0,0);}50%{transform:translate(2px,-2px);}100%{transform:translate(0,0);}}

/* SECTION BASE */
.section{max-width:1200px;margin:auto;padding:160px 40px;}
.title{font-size:12px;letter-spacing:0.45em;color:#777;margin-bottom:40px;}
.text{max-width:640px;font-size:17px;line-height:1.9;color:#cfcfcf;}

/* GALLERY */
.gallery{display:flex;gap:40px;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory;scroll-behavior:smooth;}
.photo{position:relative;flex-shrink:0;scroll-snap-align:start;transition:transform 0.5s ease;}
.photo img{height:420px;filter:grayscale(100%);transition:transform 0.4s ease;}
.photo:hover img{transform:scale(1.07);}
.photo::after{content:"";position:absolute;inset:0;background:url("../media/noise.svg");opacity:0.18;transition:opacity 0.4s ease, transform 2s ease;}
.photo:hover::after{opacity:0.32;transform:translate(3px,2px);}

/* TIMELINE */
.timeline{border-left:1px solid rgba(255,255,255,0.15);padding-left:40px;}
.timeline-item{margin-bottom:42px;}
.timeline-item h3{font-weight:400;}
.timeline-item span{font-size:14px;color:#888;}

/* AWARDS */
.awards{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap;}
.awards img{height:48px;opacity:0.75;transition:opacity 0.3s;}
.awards img:hover{opacity:1;}

/* DOWNLOAD */
.download a{font-size:16px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.5);}
.download a:hover{border-color:#fff;}

/* FOOTER */
footer{text-align:center;font-size:12px;color:#666;padding:80px 0 40px;}

/* RESP */
@media(max-width:900px){nav{display:none;} .photo img{height:300px;} .logo{font-size:16px;}}