@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--c-deep-space: #0F3453;--c-dusk: #165385;--c-tomato: #EE6B51;--c-jasmine: #FFE293;--c-light-blue: #AFDCED;--c-cool-steel: #9DA0A8;--c-paper: #FBF6EC;--c-paper-soft: #F3ECDB;--c-paper-edge: #E6DCC4;--c-ink: #0A1F33;--c-ink-soft: #21354A;--c-blue-50: #EAF4FB;--c-blue-100: #D2E6F4;--c-blue-200: #A8CCE5;--c-blue-300: #6FA8CC;--c-blue-400: #3E83B0;--c-blue-500: #165385;--c-blue-600: #0F3453;--c-blue-700: #0A2740;--c-blue-800: #061A2D;--c-blue-900: #03101F;--c-tomato-50: #FDECE7;--c-tomato-100: #FAD2C7;--c-tomato-300: #F39A82;--c-tomato-500: #EE6B51;--c-tomato-700: #B74A35;--c-jasmine-50: #FFF8E2;--c-jasmine-200: #FFEBB1;--c-jasmine-500: #FFE293;--c-jasmine-700: #C9A94C}:root,:root[data-theme=light]{--bg: var(--c-paper);--bg-soft: var(--c-paper-soft);--bg-sunken: var(--c-paper-edge);--bg-elevated: #FFFFFF;--bg-inverse: var(--c-deep-space);--fg-1: var(--c-ink);--fg-2: var(--c-ink-soft);--fg-3: #5A6B7D;--fg-muted: #8794A2;--fg-on-blue: var(--c-paper);--fg-on-accent: var(--c-deep-space);--fg-inverse: var(--c-paper);--border: #DCD2BB;--border-soft: #E6DCC4;--border-strong: #B7A98A;--border-blue: #C7DBEA;--brand: var(--c-dusk);--brand-hover: var(--c-deep-space);--brand-press: #0A2740;--brand-foreground:var(--c-paper);--accent-warm: var(--c-tomato);--accent-warm-soft:var(--c-tomato-50);--accent-glow: var(--c-jasmine);--accent-glow-soft:var(--c-jasmine-50);--accent-calm: var(--c-light-blue);--success: #4A7A4F;--warning: #C9892B;--danger: #B74A35;--info: var(--c-dusk);--focus-ring: 0 0 0 3px rgba(255, 226, 147, .55), 0 0 0 5px rgba(15, 52, 83, .9);--shadow-xs: 0 1px 2px rgba(15, 52, 83, .06);--shadow-sm: 0 1px 2px rgba(15, 52, 83, .06), 0 2px 6px rgba(15, 52, 83, .05);--shadow-md: 0 2px 4px rgba(15, 52, 83, .06), 0 8px 20px rgba(15, 52, 83, .08);--shadow-lg: 0 4px 8px rgba(15, 52, 83, .06), 0 18px 40px rgba(15, 52, 83, .12);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--gradient-horizon: linear-gradient(180deg, var(--c-light-blue) 0%, var(--c-paper) 100%);--gradient-dusk: linear-gradient(270deg, var(--c-deep-space), var(--c-dusk), #1F8C8E);--gradient-warm: linear-gradient(135deg, var(--c-tomato) 0%, var(--c-jasmine) 100%);color-scheme:light}:root[data-theme=dark]{--bg: var(--c-blue-800);--bg-soft: var(--c-blue-700);--bg-sunken: var(--c-blue-900);--bg-elevated: var(--c-blue-600);--bg-inverse: var(--c-paper);--fg-1: var(--c-paper);--fg-2: #C5D5E5;--fg-3: #93A7BC;--fg-muted: #6F8295;--fg-on-blue: var(--c-paper);--fg-on-accent: var(--c-deep-space);--fg-inverse: var(--c-ink);--border: #1E3D5B;--border-soft: #163049;--border-strong: #2E587E;--border-blue: #2E587E;--brand: var(--c-light-blue);--brand-hover: #C8E6F3;--brand-press: #8FC8E0;--brand-foreground:var(--c-deep-space);--accent-warm: var(--c-tomato);--accent-warm-soft:rgba(238, 107, 81, .18);--accent-glow: var(--c-jasmine);--accent-glow-soft:rgba(255, 226, 147, .18);--accent-calm: #5BA0C2;--success: #8FBE93;--warning: #EBC675;--danger: #F39A82;--info: var(--c-light-blue);--focus-ring: 0 0 0 3px rgba(255, 226, 147, .45), 0 0 0 5px rgba(175, 220, 237, .55);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 8px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .35), 0 18px 40px rgba(0, 0, 0, .55);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--gradient-horizon: linear-gradient(180deg, #1E3D5B 0%, var(--c-blue-800) 100%);--gradient-dusk: linear-gradient(270deg, #03101F, var(--c-deep-space), #0F4D5A);--gradient-warm: linear-gradient(135deg, var(--c-tomato) 0%, var(--c-jasmine) 100%);color-scheme:dark}:root{--font-sans: "Inter", "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 30px;--fs-3xl: 38px;--fs-4xl: 48px;--fs-5xl: 64px;--fs-6xl: 84px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed:1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .16em;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--space-10:72px;--space-11:96px;--space-12:128px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl:32px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .42s;--dur-gradient: 15s}html,body{background:var(--bg);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.h1{font-family:var(--font-display);font-size:clamp(var(--fs-4xl),5.5vw,var(--fs-6xl));font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1);text-wrap:balance}h2,.h2{font-family:var(--font-display);font-size:clamp(var(--fs-2xl),3.5vw,var(--fs-4xl));font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);text-wrap:balance}h3,.h3{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug)}h4,.h4{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}h5,.h5{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}h6,.h6{font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-2)}p,.body{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--fg-2);text-wrap:pretty}.lede{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--fg-2);text-wrap:pretty}small,.caption{font-size:var(--fs-sm);color:var(--fg-3);line-height:var(--lh-normal)}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-warm)}.quote{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--fg-1);text-wrap:balance}code,kbd,samp,pre,.mono{font-family:var(--font-mono);font-size:.92em}a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:color-mix(in oklab,var(--brand),transparent 60%);transition:color var(--dur-fast) var(--ease-out),text-decoration-color var(--dur-fast) var(--ease-out)}a:hover{color:var(--brand-hover);text-decoration-color:currentColor}a:active{color:var(--brand-press)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}::selection{background:var(--c-jasmine);color:var(--c-deep-space)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg-1)}body{min-height:100vh;font-family:var(--font-sans)}a{cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:0 32px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;padding-top:max(16px,env(safe-area-inset-top));padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right));background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:10px;color:var(--fg-1);text-decoration:none}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--brand)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em;white-space:nowrap}.nav-cluster{display:flex;align-items:center;gap:28px}.nav{display:flex;gap:28px}.nav-item{position:relative}.nav-link{font:500 14px/1 var(--font-sans);color:var(--brand);text-decoration:none;letter-spacing:-.005em;transition:color var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:4px}.nav-link:hover{color:var(--brand-hover)}.nav-link.is-active{color:var(--fg-1)}.nav-caret{font-size:9px;line-height:1;opacity:.55;transform:translateY(1px);transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.nav-item.has-menu:hover .nav-caret,.nav-item.has-menu:focus-within .nav-caret{opacity:1;transform:translateY(2px) rotate(-180deg)}.nav-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,4px);padding-top:10px;min-width:260px;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);z-index:30}.nav-item.has-menu:hover .nav-menu,.nav-item.has-menu:focus-within .nav-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-menu-inner{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px}.nav-menu-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background var(--dur-fast) var(--ease-out)}.nav-menu-item:hover{background:var(--bg-soft)}.nav-menu-item-title{font:600 14px/1.2 var(--font-sans);color:var(--fg-1);letter-spacing:-.005em}.nav-menu-item-desc{font:12px/1.35 var(--font-sans);color:var(--fg-3)}.icon-btn{width:34px;height:34px;border-radius:999px;background:transparent;border:1px solid var(--border);color:var(--fg-2);cursor:pointer;display:grid;place-items:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:var(--bg-soft);color:var(--fg-1)}.icon-btn:active{transform:scale(.97)}.hero-wrap{padding:56px 40px 0;max-width:960px;width:100%;margin:0 auto}.hero-figure{width:100%;max-width:760px;margin-left:auto;margin-right:auto;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;position:relative;border:1px solid var(--border-soft);box-shadow:var(--shadow-md);background:var(--bg-soft)}.hero-figure.is-photo{background:linear-gradient(135deg,#afdced,#d2e6f4 35%,#fbf6ec)}.hero-figure.is-illustration{background:var(--gradient-horizon)}.hero-figure.is-gradient{background-image:var(--gradient-dusk);background-size:220% 220%;animation:heroDrift var(--dur-gradient) ease-in-out infinite}@keyframes heroDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-figure-content{position:absolute;inset:0;display:grid;place-items:center}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.hero-photo-art{position:absolute;inset:0;overflow:hidden}.hero-photo-art .sun{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:var(--c-jasmine);right:14%;top:22%;box-shadow:0 0 80px #ffe29399}.hero-photo-art .horizon{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,#0f345300,#0f345329 80%);border-top:1px solid rgba(157,160,168,.4)}.hero-photo-art .mountains{position:absolute;left:0;right:0;bottom:36%;height:32%;background:linear-gradient(180deg,transparent 0%,rgba(15,52,83,.12) 100%);clip-path:polygon(0 100%,0 60%,8% 35%,15% 55%,22% 30%,32% 45%,40% 22%,50% 50%,58% 28%,68% 48%,78% 18%,88% 42%,100% 28%,100% 100%)}.hero-illustration{position:absolute;inset:0;background-image:url(/horizon.svg);background-size:cover;background-position:center}.hero-placeholder-caption{position:absolute;left:24px;bottom:20px;display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--font-mono);color:var(--c-deep-space);background:#fbf6ecc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px 12px;border-radius:999px;border:1px solid rgba(15,52,83,.08);letter-spacing:.02em;max-width:calc(100% - 48px)}.hero-placeholder-caption .caption-long{display:inline}.hero-placeholder-caption .caption-short{display:none}@media(max-width:560px){.hero-placeholder-caption .caption-long{display:none}.hero-placeholder-caption .caption-short{display:inline}.hero-placeholder-caption{left:16px;bottom:14px;padding:7px 11px}}.hero-figure.is-gradient .hero-placeholder-caption{background:#ffffff29;color:var(--c-paper);border-color:#ffffff38}.intro{padding:48px 40px 0;max-width:960px;width:100%;margin:0 auto}.intro .intro-name{white-space:nowrap}.intro h1{font-family:var(--font-display);font-size:clamp(26px,5.4vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0;color:var(--fg-1);text-wrap:balance;max-width:760px}.intro h1 .intro-welcome{opacity:.9;font-size:.75em}.intro .red-dot{display:inline-block;width:.22em;height:.22em;border-radius:999px;background:var(--c-tomato);margin-left:-.01em;vertical-align:baseline}.intro .red-dot.is-tight{margin-left:.09em}.intro .word-italic{font-style:italic;color:var(--c-tomato);font-weight:600}.intro .word-italic-cool{font-style:italic;color:var(--brand);font-weight:600}.section{padding:80px 40px 0;max-width:960px;width:100%;margin:0 auto}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.section-title{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;color:var(--brand);display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}.section-title .arrow{display:inline-block;font-weight:500;margin-left:4px;transition:transform var(--dur-fast) var(--ease-out)}.section-title:hover .arrow{transform:translate(4px)}a.section-title{text-decoration:none}a.section-title:hover{color:var(--brand-hover)}.now-body{font-size:17px;line-height:1.65;color:var(--fg-2);margin:0;max-width:720px;text-wrap:pretty}.posts-list{display:flex;flex-direction:column}.post-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:24px;padding:18px 0;border-top:1px solid var(--border-soft);text-decoration:none;color:inherit;transition:background var(--dur-fast) var(--ease-out)}.post-row:hover{background:color-mix(in srgb,var(--bg-soft) 50%,transparent)}.post-row:last-child{border-bottom:1px solid var(--border-soft)}.post-row-left{display:flex;flex-direction:column;gap:4px;min-width:0}.post-row-title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--brand);margin:0}.post-row:hover .post-row-title{color:var(--brand-hover)}.post-row-sub{font-size:14px;line-height:1.5;color:var(--fg-3);margin:0}.post-row-date{font:500 12px/1 var(--font-mono);color:var(--fg-3);letter-spacing:.02em;white-space:nowrap}.posts-grid,.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.post-card[hidden]{display:none}.post-card-cover{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-soft);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.post-card-cover img{display:block;width:100%;height:100%;object-fit:cover}.post-card:hover .post-card-cover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-card-meta{display:flex;flex-direction:column;gap:4px}.post-card-title{font-family:var(--font-display);font-size:17px;font-weight:600;font-style:italic;letter-spacing:-.01em;color:var(--fg-1);margin:0;line-height:1.3}.post-card-sub{font-size:13px;line-height:1.45;color:var(--fg-3);margin:0}.see-more-row{padding-top:24px;display:flex;justify-content:center}.btn-see-more{font:600 13px/1 var(--font-sans);color:var(--brand);background:transparent;border:1px solid var(--border);border-radius:999px;padding:11px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn-see-more:hover{background:var(--bg-soft);border-color:var(--border-strong);color:var(--brand-hover)}.btn-see-more .arrow{transition:transform var(--dur-fast) var(--ease-out)}.btn-see-more:hover .arrow{transform:translate(3px)}.books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}.book[hidden]{display:none}.book-cover{width:100%;position:relative;display:block}.book-cover img{display:block;width:100%;height:auto;border-radius:2px;filter:drop-shadow(0 6px 14px rgba(15,52,83,.18));transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.book:hover .book-cover img{transform:translateY(-3px);filter:drop-shadow(0 10px 20px rgba(15,52,83,.22))}.book-meta{display:flex;flex-direction:column;gap:2px}.book-title{font-family:var(--font-display);font-size:17px;font-weight:600;font-style:italic;letter-spacing:-.01em;color:var(--fg-1);margin:0;line-height:1.3}.book-author{font:12px/1.4 var(--font-mono);color:var(--fg-3);letter-spacing:.02em}.book-cover-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 14px;text-align:center;font-family:var(--font-display);color:var(--c-paper)}.cover-deep{background:linear-gradient(180deg,#0f3453,#061a2d)}.cover-warm{background:linear-gradient(180deg,#b74a35,#ee6b51)}.cover-cream{background:linear-gradient(180deg,#fbf6ec,#e6dcc4);color:var(--c-deep-space)}.cover-sky{background:linear-gradient(180deg,#afdced,#6fa8cc);color:var(--c-deep-space)}.book-cover-art .cover-author{font-family:var(--font-sans);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:auto;margin-top:8px}.book-cover-art .cover-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1;text-wrap:balance;margin-bottom:24px}.book-cover-art .cover-rule{width:30px;height:2px;background:currentColor;opacity:.5;margin:0 auto 10px}.playlists-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.playlist{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.playlist[hidden]{display:none}.playlist-cover{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-soft);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.playlist-cover img{display:block;width:100%;height:100%;object-fit:cover}.playlist:hover .playlist-cover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.playlist-meta{display:flex;flex-direction:column;gap:2px}.playlist-title{font-family:var(--font-display);font-size:17px;font-weight:600;font-style:italic;letter-spacing:-.01em;color:var(--fg-1);margin:0}.playlist-sub{font:12px/1.4 var(--font-mono);color:var(--fg-3);letter-spacing:.02em}.links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.link{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.link[hidden]{display:none}.link-cover{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;display:grid;place-items:center;padding:20px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-soft);color:var(--c-paper);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.link:hover .link-cover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.link-cover-label{font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.2;word-break:break-word;hyphens:auto}.link-meta{display:flex;flex-direction:column;gap:2px}.link-title{font-family:var(--font-display);font-size:17px;font-weight:600;font-style:italic;letter-spacing:-.01em;color:var(--fg-1);margin:0}.link-sub{font:12px/1.4 var(--font-mono);color:var(--fg-3);letter-spacing:.02em}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}.filter-chip{appearance:none;background:transparent;border:1px solid var(--border-soft);color:var(--fg-2);font:12px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.filter-chip:hover{color:var(--fg-1);border-color:var(--fg-3)}.filter-chip.is-active{background:var(--fg-1);color:var(--bg);border-color:var(--fg-1)}.search-input{width:100%;max-width:32rem;padding:10px 14px 10px 38px;font:var(--fw-medium) var(--fs-sm)/1.4 var(--font-sans);color:var(--fg-1);background-color:var(--bg);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px;border:1px solid var(--border-soft);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.search-input::placeholder{color:var(--fg-3)}.search-input:hover{border-color:var(--fg-3)}.search-input:focus{outline:none;border-color:var(--fg-1);box-shadow:0 0 0 3px color-mix(in oklab,var(--fg-1) 12%,transparent)}.blog-controls,.page-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-bottom:var(--space-7)}.page-controls[data-rows="2"]{flex-direction:column;align-items:stretch;gap:var(--space-4)}.page-controls .filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.page-controls .filter-row-label{font:11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:0 var(--space-2) 0 0;white-space:nowrap}.blog-empty-filtered,.list-empty-filtered{color:var(--fg-3);font:var(--fs-base)/1.5 var(--font-sans);margin:0;padding:var(--space-6) 0;text-align:center}.link-kind{align-self:flex-start;font:11px/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2);background:var(--bg-soft);border:1px solid var(--border-soft);padding:4px 8px;border-radius:999px;margin-top:2px}.q-deep{background:linear-gradient(135deg,#0f3453,#061a2d)}.q-dusk{background:linear-gradient(135deg,#165385,#0a2740)}.q-sky{background:linear-gradient(135deg,#afdced,#6fa8cc);color:var(--c-deep-space)}.q-paper{background:linear-gradient(135deg,#fbf6ec,#e6dcc4);color:var(--c-deep-space)}.q-tomato{background:linear-gradient(135deg,#ee6b51,#b74a35)}.q-jasmine{background:linear-gradient(135deg,#ffe293,#ffebb1);color:var(--c-deep-space)}.q-steel{background:linear-gradient(135deg,#9da0a8,#5a6b7d)}.q-blue50{background:linear-gradient(135deg,#eaf4fb,#d2e6f4);color:var(--c-deep-space)}.site-footer{margin-top:120px;padding:40px;border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:960px;width:100%;margin-left:auto;margin-right:auto;flex-wrap:wrap}.footer-left{display:flex;flex-direction:column;gap:4px}.footer-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:16px;color:var(--fg-1);margin:0}.footer-meta{font:12px/1.4 var(--font-mono);color:var(--fg-3)}.footer-meta a{color:var(--fg-3);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--fg-3),transparent 70%)}.footer-meta a:hover{color:var(--fg-1)}.footer-links{display:grid;grid-template-columns:auto auto;gap:4px 32px}.footer-links a{font:500 13px/1.5 var(--font-sans);color:var(--brand);text-decoration:none}.footer-links a:hover{color:var(--brand-hover)}[data-accent=none] .intro .red-dot{background:var(--brand)}[data-accent=none] .intro .word-italic,[data-accent=none] .intro .word-italic-cool{color:var(--fg-1);font-style:normal;font-weight:600}[data-accent=restrained] .intro .word-italic,[data-accent=restrained] .intro .word-italic-cool{font-style:normal;color:var(--fg-1);font-weight:600}[data-accent=playful] .intro h1{letter-spacing:-.028em}.menu-toggle,.mobile-drawer{display:none}@media(max-width:760px){.nav{display:none}.menu-toggle{display:grid}.mobile-drawer{display:block;position:fixed;inset:0;z-index:100;pointer-events:none}.mobile-drawer-scrim{display:none}.mobile-drawer-panel{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:var(--bg);transform:none;opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top) + 88px) max(24px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 40px) max(24px,env(safe-area-inset-left))}.mobile-drawer.is-open{pointer-events:auto}.mobile-drawer.is-open .mobile-drawer-panel{opacity:1;visibility:visible;transition:opacity var(--dur-base) var(--ease-out)}.site-header{z-index:110}.site-header .brand,.site-header .nav-cluster{position:relative;z-index:2}.mobile-drawer{z-index:1}.site-header:has(.mobile-drawer.is-open){background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-nav{display:flex;flex-direction:column;gap:4px;width:100%;max-width:520px;margin:0 auto}.mobile-nav-group{padding:8px 0 14px;border-bottom:1px solid var(--border-soft)}.mobile-nav-group:last-child{border-bottom:none}.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:14px 4px 10px;text-decoration:none;font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--brand);-webkit-tap-highlight-color:transparent}.mobile-nav-top svg{color:var(--fg-3);transition:transform var(--dur-fast) var(--ease-out)}.mobile-nav-top:hover svg,.mobile-nav-top:active svg{transform:translate(2px);color:var(--brand)}.mobile-nav-children{display:flex;flex-direction:column;gap:2px}.mobile-nav-child{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:12px;border-radius:10px;text-decoration:none;transition:background var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.mobile-nav-child:hover,.mobile-nav-child:active{background:var(--bg-soft)}.mobile-nav-child-title{font:600 15px/1.3 var(--font-sans);color:var(--fg-1);letter-spacing:-.005em}.mobile-nav-child-desc{font:13px/1.4 var(--font-sans);color:var(--fg-3)}}@media(max-width:760px){.site-header{padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.nav-cluster{gap:8px}.nav{gap:18px}.nav-link{font-size:13px}.icon-btn{width:44px;height:44px}.brand-name{font-size:17px}.hero-wrap,.intro,.section{padding-left:24px;padding-right:24px}.hero-wrap{padding-top:32px}.hero-figure{border-radius:18px}.books-grid,.playlists-grid,.posts-grid{grid-template-columns:repeat(2,1fr);gap:20px}.site-footer{padding:32px 24px;flex-direction:column;align-items:flex-start}}@media(max-width:480px){.hero-wrap,.intro,.section{padding-left:18px;padding-right:18px}.intro{padding-top:36px}.intro .intro-name{white-space:normal}.hero-wrap{padding-top:24px;display:flex;justify-content:center}.hero-figure{aspect-ratio:4 / 3;border-radius:18px;max-width:420px;margin:0 auto}.hero-photo-art .sun{right:auto;left:50%;top:26%;transform:translate(-50%);width:28%}.hero-photo-art .horizon{height:40%}.hero-photo-art .mountains{bottom:40%;height:28%}.hero-placeholder-caption{left:50%;transform:translate(-50%);bottom:14px}}@media(max-width:520px){.post-row{grid-template-columns:1fr;gap:4px}.books-grid,.playlists-grid,.posts-grid{grid-template-columns:1fr 1fr}}.page{width:100%;padding:96px 24px 48px;display:flex;flex-direction:column;gap:var(--space-9)}.page__header{display:flex;flex-direction:column;gap:var(--space-3)}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-warm);margin:0}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}.page h1{font-family:var(--font-display);font-size:clamp(var(--fs-2xl),4vw,var(--fs-4xl));font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-1);margin:0}.page__subtitle{font-size:var(--fs-base);color:var(--fg-3);line-height:var(--lh-normal);max-width:56ch;margin:0}.year-groups{display:flex;flex-direction:column;gap:var(--space-10)}.year-group{display:grid;grid-template-columns:1fr;column-gap:var(--space-8);row-gap:var(--space-4)}@media(min-width:768px){.year-group{grid-template-columns:8rem 1fr}}.year-group__label{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);color:var(--fg-3);font-variant-numeric:tabular-nums;margin:0}@media(min-width:768px){.year-group__label{position:sticky;top:96px;align-self:start}}.year-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.year-group__list>li+li{border-top:1px solid var(--border-soft)}.post-link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) 0;text-decoration:none;color:inherit;transition:color var(--dur-fast) var(--ease-out)}.post-link__main{display:flex;flex-direction:column;gap:var(--space-1)}.post-link__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--fg-1);margin:0;transition:color var(--dur-fast) var(--ease-out)}.post-link:hover .post-link__title{color:var(--brand)}.post-link__desc{font-size:var(--fs-sm);color:var(--fg-3);margin:0}.post-link__date{flex-shrink:0;font-size:var(--fs-sm);color:var(--fg-3);font-variant-numeric:tabular-nums}.blog-empty{color:var(--fg-3);font-size:var(--fs-md)}.tpl{width:100%;padding-top:80px;padding-bottom:var(--space-10);color:var(--fg-1)}.tpl-col{width:100%;max-width:56rem;margin:0 auto;padding:0 var(--space-6)}.above-hero{padding-top:var(--space-5);padding-bottom:var(--space-5);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.tpl-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg-2);text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:color var(--dur-fast) var(--ease-out)}.tpl-back:hover{color:var(--fg-1)}.tpl-back svg{width:16px;height:16px}.tpl-hero-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-sm)}.meta-bar{margin-top:var(--space-8);padding-bottom:var(--space-6);display:grid;grid-template-columns:1fr;column-gap:var(--space-6);row-gap:var(--space-3);border-bottom:1px solid var(--border-soft)}@media(min-width:768px){.meta-bar{grid-template-columns:1fr auto;align-items:baseline}}.meta-bar .title{grid-column:1;font-family:var(--font-display);font-size:clamp(var(--fs-xl),3.5vw,var(--fs-3xl));font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1);margin:0;text-wrap:balance}.meta-bar .subtitle{grid-column:1;margin:0;font-size:var(--fs-md);line-height:var(--lh-snug);color:var(--fg-2);font-weight:var(--fw-regular);text-wrap:pretty}.meta-bar .date{grid-column:1;justify-self:start;font-size:var(--fs-sm);color:var(--fg-3);font-variant-numeric:tabular-nums}.meta-bar .tag-row{grid-column:1;justify-self:start}@media(min-width:768px){.meta-bar .date{grid-column:2;grid-row:1;justify-self:end}.meta-bar .tag-row{grid-column:2;grid-row:2;justify-self:end}}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tpl-tag{display:inline-flex;align-items:center;font:var(--fw-semibold) 12px/1 var(--font-sans);letter-spacing:var(--tracking-snug);color:var(--fg-1);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);padding:7px 14px;text-decoration:none;white-space:nowrap}.tpl-tag:hover{background:var(--bg-sunken)}.tpl-article{padding-top:var(--space-8);padding-bottom:var(--space-10)}.tpl-article .prose{font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--fg-1)}.tpl-article .prose>*+*{margin-top:var(--space-5)}.tpl-article .prose h2{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);margin-top:var(--space-9);color:var(--fg-1)}.tpl-article .prose h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin-top:var(--space-8);color:var(--fg-1)}.tpl-article .prose a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.tpl-article .prose a:hover{color:var(--brand-hover)}.tpl-article .prose figure{margin:var(--space-8) 0}.tpl-article .prose figure img{width:100%;border-radius:var(--radius-sm)}.tpl-article .prose figcaption{margin-top:var(--space-2);font-size:var(--fs-sm);color:var(--fg-3);text-align:center}.tpl-article .prose blockquote.pullquote,.tpl-article .prose .pullquote{font-family:var(--font-display);font-size:var(--fs-xl);line-height:var(--lh-snug);font-weight:var(--fw-medium);color:var(--fg-1);margin:var(--space-9) 0;padding:0 0 0 var(--space-6);border-left:3px solid var(--accent-warm);text-wrap:balance}.post-end{margin-top:var(--space-9);padding:var(--space-8) 0 var(--space-9);border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:var(--space-8)}.post-end-thanks{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.post-end-thanks h2{font-family:var(--font-display);font-size:var(--fs-2xl);margin:0;color:var(--fg-1)}.post-end-thanks p{margin:0;color:var(--fg-3)}.post-end-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-7);border-top:1px solid var(--border-soft);font-size:var(--fs-sm);color:var(--fg-3)}.post-end-meta time{font-variant-numeric:tabular-nums}.post-end-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.post-end-share-btn{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--border-soft);border-radius:999px;background:transparent;color:var(--fg-2);font:inherit;font-size:var(--fs-sm);text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.post-end-share-btn:hover{background:var(--bg-sunken);color:var(--fg-1)}.post-end-share-btn.is-copied{background:var(--accent-warm, var(--fg-1));color:var(--bg-base, #fff);border-color:transparent}.post-end-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-soft)}.post-end-nav-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--border-soft);border-radius:12px;text-decoration:none;color:var(--fg-1);transition:background .12s ease,border-color .12s ease,transform .12s ease;min-height:64px}.post-end-nav-link:hover{background:var(--bg-sunken);border-color:var(--border-strong, var(--fg-3))}.post-end-nav-link.next{text-align:right;align-items:flex-end}.post-end-nav-link.empty{border-style:dashed;opacity:.35;pointer-events:none}.post-end-nav-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3)}.post-end-nav-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-medium);line-height:1.25}.post-end-site{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-7);border-top:1px solid var(--border-soft)}.post-end-site-left{display:flex;flex-direction:column;gap:4px}.post-end-site-name{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:16px;color:var(--fg-1);margin:0}.post-end-site-copy{font:12px/1.4 var(--font-mono);color:var(--fg-3);margin:0}.post-end-site-links{display:flex;flex-wrap:wrap;gap:4px 28px}.post-end-site-links a{font:500 13px/1.5 var(--font-sans);color:var(--brand);text-decoration:none}.post-end-site-links a:hover{color:var(--brand-hover)}@media(max-width:600px){.post-end-nav{grid-template-columns:1fr}.post-end-nav-link.next{text-align:left;align-items:flex-start}.post-end-site{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.page{padding:80px 16px 32px}.tpl-col{padding-left:20px;padding-right:20px}}.library-grid{grid-template-columns:repeat(5,1fr)!important;gap:var(--space-8)!important}@media(max-width:1024px){.library-grid{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:760px){.library-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:480px){.library-grid{grid-template-columns:repeat(2,1fr)!important}}.library-detail-head{margin-top:var(--space-5);padding-bottom:var(--space-7);border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:start}@media(min-width:768px){.library-detail-head{grid-template-columns:220px 1fr;gap:var(--space-8)}}.library-detail-cover{width:100%;max-width:220px}.library-detail-meta{display:flex;flex-direction:column;gap:var(--space-3)}.library-detail-meta .title{font-family:var(--font-display);font-size:clamp(var(--fs-xl),3.5vw,var(--fs-3xl));font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0;color:var(--fg-1)}.library-detail-meta .subtitle{margin:0;font-size:var(--fs-md);color:var(--fg-2)}.library-detail-meta .library-detail-desc{margin:0;font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--fg-3);text-wrap:pretty}.library-detail-meta .date{font-size:var(--fs-sm);color:var(--fg-3);font-variant-numeric:tabular-nums}