@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#273d32;--muted:#74796d;--line:#d7d9cd;--accent:#b75f45;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#d9dfca}.site-wrap{max-width:1600px;padding:0 5.8%;margin:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:10px}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-family:Georgia,"Times New Roman",serif;font-size:33px;letter-spacing:-1.8px;white-space:nowrap}.brand-dot{display:inline-block;vertical-align:top;color:var(--accent);font-family:Georgia,serif;font-size:21px;margin:0 0 0 9px;line-height:1.2;letter-spacing:0}.header nav{display:flex;gap:38px;align-items:center;font-size:12px}.header nav a{padding:14px 0}.header nav a:hover{color:var(--accent)}nav a>span{margin-left:7px;font-size:11px;color:var(--muted)}.nav-note{border-bottom:1px solid var(--ink)}.hero{position:relative;display:grid;grid-template-columns:1.16fr 1fr;gap:5%;align-items:center;padding:67px 0 0}.eyebrow{font-size:10px;letter-spacing:1.65px;line-height:1.7;font-weight:500}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 31px}.small-line{display:block;width:28px;height:1px;background:var(--ink)}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(55px,6.6vw,101px);line-height:1.06;letter-spacing:-4px;position:relative;margin:0 0 26px}em{font-weight:400}h1 em{color:#6d7c5b}.title-star{position:absolute;font-size:34px;margin-left:20px;top:5px;color:var(--accent);letter-spacing:0}.hero-chinese{font-family:Georgia,"Songti SC",SimSun,serif;font-size:23px;letter-spacing:4px;margin:0 0 23px}.hero-description{font-size:13px;color:#687064;line-height:2.05;letter-spacing:.6px;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid var(--ink);font-size:12px;padding:0 0 11px;min-height:40px;letter-spacing:1px}.text-link span{font-size:23px;line-height:1}.text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-art{position:relative;margin:0 0 0 15px;padding:0 0 13px;transform:rotate(-3deg)}.art-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding-bottom:12px}.main-art{display:block;width:100%;height:auto}.hero-art figcaption{display:flex;justify-content:space-between;padding-top:13px;font-size:9px;letter-spacing:1px}.hero-art figcaption span:last-child{font-size:7px}.art-orbit{position:absolute;right:-18px;bottom:65px;background:#f5f3ed;border:1px solid #b0b69d;width:99px;height:99px;border-radius:50%;display:flex;align-items:center;text-align:center;font:italic 16px Georgia,serif;line-height:1.3;padding:12px;transform:rotate(13deg)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:57px;border-bottom:1px solid var(--line);padding-bottom:24px;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.hero-bottom a span{font-size:18px;margin-left:18px;color:var(--ink)}.section{padding:81px 0}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:37px;gap:25px}.section-top .eyebrow{margin:0 0 17px}h2{font-family:Georgia,"Songti SC",SimSun,serif;font-weight:400;font-size:30px;line-height:1.5;letter-spacing:1px;margin:0}.section-aside{font-size:11px;line-height:1.9;color:var(--muted);margin:0;letter-spacing:.7px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work{background:none;border:0;padding:0;cursor:pointer;text-align:left;min-width:0}.work-image{display:block;position:relative;overflow:hidden;aspect-ratio:1}.work-image svg{display:block;width:100%;height:100%;transition:transform .5s}.work:hover .work-image svg{transform:scale(1.045)}.work-open{position:absolute;right:15px;bottom:15px;width:34px;height:34px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:20px;transition:transform .3s}.work:hover .work-open{transform:rotate(45deg)}.work-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;margin-top:18px;color:var(--muted)}.work-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:17px;letter-spacing:1px}.work-title>span{font:italic 13px Georgia,serif;letter-spacing:0;color:var(--muted)}.study-note{font-size:10px;color:var(--muted);letter-spacing:1px;margin:26px 0 0}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:11%;align-items:center}.about .eyebrow{margin:0 0 25px}.about h2{font-size:clamp(26px,3vw,43px);letter-spacing:-1px;line-height:1.35}.about h2 em{color:#6d7c5b}.about-copy{position:relative;padding-top:20px;font-size:12px;line-height:2.15;color:#687064;letter-spacing:.7px}.about-copy p:first-of-type{color:var(--ink);font-size:15px}.about-star{color:var(--accent);font-size:29px;position:absolute;right:0;top:-26px}.note{text-align:center;padding:87px 20px 68px}.note .eyebrow{font-size:8px;color:var(--muted);margin:0 0 24px}.note h2{font-size:29px;line-height:1.8;letter-spacing:3px}.note>p:not(.eyebrow){font-size:11px;color:var(--muted);letter-spacing:1px}.share-button{background:none;cursor:pointer;margin-top:20px}.share-status{min-height:18px;margin:13px 0 0}.footer{border-top:1px solid var(--line);padding:29px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .wordmark{font-size:25px}.footer .brand-dot{font-size:15px}.footer p{font:italic 11px Georgia,serif;color:var(--muted)}.footer p>span{font:9px Arial,sans-serif;margin-left:18px}.footer>a:last-child{font-size:10px;letter-spacing:1px}.footer>a:last-child span{margin-left:16px}.study-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(560px,calc(100% - 36px));padding:58px 42px 35px;max-height:85vh}.study-dialog::backdrop{background:#1d3027a8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;cursor:pointer;width:44px;height:44px}.study-dialog h2{margin:20px 0}.study-dialog>p:not(.eyebrow){font-size:14px;line-height:2;color:#687064}.study-dialog .dialog-foot{font-size:8px!important;letter-spacing:1.4px;margin-top:35px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero{gap:8%;grid-template-columns:1.2fr 1fr}.hero-art{max-width:530px}.hero{padding-top:80px}}
@media(max-width:900px){.header nav{gap:20px}.header nav a>span:not([aria-hidden]){display:none}.hero{gap:4%}h1{font-size:7vw;letter-spacing:-2px}.title-star{font-size:23px;margin-left:10px}.hero-chinese{font-size:19px;letter-spacing:2px}.hero-description{font-size:11px}.art-orbit{width:78px;height:78px;font-size:13px}.work-grid{gap:19px}.work-title{display:block}.work-title>span{display:block;margin-top:7px}.about{gap:7%}.footer p>span{display:block;margin:8px 0 0}}
@media(max-width:600px){.site-wrap{padding:0 6%}.header{min-height:83px;gap:16px}.wordmark{font-size:29px}.brand-dot{font-size:17px;margin-left:6px}.header nav{gap:18px;font-size:11px}.header .nav-note{display:none}.hero{grid-template-columns:1fr;padding-top:43px;gap:0}.hero-copy>.eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:1.4px}h1{font-size:clamp(53px,13.8vw,81px);letter-spacing:-2.5px;margin-bottom:23px}.title-star{font-size:28px;top:4px;margin-left:17px}.hero-chinese{font-size:20px;letter-spacing:3px;margin-bottom:18px}.hero-description{font-size:12px;margin-bottom:19px}.hero-art{width:85%;margin:49px auto 0;transform:rotate(-3deg)}.art-label{font-size:6px}.art-orbit{right:-20px;bottom:42px}.hero-art figcaption{font-size:8px}.hero-art figcaption span:last-child{font-size:5px}.hero-bottom{margin-top:38px;font-size:6px;letter-spacing:.8px;padding-bottom:20px}.hero-bottom a span{margin-left:8px}.section{padding:53px 0}.section-top{display:block;margin-bottom:26px}.section-top h2{font-size:24px}.section-top .eyebrow{font-size:8px;margin-bottom:13px}.section-aside{margin-top:17px;font-size:11px}.section-aside br{display:none}.work-grid{grid-template-columns:1fr;gap:32px}.work-image{aspect-ratio:1.12}.work-title{display:flex;font-size:18px}.work-title>span{display:inline;margin:0;font-size:13px}.work-meta{font-size:8px;margin-top:14px}.study-note{font-size:9px;line-height:1.9}.about{grid-template-columns:1fr;gap:30px}.about .eyebrow{font-size:8px;margin-bottom:18px}.about h2{font-size:30px}.about-copy{padding:0 12px 0 0}.about-star{top:-10px;font-size:22px}.about-copy p:first-of-type{font-size:14px}.note{padding:55px 0 39px}.note h2{font-size:22px;letter-spacing:1.5px}.footer{flex-wrap:wrap;padding:24px 0;gap:12px}.footer .wordmark{font-size:25px}.footer p{order:3;width:100%;display:flex;justify-content:space-between;margin:4px 0 0;font-size:10px}.footer p>span{margin:0;display:inline;font-size:8px}.study-dialog{padding:55px 26px 26px}}
.share-button{border:0;border-bottom:1px solid var(--ink)}
.work-light{background:#e2dfd1}.work-paper{background:#c3c7af}.work-everyday{background:#e8d6c5}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}