@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--bg:#f7f6f2;--paper:#fffefa;--ink:#222722;--muted:#777b73;--line:#e7e4dc;--accent:#d96f4c;--accent-soft:#f4e4d9;--sage:#dfe8df;--blue:#dce7ed;--shadow:0 18px 50px rgba(44,47,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans","Noto Serif SC",sans-serif;line-height:1.7;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}.site-header{height:82px;padding:0 max(28px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,246,242,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:19px;letter-spacing:.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);color:white;border-radius:11px;font-family:"Noto Serif SC",serif;font-size:17px}.brand-dot,.heading-period{color:var(--accent)}.nav{display:flex;align-items:center;gap:36px;font-size:13px;color:var(--muted)}.nav>a{padding:9px 0;position:relative}.nav>a:hover,.nav>a.active{color:var(--ink)}.nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--accent)}.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:20px}.menu-toggle{display:none}.hero{min-height:570px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding-top:45px;padding-bottom:55px}.eyebrow{font:600 10px "DM Sans",sans-serif;letter-spacing:.18em;color:var(--accent);display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow-line{width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1{font-family:"Noto Serif SC",serif;font-weight:500;letter-spacing:-.055em;font-size:clamp(42px,5vw,66px);line-height:1.28;margin:0 0 22px}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--accent)}.hero-desc{color:var(--muted);font-size:15px;line-height:2.1;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:25px;padding:13px 20px;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--accent)}.button span{font-size:17px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:5px}.text-link span{color:var(--accent);margin-left:8px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-card{width:min(370px,82%);height:315px;position:relative;overflow:hidden;background:#e8e0d2;border-radius:5px;box-shadow:var(--shadow);transform:rotate(2deg)}.art-card-top{position:absolute;left:20px;right:20px;top:16px;display:flex;gap:5px;align-items:center;z-index:5}.art-card-top>span{width:6px;height:6px;border-radius:50%;background:#c6a994}.art-card-top small{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#857e72}.art-sun{position:absolute;width:125px;height:125px;border-radius:50%;background:#e9a875;right:57px;top:64px}.art-hill{position:absolute;bottom:-70px;width:130%;height:210px;border-radius:50% 50% 0 0}.hill-back{background:#b9c6b6;left:-25%;transform:rotate(-13deg)}.hill-front{background:#8d9f8d;right:-35%;bottom:-112px;transform:rotate(14deg)}.art-caption{position:absolute;left:27px;bottom:24px;z-index:3;color:#fff;display:flex;align-items:end;gap:14px}.art-caption span{font-family:"Noto Serif SC",serif;font-size:18px;writing-mode:vertical-rl;letter-spacing:.2em}.art-caption b{font-size:22px;line-height:1.08;letter-spacing:.04em}.art-orbit{position:absolute;border:1px solid #d9c7b4;border-radius:50%;width:440px;height:220px;transform:rotate(-26deg)}.orbit-two{width:390px;height:290px;transform:rotate(36deg);border-color:#e7d7c9}.art-note{position:absolute;font-size:10px;letter-spacing:.12em;color:var(--muted)}.note-a{left:2%;top:16%}.note-b{right:0;bottom:12%;writing-mode:vertical-rl}.intro-strip{background:#e9ece4;border-block:1px solid #e0e4dc}.intro-inner{min-height:94px;display:flex;align-items:center;gap:35px}.strip-label{font-size:9px;letter-spacing:.17em;color:#818a7c;white-space:nowrap}.intro-inner p{margin:0;color:#687166;font-size:14px;flex:1}.intro-inner strong{color:#394438;font-weight:600}.intro-inner>a{font-size:22px;color:var(--accent)}.section{padding-top:95px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.bottom-cta h2{font-family:"Noto Serif SC",serif;font-size:30px;font-weight:500;letter-spacing:-.04em;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.post-visual{height:205px;display:block;position:relative;overflow:hidden;padding:20px;transition:transform .25s}.post-visual:hover{transform:translateY(-4px)}.visual-sand{background:#eadcc9}.visual-blue{background:#d9e5e8}.visual-green{background:#dce5d8}.visual-index{font-size:9px;letter-spacing:.15em;color:#77776d}.visual-quote{position:absolute;left:24px;bottom:25px;font:500 26px/1.45 "Noto Serif SC",serif;color:#42473e}.visual-symbol{position:absolute;right:25px;top:45px;font-size:66px;color:rgba(217,111,76,.65)}.post-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;margin:18px 0 9px}.post-meta span{color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:2px}.post-card h3{font:600 17px "Noto Serif SC",serif;margin:0 0 8px}.post-card h3 a:hover,.blog-row h2 a:hover{color:var(--accent)}.post-card>p{font-size:12px;color:var(--muted);margin-bottom:14px}.read-more{font-size:11px;font-weight:600}.read-more span{color:var(--accent);margin-left:7px}.quote-section{background:#303b34;color:#f7f6f2}.quote-inner{padding:73px 0 68px;text-align:center}.quote-mark{font:80px Georgia,serif;color:#d58a6d;line-height:.8}.quote-inner blockquote{font:500 25px/1.9 "Noto Serif SC",serif;margin:12px 0 22px}.quote-credit{font-size:9px;letter-spacing:.2em;color:#aab4a8}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding-top:75px;padding-bottom:80px}.bottom-cta .eyebrow{margin-bottom:10px}.bottom-cta h2{margin-bottom:8px}.bottom-cta p{font-size:13px;color:var(--muted);margin:0}.button-outline{border:1px solid var(--line)}.button-outline:hover{border-color:var(--accent);color:var(--accent)}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.footer-brand{font-size:15px;color:var(--ink)}.footer-brand .brand-mark{width:27px;height:27px;font-size:13px;border-radius:8px}.back-top{color:var(--muted)}.back-top:hover{color:var(--accent)}
/* inner pages */.page-main{min-height:calc(100vh - 168px)}.page-hero{padding:95px 0 48px;border-bottom:1px solid var(--line)}.page-hero .eyebrow{margin-bottom:17px}.page-hero h1{font-size:clamp(42px,5vw,58px);margin-bottom:14px}.page-hero>p:last-child{color:var(--muted);font-size:14px;margin:0}.blog-tools{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 13px;border-radius:30px;font-size:11px;cursor:pointer}.filter-chip.active,.filter-chip:hover{background:var(--ink);border-color:var(--ink);color:white}.search-box{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:5px 0;color:var(--muted)}.search-box span{font-size:23px}.search-box input{border:0;outline:0;background:transparent;color:var(--ink);font:12px inherit;width:190px}.blog-row{display:grid;grid-template-columns:65px 1fr 40px;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.blog-row[hidden]{display:none}.row-number{font:italic 23px Georgia,serif;color:#c4bdb0}.row-content .post-meta{margin:0 0 7px}.blog-row h2{font:500 21px "Noto Serif SC",serif;margin:0 0 5px}.blog-row p{font-size:12px;color:var(--muted);margin:0}.row-arrow{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.row-arrow:hover{background:var(--accent);color:white}.empty-state{padding:40px 0;text-align:center;color:var(--muted);font-size:13px}.blog-footnote{padding:40px 0 80px;text-align:center;color:var(--muted);font-size:12px}.tiny-star{color:var(--accent);font-size:19px;margin-right:8px}
.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding:70px 8% 85px}.profile-art{height:340px;background:#e8e3d7;position:relative;display:grid;place-items:center;overflow:hidden}.profile-avatar{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f1d8bc,#d6e3dc);color:#986e56;font:500 40px "Noto Serif SC",serif;box-shadow:0 15px 40px #8a8a7c33;z-index:2}.profile-orbit{position:absolute;width:280px;height:280px;border:1px solid #c7bcae;border-radius:50%}.profile-stamp{position:absolute;right:18px;bottom:17px;font-size:9px;line-height:1.4;letter-spacing:.16em;color:#8a8578}.about-copy .eyebrow{margin-bottom:12px}.about-copy h2{font:500 29px "Noto Serif SC",serif;margin:0 0 18px}.accent-text{color:var(--accent)}.about-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}.about-facts{margin:25px 0 28px;border-top:1px solid var(--line)}.about-facts div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.about-facts span{color:var(--muted)}.about-facts strong{font-weight:600}.about-note{background:#e9ece4;text-align:center;padding:43px 20px;margin-bottom:90px}.about-note .quote-mark{font-size:58px}.about-note p{font:500 20px/1.8 "Noto Serif SC",serif;color:#4a5549;margin:0}
/* article */.article-main{padding-top:42px;padding-bottom:80px}.back-link{font-size:12px;color:var(--muted)}.back-link:hover,.article-bottom a:hover{color:var(--accent)}.article{max-width:760px;margin:45px auto 0}.article-header{text-align:center}.article-header .post-meta{justify-content:center;margin:0 0 20px}.article-header h1{font:500 clamp(30px,4vw,44px)/1.4 "Noto Serif SC",serif;letter-spacing:-.04em;margin:0 0 14px}.article-lead{font-size:14px;color:var(--muted);margin-bottom:32px}.article-cover{height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:42px;font-size:11px;letter-spacing:.2em;color:#777}.article-cover b{font-size:68px;position:absolute;right:12%;color:#d58a6d88}.cover-sand{background:#eadcc9}.cover-blue{background:#d9e5e8}.cover-green{background:#dce5d8}.article-body{font:15px/2.1 "Noto Serif SC",serif;color:var(--ink)}.article-body p{margin:0 0 22px}.article-body h2{font:600 21px "Noto Serif SC",serif;margin:35px 0 13px}.article-body blockquote{margin:30px 0;padding:15px 22px;border-left:3px solid var(--accent);background:var(--paper);color:var(--muted)}.article-end{text-align:center;border-top:1px solid var(--line);margin-top:45px;padding-top:28px;color:var(--muted);font-size:12px}.article-end span{color:var(--accent);font-size:24px}.article-end p{margin:3px 0}.article-bottom{max-width:760px;margin:35px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.dark-theme{--bg:#1e2421;--paper:#252d28;--ink:#edf0e9;--muted:#a7b0a6;--line:#39423c;--accent:#e18a68;--accent-soft:#49372f;--sage:#303b34;--blue:#303b42}.dark-theme .site-header{background:rgba(30,36,33,.9)}.dark-theme .intro-strip,.dark-theme .about-note{background:#303b34;border-color:#3b483e}.dark-theme .intro-inner p,.dark-theme .intro-inner strong,.dark-theme .about-note p{color:#d2dbcf}.dark-theme .profile-art{background:#39433d}.dark-theme .art-card{box-shadow:0 18px 50px #0004}.dark-theme .quote-section{background:#121714}
@media(max-width:800px){.wrap{width:min(100% - 40px,620px)}.site-header{height:70px;padding:0 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 22px 22px;background:var(--bg);border-bottom:1px solid var(--line);gap:22px;align-items:center}.nav.nav-open{display:flex}.hero{grid-template-columns:1fr;gap:10px;padding-top:70px}.hero-art{height:340px;margin-top:8px}.art-card{height:280px}.intro-inner{gap:15px;min-height:105px}.strip-label{display:none}.section{padding-top:70px;padding-bottom:75px}.post-grid{grid-template-columns:1fr;gap:35px}.post-visual{height:230px}.section-heading{align-items:start;gap:20px}.section-heading h2,.bottom-cta h2{font-size:25px}.section-heading>.text-link{white-space:nowrap;margin-top:18px;font-size:11px}.bottom-cta{gap:22px;align-items:flex-start;flex-direction:column}.footer-inner{padding:20px 0;gap:12px;flex-wrap:wrap}.footer-inner>span{order:3;width:100%}.page-hero{padding:70px 0 35px}.blog-tools{align-items:flex-start;flex-direction:column}.search-box{width:100%}.search-box input{width:100%}.blog-row{grid-template-columns:35px 1fr 32px;gap:10px}.blog-row h2{font-size:17px}.blog-row p{font-size:11px}.about-layout{grid-template-columns:1fr;gap:35px;padding:45px 0 65px}.profile-art{height:280px}.profile-avatar{width:160px;height:160px}.about-note{margin-bottom:60px}.article-main{padding-top:28px}.article{margin-top:35px}.article-cover{height:180px}.article-body{font-size:14px}}
@media(max-width:420px){.hero h1,.page-hero h1{font-size:40px}.hero-actions{gap:17px}.button{padding:12px 15px}.art-orbit{width:330px}.intro-inner p{font-size:12px}.section-heading{flex-direction:column}.section-heading>.text-link{margin-top:0}.blog-row{grid-template-columns:28px 1fr 30px}.row-number{font-size:18px}.post-meta{font-size:10px}.about-facts div{gap:12px}.about-facts strong{text-align:right}}