:root{--bg: oklch(.965 .02 80);--bg-alt: oklch(.93 .025 75);--surface: oklch(.985 .008 85);--border: oklch(.88 .02 75);--border-strong: oklch(.72 .03 60);--ink: oklch(.24 .02 50);--ink-2: oklch(.35 .02 55);--ink-3: oklch(.42 .02 55);--muted: oklch(.55 .02 55);--accent: oklch(.58 .17 35);--accent-dark: oklch(.5 .18 35);--teal: oklch(.55 .09 195);--blue: oklch(.6 .18 268);--yellow: oklch(.82 .16 92);--chip-hover: oklch(.9 .045 70);--dark: oklch(.32 .03 55);--pad-x: clamp(20px, 6vw, 72px);--font-display: "Archivo", sans-serif;--font-head: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}::selection{background:#cb4a2a40}img{max-width:100%}.page{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column}.page>main{flex:1}.section{padding:clamp(48px,8vw,88px) var(--pad-x)}.section--alt{background:var(--bg-alt)}.wrap{max-width:1280px;margin:0 auto}.wrap--narrow{max-width:900px;margin:0 auto}.h2{font-family:var(--font-head);font-weight:700;font-size:clamp(28px,4vw,36px);color:var(--ink);margin:0 0 10px}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px var(--pad-x);background:#fbf2e5e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav__brand{display:flex;align-items:center;gap:12px;font-family:var(--font-head);font-weight:700;font-size:20px;color:#2c211b}.nav__brand:hover{color:#2c211b}.nav__avatar{display:block;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--blue);overflow:hidden}.nav__avatar img{width:82%;height:82%;margin:9%;display:block;object-fit:contain;filter:drop-shadow(1.5px 0 0 white) drop-shadow(-1.5px 0 0 white) drop-shadow(0 1.5px 0 white) drop-shadow(0 -1.5px 0 white)}.nav__links{display:flex;align-items:center;gap:clamp(16px,3vw,32px);flex-wrap:wrap;font-size:15px;font-weight:500;color:var(--ink-2)}.nav__link{color:inherit;transition:color .15s ease}.nav__link:hover,.nav__link.is-active{color:var(--accent)}.nav__social{display:inline-flex;align-items:center;color:inherit;transition:color .18s ease}.nav__social:hover{color:#1f6dd8}.hero{position:relative;padding:clamp(40px,6vw,76px) var(--pad-x) clamp(56px,9vw,110px);max-width:1080px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;background:var(--chip-hover);color:#483224;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:28px}.hero__title{font-family:var(--font-display);font-weight:800;letter-spacing:-2px;font-size:clamp(42px,7vw,80px);line-height:1.05;color:var(--ink);margin:0 0 24px;max-width:15ch}.hero__lead{font-size:19px;line-height:1.6;color:var(--ink-3);max-width:560px;margin:0 0 40px;text-wrap:pretty}.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.mark{position:relative;display:inline-block}.doodle{position:absolute;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:10px;font-weight:600;font-size:15px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.btn--primary{background:var(--dark);color:#fbf8f2}.btn--primary:hover{background:#2a1b11;color:#fbf8f2;transform:translateY(-2px);box-shadow:0 8px 20px #3f2f2440}.btn--ghost{background:transparent;border:1.5px solid var(--border-strong);color:#362b25}.btn--ghost:hover{background:var(--chip-hover);border-color:#715f53;color:#362b25;transform:translateY(-2px)}.about{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,56px);max-width:1280px;margin:0 auto}.about__art{flex:1 1 240px;max-width:300px;position:relative;align-self:flex-start;margin:0 auto}.about__art img{width:100%;display:block}.about__body{flex:1 1 460px;min-width:300px}.about__body p{font-size:17px;line-height:1.7;color:var(--ink-3);margin:0 0 16px;text-wrap:pretty}.about__body p:last-of-type{margin-bottom:28px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:100px;background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--ink-2);transition:background .2s ease,border-color .2s ease,color .2s ease}.chip:hover{background:var(--chip-hover);border-color:#bd9e86;color:#2f2016}.chip__icon{display:inline-grid;width:0;overflow:hidden;opacity:0;transition:width .2s ease,opacity .2s ease,margin .2s ease}.chip:hover .chip__icon{width:17px;opacity:1;margin-right:7px}.timeline{display:flex;flex-direction:column;gap:16px;position:relative}.job{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,3vw,28px);border-radius:14px;background:var(--surface);border:1px solid var(--border);position:relative}.job__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.job__dates{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.job__dates--accent{color:var(--accent)}.job__dates--teal{color:var(--teal)}.job__title{font-family:var(--font-head);font-size:20px;font-weight:600;color:var(--ink);margin:0}.job__org{font-size:14px;font-weight:600;color:#6d6059;margin:0}.job__desc{font-size:16px;line-height:1.65;color:var(--ink-3);margin:0;text-wrap:pretty}.section__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:40px}.section__sub{font-size:16px;color:#675b53;margin:0}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter-chip{font-family:inherit;cursor:pointer;padding:8px 18px;border-radius:100px;background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--ink-2);transition:background .2s ease,border-color .2s ease,color .2s ease}.filter-chip:hover{border-color:#bd9e86;color:#2f2016}.filter-chip__count{margin-left:7px;font-weight:700;opacity:.55;font-size:12px}.filter-chip--active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-chip--active:hover{color:#fff}.filter-chip--active .filter-chip__count{opacity:.85}.grid-posts{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.post{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.post:hover{color:inherit;transform:translateY(-3px);border-color:#c6a78f;box-shadow:0 10px 24px #362b2414}.post__meta{display:flex;justify-content:space-between;align-items:center}.post__pub{font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--accent)}.post__date{font-size:13px;color:var(--muted)}.post__title{font-family:var(--font-head);font-size:19px;font-weight:600;color:var(--ink);margin:0;line-height:1.35}.post__excerpt{font-size:15px;line-height:1.6;color:#5e534b;margin:0;flex:1;text-wrap:pretty}.post__cta{font-size:14px;font-weight:600;color:var(--teal);margin-top:4px}.grid-designs{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-designs{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.grid-designs{grid-template-columns:1fr}}.tile{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--surface);border:2px dashed oklch(.82 .01 60);display:grid;place-items:center}.tile--filled{transition:transform .2s ease,box-shadow .2s ease}.tile--filled:hover{transform:translateY(-3px);box-shadow:0 12px 26px #362b2424}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile__empty{font-size:13px;color:#998d83}.footer{padding:28px var(--pad-x);border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--muted)}@media (max-width: 700px){.doodle{display:none}.nav__links{gap:18px;font-size:14px}.nav__brand{font-size:17px}.nav__avatar{width:34px;height:34px;flex-basis:34px}.hero__cta>.btn{flex:1 1 100%;justify-content:center;text-align:center}}