@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#100a0a;--text:#f3dfd6;--muted:#b49a93;--red:#ed4d30;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:6px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#110908}.brand{font-size:28px;letter-spacing:8px;font-weight:600;white-space:nowrap}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:36px;font-size:10px;letter-spacing:2px}.nav-listen{border-bottom:1px solid var(--red);padding:10px 0;font-size:11px;letter-spacing:2px}.hero{min-height:740px;height:calc(100svh - 94px);position:relative;background:linear-gradient(90deg,#21050088,transparent 80%),linear-gradient(0deg,#100a0a 0%,transparent 45%),url('assets/coast.jpg') center/cover;display:flex;flex-direction:column;padding:27px 5%}.hero-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#f3c6b1}.hero-content{margin-top:auto;padding-top:65px;width:100%}.eyebrow{letter-spacing:3px;font-size:10px;margin:0 0 24px;color:#ec9c85}h1,h2,p,figure{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:clamp(75px,9.8vw,156px);line-height:.86;letter-spacing:-2px;margin-bottom:35px}h1 em{font-style:normal;color:#f79c83} .hero-bottom{display:flex;align-items:center;gap:80px}.hero-bottom p{font-size:15px;line-height:1.8;margin:0}.hero-bottom p span{font-size:11px;color:#d3aaa0}.button{display:inline-flex;justify-content:center;gap:30px;align-items:center;padding:19px 25px;background:var(--red);color:#170908;border:0;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:1.2px}.button:hover{background:#ff7657}.button span{font-size:20px}.scroll{margin-top:44px;font-size:9px;letter-spacing:2px;display:flex;gap:30px;color:var(--muted)}.section{padding:80px 8% 100px}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:65px;color:var(--muted)}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}figure{margin:0}figure img{width:100%;height:auto;display:block;box-shadow:0 25px 80px #0008}figcaption{font-size:8px;letter-spacing:1.8px;margin-top:20px;color:var(--muted)}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(48px,5.6vw,82px);font-weight:600;line-height:1.03;letter-spacing:-1px;margin-bottom:28px}h2 i{font-family:Georgia,serif;font-weight:400;color:#d98d83}.artist{font-size:13px;letter-spacing:3px}.artist span{font-size:9px;color:var(--muted)}.audio-wrap{padding:22px 0;border-top:1px solid var(--line);margin-top:30px}.audio-wrap p{font-size:12px;color:var(--muted);margin:0}audio{width:100%}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:10px;letter-spacing:2px;list-style:none;display:flex;justify-content:space-between}.lyrics{white-space:pre-wrap;line-height:2;padding-top:20px;color:var(--muted)}.small-note{font-size:12px;color:var(--muted);margin-top:30px;line-height:1.9}.film{background:#1a0c0d}.film-head{display:flex;justify-content:space-between;align-items:end}.film-head p{color:var(--muted);font-size:12px;margin-bottom:35px}.film-frame{position:relative;aspect-ratio:2.33;overflow:hidden}.film-frame img,.film-frame video{width:100%;height:100%;object-fit:cover}.film-frame img{filter:brightness(.6)}#film-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;letter-spacing:3px}#film-pending p{margin:18px 0 10px}.film-symbol{border:1px solid #e6b7a580;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;font-size:30px}#film-pending>span:last-child{color:#d2a393;font-size:11px;letter-spacing:1px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about h2{font-size:100px;letter-spacing:8px}.about h2 span{display:block;font:italic 30px/1.2 Georgia,serif;letter-spacing:0;color:#d98d83;margin-top:22px}#bio{font-size:19px;line-height:2;white-space:pre-wrap}.bio-note{font-size:10px;color:var(--muted)}.text-link{display:inline-block;margin-top:28px;border-bottom:1px solid var(--red);padding-bottom:12px;font-size:12px}footer{margin:0 5%;border-top:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center}footer>span{font-size:8px;letter-spacing:2px;color:var(--muted)}footer button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:11px}dialog{width:min(540px,92%);background:#201313;color:var(--text);border:1px solid #674139;padding:32px}dialog::backdrop{background:#000b}dialog h2{font-size:30px}dialog p{color:var(--muted);line-height:1.7;font-size:12px}dialog label{display:block;margin:18px 0;font-size:12px}input,textarea{display:block;width:100%;margin-top:8px;background:#100a0a;color:var(--text);border:1px solid #63463f;padding:10px}textarea{resize:vertical}.close{float:right;background:none;border:0;color:var(--text);font-size:25px;cursor:pointer}[hidden]{display:none!important}@media(max-width:650px){header{height:78px}nav{gap:16px;font-size:8px;letter-spacing:1px}.brand{font-size:23px}.brand span{font-size:6px}.nav-listen{display:none}.hero{height:calc(100svh - 78px);min-height:660px;background-position:58% center;padding:24px 6%}.hero-top>span:last-child{display:none}h1{font-size:clamp(70px,16vw,104px);letter-spacing:-1px}.hero-bottom{align-items:start;flex-direction:column;gap:20px}.section{padding:55px 6%}.section-label{margin-bottom:35px;font-size:8px;letter-spacing:1px}.music-grid,.about-grid{grid-template-columns:1fr;gap:40px}h2{font-size:62px}.film-head{display:block}.film-frame{aspect-ratio:16/10}.about h2{font-size:80px}.about h2 span{font-size:28px}footer>span{display:none}#bio{font-size:17px}.hero-content{padding-top:30px}.scroll{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-bottom p .hero-chinese{font-size:15px;color:var(--text);letter-spacing:2px}
/* A restrained lens glow; no motion on touch devices or reduced-motion screens. */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 380px 300px at var(--glow-x,50%) var(--glow-y,50%),rgba(255,140,95,.14),rgba(217,54,25,.045) 48%,transparent 75%);mix-blend-mode:screen;opacity:0;transition:opacity .8s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero.glow-active::before{opacity:1}}

.film-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:12%;align-items:center;max-width:1000px;margin:auto}.film-grid .film-frame{aspect-ratio:9/16;background:#090606;width:100%}.film-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-copy>p:not(.eyebrow){font:italic 20px/1.9 Georgia,serif;color:var(--muted)}button#film-pending{width:100%;border:0;background:linear-gradient(0deg,#100606aa,transparent);color:var(--text);cursor:pointer;gap:22px}button#film-pending:hover{background:#10060655}@media(max-width:650px){.film-grid{grid-template-columns:1fr;gap:35px}.film-grid .film-frame{max-width:380px;margin:auto}.film-copy h2{font-size:54px}}