*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#eee;font-family:"Manrope","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.mono,.eyebrow,.main-nav,.contact-link,.hero-meta,.hero-index,.thumb-label,.thumb-caption,.work-info p,.work-number,.works-foot,.vinyl-caption,.vinyl-small,.about-bottom,.site-footer .mono,.modal-hint{font-family:"DM Mono","SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header{height:82px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;position:absolute;top:0;left:0;width:100%;z-index:30}.wordmark,.footer-logo{font-weight:800;font-size:25px;letter-spacing:-.12em}.wordmark span,.footer-logo span{color:#b8ff63;padding:0 3px}.main-nav{display:flex;gap:38px;font-size:10px}.main-nav a{transition:color .2s}.main-nav a:hover,.contact-link:hover{color:#b8ff63}.main-nav i{font-style:normal;color:#777;font-size:8px;margin-left:5px}.contact-link{font-size:10px}.contact-link span{color:#b8ff63;margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:#fff}.hero{min-height:760px;height:100vh;max-height:1000px;padding:120px 5.5% 35px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#2b3424 0%,#171a15 25%,#111 62%)}.hero-meta,.hero-index{display:flex;justify-content:space-between;color:#888;font-size:9px}.hero-copy{position:relative;z-index:2;margin:105px 0 0 9%}.eyebrow{font-size:9px;color:#aaa}.live-dot{display:inline-block;width:6px;height:6px;background:#b8ff63;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #b8ff63}.hero h1{font-size:clamp(76px,12.3vw,178px);line-height:.79;letter-spacing:-.095em;margin:34px 0 30px;font-weight:700}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.period{color:#b8ff63}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:650px}.hero-intro{font-size:14px;line-height:2;color:#bdbdbd}.round-link{width:52px;height:52px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.3s}.round-link:hover{background:#b8ff63;color:#111;border-color:#b8ff63;transform:translateY(5px)}.hero-index{position:absolute;bottom:35px;left:5.5%;right:5.5%}.hero-orbit{position:absolute;border:1px solid #b8ff6320;border-radius:50%;pointer-events:none}.orbit-one{width:580px;height:580px;right:-100px;top:18%;box-shadow:0 0 90px #b8ff6309,inset 0 0 80px #b8ff6308}.orbit-two{width:430px;height:430px;right:-25px;top:27%;border-color:#ffffff12}.intro-strip{padding:55px 10%;background:#b8ff63;color:#111;display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:30px}.intro-strip .mono{font-size:9px}.intro-strip p{font-size:clamp(17px,2vw,25px);line-height:1.7;margin:0;font-weight:600}.intro-mark{font-size:45px}.section-pad{padding:130px 10%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2,.vinyl-copy h2{font-size:clamp(62px,8vw,112px);line-height:.88;letter-spacing:-.09em;margin:22px 0 0}.section-note{font-size:12px;line-height:2;color:#888;margin-bottom:8px}.filter-row{display:flex;gap:28px;border-bottom:1px solid #ffffff25;margin:75px 0 30px;padding-bottom:15px}.filter{border:0;background:none;color:#777;font:10px "DM Mono",monospace;letter-spacing:.08em;padding:0;cursor:pointer}.filter span{font-size:8px;color:#b8ff63;margin-left:4px}.filter.active,.filter:hover{color:#eee}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:52px 25px}.work-card:first-child{grid-row:span 2}.work-thumb{width:100%;aspect-ratio:1.35/1;border:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;text-align:left}.work-large .work-thumb{aspect-ratio:.92/1}.thumb-one{background:linear-gradient(145deg,#343b34,#151916 65%,#59604a)}.thumb-two{background:linear-gradient(140deg,#343d50,#171b26 60%,#657080)}.thumb-three{background:linear-gradient(140deg,#5b4937,#201b18 60%,#85745c)}.thumb-art{font-size:clamp(48px,8vw,110px);font-weight:800;line-height:.8;letter-spacing:-.1em;opacity:.82;transition:transform .6s}.thumb-art i{font-family:Georgia,serif;font-weight:400}.art-two{font-size:130px}.art-two span,.art-three span{font-family:Georgia,serif;font-size:.28em;letter-spacing:.1em;display:block;margin-top:16px}.art-three{font-size:clamp(40px,6vw,80px)}.thumb-label,.thumb-caption{position:absolute;left:20px;font-size:8px;color:#ffffffa8}.thumb-label{top:20px}.thumb-caption{bottom:20px}.play-button{position:absolute;z-index:2;width:48px;height:48px;border:1px solid #ffffff90;border-radius:50%;display:grid;place-items:center;font-size:12px;opacity:0;transform:scale(.8);transition:.3s}.work-thumb:hover .play-button{opacity:1;transform:scale(1)}.work-thumb:hover .thumb-art{transform:scale(1.06) rotate(-3deg)}.work-info{display:flex;justify-content:space-between;padding:17px 0 0}.work-info h3{font-size:15px;font-weight:500;margin:0 0 8px}.work-info p,.work-number{font-size:8px;color:#777;margin:0}.works-foot{text-align:center;font-size:8px;color:#777;margin:75px 0 0}.work-card.is-hidden{display:none}.vinyl-section{display:grid;grid-template-columns:1.1fr .9fr;min-height:620px;background:#d8d5cc;color:#141414}.vinyl-image{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 48% 50%,#9e9b91,#5c5c56 75%)}.record{width:min(75%,520px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#171717 0 2px,#252525 3px 4px,#101010 5px 6px);box-shadow:0 30px 70px #0008;display:grid;place-items:center;animation:spin 24s linear infinite}.record-label{width:29%;aspect-ratio:1;border-radius:50%;background:#c8c5b9;color:#242424;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;font-weight:800;letter-spacing:-.1em}.record-label small{font:8px "DM Mono",monospace;letter-spacing:.2em}.vinyl-caption{position:absolute;bottom:25px;left:30px;color:#fff;font-size:8px}.vinyl-copy{padding:100px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vinyl-copy .eyebrow{color:#555}.vinyl-copy h2{font-size:clamp(60px,7vw,100px)}.vinyl-copy>p:not(.eyebrow){max-width:340px;font-size:13px;line-height:2;color:#555;margin:35px 0}.text-link{font:10px "DM Mono",monospace;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:12px;display:inline-flex;gap:25px;align-items:center}.text-link span{font-size:16px}.text-link:hover{color:#667d42}.vinyl-small{font-size:8px;color:#777;margin-top:70px}.about-section{padding-top:150px;padding-bottom:90px}.about-copy{max-width:390px;margin-bottom:5px}.about-copy p{font-size:13px;line-height:2.1;color:#aaa;margin:0 0 20px}.about-copy .text-link{margin-top:15px}.about-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;margin-top:110px;padding-top:18px;color:#777;font-size:8px}.site-footer{padding:45px 5.5%;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{font-size:22px}.site-footer p{font-size:11px;color:#888}.site-footer .mono,.back-top{font-size:8px;color:#777}.back-top:hover{color:#b8ff63}.video-modal{position:fixed;inset:0;background:#000e;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;padding:5vw}.video-modal.open{display:flex}.video-modal video{width:min(100%,1100px);max-height:75vh;background:#080808}.modal-close{position:absolute;right:5%;top:4%;font-size:38px;background:none;border:0;color:#fff;cursor:pointer}.modal-hint{font-size:8px;color:#888;margin-top:18px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.site-header{height:68px;padding:0 6%}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111;padding:25px 7%;flex-direction:column;gap:24px;border-bottom:1px solid #ffffff25}.main-nav.open{display:flex}.contact-link{margin-left:auto;margin-right:22px;font-size:9px}.menu-toggle{display:flex;width:25px;height:25px;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-toggle span{height:1px;background:#eee;width:22px}.hero{min-height:690px;height:90vh;padding:105px 6% 30px}.hero-meta{font-size:7px}.hero-copy{margin:125px 0 0 0}.hero h1{font-size:clamp(76px,18vw,130px)}.hero-intro{font-size:12px}.orbit-one{width:390px;height:390px;right:-180px;top:30%}.orbit-two{width:300px;height:300px;right:-120px;top:36%}.hero-index{left:6%;right:6%;font-size:7px}.intro-strip{padding:35px 7%;grid-template-columns:1fr auto;gap:15px}.intro-strip p{grid-column:1/-1;grid-row:2;font-size:17px}.intro-mark{grid-column:2;grid-row:1}.section-pad{padding:85px 7%}.section-heading{align-items:flex-start;flex-direction:column;gap:25px}.section-heading h2{font-size:75px}.section-note{margin:0}.filter-row{gap:18px;margin:48px 0 24px;overflow:auto}.filter{white-space:nowrap}.work-grid{grid-template-columns:1fr;gap:35px}.work-card:first-child{grid-row:auto}.work-large .work-thumb{aspect-ratio:1.15/1}.work-thumb{aspect-ratio:1.2/1}.thumb-art{font-size:90px}.art-two{font-size:120px}.vinyl-section{grid-template-columns:1fr}.vinyl-image{min-height:380px}.vinyl-copy{padding:75px 8%}.vinyl-copy h2{font-size:76px}.vinyl-small{margin-top:45px}.about-section{padding-top:90px}.about-copy{margin-top:15px}.about-bottom{margin-top:70px;gap:15px;font-size:7px}.site-footer{padding:35px 7%;display:grid;grid-template-columns:1fr 1fr}.site-footer p{grid-column:1/-1;grid-row:2;margin:0}.site-footer .mono{font-size:7px}.back-top{text-align:right}.desktop-only{display:none}}

