:root{--color-notion-blue: #0075de;--color-paper-warmth: #f6f5f4;--color-pure-white: #ffffff;--color-ink-black: #000000;--color-charcoal: #111111;--color-stone: #757575;--color-graphite: #615d59;--color-slate: #696969;--color-sky-tint: #e6f3fe;--color-marigold: #ffb110;--color-coral: #f64932;--color-saffron: #e89d01;--color-vermillion: #e32d14;--color-mocha: #b18164;--color-signal-blue: #097fe8;--color-sky-wash: #62aef0;--color-midnight-ink: #02093a;--color-peach: #f6d5b8;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-small: 4px;--radius-buttons: 8px;--radius-cards: 12px;--radius-pills: 9999px;--page-max-width: 1200px;--section-gap: 80px;--card-padding: 24px;--border-hairline: 1px solid rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-paper-warmth);color:#000000f2;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;-webkit-tap-highlight-color:transparent}section[id]{scroll-margin-top:80px}:where(a,button):focus-visible{outline:2px solid var(--color-notion-blue);outline-offset:2px;border-radius:var(--radius-buttons)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{max-width:var(--page-max-width);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;height:64px;background:#f6f5f4b8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:none;transition:box-shadow .2s ease}.nav.scrolled{box-shadow:0 .7px 1.462px #00000004,0 3px 9px #00000008}@supports not (backdrop-filter: blur(20px)){.nav{background:var(--color-paper-warmth)}}@media(prefers-reduced-transparency:reduce){.nav{background:var(--color-paper-warmth);-webkit-backdrop-filter:none;backdrop-filter:none}}.nav-inner{max-width:var(--page-max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-logo{font-weight:700;font-size:20px;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.nav-logo .dot{width:10px;height:10px;border-radius:50%;background:var(--color-marigold);display:inline-block}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{color:#0000008a;font-size:14px;font-weight:500;padding:12px 16px;border-radius:var(--radius-buttons);transition:color .2s ease}.nav-link:hover,.nav-link.active{color:#000}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-buttons);border:none;cursor:pointer;transition:transform .15s cubic-bezier(.22,1,.36,1),background .2s ease,border-color .2s ease;white-space:nowrap}.btn:active{transform:scale(.97);transition-duration:80ms}.project-card:active,.material-card:active,.post-card:active{transform:scale(.99);transition-duration:80ms}.filter-pill:active{transform:scale(.95)}@media(pointer:coarse){.btn{min-height:44px}.filter-pill{min-height:36px;padding:5px 16px}}.btn-primary{background:var(--color-notion-blue);color:var(--color-pure-white)}.btn-primary:hover{background:#0068c7;transform:translateY(-1px)}.btn-ghost{background:var(--color-sky-tint);color:var(--color-notion-blue)}.btn-ghost:hover{background:#d5eafd}.btn-text{background:transparent;color:#000000f2}.btn-text:hover{background:#0000000a}.btn-outline{background:transparent;color:#000000e6;border:1px solid rgba(0,0,0,.2)}.btn-outline:hover{border-color:#0009}.hero{padding:72px 24px 0;text-align:center;position:relative;overflow:hidden}.hero-inner{max-width:900px;margin:0 auto;position:relative}.hero h1{font-size:clamp(40px,7vw,80px);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:var(--color-ink-black)}.highlight-pill{display:inline-flex;align-items:center;gap:12px;background:var(--color-peach);border-radius:var(--radius-pills);padding:2px 28px 6px;vertical-align:baseline}.highlight-pill .pill-dot{width:.28em;height:.28em;border-radius:50%;background:var(--color-coral);flex-shrink:0}.hero-sub{font-family:var(--font-sans);font-size:18px;line-height:1.56;color:var(--color-graphite);max-width:560px;margin:24px auto 0}.hero-ctas{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.deco{position:absolute;pointer-events:none}.deco-sparkle-1{top:8%;right:4%}.deco-sparkle-2{bottom:22%;left:3%}.deco-squiggle{top:30%;left:6%}.deco-arrow{bottom:28%;right:6%}@media(max-width:720px){.deco{display:none}}.hero-image-wrap{margin:56px auto 0;max-width:1100px;padding:0 24px}.hero-image{width:100%;height:auto;aspect-ratio:2.2 / 1;object-fit:cover;border-radius:var(--radius-cards);box-shadow:0 4px 12px #0000001a}@media(max-width:720px){.hero-image{aspect-ratio:16 / 10}}.manifesto{background:var(--color-pure-white);border-top:var(--border-hairline);border-bottom:var(--border-hairline);padding:64px 24px;text-align:center}.manifesto-quote{font-family:var(--font-sans);font-size:clamp(22px,3vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.35;color:#000000e6;max-width:760px;margin:0 auto}.manifesto-quote mark{background:var(--color-peach);border-radius:var(--radius-pills);padding:0 12px;color:var(--color-ink-black)}section{padding-top:var(--section-gap)}.section-header{max-width:640px;margin-bottom:40px}.section-header.centered{margin-left:auto;margin-right:auto;text-align:center}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#00000080;margin-bottom:12px}.section-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-marigold)}.section-header h2{font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.03em;color:var(--color-ink-black)}.section-header .lede{font-family:var(--font-sans);font-size:18px;line-height:1.56;color:var(--color-graphite);margin-top:16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.about-text h2{font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.03em}.about-text .lede{font-family:var(--font-sans);font-size:18px;line-height:1.56;color:var(--color-graphite);margin-top:16px}.about-text .body{margin-top:16px;color:var(--color-graphite)}.about-panel{background:var(--color-marigold);border-radius:var(--radius-cards);padding:40px}.about-card{background:var(--color-pure-white);border-radius:var(--radius-cards);padding:var(--card-padding);box-shadow:0 4px 12px #0000001a}.about-card .profile{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:var(--border-hairline);margin-bottom:16px}.about-card .profile strong{display:block;font-size:15px}.about-card .profile span{font-size:13px;color:#00000080}.fact{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:8px 0}.fact .k{color:#00000080}.fact .v{font-weight:500;text-align:right}.fact .v .pill{display:inline-block;background:#dbeddb;color:#1c3829;border-radius:var(--radius-pills);padding:2px 10px;font-size:12px;font-weight:500}@media(max-width:860px){.about-grid{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:var(--color-pure-white);border:var(--border-hairline);border-radius:var(--radius-cards);overflow:hidden;transition:transform .2s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px)}.project-thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:48px}.project-thumb.t-coral{background:var(--color-coral)}.project-thumb.t-sky{background:var(--color-sky-wash)}.project-thumb.t-yellow{background:var(--color-marigold)}.project-thumb.t-ink{background:#131318}.thumb-mark,.afindbar-mark{font-weight:700;font-size:28px;letter-spacing:-.02em;color:var(--color-pure-white)}.thumb-mark.mark-dark{color:var(--color-ink-black)}.afindbar-mark em{font-style:normal;color:#ffd600}.project-badge{display:inline-block;font-size:12px;font-weight:500;background:var(--color-paper-warmth);color:#0000008c;border-radius:var(--radius-pills);padding:3px 10px;margin-bottom:10px}.project-badge.badge-own{background:#fdecc8;color:#402c1b}.project-badge.badge-now{background:#dbeddb;color:#1c3829}.project-body{padding:var(--card-padding);flex:1}.project-body h3{font-size:20px;font-weight:700;letter-spacing:-.24px;margin-bottom:8px}.project-body p{font-size:15px;color:var(--color-slate);line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.project-tags span{font-size:12px;font-weight:500;background:var(--color-paper-warmth);border-radius:var(--radius-pills);padding:3px 10px;color:#0009}@media(max-width:860px){.projects-grid{grid-template-columns:1fr}}.contact-card{background:var(--color-midnight-ink);color:var(--color-pure-white);border-radius:var(--radius-cards);padding:clamp(40px,6vw,80px);text-align:center}.contact-card h2{font-size:clamp(32px,5vw,54px);font-weight:600;line-height:1.1;letter-spacing:-.03em}.contact-card .lede{font-family:var(--font-sans);font-size:18px;line-height:1.56;color:#ffffffb3;max-width:480px;margin:16px auto 0}.contact-ctas{display:flex;justify-content:center;gap:12px;margin-top:32px;flex-wrap:wrap}.btn-white{background:var(--color-pure-white);color:var(--color-midnight-ink)}.btn-white:hover{transform:translateY(-1px)}.btn-outline-white{background:transparent;color:var(--color-pure-white);border:1px solid rgba(255,255,255,.3)}.btn-outline-white:hover{border-color:#ffffffb3}.contact-links{margin-top:40px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:14px;color:#fff9}.contact-links a{transition:color .2s ease;display:inline-flex;align-items:center;gap:6px}.contact-links a:hover{color:var(--color-pure-white)}footer{padding:40px 24px 32px;margin-top:var(--section-gap);border-top:var(--border-hairline)}.footer-inner{max-width:var(--page-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#0006}.footer-inner a{color:#0009;font-weight:500}.footer-inner a:hover{color:#000}.page{padding-top:56px;min-height:60vh}.page-narrow{max-width:760px;margin:0 auto;padding:0 24px}.post-list{display:flex;flex-direction:column;gap:16px;max-width:760px;margin:0 auto}.post-card{background:var(--color-pure-white);border:var(--border-hairline);border-radius:var(--radius-cards);padding:var(--card-padding);transition:transform .2s ease;display:block}.post-card:hover{transform:translateY(-2px)}.post-card h3{font-size:20px;font-weight:700;letter-spacing:-.24px;margin-bottom:6px}.post-card p{font-size:15px;color:var(--color-slate);line-height:1.5}.post-meta{font-size:13px;color:#00000073;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.post-meta .tag{font-size:12px;font-weight:500;background:var(--color-paper-warmth);border-radius:var(--radius-pills);padding:2px 10px;color:#0000008c}.post-header{max-width:760px;margin:0 auto 40px;padding:0 24px}.post-header h1{font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin:12px 0 16px}.back-link{font-size:14px;font-weight:500;color:#00000080;transition:color .2s ease}.back-link:hover{color:#000}.prose{font-size:17px;line-height:1.7;color:#000c}.prose h2{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:40px 0 12px;color:var(--color-ink-black)}.prose h3{font-size:20px;font-weight:600;margin:32px 0 10px;color:var(--color-ink-black)}.prose p{margin:16px 0}.prose a{color:var(--color-notion-blue);font-weight:500}.prose a:hover{text-decoration:underline}.prose ul,.prose ol{margin:16px 0;padding-left:24px}.prose li{margin:6px 0}.prose blockquote{border-left:3px solid var(--color-marigold);padding-left:16px;margin:20px 0;color:var(--color-graphite)}.prose code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em;background:#0000000d;border-radius:var(--radius-small);padding:2px 6px}.prose pre{background:var(--color-charcoal);color:#f6f5f4;border-radius:var(--radius-buttons);padding:16px 20px;overflow-x:auto;margin:20px 0;font-size:14px;line-height:1.6}.prose pre code{background:none;padding:0;font-size:inherit}.prose img{border-radius:var(--radius-buttons);margin:20px 0}.prose hr{border:none;border-top:var(--border-hairline);margin:32px 0}.filter-bar{max-width:900px;margin:0 auto 32px;display:flex;flex-direction:column;align-items:center;gap:16px}.search-input{width:100%;max-width:480px;font-family:var(--font-sans);font-size:16px;padding:10px 16px;background:var(--color-pure-white);border:var(--border-hairline);border-radius:var(--radius-buttons);color:#000000e6;transition:border-color .2s ease}.search-input::placeholder{color:#00000059}.search-input:focus{outline:none;border-color:var(--color-notion-blue)}.filter-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.filter-pill{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:5px 14px;border-radius:var(--radius-pills);background:var(--color-pure-white);border:var(--border-hairline);color:#0009;cursor:pointer;transition:transform .15s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease,border-color .2s ease}.filter-pill:hover{color:#000}.filter-pill.active{background:var(--color-ink-black);border-color:var(--color-ink-black);color:var(--color-pure-white)}.materials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px;margin:0 auto}.material-card{background:var(--color-pure-white);border:var(--border-hairline);border-radius:var(--radius-cards);padding:var(--card-padding);display:flex;flex-direction:column;gap:8px}.material-card .tipo{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--color-sky-tint);color:var(--color-notion-blue);border-radius:var(--radius-pills);padding:3px 10px}.material-card h3{font-size:20px;font-weight:700;letter-spacing:-.24px}.material-card p{font-size:15px;color:var(--color-slate);line-height:1.5;flex:1}.material-card{transition:transform .2s ease}.material-card:hover{transform:translateY(-2px)}.material-card .post-meta{margin-bottom:0;margin-top:4px}.material-card[hidden]{display:none}.card-badges{display:flex;gap:6px;flex-wrap:wrap}.material-card .cat{font-size:12px;font-weight:500;background:var(--color-paper-warmth);color:#0000008c;border-radius:var(--radius-pills);padding:3px 10px}.material-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:var(--border-hairline)}@media(max-width:720px){.materials-grid{grid-template-columns:1fr}}.empty-state{text-align:center;color:#00000073;font-size:15px;padding:40px 24px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:opacity .2s ease}.project-card,.post-card,.material-card,.btn,.filter-pill{transition:none;transform:none!important}.nav{transition:none}}@media(max-width:640px){.nav-links .nav-link{display:none}.hero{padding-top:48px}section{padding-top:64px}}