:root{color-scheme:light;--ink:#1d1d1f;--muted:#6e6e73;--blue:#0066cc;--focus:#0071e3;--canvas:#fff;--paper:#f5f5f7;--line:#e0e0e0;--dark:#1d1d1f;--max:1080px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation}.text-link:active{transform:scale(.95)}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600}::selection{background:#cce4ff;color:var(--ink)}.skip-link{position:fixed;top:10px;left:16px;transform:translateY(-200%);padding:12px 20px;background:white;color:var(--blue);z-index:30}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.88);backdrop-filter:saturate(180%) blur(20px);color:#f5f5f7}.nav-inner{max-width:var(--max);margin:auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 24px}.wordmark{font-size:17px;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:10px;white-space:nowrap;min-height:44px}.brand-mark{display:inline-grid;place-items:center;border:1px solid #959598;border-radius:5px;width:25px;height:27px;font-size:17px;line-height:1}.nav-links{display:flex;align-items:center;gap:38px}.nav-links a{color:#e8e8ed;font-size:14px;display:flex;align-items:center;min-height:44px}.nav-links a:hover{color:white}.nav-note{font-size:12px;color:#b7b7bc;letter-spacing:1px}
.hero-copy{text-align:center;padding:64px 24px 44px}.eyebrow{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:1.4px}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.15;letter-spacing:-1.2px;margin:20px 0 24px}.hero h1 span{color:var(--muted)}.hero-intro{font-size:19px;line-height:1.7;color:var(--muted);letter-spacing:.1px}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--blue);min-height:44px;border:0;background:none;padding:0;transition:transform .15s}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.hero-link{margin-top:16px;font-size:17px}.hero-link>span{font-size:24px;line-height:1}.hero-landscape{max-width:1440px;margin:0 auto;position:relative;background:#c2dcdb;overflow:hidden}.hero-landscape img{width:100%;height:clamp(380px,43vw,580px);display:block;object-fit:cover;object-position:center 60%}.hero-landscape figcaption{display:flex;gap:16px;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;padding:14px 32px;color:white;background:rgba(18,31,30,.72);font-size:14px}.image-note{color:#e6e9e8;font-size:12px}
.section-shell{max-width:var(--max);margin:0 auto;padding:90px 24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-heading h2,.about h2{font-size:42px;letter-spacing:-.4px;line-height:1.25;margin-top:12px}.section-aside{color:var(--muted);font-size:16px;line-height:1.65}.journal-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journal-entry summary{list-style:none;display:grid;grid-template-columns:110px 1fr 44px;gap:32px;padding:36px 0;cursor:pointer}.journal-entry summary::-webkit-details-marker{display:none}.entry-date time{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:600;display:block}.entry-date time span{display:block;color:var(--muted);font-size:14px;letter-spacing:1px;font-weight:400;margin-top:10px}.entry-category{font-size:13px;color:var(--muted)}.entry-summary h3{font-size:27px;line-height:1.35;letter-spacing:-.3px;margin:9px 0 12px}.entry-summary p{color:var(--muted);font-size:17px}.entry-read{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:15px;margin-top:17px}.entry-toggle{height:44px;width:44px;align-self:center;border-radius:50%;background:var(--paper);position:relative;color:var(--blue)}.entry-toggle:before,.entry-toggle:after{content:"";position:absolute;left:14px;top:21px;width:16px;height:1.5px;background:currentColor}.entry-toggle:after{transform:rotate(90deg);transition:transform .2s}.journal-entry[open] .entry-toggle:after{transform:rotate(0)}.when-open,.journal-entry[open] .when-closed{display:none}.journal-entry[open] .when-open{display:inline}.entry-body{max-width:730px;margin:0 64px 40px 142px;padding-top:4px}.entry-body p{font-size:18px;line-height:1.9;margin-bottom:20px}.entry-signoff{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:14px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.journal-end{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:44px;color:var(--muted);font-size:14px}.end-line{width:40px;height:1px;background:var(--line)}
.about-band{--ink:#fff;--muted:#b7b7bf;color:var(--ink);background:var(--dark)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:100px;padding-bottom:100px}.about h2{font-size:44px;line-height:1.28;margin-top:16px}.about h2 span{color:var(--muted)}.about-copy{padding-top:4px}.about-copy p{margin:0 0 22px;font-size:17px;line-height:1.8;color:var(--muted)}.about-copy .about-lead{font-size:20px;color:var(--ink);font-weight:600;margin-bottom:22px}.about-footnote{display:block;font-size:13px;color:var(--muted);margin-top:30px}
footer{background:var(--paper)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;max-width:var(--max);margin:auto;padding:36px 24px}.footer-brand{font-size:17px;font-weight:600}.footer-inner p{font-size:13px;color:var(--muted);margin-top:7px}.footer-right{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:30px}.footer-right .text-link{font-size:14px}
@media(min-width:1600px){.hero-copy{padding-top:80px;padding-bottom:54px}}
@media(max-width:833px){.nav-note{display:none}.nav-links{gap:24px}.hero-copy{padding-top:54px}.hero h1{font-size:58px}.hero-landscape img{height:430px;object-position:60% 60%}.section-shell{padding:66px 28px}.section-heading h2,.about h2{font-size:36px}.journal-entry summary{grid-template-columns:84px 1fr 44px;gap:20px}.entry-body{margin-left:104px;margin-right:16px}.about{gap:36px}.about-copy .about-lead{font-size:18px}.about-copy p{font-size:16px}.footer-right{flex-direction:column;gap:4px;align-items:flex-end}}
@media(max-width:600px){html{scroll-padding-top:82px}.nav-inner{padding:0 20px;gap:12px;min-height:60px}.wordmark{font-size:16px;gap:8px;letter-spacing:.2px}.brand-mark{display:none}.nav-links{gap:18px}.nav-links a{font-size:13px}.hero-copy{padding:48px 22px 36px}.eyebrow{font-size:13px;letter-spacing:1px}.hero h1{font-size:48px;line-height:1.19;letter-spacing:-.5px;margin:20px 0}.hero-intro{font-size:16px;line-height:1.85}.hero-link{font-size:16px;margin-top:12px}.hero-landscape img{height:350px;object-position:65% 55%}.hero-landscape figcaption{padding:12px 20px;font-size:13px}.image-note{display:none}.section-shell{padding:56px 22px}.section-heading{margin-bottom:28px;align-items:flex-start;gap:20px}.section-heading h2{font-size:30px}.section-aside{font-size:13px;padding-top:9px}.journal-entry summary{grid-template-columns:1fr 36px;gap:0 12px;padding:28px 0}.entry-date{grid-column:1/-1;margin-bottom:14px}.entry-date time{font-size:14px;display:flex;align-items:center;gap:8px;letter-spacing:0;font-weight:400;color:var(--muted)}.entry-date time span{font-size:14px;display:inline;margin:0;order:-1;letter-spacing:0}.entry-date time span:after{content:" /"}.entry-category{font-size:12px}.entry-summary h3{font-size:23px;margin:7px 0 10px}.entry-summary p{font-size:16px}.entry-toggle{width:36px;height:36px}.entry-toggle:before,.entry-toggle:after{left:10px;top:17px}.entry-body{margin:0 0 28px}.entry-body p{font-size:17px}.entry-signoff{font-size:12px}.journal-end{margin-top:32px}.about{grid-template-columns:1fr;gap:30px}.about h2{font-size:36px}.about-copy{padding:0}.about-copy p{font-size:17px}.about-footnote{font-size:12px}.footer-inner{padding:30px 22px;align-items:flex-start;gap:24px;flex-direction:column}.footer-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}}
@media(max-width:359px){.nav-inner{padding:0 14px}.nav-links{gap:12px}.nav-links a{font-size:12px}.hero h1{font-size:42px}.hero-intro{font-size:15px}.section-aside{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}