@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(https://cdn.jsdelivr.net/fontsource/fonts/bricolage-grotesque:vf@latest/latin-wght-normal.woff2)format("woff2-variations")}@font-face{font-family:Literata;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://cdn.jsdelivr.net/fontsource/fonts/literata:vf@latest/latin-wght-normal.woff2)format("woff2-variations")}@font-face{font-family:Literata;font-style:italic;font-weight:400 700;font-display:swap;src:url(https://cdn.jsdelivr.net/fontsource/fonts/literata:vf@latest/latin-wght-italic.woff2)format("woff2-variations")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-mono@latest/latin-400-normal.woff2)format("woff2")}:root{--paper:#e2ddc8;--paper-deep:#d4ceb4;--paper-soft:#ebe6d4;--ink:#1a2418;--ink-soft:#3a4536;--moss:#3f5c3a;--moss-bright:#5a7a4e;--honey:#c9892d;--honey-deep:#a56c18;--dusk:#3d5a5b;--clay:#7a4e42;--fog:#1a241814;--line:#1a24182e;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Literata", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--measure:68ch;--gutter:clamp(1.25rem, 4vw, 3rem);--radius-soft:1.75rem .4rem 1.5rem .55rem;--radius-blob:42% 58% 55% 45% / 48% 42% 58% 52%;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 80% at 10% -10%,#c9892d1f,#0000 50%),radial-gradient(90% 60% at 100% 20%,#3d5a5b1a,#0000 45%),radial-gradient(70% 50% at 50% 110%,#3f5c3a1a,#0000 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");background-attachment:fixed;margin:0;font-size:clamp(1.05rem,.95rem + .35vw,1.2rem);line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--moss);text-underline-offset:.18em;transition:color .2s var(--ease);text-decoration-thickness:1.5px}a:hover{color:var(--honey-deep)}a:focus-visible{outline:2px solid var(--honey);outline-offset:3px;border-radius:2px}::selection{color:var(--ink);background:#c9892d59}.skip-link{left:var(--gutter);z-index:100;background:var(--ink);color:var(--paper);font-family:var(--font-mono);border-radius:.25rem;padding:.5rem .85rem;font-size:.8rem;text-decoration:none;position:absolute;top:-3rem}.skip-link:focus{top:.75rem}.site-shell{width:min(1120px, 100% - var(--gutter) * 2);margin-inline:auto}.site-nav{z-index:40;backdrop-filter:blur(10px);background:color-mix(in srgb, var(--paper) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.site-nav__inner{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.site-nav__mark{color:inherit;flex-direction:column;gap:.05rem;text-decoration:none;display:flex}.site-nav__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:700;line-height:1.1}.site-nav__sub{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem}.site-nav__links{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.site-nav__links a{color:var(--ink-soft);text-decoration:none}.site-nav__links a:hover{color:var(--moss)}.hero{grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(2rem,5vw,4rem);padding:clamp(2.5rem,7vw,5rem) 0 clamp(3rem,8vw,5.5rem);display:grid}.hero__kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dusk);margin:0 0 1rem;font-size:.75rem}.hero__title{font-family:var(--font-display);letter-spacing:-.035em;max-width:12ch;margin:0 0 1.25rem;font-size:clamp(2.6rem,1.4rem + 4.5vw,4.6rem);font-weight:800;line-height:.98}.hero__title em{color:var(--moss);background-image:linear-gradient(transparent 64%, color-mix(in srgb, var(--honey) 48%, transparent) 64%);box-decoration-break:clone;padding-inline:.04em;font-style:normal}.hero__lede{max-width:34ch;color:var(--ink-soft);margin:0 0 1.75rem;font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}.hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.btn{font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border:1.5px solid #0000;border-radius:999px 999px 999px .65rem;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.98rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover{background:var(--moss);color:var(--paper-soft)}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--ghost:hover{border-color:var(--moss);color:var(--moss);background:color-mix(in srgb, var(--moss) 8%, transparent)}.hero__portrait{justify-self:end;width:min(100%,340px);position:relative}.hero__portrait-frame{aspect-ratio:1;border-radius:var(--radius-blob);background:var(--paper-deep);box-shadow:12px 18px 0 color-mix(in srgb, var(--moss) 22%, transparent), -8px -10px 0 color-mix(in srgb, var(--honey) 18%, transparent);position:relative;overflow:hidden;transform:rotate(-2.5deg)}.hero__portrait-frame img{object-fit:cover;object-position:center 20%;filter:saturate(.92)contrast(1.02);width:100%;height:100%}.hero__badge{background:var(--paper-soft);border:1.5px solid var(--line);max-width:11rem;font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);box-shadow:3px 4px 0 var(--fog);border-radius:.35rem 1rem;padding:.65rem .85rem;font-size:.7rem;line-height:1.35;position:absolute;bottom:1.25rem;right:-.5rem;transform:rotate(3deg)}.hero__badge strong{color:var(--honey-deep);margin-bottom:.15rem;font-weight:500;display:block}.section{padding:clamp(2.75rem,6vw,4.5rem) 0}.section+.section{border-top:1px dashed var(--line)}.section__head{flex-direction:column;gap:.55rem;max-width:40rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);display:flex}.section__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dusk);font-size:.72rem}.section__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);font-weight:750;line-height:1.1}.section__intro{max-width:42ch;color:var(--ink-soft);margin:.15rem 0 0}.demo-list{border-top:1.5px solid var(--ink);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.demo-item{border-bottom:1px solid var(--line);transition:background .2s var(--ease);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem 1.25rem;padding:1.1rem .15rem;display:grid}.demo-item:hover{background:color-mix(in srgb, var(--honey) 7%, transparent)}.demo-item__play{border:1.5px solid var(--ink);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);background:0 0;border-radius:50% 45% 50% 48%;flex-shrink:0;place-items:center;display:grid}.demo-item__play:hover,.demo-item__play[aria-pressed=true]{background:var(--ink);color:var(--paper);transform:scale(1.04)}.demo-item__play svg{width:.95rem;height:.95rem;margin-left:2px}.demo-item__meta h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.15rem;font-weight:700}.demo-item__meta p{color:var(--ink-soft);margin:0;font-size:.95rem}.demo-item__tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dusk);white-space:nowrap;font-size:.68rem}.demo-note{color:var(--ink-soft);margin:1.25rem 0 0;font-size:.92rem;font-style:italic}.paths{grid-template-columns:1.2fr .8fr;gap:1.25rem;display:grid}.path{background:var(--paper-soft);border:1.5px solid var(--line);border-radius:var(--radius-soft);padding:1.5rem 1.4rem 1.6rem;position:relative;overflow:hidden}.path--wide{background:linear-gradient(145deg, color-mix(in srgb, var(--moss) 12%, var(--paper-soft)), var(--paper-soft) 55%)}.path--tall{background:linear-gradient(200deg, color-mix(in srgb, var(--dusk) 10%, var(--paper-soft)), var(--paper-soft) 60%);flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.path__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dusk);margin:0 0 .65rem;font-size:.7rem}.path h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.55rem;font-weight:750;line-height:1.15}.path p{color:var(--ink-soft);max-width:38ch;margin:0 0 1rem}.path ul{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.path li{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line);color:var(--ink-soft);background:color-mix(in srgb, var(--paper) 70%, transparent);border-radius:999px;padding:.35rem .65rem;font-size:.72rem}.path__mail{font-family:var(--font-display);color:var(--ink);border-bottom:2px solid var(--honey);margin-top:1.1rem;font-weight:650;text-decoration:none;display:inline-flex}.path__mail:hover{color:var(--moss);border-color:var(--moss)}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.about-aside{border-left:3px solid var(--honey);background:color-mix(in srgb, var(--honey) 8%, transparent);border-radius:0 .75rem .75rem 0;padding:1.25rem}.about-aside p{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:650;line-height:1.35}.about-copy p{max-width:var(--measure);margin:0 0 1rem}.about-copy p:last-child{margin-bottom:0}.about-copy strong{color:var(--moss);font-weight:650}.contact-layout{grid-template-columns:1.35fr .9fr;align-items:start;gap:1.25rem 1.5rem;display:grid}.contact-form-panel{background:var(--paper-soft);border:1.5px solid var(--line);border-radius:var(--radius-soft);padding:1.5rem 1.4rem 1.6rem}.contact-form__grid{grid-template-columns:1fr 1fr;gap:.9rem 1rem;margin-bottom:.9rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field--full{margin-bottom:.75rem}.field__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dusk);font-size:.7rem}.field__label em{text-transform:none;letter-spacing:0;opacity:.7;font-style:normal}.field__input{font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);width:100%;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:.45rem .9rem .45rem .65rem;padding:.65rem .8rem;font-size:1rem}.field__input:focus{border-color:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb, var(--moss) 18%, transparent);outline:none}.field__select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.field__textarea{resize:vertical;border-radius:.65rem 1rem .55rem .9rem;min-height:8rem}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form{position:relative}.contact-form__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.35rem;display:flex}.contact-form__actions .btn:disabled{opacity:.65;cursor:wait;transform:none}.contact-form__status{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);min-height:1.2em;margin:0;font-size:.78rem}.contact-form__status[data-state=ok]{color:var(--moss)}.contact-form__status[data-state=error]{color:var(--clay)}.contact-form__status[data-state=pending]{color:var(--dusk)}.contact-block{background:var(--ink);color:var(--paper);border-radius:1.25rem .35rem 1.5rem .5rem;flex-direction:column;gap:1.1rem;padding:1.5rem 1.35rem;display:flex}.contact-block a{color:color-mix(in srgb, var(--honey) 85%, white)}.contact-block a:hover{color:var(--honey)}.contact-block__lede{color:color-mix(in srgb, var(--paper) 75%, transparent);max-width:28ch;margin:0;font-size:.98rem}.contact-row{flex-direction:column;gap:.3rem;display:flex}.contact-row span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 55%, transparent);font-size:.68rem}.contact-row a,.contact-row strong{font-family:var(--font-display);color:var(--paper);word-break:break-word;font-size:1.02rem;font-weight:650;text-decoration:none}.contact-row a:hover{color:var(--honey)}.site-footer{border-top:1px solid var(--line);margin-top:1rem;padding:2rem 0 2.75rem}.site-footer__inner{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;font-size:.72rem;display:flex}.site-footer__honey{color:var(--honey-deep)}.wave-rule{width:100%;height:28px;color:var(--moss);opacity:.45;margin:.25rem 0;display:block}@media (width<=820px){.hero{grid-template-columns:1fr;align-items:start}.hero__portrait{order:-1;justify-self:start;width:min(100%,280px)}.hero__title{max-width:none}.paths,.about-grid,.contact-layout,.contact-form__grid{grid-template-columns:1fr}.demo-item{grid-template-columns:auto 1fr}.demo-item__tag{grid-column:2}}@media (width<=520px){.site-nav__links{display:none}.demo-item__meta h3{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}