@charset "UTF-8";:root{--color-paper: #f7f5f0;--color-paper-warm: #f1eee6;--color-card: #fffdf9;--color-ink: #1f1e1a;--color-ink-soft: #47463f;--color-ink-muted: #6e6b61;--color-ink-faint: rgba(31, 30, 26, .08);--color-blue: #4285f4;--color-red: #ea4335;--color-yellow: #f9ab00;--color-green: #34a853;--color-purple: #a142f4;--tint-blue: #e4edfd;--tint-red: #fce5e1;--tint-yellow: #fdf0d3;--tint-green: #e1f2e6;--tint-purple: #efe3fd;--color-bg-primary: var(--color-paper);--color-bg-secondary: var(--color-paper-warm);--color-bg-tertiary: var(--color-paper-warm);--color-bg-card: var(--color-card);--color-bg-card-hover: #fffefc;--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-soft);--color-text-tertiary: var(--color-ink-muted);--color-accent-primary: var(--color-blue);--color-accent-secondary: var(--color-ink);--color-accent-glow: var(--tint-blue);--color-border: rgba(31, 30, 26, .14);--color-border-hover: rgba(31, 30, 26, .4);--gradient-accent: linear-gradient( 100deg, var(--color-blue), var(--color-purple) 55%, var(--color-red) );--gradient-subtle: linear-gradient(135deg, var(--tint-blue) 0%, var(--tint-purple) 100%);--font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "DM Mono", "SFMono-Regular", Menlo, monospace;--text-2xs: .6875rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-xl: clamp(1.375rem, 1.15rem + 1.2vw, 1.875rem);--text-2xl: clamp(1.875rem, 1.4rem + 2.4vw, 3rem);--text-3xl: clamp(2.5rem, 1.7rem + 4vw, 4.5rem);--text-display: clamp(2.75rem, 1.9rem + 4.5vw, 5rem);--text-hero: clamp(3rem, 1.9rem + 6.5vw, 7rem);--leading-tight: 1.04;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.035em;--tracking-normal: -.011em;--tracking-wide: .14em;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 9rem;--container-max: 1240px;--container-padding: clamp(1.25rem, 4vw, 4rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.75rem;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(31, 30, 26, .04), 0 8px 24px rgba(31, 30, 26, .05);--shadow-card-hover: 0 2px 4px rgba(31, 30, 26, .05), 0 20px 44px rgba(31, 30, 26, .1);--z-navbar: 100;--z-modal: 200}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:2px}::selection{background:var(--color-yellow);color:var(--color-ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:#1f1e1a38;border-radius:5px;border:2px solid var(--color-paper)}::-webkit-scrollbar-thumb:hover{background:#1f1e1a61}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h1 em,h2 em,h3 em,.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-secondary)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-paper-warm);padding:.15em .4em;border-radius:var(--radius-sm)}strong{font-weight:600;color:var(--color-text-primary)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page{min-height:100vh;padding-top:clamp(7rem,12vw,11rem);padding-bottom:var(--space-3xl)}.section{margin-bottom:clamp(4rem,8vw,8rem)}.sparkle{display:inline-block;width:.85em;height:.85em;flex-shrink:0;background:currentColor;clip-path:polygon(50% 0%,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0% 50%,38% 38%)}.sparkle--blue{color:var(--color-blue)}.sparkle--red{color:var(--color-red)}.sparkle--yellow{color:var(--color-yellow)}.sparkle--green{color:var(--color-green)}.sparkle--purple{color:var(--color-purple)}@keyframes spin-slow{to{transform:rotate(360deg)}}.spin-slow{animation:spin-slow 14s linear infinite}@media(prefers-reduced-motion:reduce){.spin-slow{animation:none}}.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-soft)}.chip{display:inline-flex;align-items:center;gap:.5em;padding:.3rem .85rem;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);white-space:nowrap}.chip--status{color:var(--color-ink);background:var(--tint-yellow);border-color:transparent}.arrow-circle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;border:1px solid var(--color-border-hover);border-radius:50%;font-size:1.1rem;color:var(--color-ink);transition:background-color var(--duration-normal) var(--ease-out-quart),color var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart)}.page-hero{margin-bottom:clamp(3rem,7vw,6rem)}.page-hero .eyebrow{margin-bottom:var(--space-md)}.page-hero-title{font-size:var(--text-display);font-weight:500;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);max-width:18ch;margin-bottom:var(--space-md)}.page-hero-sub{font-size:var(--text-lg);color:var(--color-ink-soft);line-height:var(--leading-snug);max-width:56ch}.marquee{overflow:hidden;white-space:nowrap;display:flex;-webkit-user-select:none;user-select:none;border-block:1px solid var(--color-border);padding-block:1.1rem;position:relative;z-index:1;background:var(--color-paper)}.marquee-track{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem;flex-shrink:0;min-width:100%;justify-content:space-around;animation:marquee 36s linear infinite}.marquee-track span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-soft)}.marquee-track .sparkle{font-size:.6rem;color:var(--color-yellow)}@keyframes marquee{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.work-card{display:flex;flex-direction:column;height:100%;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.work-card:hover{transform:translateY(-6px);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.work-card:hover .work-card-tile .sparkle{transform:rotate(90deg) scale(1.15)}.work-card:hover .arrow-circle{background:var(--color-ink);color:var(--color-paper);transform:translate(2px)}.work-card-tile{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-md);min-height:clamp(9rem,16vw,13rem)}.work-card-tile .tile-index{position:relative;font-family:var(--font-mono);font-size:var(--text-2xl);line-height:1;color:var(--color-ink);opacity:.85}.work-card-tile .sparkle{font-size:clamp(2.25rem,4vw,3.25rem);transition:transform var(--duration-slow) var(--ease-out-expo)}.tile--blue{background:var(--tint-blue)}.tile--red{background:var(--tint-red)}.tile--yellow{background:var(--tint-yellow)}.tile--green{background:var(--tint-green)}.tile--purple{background:var(--tint-purple)}.tile-art{position:absolute;inset:0}.tile--blue .tile-art{--art-accent: var(--color-green)}.tile--yellow .tile-art{--art-accent: var(--color-red)}.tile--green .tile-art{--art-accent: var(--color-purple)}.tile--red .tile-art,.tile--purple .tile-art{--art-accent: var(--color-blue)}.work-card-body{display:flex;flex-direction:column;flex:1;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-lg)}.work-card-body .work-card-chips{display:flex;gap:var(--space-xs);flex-wrap:wrap}.work-card-body h3{font-size:var(--text-xl);font-weight:500}.work-card-body p{font-size:var(--text-sm);color:var(--color-ink-soft);flex:1}.work-card-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-ink)}.post-row{display:grid;grid-template-columns:8.5rem 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-md) .25rem;border-top:1px solid var(--color-border);transition:background-color var(--duration-fast) ease}.post-row:hover{background:#fffdf9e6}.post-row:hover .post-row-title{color:var(--color-ink);translate:4px 0}.post-row:hover .arrow-circle{background:var(--color-ink);color:var(--color-paper)}.post-row time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted)}.post-row-main{display:flex;flex-direction:column;gap:.35rem;min-width:0}.post-row-title{font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em;color:var(--color-ink);transition:color var(--duration-fast) ease,translate var(--duration-normal) var(--ease-out-expo)}.post-row-excerpt{font-size:var(--text-sm);color:var(--color-ink-muted)}@media(max-width:640px){.post-row{grid-template-columns:1fr auto}.post-row time{grid-column:1/-1;order:-1}}.text-link{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-sm);font-weight:500;color:var(--color-ink);border-bottom:1px solid var(--color-border-hover);padding-bottom:2px;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease}.text-link:after{content:"\2192";transition:transform var(--duration-normal) var(--ease-out-expo)}.text-link:hover{color:var(--color-blue);border-color:var(--color-blue)}.text-link:hover:after{transform:translate(4px)}.back-link{display:inline-flex;align-items:center;gap:.5em;padding:.45rem 1.1rem;font-size:var(--text-xs);font-weight:500;color:var(--color-ink-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease}.back-link:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.books-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:768px){.books-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1180px){.books-grid{grid-template-columns:repeat(3,1fr)}}.books-grid>li,.books-grid>li>*{min-width:0;height:100%}.book-card{display:flex;height:100%;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.book-card:hover{transform:translateY(-6px);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.book-spine{width:.75rem;flex-shrink:0}.spine--blue{background:var(--color-blue)}.spine--red{background:var(--color-red)}.spine--yellow{background:var(--color-yellow)}.spine--green{background:var(--color-green)}.spine--purple{background:var(--color-purple)}.book-body{display:flex;flex-direction:column;padding:var(--space-lg) var(--space-md)}.book-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:var(--text-xl);margin-bottom:.35rem}.book-author{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:var(--space-md)}.book-reflection{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:var(--leading-normal);margin-bottom:var(--space-md);flex:1}.book-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.book-card{transition:none}.book-card:hover{transform:none}}::view-transition-old(root){animation:vt-fade-out .2s ease-in}::view-transition-new(root){animation:vt-fade-in .3s ease-out .1s}@keyframes vt-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.prose{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-ink-soft)}.prose h1,.prose h2,.prose h3,.prose h4{margin-top:2em;margin-bottom:.75em;color:var(--color-ink)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose p{margin-bottom:1.25em}.prose a{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-blue);text-decoration-thickness:2px;text-underline-offset:3px;transition:color var(--duration-fast) ease}.prose a:hover{color:var(--color-blue)}.prose ul,.prose ol{margin-bottom:1.25em;padding-left:1.5em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:.5em}.prose li::marker{color:var(--color-ink-muted)}.prose blockquote{border-left:3px solid var(--color-yellow);padding-left:var(--space-md);margin:1.5em 0;font-family:var(--font-serif);font-style:italic;font-size:1.15em;color:var(--color-ink-soft)}.prose pre{background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin:1.5em 0}.prose pre code{background:none;padding:0;color:inherit;font-size:var(--text-sm)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--color-paper-warm);padding:.15em .4em;border-radius:var(--radius-sm)}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.prose img{border-radius:var(--radius-lg);margin:1.5em 0}.prose strong{color:var(--color-ink);font-weight:600}