@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--text: #1a1a1a;--text-muted: #999;--text-subtle: #c0c0c0;--accent: #2563eb;--bg: #ffffff;--bg-card: transparent;--surface: #F4F4F5;--border: #eee;--border-light: #d0d0d0;--border-cta: #e0e0e0;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-md: 1.125rem;--font-lg: 1.25rem;--font-xl: 1.75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.4;--leading-snug: 1.5;--leading-normal: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 56px;--space-10: 64px;--space-12: 96px;--radius: 12px;--max-width: 940px;--gap: var(--space-5)}html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.site-header{padding:3rem 0 5rem;max-width:500px}.header-avatar{display:block;width:56px;height:56px;margin-bottom:1.5rem}.header-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.header-name{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.site-header .intro{font-size:var(--font-base);line-height:var(--leading-normal);color:var(--text-muted)}.site-header .bio{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--space-4);line-height:var(--leading-normal)}.header-links{display:flex;gap:var(--space-4);margin-top:var(--space-5)}.header-links a{font-size:var(--font-sm);color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-light);transition:color .2s,text-decoration-color .2s}.header-links a:hover{color:var(--text);text-decoration-color:var(--text)}.project-section{margin-bottom:6rem}.section-label{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--accent);letter-spacing:.02em;margin-bottom:var(--space-5)}.section-label .arrow{margin-left:.25rem}.grid-rows{display:flex;flex-direction:column;gap:3rem}.grid-row{display:flex;gap:var(--gap);justify-content:center}.grid-row--single{justify-content:center}.grid-row--single .grid-item{max-width:460px;flex-grow:0!important;width:100%}.grid-item{flex-grow:0!important;flex-basis:auto;width:500px;min-width:0;cursor:pointer;display:flex;flex-direction:column}.grid-media{border-radius:var(--radius);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1)}.grid-item:hover .grid-media{transform:scale(1.02)}.grid-media video,.grid-media img{width:100%;height:100%;object-fit:cover;display:block}.grid-media[data-aspect=portrait] video,.grid-media[data-aspect=portrait] img{aspect-ratio:3 / 4}.grid-media[data-aspect=landscape] video,.grid-media[data-aspect=landscape] img{aspect-ratio:16 / 9}.grid-media[data-aspect=square] video,.grid-media[data-aspect=square] img{aspect-ratio:1}.grid-media[data-aspect=wide] video,.grid-media[data-aspect=wide] img{aspect-ratio:21 / 9}.grid-label{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text);margin-top:var(--space-4);display:flex;align-items:center;gap:var(--space-2);line-height:var(--leading-tight)}.grid-label .arrow{opacity:.4;transition:opacity .2s,transform .2s}.grid-item:hover .grid-label .arrow{opacity:1;transform:translate(3px)}.detail-page{max-width:860px;margin:0 auto;padding:3rem 2rem 6rem}.back-link{display:inline-block;font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-7);transition:color .2s}.back-link:hover{color:var(--text)}.detail-header{margin-bottom:var(--space-7)}.detail-header h1{font-size:var(--font-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.detail-header .subtitle{font-size:var(--font-base);color:var(--text-muted);margin-bottom:var(--space-4)}.detail-header .description{font-size:var(--font-base);color:var(--text);line-height:var(--leading-normal)}.detail-header .cta{display:inline-block;margin-top:var(--space-4);font-size:var(--font-sm);color:var(--text-muted);border-bottom:1px solid var(--border-cta);padding-bottom:1px;transition:color .2s,border-color .2s}.detail-header .cta:hover{color:var(--text);border-color:var(--text)}.detail-content{display:flex;flex-direction:column;gap:var(--space-6)}.detail-callout{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.callout-emoji{font-size:var(--font-lg);line-height:1;flex-shrink:0}.callout-text{font-size:var(--font-base);color:var(--text);line-height:var(--leading-normal)}.detail-quote{border-left:3px solid var(--border);padding:var(--space-1) 0 var(--space-1) 20px;margin-top:-2rem}.detail-quote p{font-size:var(--font-base);color:var(--text);line-height:var(--leading-normal);font-weight:var(--weight-medium);margin:0}.detail-text h2{font-size:var(--font-md);font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--text);line-height:var(--leading-snug);margin-bottom:var(--space-4)}.detail-text p{font-size:var(--font-base);color:var(--text-muted);line-height:var(--leading-normal);margin-bottom:0}.detail-text p+p{margin-top:var(--space-5)}.detail-text p:last-child{margin-bottom:0}.detail-text p strong{color:var(--text);font-weight:var(--weight-regular)}.detail-media{display:grid;gap:var(--gap)}.detail-media.cols-1{grid-template-columns:1fr}.detail-media.cols-2{grid-template-columns:1fr 1fr}.detail-media.cols-3{grid-template-columns:1fr 1fr 1fr}.media-figure video,.media-figure img{width:100%;max-height:520px;object-fit:contain;display:block;background:var(--bg-card);border-radius:var(--radius);overflow:hidden}.media-figure figcaption{font-size:var(--font-xs);color:var(--text-muted);padding:var(--space-2) 0}.placeholder-block{width:100%;aspect-ratio:3 / 4;max-height:560px;margin:0 auto;background:var(--surface);border-radius:var(--radius)}.media-full .placeholder-block{aspect-ratio:16 / 9;border-radius:0}.casestudy .detail-header{margin-bottom:2rem}.casestudy .detail-header .subtitle{margin-bottom:var(--space-4)}.casestudy-cta{font-size:var(--font-sm);color:var(--text-muted);line-height:var(--leading-normal)}.casestudy-cta a{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-light);transition:color .2s,text-decoration-color .2s}.casestudy-cta a:hover{color:var(--text);text-decoration-color:var(--text)}.casestudy .detail-content{gap:3.5rem}.casestudy .detail-text{border-top:2px solid var(--surface);padding-top:var(--space-9)}.casestudy .hero-media{margin-top:-.5rem}.casestudy .media-figure video,.casestudy .media-figure img{max-height:560px;margin:0 auto;border-radius:var(--radius)}.casestudy .media-full{background:var(--surface);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;position:relative}.casestudy .media-full video,.casestudy .media-full img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}.about-photo{width:100px;height:100px;margin-bottom:var(--space-7)}.about-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.about-content h1{font-size:var(--font-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-5)}.about-content p{font-size:var(--font-base);color:var(--text);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.about-content .cta{display:inline-block;margin-top:var(--space-4);font-size:var(--font-sm);color:var(--text-muted);border-bottom:1px solid var(--border-cta);padding-bottom:1px;transition:color .2s,border-color .2s}.about-content .cta:hover{color:var(--text);border-color:var(--text)}.thoughts-list{display:flex;flex-direction:column}.thought-entry{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-5) 0;border-top:1px solid var(--border);transition:opacity .2s}.thought-entry:last-child{border-bottom:1px solid var(--border)}.thought-entry:hover{opacity:.6}.thought-info{display:flex;flex-direction:column;gap:var(--space-2)}.thought-title{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text)}.thought-desc{font-size:var(--font-sm);color:var(--text-muted);line-height:var(--leading-snug)}.thought-date{font-size:var(--font-xs);color:var(--text-subtle);white-space:nowrap;margin-left:var(--space-6)}.site-footer{text-align:center;padding:var(--space-6) 0 var(--space-8);font-size:var(--font-xs);color:var(--text-subtle)}.site-footer a{color:var(--text-muted);transition:color .2s}.site-footer a:hover{color:var(--text)}.footer-links{display:flex;justify-content:center;gap:var(--space-5)}@media(max-width:768px){.container{padding:0 1.25rem}.site-header{padding:1.5rem 0 3rem}.grid-row--single .grid-item{max-width:320px}.detail-page h1{font-size:1.4rem}.detail-media.cols-2,.detail-media.cols-3{grid-template-columns:1fr}}@media(max-width:480px){.grid-row{flex-wrap:wrap}.grid-item{flex-basis:calc(50% - var(--gap) / 2)!important;flex-grow:0!important}.grid-row--single .grid-item{flex-basis:100%!important;max-width:280px}}@keyframes blur-slide-in{0%{filter:blur(8px);opacity:0;transform:translateY(12px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes blur-slide-out{0%{filter:blur(0);opacity:1;transform:translateY(0)}to{filter:blur(8px);opacity:0;transform:translateY(-8px)}}::view-transition-old(root){animation:blur-slide-out .25s ease-in forwards}::view-transition-new(root){animation:blur-slide-in .3s ease-out forwards}