/* ===== Additional pages: works library & legal notice ===== */
.works-hero{padding:170px 10% 55px;background:radial-gradient(ellipse at 78% 40%,#2b3424 0%,#171a15 28%,#111 68%);min-height:490px;position:relative}
.works-hero h1,.legal-page h1{font-size:clamp(70px,10vw,135px);line-height:.86;letter-spacing:-.09em;margin:45px 0 28px}
.works-hero h1 em,.legal-page h1 em{font-family:Georgia,serif;font-weight:400}
.works-hero>p:not(.eyebrow){max-width:580px;color:#aaa;font-size:13px;line-height:2}
.works-hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;margin-top:60px;padding-top:16px;color:#777;font-size:8px}
.works-library{padding-top:90px}
.library-top{display:flex;justify-content:space-between;align-items:flex-end}
.library-top h2{font-size:clamp(45px,6vw,76px);letter-spacing:-.08em;margin:16px 0 0}
.library-top h2 em{font-family:Georgia,serif;font-weight:400}
.library-count{font-size:11px;line-height:2;color:#888}
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 25px}
.library-thumb{width:100%;aspect-ratio:1.45/1;position:relative;border:0;display:grid;place-items:center;overflow:hidden;cursor:pointer;color:#fff}
.library-info{display:flex;justify-content:space-between;padding-top:16px}
.library-info h3{font-size:15px;font-weight:500;margin:0 0 7px}
.library-info p,.library-info>.mono{font:8px "DM Mono",monospace;color:#777;margin:0}
.library-desc{font-size:11px;line-height:1.8;color:#888;margin:13px 0 0}
.library-note{display:grid;grid-template-columns:1fr 3fr;gap:25px;margin-top:90px;padding:25px 0;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff28}
.library-note .mono{font-size:8px;color:#b8ff63}
.library-note p{font-size:11px;line-height:2;color:#999;margin:0}
.footer-legal{font:8px "DM Mono",monospace;color:#aaa}
.footer-legal:hover{color:#b8ff63}
.legal-page{padding-top:170px;max-width:1180px;margin:auto}
.legal-page h1{margin:38px 0 25px}
.legal-lead{font-size:16px;line-height:2;color:#bbb;max-width:720px}
.legal-rule{height:1px;background:#ffffff28;margin:65px 0 10px}
.legal-block{display:grid;grid-template-columns:1fr 3fr;gap:25px;padding:35px 0;border-bottom:1px solid #ffffff20}
.legal-block>.mono{font-size:8px;color:#b8ff63;padding-top:7px}
.legal-block h2{font-size:19px;font-weight:500;margin:0 0 14px}
.legal-block p{font-size:12px;line-height:2.15;color:#aaa;margin:0;max-width:760px}
.legal-updated{font-size:8px;color:#777;margin:35px 0}
@media(max-width:760px){
 .works-hero{padding:135px 7% 45px;min-height:440px}
 .works-hero h1,.legal-page h1{font-size:clamp(62px,15vw,95px)}
 .works-hero-bottom{font-size:7px;gap:15px}
 .works-library{padding-top:75px}
 .library-top{align-items:flex-start;flex-direction:column;gap:15px}
 .library-grid{grid-template-columns:1fr;gap:38px}
 .library-thumb{aspect-ratio:1.25/1}
 .library-note,.legal-block{grid-template-columns:1fr;gap:13px}
 .library-note{margin-top:65px}
 .legal-page{padding-top:130px}
 .legal-rule{margin:45px 0 5px}
 .legal-block{padding:28px 0}
}

/* ===== 作品封面图（首页精选 + 作品集共用） ===== */
.has-cover{background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}
.has-cover .play-button{inset:0;margin:auto}
.has-cover .thumb-zoom{
  position:absolute;inset:0;z-index:-1;
  background-image:inherit;background-size:cover;background-position:center;
  transition:transform .8s cubic-bezier(.2,.6,.2,1);
}
.has-cover:hover .thumb-zoom{transform:scale(1.05)}
.thumb-scrim{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 52%,rgba(0,0,0,.66) 100%);
}
.thumb-time{
  position:absolute;top:18px;right:18px;
  font-size:9px;color:#eee;letter-spacing:.08em;
  padding:4px 7px;border:1px solid rgba(255,255,255,.28);border-radius:2px;
  background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.has-cover .thumb-label,.has-cover .thumb-caption{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.has-cover .play-button{background:rgba(0,0,0,.22);display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.library-card:hover .library-thumb .play-button{opacity:1;transform:scale(1)}

@media(max-width:760px){
 .thumb-time{top:13px;right:13px;font-size:8px;padding:3px 6px}
}
@media(hover:none){
 .has-cover .play-button{opacity:1;transform:scale(1)}
 .library-card:hover .library-thumb .play-button{opacity:1}
 .has-cover:hover .thumb-zoom{transform:none}
}

/* 移动端：筛选项换行显示，避免横向滚动时把分类藏在屏幕外 */
@media(max-width:760px){
 .filter-row{flex-wrap:wrap;overflow:visible;gap:14px 18px;padding-bottom:14px}
 .filter{font-size:9px}
}