:root{--paper:#f6f5ef;--ink:#253c31;--muted:#626b60;--line:#dcded2;--green:#36553b;--accent:#dbe5b8;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #737c39;outline-offset:5px;border-radius:3px}::selection{background:#dbe5b8;color:#253c31}.site-shell{max-width:1280px;padding:0 64px;margin:0 auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;padding:10px 18px;background:var(--ink);color:white}.skip-link:focus{top:12px}.site-header{min-height:113px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;line-height:1.5;font-size:16px;font-weight:650}.brand-mark{font-size:46px;font-weight:400;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;color:var(--muted);margin-top:4px}nav{display:flex;gap:31px;align-items:center;font-size:13px}nav>a{min-height:44px;display:inline-flex;align-items:center}nav>a:hover,.text-link:hover,.site-footer a:hover{color:#697b39}.nav-contact{gap:15px;border-left:1px solid var(--line);padding-left:28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:78px 0 83px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px;margin:0 0 28px;color:#53614d}.status-dot{width:7px;height:7px;background:#798353;border-radius:50%;flex-shrink:0}.template-label{font-size:10px;letter-spacing:0;border:1px solid #d4d9c7;border-radius:4px;padding:1px 7px;color:#626b56}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.2vw,54px);line-height:1.4;letter-spacing:-1.5px;margin:0 0 25px}.name{position:relative;white-space:nowrap}.name:after{content:"";position:absolute;height:9px;bottom:2px;left:9px;right:9px;background:#d5dfb9;z-index:-1;transform:rotate(-1.5deg)}.hero-period{color:#839756}.hero-role{font-size:17px;margin:0 0 15px;font-weight:500}.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin:0;max-width:430px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px;font-size:12px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;padding:12px 21px;background:var(--ink);color:var(--paper);border-radius:4px;min-height:46px;transition:background .18s,transform .18s}.button:hover{background:#3e5b47;transform:translateY(-2px)}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:12px}.hero-art{height:400px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 49% 49%,#e7e9d7 0%,transparent 67%)}.art-orbit{position:absolute;border:1px solid #daddcb;width:340px;height:340px;left:50%;top:48%;border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:390px;height:240px;transform:translate(-50%,-50%) rotate(-35deg)}.art-caption{position:absolute;top:15px;left:28px;font-size:9px;letter-spacing:2px;line-height:1.9;color:#626e57}.identity-card{position:absolute;left:50%;top:48%;width:246px;height:290px;background:#dce5c0;transform:translate(-50%,-50%) rotate(-8deg);border:1px solid #c5cfae;border-radius:8px;box-shadow:12px 20px 28px #34432b14;padding:23px;color:#334c32}.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.card-top>span:last-child{font-size:16px;line-height:1}.card-symbol{font-family:Georgia,serif;font-size:152px;line-height:1.15;text-align:center;margin:3px 0 7px}.card-bottom{border-top:1px solid #bac79d;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.card-bottom small{font-size:9px;display:block;letter-spacing:1px;margin-top:3px;color:#53654a}.card-dot{width:17px;height:17px;background:#62774e;border-radius:50%}.paper-note{position:absolute;right:0;bottom:39px;width:147px;height:121px;background:#fffdf1;transform:rotate(8deg);box-shadow:2px 8px 18px #3c4b2510;padding:25px 18px;font-family:var(--serif);font-size:17px;line-height:1.6}.note-pin{position:absolute;top:-8px;left:49px;width:45px;height:20px;background:#c8cfacb3;transform:rotate(-12deg)}.note-squiggle{display:block;width:66px;height:6px;margin-top:5px;border-top:1px solid #7f8b62;border-radius:50%;transform:rotate(-4deg)}.art-footnote{position:absolute;bottom:0;left:27px;right:2px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#6c755e}.section{border-top:1px solid var(--line);padding:49px 0 55px}.section-label>span{font-size:10px;letter-spacing:2px;color:#717b66}.section-label h2{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.5;letter-spacing:.5px;margin:11px 0 0}.about{display:grid;grid-template-columns:1fr 2.15fr;gap:30px}.about-lead{font-family:var(--serif);font-size:25px;line-height:1.65;margin:0 0 17px;font-weight:500}.muted{color:var(--muted);font-size:14px;max-width:580px;margin:0}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tags span{padding:5px 12px;font-size:11px;line-height:1.8;border:1px solid #d9ddce;border-radius:4px;color:#59654d}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.section-aside{font-size:12px;color:var(--muted);margin:0 0 4px}.heading-dot{color:#82964f;margin-left:4px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-visual{height:232px;position:relative;border-radius:6px;overflow:hidden}.visual-one{background:#e5e8dc}.visual-two{background:#e9e4d8}.visual-corner{position:absolute;top:17px;left:20px;font-size:8px;letter-spacing:1.7px;color:#64705b}.visual-bottom{position:absolute;bottom:14px;right:19px;font-size:10px;color:#66705d;letter-spacing:1px}.mini-window{position:absolute;top:44px;left:50%;width:213px;height:148px;background:#fafbf5;border:1px solid #c7cfba;box-shadow:9px 11px 0 #c6d0b5;transform:translateX(-50%) rotate(-5deg);border-radius:5px;overflow:hidden}.mini-window-bar{height:22px;border-bottom:1px solid #dee3d3;display:flex;align-items:center;gap:4px;padding:0 10px}.mini-window-bar i{width:4px;height:4px;background:#b2c09f;border-radius:50%}.mini-window-content{position:relative;padding:25px 22px 15px 74px}.mini-circle{position:absolute;width:32px;height:43px;border-radius:22px 22px 4px 4px;background:#74895c;left:24px;top:24px}.mini-line{display:block;width:68px;height:5px;background:#d7decb;border-radius:5px;margin:0 0 9px}.mini-line.long{width:101px;background:#859572}.mini-button{display:block;width:37px;height:12px;border-radius:2px;background:#b7c59e;margin-top:14px}.abstract-grid{width:128px;height:128px;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-12deg);display:grid;grid-template-columns:1fr 1fr;gap:7px}.abstract-grid span{background:#b0ae87}.abstract-grid span:nth-child(1){border-radius:50%;background:#79865d}.abstract-grid span:nth-child(2){border-radius:50% 50% 0 0;background:#cac9ac}.abstract-grid span:nth-child(3){border-radius:0 0 0 100%;background:#c8b58d}.abstract-grid span:nth-child(4){border-radius:50%;background:#445d43}.work-meta{display:flex;justify-content:space-between;font-size:10px;margin-top:20px;color:#68725c}.work-number{font-family:Georgia,serif;font-style:italic}.work-card h3{font-size:18px;line-height:1.6;font-weight:500;margin:8px 0 10px}.work-card>p{font-size:13px;color:var(--muted);margin:0;max-width:95%;line-height:1.9}.pending-link{display:inline-flex;gap:16px;font-size:11px;color:#626b60;margin-top:18px}.notes{padding-bottom:49px}.note-item{border-bottom:1px solid var(--line)}.note-item:first-of-type{border-top:1px solid var(--line)}.note-item summary{display:flex;align-items:center;gap:26px;min-height:103px;padding:20px 5px;list-style:none;cursor:pointer}.note-item summary::-webkit-details-marker{display:none}.note-index{font-family:Georgia,serif;font-style:italic;color:#7b836f;font-size:12px}.note-title{font-size:17px;flex:1;min-width:0}.note-title small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.note-open{width:32px;height:32px;border:1px solid #d6dcc9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:#6f795e;transition:transform .15s;flex-shrink:0}.note-item[open] .note-open{transform:rotate(45deg)}.note-item summary:hover .note-title{color:#698044}.note-content{padding:0 46px 22px 44px;color:var(--muted);font-size:14px;max-width:800px}.note-content p{margin:0}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:43px 0 47px}.contact .eyebrow{font-size:9px;margin-bottom:13px;letter-spacing:2px}.contact h2{font-family:var(--serif);font-size:29px;font-weight:500;margin:0 0 11px;line-height:1.65}.contact h2>span{color:#8b995c}.contact>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.contact-placeholder{display:flex;gap:13px;align-items:center}.contact-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex-shrink:0;border:1px solid #d0d7be;border-radius:50%;font-size:22px}.contact-placeholder p{font-size:13px;margin:0}.contact-placeholder small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:87px;font-size:10px;color:#6b7462}.site-footer p{margin:0}.site-footer>a{display:inline-flex;align-items:center;gap:11px;min-height:44px}
@media(min-width:1450px){.hero h1{font-size:56px}}
@media(max-width:1050px){.site-shell{padding:0 40px}.hero{gap:12px;padding-top:61px;padding-bottom:62px}.hero h1{font-size:43px}.hero-art{transform:scale(.9);transform-origin:center right}.hero-actions{gap:17px}.art-caption{left:6px}.paper-note{right:-4px}.contact h2{font-size:25px}.contact{gap:15px}}
@media(max-width:900px){.site-shell{padding:0 23px}.site-header{min-height:87px;gap:16px}.brand{font-size:12px;gap:8px}.brand-mark{font-size:34px}.brand small{font-size:7px;letter-spacing:1px}nav{gap:17px;font-size:12px}.nav-contact{padding:0;border:0;gap:5px}nav>a:nth-child(3){display:none}.hero{grid-template-columns:1fr;gap:17px;padding:40px 0 35px}.eyebrow{font-size:9px;letter-spacing:.6px;margin-bottom:23px;gap:7px}.template-label{font-size:9px}.hero h1{font-size:clamp(32px,7.8vw,50px);letter-spacing:-1px;margin-bottom:22px}.hero-role{font-size:15px;line-height:1.8}.hero-description{font-size:15px;line-height:1.95;max-width:420px}.desktop-break{display:none}.hero-actions{margin-top:24px;gap:22px}.button{font-size:12px;padding:12px 17px;gap:20px}.text-link{font-size:12px;gap:9px}.hero-art{height:340px;transform:none;max-width:410px;width:100%;justify-self:center}.art-orbit{width:285px;height:285px}.orbit-two{width:min(90%,300px);height:190px}.identity-card{width:218px;height:259px;padding:19px;top:47%}.card-symbol{font-size:133px}.card-bottom{padding-top:9px}.card-bottom small{font-size:8px}.paper-note{width:126px;height:105px;font-size:15px;padding:21px 15px;bottom:35px;right:4px}.art-caption{top:10px;left:7px;font-size:8px;letter-spacing:1.7px}.art-footnote{left:9px;right:5px;font-size:8px}.section{padding:34px 0 37px}.about{grid-template-columns:1fr;gap:24px}.section-label h2{font-size:25px;margin-top:7px}.section-label>span{font-size:9px}.about-lead{font-size:21px;line-height:1.75;margin-bottom:14px}.muted{font-size:15px}.tags{gap:7px;margin-top:20px}.tags span{font-size:10px;padding:5px 9px}.section-heading{display:block;margin-bottom:23px}.section-aside{font-size:11px;margin-top:13px}.work-grid{grid-template-columns:1fr;gap:33px}.work-visual{height:220px}.work-meta{margin-top:14px}.work-card h3{font-size:17px}.work-card>p{max-width:100%;font-size:15px}.pending-link{margin-top:12px}.note-item summary{gap:16px;min-height:94px;padding:17px 2px}.note-title{font-size:15px}.note-title small{font-size:11px}.note-content{padding:0 20px 20px 29px;font-size:15px}.contact{display:block;padding-top:33px}.contact h2{font-size:25px}.contact-placeholder{margin-top:26px}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:0 15px;padding:18px 0;min-height:90px}.site-footer>span{display:none}}
@media(max-width:359px){.site-shell{padding:0 17px}nav{gap:10px}.hero h1{font-size:30px}.hero-actions{gap:16px}.hero-art{height:315px}.identity-card{width:204px;height:247px}.card-symbol{font-size:125px}.art-orbit{width:255px;height:255px}.orbit-two{width:235px;height:160px}.paper-note{right:0}.contact h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{body{background:white}.site-shell{padding:0}.hero-art{display:none}.hero{display:block;padding:25px 0}.hero-actions,nav,.skip-link,.site-footer a{display:none}.section{break-inside:avoid}.work-visual{height:170px}.site-header{min-height:65px}.contact{display:block}.contact-placeholder{margin-top:15px}}
