@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--bg:#f3efe7;--surface:#fffcf6b8;--surface-solid:#faf7f0;--ink:#19243b;--muted:#6f756f;--line:#19243b24;--accent:#d26b50;--accent-soft:#e8a48d;--blue:#496d88;--shadow:0 24px 70px #3831271f;--serif:"Noto Serif SC", "Songti SC", serif;--sans:"Noto Sans SC", system-ui, sans-serif}:root[data-theme=dark]{--bg:#101827;--surface:#1a2538c2;--surface-solid:#19243a;--ink:#edf0ec;--muted:#abb3b5;--line:#ecf0eb24;--accent:#ec8c70;--accent-soft:#d6816a;--blue:#91b2c5;--shadow:0 24px 80px #00000052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);font-family:var(--sans);margin:0;line-height:1.75;transition:color .25s,background .25s}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit;font:inherit}.shell{width:min(1180px,100% - 48px);margin-inline:auto}.narrow{width:min(850px,100% - 48px)}.background{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.background:before{content:"";opacity:.68;background:linear-gradient(120deg,#ffffff57,#0000 45%),url(/images/background-pattern.svg) 50%/780px;position:absolute;inset:0}.orb{filter:blur(3px);opacity:.28;border-radius:999px;position:absolute}.orb-one{background:#efb08c;width:520px;height:520px;top:-170px;right:-130px}.orb-two{background:#9abdc7;width:480px;height:480px;top:50%;left:-210px}.grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:min(1260px,100% - 48px);min-height:92px;margin:0 auto;display:grid}.brand{align-items:center;gap:12px;width:max-content;display:inline-flex}.brand-mark{border:1px solid var(--ink);width:42px;height:42px;font:700 21px var(--serif);border-radius:50%;place-items:center;display:grid}.brand strong{font:700 20px/1 var(--serif);letter-spacing:.04em;display:block}.brand small{color:var(--muted);letter-spacing:.24em;margin-top:6px;font-size:8px;display:block}.site-header nav{align-items:center;gap:42px;display:flex}.site-header nav a{color:var(--muted);padding:10px 2px;font-size:14px;position:relative}.site-header nav a:after{content:"";background:var(--accent);height:2px;transition:all .2s;position:absolute;bottom:1px;left:50%;right:50%}.site-header nav a:hover,.site-header nav a.active{color:var(--ink)}.site-header nav a.active:after,.site-header nav a:hover:after{left:0;right:0}.theme-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;justify-self:end;width:44px;height:44px}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:inline}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;min-height:690px;padding:78px 0 100px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.24em;margin:0 0 22px;font-size:11px;font-weight:700}.eyebrow span{vertical-align:middle;background:currentColor;width:28px;height:1px;margin-right:10px;display:inline-block}.hero h1{font:600 clamp(42px, 5.1vw, 75px)/1.28 var(--serif);letter-spacing:-.035em;margin:0}.hero h1 em{color:var(--accent);font-style:normal}.hero-description{max-width:590px;color:var(--muted);margin:30px 0 0;font-size:16px;line-height:2}.hero-actions{align-items:center;gap:32px;margin-top:40px;display:flex}.primary-button{border:1px solid var(--ink);background:var(--ink);color:var(--bg);align-items:center;gap:24px;padding:14px 22px;font-size:14px;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #19243b29}.text-link{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.text-link span{color:var(--accent);margin-left:10px}.hero-art{place-items:center;min-height:470px;display:grid;position:relative}.photo-frame{width:min(390px,90%);box-shadow:var(--shadow);background:#e9e2d5;padding:16px 16px 58px;position:relative;transform:rotate(2.2deg)}.photo-frame:before{content:"";pointer-events:none;border:1px solid #2c353a21;position:absolute;inset:10px}.photo-frame img{aspect-ratio:.92;object-fit:cover;filter:saturate(.78)contrast(.92);width:100%}.photo-frame p{color:#4b5355;text-align:right;margin:0;font:italic 12px/1.35 Georgia,serif;position:absolute;bottom:13px;right:28px}.tape{z-index:2;background:#decdaabd;width:80px;height:28px;position:absolute}.tape-one{top:3px;left:-24px;transform:rotate(-34deg)}.tape-two{bottom:65px;right:-26px;transform:rotate(-8deg)}.scribble{color:var(--accent);font:500 20px var(--serif);writing-mode:vertical-rl;position:absolute;top:17%;right:-8px;transform:rotate(9deg)}.latest{border-top:1px solid var(--line);padding:105px 0 120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font:600 38px var(--serif);margin:0}.section-heading>a{color:var(--muted);border-bottom:1px solid var(--line);font-size:13px}.section-heading>a span{color:var(--accent);margin-left:15px}.post-grid{grid-template-columns:repeat(2,1fr);gap:38px;display:grid}.post-card{min-width:0}.post-cover{background:var(--surface-solid);aspect-ratio:1.62;display:block;position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.post-cover:hover img{transform:scale(1.035)}.cover-arrow{color:#19243b;backdrop-filter:blur(8px);background:#faf7f0e0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:18px;right:18px}.post-card-body{padding:24px 4px 0}.post-meta{color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;gap:9px;font-size:12px;display:flex}.post-card h2{font:600 27px/1.45 var(--serif);margin:10px 0}.post-card h2 a:hover{color:var(--accent)}.post-card-body>p{color:var(--muted);margin:0;font-size:14px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.tag-row span{color:var(--blue);font-size:11px}.quote-section{text-align:center;border-top:1px solid var(--line);min-height:340px;padding:90px 20px 100px;position:relative}.quote-mark{height:48px;color:var(--accent-soft);font:80px/1 Georgia,serif;display:block}.quote-section blockquote{font:500 clamp(24px,3vw,38px)/1.65 var(--serif);margin:24px 0}.quote-line{background:var(--accent);width:42px;height:1px;margin:25px auto 0;display:block}.page-hero{text-align:center;padding:110px 0 70px}.page-hero h1,.about-page h1{font:600 clamp(40px,5vw,62px) var(--serif);margin:0 0 14px}.page-hero>p:last-child{color:var(--muted)}.archive-list{padding-bottom:130px}.archive-item{border-top:1px solid var(--line);grid-template-columns:130px 1fr auto;align-items:center;gap:30px;padding:28px 5px;display:grid}.archive-item:last-child{border-bottom:1px solid var(--line)}.archive-item time{color:var(--muted);font-size:12px}.archive-item h2{font:600 23px var(--serif);margin:0 0 5px}.archive-item p{color:var(--muted);margin:0;font-size:13px}.archive-item>span,.archive-item:hover h2{color:var(--accent)}.about-page{padding:120px 0 150px}.about-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(15px);grid-template-columns:230px 1fr;align-items:start;gap:60px;padding:50px;display:grid}.about-portrait{aspect-ratio:.8;color:#f5ede2;font:700 90px var(--serif);background:linear-gradient(155deg,#48687e,#1b283d 58%,#c46e59);place-items:center;display:grid}.about-card p{color:var(--muted)}.about-card .primary-button{margin-top:18px}.about-card code{color:var(--accent)}.article{padding:100px 0 140px}.back-link{color:var(--muted);margin-bottom:42px;font-size:13px;display:inline-block}.article-header{text-align:center}.article-header .post-meta{justify-content:center}.article-header h1{font:600 clamp(38px,6vw,62px)/1.35 var(--serif);margin:22px 0 18px}.article-header>p{max-width:650px;color:var(--muted);margin:0 auto}.article-cover{aspect-ratio:1.8;object-fit:cover;width:100%;margin:55px 0 65px}.prose{font-family:var(--serif);font-size:17px;line-height:2.05}.prose h2{margin:2.4em 0 .7em;font-size:28px;line-height:1.5}.prose p{margin:1.3em 0}.prose a{color:var(--accent);border-bottom:1px solid}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);margin:2.2em 0;padding:10px 28px}.prose code{background:var(--surface-solid);color:var(--accent);border-radius:4px;padding:3px 7px;font-family:Consolas,monospace;font-size:.88em}.article-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:80px;padding-top:25px;font-size:13px;display:flex}.article-footer a{color:var(--accent)}.music-player{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);backdrop-filter:blur(18px);border-radius:50px;align-items:center;gap:12px;padding:9px 16px 9px 9px;display:flex;position:fixed;bottom:24px;left:26px;box-shadow:0 10px 40px #14191e21}.music-disc{color:#f4e9dc;cursor:pointer;background:repeating-radial-gradient(circle,#253044 0 3px,#101827 4px 6px);border:0;border-radius:50%;width:44px;height:44px;padding:0;position:relative}.disc-center{background:var(--accent);border-radius:50%;place-items:center;width:15px;height:15px;margin:auto;font-size:9px;display:grid}.playing .music-disc{animation:4s linear infinite spin}.music-info{min-width:115px;line-height:1.25;display:grid}.music-eyebrow{color:var(--accent);letter-spacing:.18em;font-size:7px}.music-info strong{margin:3px 0;font-size:11px}.music-info>span:last-child{color:var(--muted);font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{border-top:1px solid var(--line);width:min(1260px,100% - 48px);min-height:110px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:11px;display:flex}.site-footer a{color:var(--ink)}@media (width<=850px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-area:2/1/auto/-1;justify-content:center;padding-bottom:12px}.theme-toggle{grid-area:1/2}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{min-height:430px}.post-grid,.about-card{grid-template-columns:1fr}.about-portrait{max-width:230px}}@media (width<=560px){.shell,.narrow,.site-header,.site-footer{width:min(100% - 30px,1180px)}.site-header{min-height:80px}.site-header nav{gap:28px}.hero{min-height:0;padding:60px 0 80px}.hero h1{font-size:38px}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap;gap:22px}.hero-art{min-height:360px}.photo-frame{width:84%}.latest{padding:80px 0}.section-heading{align-items:start;gap:20px}.section-heading h2{font-size:30px}.section-heading>a{font-size:11px}.archive-item{grid-template-columns:1fr auto;gap:12px}.archive-item time{grid-column:1/-1}.archive-item p{display:none}.about-page{padding:70px 0 100px}.about-card{gap:35px;padding:28px}.article{padding:70px 0 110px}.article-cover{margin:40px 0}.music-player{bottom:15px;left:15px}.music-info{display:none}.music-player{padding:6px}.site-footer{align-items:flex-start;padding:30px 0 90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}