:root{--paper:#f2efe7;--paper2:#f8f6f0;--ink:#11110f;--muted:#6b675f;--line:#d6d0c5;--dark:#12110f;--max:1320px;--pad:clamp(24px,5.2vw,80px);--serif:Georgia,'Times New Roman','Noto Serif SC','Songti SC','STSong',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.header{position:fixed;z-index:100;inset:0 0 auto;height:78px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(242,239,231,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,17,15,.08)}
.brand{justify-self:start;display:flex;line-height:0}.brand img{width:auto;height:40px;object-fit:contain}.nav{justify-self:center;display:flex;gap:clamp(34px,3vw,48px);font-size:18px;font-weight:540;white-space:nowrap}.nav a{position:relative}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:currentColor}.lang{justify-self:end;font-size:15px;letter-spacing:.08em}.menu-btn{display:none;justify-self:end;border:0;background:none;font:700 14px var(--sans);letter-spacing:.08em}.mobile-menu{display:none;position:fixed;z-index:99;top:64px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:22px 20px 30px}.mobile-menu.open{display:grid;gap:18px}.mobile-menu a{font:28px/1.15 var(--serif)}
.hero{padding:calc(78px + clamp(48px,5vw,72px)) var(--pad) clamp(42px,4vw,58px)}.hero-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,5vw,74px);align-items:end}.hero h1{font:500 clamp(72px,8.8vw,138px)/.86 var(--serif);letter-spacing:-.065em;margin:0}.hero-zh{margin-top:18px;font-size:18px;letter-spacing:.16em}.hero-statement{font:500 clamp(30px,2.8vw,42px)/1.34 var(--serif);margin:34px 0 0;max-width:620px;letter-spacing:-.02em}.hero-desc{font-size:clamp(16px,1.25vw,19px);line-height:1.95;color:#35332e;max-width:700px;margin:20px 0 0}.hero-media{aspect-ratio:16/10;overflow:hidden;background:#ddd7cd}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.section{padding:clamp(38px,3.7vw,52px) var(--pad)}.wrap{max-width:var(--max);margin:auto}.section-title{max-width:1020px;margin-bottom:clamp(24px,2.7vw,36px)}.section-title h2{font:500 clamp(44px,4.6vw,68px)/1.08 var(--serif);letter-spacing:-.042em;margin:0}.section-title p{max-width:780px;color:#44413b;margin:14px 0 0;font-size:17px}
.intro{background:var(--dark);color:#f5f0e7}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,7vw,100px);align-items:center}.intro h2{font:500 clamp(42px,4.8vw,70px)/1.15 var(--serif);letter-spacing:-.04em;margin:0;max-width:660px}.intro-right{max-width:710px}.intro p{font-size:18px;line-height:1.95;color:#cbc4b8;margin:0 0 18px}.intro strong{color:#fff;font-weight:500}.intro-manifesto{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font:500 clamp(23px,2.2vw,33px)/1.45 var(--serif)}
.north{background:var(--paper2)}.north-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.north-card{min-height:190px;padding:24px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.north-no{font:14px var(--serif);color:var(--muted)}.north-card h3{font:500 clamp(23px,2.15vw,31px)/1.35 var(--serif);letter-spacing:-.025em;margin:34px 0 0}
.chapter{background:var(--paper)}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,6vw,88px);align-items:center}.chapter-title h2{font:500 clamp(48px,5vw,74px)/1.08 var(--serif);letter-spacing:-.045em;margin:0}.chapter-copy p{font-size:18px;color:#46423c;line-height:1.95;margin:0 0 16px}.chapter-copy .formula{margin-top:22px;font:600 18px/1.65 var(--sans);padding-top:18px;border-top:1px solid var(--line)}
.progress{background:var(--paper2)}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.progress-card{display:grid;grid-template-columns:180px 1fr;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.progress-img{min-height:260px;overflow:hidden}.progress-copy{padding:24px 26px;display:flex;flex-direction:column}.progress-copy h3{font:500 34px/1.2 var(--serif);margin:0}.progress-copy p{font-size:15px;color:#4b4842;line-height:1.9;margin:14px 0}.progress-copy span{margin-top:auto;font-size:11px;letter-spacing:.16em;color:var(--muted)}
.music{background:var(--dark);color:#f5f0e7}.music-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(44px,7vw,100px);align-items:start}.music h2{font:500 clamp(44px,5vw,72px)/1.12 var(--serif);letter-spacing:-.04em;margin:0}.music-copy p{color:#c9c2b7;font-size:18px;line-height:1.95;margin:0 0 18px}.music-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.music-tags span{border:1px solid rgba(255,255,255,.22);padding:8px 12px;font-size:11px;letter-spacing:.12em}.music-link{display:inline-block;margin-top:28px;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:14px}
.states{background:var(--paper)}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.state{padding:28px 28px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px}.state small{font-size:11px;letter-spacing:.16em;color:var(--muted)}.state h3{font:500 34px/1.2 var(--serif);margin:24px 0 12px}.state p{font-size:15px;color:#4a4740;line-height:1.9;margin:0}
.bridge{position:relative;min-height:520px;background:#111;overflow:hidden;color:#fff}.bridge-media{position:absolute;inset:0}.bridge-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.18) 100%)}.bridge-copy{position:relative;z-index:1;max-width:var(--max);margin:auto;padding:90px var(--pad)}.bridge-copy h2{font:500 clamp(48px,5.6vw,82px)/1.08 var(--serif);letter-spacing:-.045em;max-width:900px;margin:0 0 22px}.bridge-copy p{font-size:18px;max-width:660px;line-height:1.9}.bridge-link{display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;padding-bottom:3px}
.footer{background:var(--dark);color:#f4f0e7;padding:56px var(--pad) 32px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-logo{display:inline-flex;line-height:0}.footer-logo img{width:auto;height:44px;filter:invert(1) brightness(1.08)}.footer-domain{margin-top:12px;color:#8e897f;font-size:13px}.social{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:18px 28px;color:#cbc5b9;font-size:14px}.footer-bottom{max-width:var(--max);margin:44px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;color:#8f8a80;font-size:12px}.stay{font:18px var(--serif);color:#f4f0e7}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav{font-size:17px;gap:27px}.north-grid{grid-template-columns:repeat(2,1fr)}.progress-card{grid-template-columns:145px 1fr}}
@media(max-width:820px){.header{height:64px;grid-template-columns:1fr auto;padding:0 20px}.brand img{height:34px}.nav,.lang{display:none}.menu-btn{display:block}.hero{padding:96px 20px 44px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(62px,18vw,92px);letter-spacing:-.055em}.hero-statement{font-size:30px;margin-top:24px}.hero-desc{font-size:16px}.section{padding:42px 20px}.intro-grid,.chapter-grid,.music-grid{grid-template-columns:1fr;gap:28px}.north-grid,.progress-grid,.state-grid{grid-template-columns:1fr}.north-card{min-height:150px}.progress-card{grid-template-columns:120px 1fr;min-height:230px}.progress-img{min-height:230px}.progress-copy{padding:20px}.progress-copy h3{font-size:30px}.bridge{min-height:500px}.bridge-copy{padding:70px 24px}.footer-grid{grid-template-columns:1fr}.social{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:10px}}

.nav a[aria-current="page"], .mobile-menu a[aria-current="page"]{opacity:1;}

/* LIFE V1.1 refinement */
.hero-media img,.progress-img img,.bridge-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-media img{object-position:center center}
.section{padding:clamp(34px,3.2vw,46px) var(--pad)}
.north-card{min-height:176px;padding:22px 24px}
.north-card h3{margin-top:28px}
.progress-card{grid-template-columns:190px 1fr;min-height:240px}
.progress-img{min-height:240px}
.progress-copy{padding:22px 24px}
.progress-label{font-size:10px;letter-spacing:.18em;color:var(--muted);margin-bottom:10px}
.progress-copy h3{font-size:32px}
.progress-copy p{margin:12px 0;line-height:1.8}
.music-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.17);margin-top:28px;border:1px solid rgba(255,255,255,.17)}
.music-lane{background:var(--dark);padding:20px 18px 22px;min-height:150px}
.music-lane small{font-size:10px;letter-spacing:.16em;color:#8f897f}
.music-lane h3{font:500 28px/1.2 var(--serif);margin:16px 0 8px;color:#f5f0e7}
.music-lane p{font-size:14px;line-height:1.75;color:#aaa398;margin:0}
.states .section-title{max-width:1100px}
.bridge{min-height:500px}
.bridge-media img{object-position:center center}
.bridge-copy{padding-top:78px;padding-bottom:78px}
.bridge-copy h2{max-width:1040px}
@media(max-width:1000px){.progress-card{grid-template-columns:150px 1fr}.progress-copy h3{font-size:29px}}
@media(max-width:820px){
  .section{padding:36px 20px}
  .hero-media{aspect-ratio:4/3}
  .north-card{min-height:140px}
  .progress-card{grid-template-columns:118px 1fr;min-height:218px}
  .progress-img{min-height:218px}
  .progress-copy{padding:18px}
  .progress-copy h3{font-size:28px}
  .progress-copy p{font-size:14px;line-height:1.75}
  .music-lanes{grid-template-columns:1fr}
  .music-lane{min-height:auto}
  .bridge-copy h2{font-size:clamp(38px,10.5vw,56px)}
}