@import"https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&family=Gochi+Hand&family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Noto+Serif+TC:wght@200..900&display=swap";:root{--color-paper: #f6f3ee;--color-blush: #f7d8d8;--color-tulip: #e8899b;--color-rose-ink: #9b4f5f;--color-ink: #211b1a;--color-muted-ink: rgba(33, 27, 26, .66);--color-faint-ink: rgba(33, 27, 26, .38);--color-line: rgba(33, 27, 26, .16);--color-card: rgba(255, 255, 255, .36);--color-placeholder: #8fb6d9;--color-leaf: #5e7d52;--font-hand: "Gochi Hand", cursive;--font-sans: "Elms Sans", "Inter", "Avenir Next", system-ui, sans-serif;--font-serif: "Libertinus Serif", "Georgia", serif;--font-cjk: "Noto Serif TC", "Libertinus Serif", serif;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-serif);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--color-paper)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-paper);letter-spacing:0}body,button,input,select{font:inherit}button,a{color:inherit}a{text-decoration-color:#9b4f5f57;text-underline-offset:.16em}a:hover{color:var(--color-rose-ink)}button,input,select{border:1px solid var(--color-line)}button{min-height:44px;cursor:pointer;background:#ffffff7a}button:hover{border-color:#9b4f5f6b}:focus-visible{outline:3px solid rgba(232,137,155,.6);outline-offset:4px}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;background:transparent;border-bottom:1px solid transparent;transition:background-color .18s ease,border-color .18s ease,backdrop-filter .18s ease}.site-header-scrolled,.site-header-menu-open{background:#f6f3eee6;border-bottom-color:var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header-inner,.footer-inner,#main-content>*{width:min(1180px,calc(100vw - 96px));margin-inline:auto}.site-header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:28px}.wordmark{font-family:var(--font-hand);font-size:clamp(2rem,4vw,2.65rem);line-height:1;text-decoration:none}.desktop-nav{display:flex;align-items:center;gap:22px;font-family:var(--font-sans);font-size:.95rem;text-transform:uppercase}.desktop-nav a,.mobile-nav a{text-decoration:none}.desktop-nav a.active,.mobile-nav a.active{color:var(--color-rose-ink)}.search-form{display:flex;align-items:stretch;gap:8px}.search-form input,.search-page-form input{min-height:44px;width:min(100%,260px);padding:0 14px;color:var(--color-ink);background:#ffffff8a;border-radius:8px;margin-right:5px}.search-form button,.search-page-form button,.button-link{min-height:44px;padding:0 16px;font-family:var(--font-sans);font-size:.88rem;text-transform:uppercase;background:var(--color-blush);border-radius:8px;text-decoration:none}.search-form button,.search-page-form button{background:var(--color-placeholder);border-color:#25395757}.search-form button:hover,.search-page-form button:hover{border-color:#2539578f}.search-form input:focus-visible,.search-page-form input:focus-visible{border-color:var(--color-placeholder);outline-color:#8fb6d9a3}.search-form-compact input{width:154px}.menu-button{display:none;padding:0 14px;font-family:var(--font-sans);text-transform:uppercase;border-radius:8px}.mobile-nav{display:none}#main-content{min-height:62vh}.home-page,.listing-page,.article-page,.contact-page,.not-found-page{padding-block:54px 86px}.home-hero{position:relative;display:grid;min-height:clamp(380px,58vw,620px);grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:32px}.hero-copy{position:relative;z-index:1}.home-hero h1{max-width:820px;margin:0;font-family:var(--font-hand);font-size:clamp(4rem,10vw,7rem);font-weight:400;line-height:.94}.home-hero h1 span{display:block}.hero-muted{color:#94857b}.hero-earth{color:#7a2f00}.hero-tulip{width:min(32vw,260px);min-width:170px;justify-self:center;transform:rotate(6deg)}.eyebrow{margin:0 0 12px;font-family:var(--font-sans);font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.2;color:var(--color-rose-ink);text-transform:uppercase}.home-sections,.category-columns,.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.home-sections{grid-template-columns:1fr;gap:0}.category-rows{display:grid;gap:0}.category-filter{display:flex;justify-content:flex-end;margin:-18px 0 30px;font-family:var(--font-sans)}.category-filter select{min-height:44px;min-width:190px;padding:0 42px 0 14px;color:var(--color-ink);background-color:#ffffff70;border-radius:8px}.home-divider{width:100%;height:1px;margin:0;border:0;background:var(--color-line)}.category-section,.post-card,.search-page-form{background:var(--color-card);border:1px solid var(--color-line);border-radius:8px}.category-section{padding:clamp(22px,3vw,34px)}.category-section-row{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start;padding:clamp(32px,6vw,70px) 0;background:transparent;border:0;border-radius:0}.category-section-row .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-intro{display:flex;min-width:0;flex-direction:column;align-items:start;justify-content:space-between;gap:18px}.section-heading-row h2,.search-results h2{margin:0;font-family:var(--font-sans);font-size:clamp(1.7rem,3vw,2.25rem);line-height:1}.section-copy{max-width:42rem;margin:0;color:var(--color-muted-ink);font-size:1.1rem;line-height:1.5}.text-link{font-family:var(--font-sans);font-size:.92rem;text-transform:uppercase;padding-bottom:20px}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.listing-grid{grid-template-columns:repeat(auto-fill,minmax(220px,260px));justify-content:start}.post-card{display:grid;overflow:hidden}.post-card-compact{align-self:start}.post-card-media{display:block;aspect-ratio:4 / 3;overflow:hidden;background:#8fb6d93d;text-decoration:none}.post-card-media img,.post-card-media .image-placeholder{width:100%;height:100%;object-fit:cover}.post-card-body{padding:18px}.post-card h3{margin:0 0 10px;font-family:var(--font-serif);font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.08}.post-card h3 a{text-decoration:none}.card-meta,.card-excerpt,.empty-copy,.loading-note{color:var(--color-muted-ink);line-height:1.55}.card-meta{margin:0;font-style:italic}.card-excerpt{margin:12px 0 0}.page-heading{margin-bottom:38px}.page-heading h1{max-width:900px;margin:0;font-family:var(--font-serif);font-size:clamp(3.1rem,7vw,5.5rem);line-height:.98}.article-page{width:min(1080px,calc(100vw - 96px))}.article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:clamp(28px,5vw,70px);padding-bottom:34px;border-bottom:1px solid var(--color-line)}.article-title-block h1{margin:0;font-family:var(--font-serif);font-size:clamp(3rem,7vw,5rem);line-height:1}.article-title-block .cjk-title,.cjk-title{font-family:var(--font-cjk)}.article-excerpt{max-width:680px;margin:22px 0 0;color:var(--color-muted-ink);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.48}.article-visual{width:100%}.article-visual img,.article-visual .image-placeholder{width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1px solid var(--color-line);border-radius:8px}.metadata-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:860px;margin:34px 0 48px}.metadata-grid div{padding-top:14px;border-top:1px solid var(--color-line)}.metadata-grid dt{font-family:var(--font-serif);font-style:italic;color:var(--color-rose-ink)}.metadata-grid dd{margin:4px 0 0;color:var(--color-ink);font-size:1.08rem}.article-body{max-width:800px;font-size:clamp(1.13rem,1.7vw,1.35rem);line-height:1.72}.article-body p{margin:0 0 1.25em}.article-body h2,.article-body h3{margin:1.8em 0 .6em;line-height:1.12}.article-body blockquote{margin:1.5em 0;padding-left:1.1em;color:var(--color-rose-ink);border-left:3px solid var(--color-tulip)}.cjk-body{font-family:var(--font-cjk)}.portable-image{margin:2rem 0}.portable-image img,.portable-image .image-placeholder{width:100%;border-radius:8px}.portable-image figcaption{margin-top:8px;color:var(--color-muted-ink);font-family:var(--font-sans);font-size:.9rem}.image-placeholder{display:grid;min-height:180px;place-items:center;padding:18px;color:#211b1ab8;font-family:var(--font-sans);text-align:center;background:linear-gradient(135deg,#fff7f170,#f7d8d861),var(--color-placeholder)}.contact-page{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(36px,7vw,94px);align-items:start}.contact-identity{text-align:center}.profile-photo-wrap{width:min(100%,300px);aspect-ratio:1;margin-inline:auto;overflow:hidden;background:var(--color-blush);border:1px solid rgba(155,79,95,.22);border-radius:50%}.profile-photo-wrap img,.profile-photo-wrap .image-placeholder{width:100%;height:100%;object-fit:cover}.contact-identity h1{margin:24px 0 0;font-family:var(--font-sans);font-size:clamp(2rem,4vw,3.2rem);line-height:1.04}.contact-content{display:grid;gap:38px;max-width:760px;font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.65}.contact-content section{padding-bottom:30px;border-bottom:1px solid var(--color-line)}.contact-content h2{margin:0 0 12px;font-family:var(--font-sans);font-size:clamp(1.6rem,3vw,2.2rem)}.resume-link{display:inline-block;margin-bottom:12px;font-family:var(--font-serif);font-size:1.45rem}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:var(--font-sans)}.search-page-form{display:grid;gap:12px;max-width:760px;padding:20px;margin-bottom:34px;font-family:var(--font-sans)}.search-page-form div{display:flex;gap:10px}.search-page-form input{flex:1;width:auto}.search-results{align-items:start}.search-results section{display:grid;gap:18px}.not-found-page{max-width:760px;text-align:center}.not-found-page h1{margin:0 auto 18px;font-family:var(--font-hand);font-size:clamp(3rem,8vw,5.8rem);font-weight:400;line-height:.98}.button-link{display:inline-flex;align-items:center;margin-top:18px;border:1px solid var(--color-line)}.site-footer{padding:56px 0;color:#efebe0;background:#253957;border-top:1px solid rgba(239,235,224,.18)}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 32px;align-items:start}.footer-wordmark{font-size:clamp(2rem,4vw,2.5rem);color:#fff}.footer-links{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#efebe0;font-family:var(--font-sans)}.site-footer a:hover{color:#fff}.footer-links a,.footer-links span,.contact-links a{display:inline-flex;align-items:center;gap:8px}.footer-links svg{width:1.1em;height:1.1em;flex:0 0 auto;color:currentColor}.contact-links svg{width:1.1em;height:1.1em;flex:0 0 auto;color:var(--color-rose-ink)}.footer-inner p{grid-column:1;max-width:560px;margin:0;color:#efebe0}@media (max-width: 1023px){.site-header-inner,.footer-inner,#main-content>*,.article-page{width:min(100vw - 64px,1180px)}.home-sections,.category-columns,.search-results,.category-section-row{grid-template-columns:1fr}.category-section-row .post-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.article-hero,.contact-page{grid-template-columns:1fr}.article-visual{max-width:360px}}@media (max-width: 760px){.site-header-inner,.footer-inner,#main-content>*,.article-page{width:min(100vw - 40px,1180px)}.desktop-nav{display:none}.menu-button{display:inline-flex;align-items:center}.mobile-nav{display:none;width:min(100vw - 40px,1180px);margin:0 auto;padding:0 0 18px;font-family:var(--font-sans);text-transform:uppercase}.mobile-nav-open{display:grid;gap:14px}.mobile-nav .search-form{display:grid;grid-template-columns:1fr auto}.mobile-nav .search-form input{width:100%}.home-page,.listing-page,.article-page,.contact-page,.not-found-page{padding-block:36px 68px}.home-hero{min-height:auto;grid-template-columns:1fr;gap:12px;padding-block:28px 54px}.hero-tulip{width:min(52vw,210px);justify-self:end;margin-top:-24px}.search-page-form div{display:grid}.metadata-grid,.footer-inner{grid-template-columns:1fr}.footer-links{grid-column:1;grid-row:auto;align-items:flex-start}}