:root{color:#202321;font-synthesis:none;text-rendering:optimizelegibility;--surface:#eef0ee;--surface-raised:#f6f7f4d1;--ink:#202321;--muted:#5f6662;--line:#20232124;--accent:#a62a26;--accent-ink:#fff8f3;--radius:18px;background:#eef0ee;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface);scroll-behavior:smooth}body{background:var(--surface);min-width:320px;min-height:100dvh;color:var(--ink);margin:0}body:after{pointer-events:none;content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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='.8'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:2;height:76px;position:absolute;inset:0 0 auto}.nav-shell{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 48px,1400px);height:100%;margin:0 auto;display:flex}.brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:650;text-decoration:none;display:inline-flex}.brand img{border-radius:11px;width:42px;height:42px;box-shadow:0 8px 28px #491d1926}.musician-link{white-space:nowrap;border-bottom:1px solid;align-items:center;gap:8px;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .24s;display:inline-flex}.musician-link:hover{opacity:.68;transform:translateY(-2px)}.musician-link:active{transform:translateY(1px)}main{flex:1}.hero{isolation:isolate;align-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero-carousel{z-index:-3;position:absolute;inset:0;overflow:hidden}.hero-art{object-fit:cover;object-position:57% center;opacity:0;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hero-art.is-active{opacity:1}.hero-wash{z-index:-2;background:linear-gradient(90deg,#eef0eefa 0%,#eef0eed4 32%,#eef0ee29 62%,#eef0ee05 100%),linear-gradient(#0000 62%,#eef0ee61);position:absolute;inset:0}.hero-copy{width:min(100% - 48px,1400px);margin:0 auto;padding-top:72px}.hero h1{letter-spacing:-.085em;max-width:7em;margin:0;font-size:clamp(58px,8.4vw,122px);font-weight:580;line-height:.94}.hero-summary{width:max-content;max-width:calc(100vw - 48px);color:var(--muted);white-space:nowrap;margin:30px 0 28px;font-size:clamp(17px,1.5vw,21px);line-height:1.75}.download-guide{border-radius:var(--radius);background:var(--surface-raised);-webkit-backdrop-filter:blur(22px)saturate(130%);border:1px solid #ffffff8c;align-items:center;gap:15px;min-width:270px;padding:12px 20px 12px 12px;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 20px 55px #49534e21}.download-guide img{border-radius:14px;box-shadow:0 8px 24px #46181629}.download-guide div{gap:4px;display:grid}.download-guide strong{font-size:16px}.download-guide span{color:var(--muted);font-size:13px}.hero-links{gap:24px;display:flex;position:absolute;bottom:28px;left:max(24px,50vw - 700px)}.hero-links a{color:var(--muted);text-underline-offset:5px;font-size:13px;transition:color .18s}.hero-links a:hover{color:var(--ink)}.carousel-controls{align-items:center;display:flex;position:absolute;bottom:20px;right:max(24px,50vw - 700px)}.carousel-controls button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.carousel-controls span{background:#f7f8f680;border-radius:999px;width:18px;height:2px;transition:width .24s cubic-bezier(.16,1,.3,1),background .24s;box-shadow:0 1px 8px #141b1942}.carousel-controls button[aria-pressed=true] span{background:var(--accent);width:28px}.carousel-controls button:hover span{background:var(--ink)}.article-page{padding:148px 24px 96px}.article-page article{width:min(100%,760px);margin:0 auto}.article-page h1{letter-spacing:-.065em;margin:0;font-size:clamp(46px,7vw,78px);line-height:1}.article-lead{color:var(--muted);margin:26px 0 64px;font-size:19px;line-height:1.7}.article-lead a{color:var(--accent);text-underline-offset:4px}.article-body{gap:40px;display:grid}.article-body section{border-top:1px solid var(--line);padding-top:28px}.article-body h2{letter-spacing:-.02em;margin:0 0 14px;font-size:20px}.article-body p{color:var(--muted);margin:0;font-size:16px;line-height:1.9}.article-body a{color:var(--accent);text-underline-offset:4px}.article-date{font-size:13px!important}@media (prefers-reduced-motion:no-preference){.hero-carousel{animation:12s cubic-bezier(.16,1,.3,1) both hero-drift}.hero-copy>*{animation:.9s cubic-bezier(.16,1,.3,1) both reveal}.hero-copy>:nth-child(2){animation-delay:90ms}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.27s}}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{opacity:.72;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media (width<=767px){.nav-shell,.hero-copy{width:min(100% - 32px,1400px)}.site-header{height:68px}.brand{gap:9px;font-size:17px}.brand img{border-radius:9px;width:36px;height:36px}.musician-link{font-size:13px}.hero{align-items:end;padding-bottom:46px}.hero-art{object-position:63% center}.hero-wash{background:linear-gradient(#eef0ee1f 25%,#eef0eee0 62%,#eef0eefc 100%),linear-gradient(90deg,#eef0ee59,#0000)}.hero-copy{padding-top:96px}.hero h1{font-size:clamp(58px,20vw,86px)}.hero-summary{white-space:normal;width:auto;max-width:24em;margin:22px 0 20px;font-size:16px;line-height:1.65}.download-guide{width:100%;min-width:0}.hero-links{margin-top:18px;position:static}.carousel-controls{bottom:10px;right:12px}.article-page{padding:112px 16px 72px}.article-lead{margin-bottom:48px}}@media (prefers-color-scheme:dark){:root{--surface:#171a19;--surface-raised:#1f2321c7;--ink:#eceeea;--muted:#b6bcb8;--line:#eceeea24;--accent:#d96f64;--accent-ink:#191413}.hero-art{filter:brightness(.62)contrast(1.02)saturate(.82)}.hero-wash{background:linear-gradient(90deg,#171a19fa 0%,#171a19d1 32%,#171a192e 63%,#171a190a 100%),linear-gradient(#0000 62%,#171a196b)}.download-guide{border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1f,0 20px 55px #00000040}}@media (prefers-color-scheme:dark) and (width<=767px){.hero-wash{background:linear-gradient(#171a191f 25%,#171a19db 62%,#171a19fc 100%),linear-gradient(90deg,#171a1959,#0000)}}@media (prefers-reduced-transparency:reduce){.download-guide{background:var(--surface);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.hero-art,.carousel-controls span{transition:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}