:root{--surface: #fff8f2;--surface-dim: #e2d9cc;--inverse-surface: #353027;--card: #ffffff;--primary-container: #ffdad3;--on-primary-container: #3a0a03;--primary-dim: #ffb4a4;--secondary-container: #c2e8ff;--on-secondary-container: #001e2c;--secondary-dim: #8ecff2;--tertiary-container: #d7eb9a;--on-tertiary-container: #161e00;--tertiary-dim: #bccf81;--alt-container: #ffddb5;--on-alt-container: #2a1800;--alt-dim: #f6bc70;--ink: #1f1b13;--sub: #51443b;--muted: #6b5847;--line: #947d67;--hairline: #d6c3b6;--terra: #904b3c;--ochre: #815611;--vivid-1: rgb(255, 138, 112);--vivid-2: rgb(95, 187, 236);--vivid-3: rgb(168, 193, 92);--vivid-4: rgb(243, 165, 63);--rail-w: 104px;--rail-top: 128px;--card-radius: 28px;--spring: cubic-bezier(.22, 1, .36, 1);color-scheme:light}*{box-sizing:border-box}astro-island{display:contents}html{scroll-behavior:smooth;scroll-padding-top:32px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--surface);color:var(--ink);font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:8px}.skip-link{position:absolute;inset-inline-start:-9999px;inset-block-start:8px;z-index:50;background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:10px;text-decoration:none}.skip-link:focus{inset-inline-start:12px}.shell{display:flex;align-items:flex-start;min-height:100vh}.page-container{flex:1 1 auto;min-width:0;padding:32px 16px 32px 0}.page-card{background:var(--card);border-radius:var(--card-radius);padding:16px}.page-card>section{scroll-margin-top:32px;width:100%;max-width:1080px;margin-inline:auto;padding:32px 32px 64px}@media(max-width:700px){.page-card>section{padding:24px 20px 48px}}.page-card>section+section{position:relative}.page-card>section+section:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%);width:320px;max-width:calc(100% - 64px);height:1px;background:var(--hairline)}.page-card>section:last-child:after{content:"";display:block;width:320px;max-width:100%;height:1px;margin:0 auto;background:var(--hairline)}.page-card>section:last-child{padding-bottom:16px}.page-card h1,.page-card h2,.page-card h3,.page-card p{overflow-wrap:anywhere}.page-card strong{font-weight:600}.page-card em{font-style:italic}.railstack{position:sticky;top:0;align-self:flex-start;flex:0 0 var(--rail-w);width:var(--rail-w);height:100vh;padding:var(--rail-top) 12px 0;display:flex;flex-direction:column;align-items:center;z-index:20}.rail{display:flex;justify-content:center}.rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:12px}.rail-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px 4px;color:var(--sub);text-decoration:none;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.01em;transition:color .22s var(--spring)}.rail-pill{display:grid;place-items:center;width:56px;height:32px;border-radius:100px;background:transparent;color:var(--sub);transition:background .26s var(--spring),color .26s var(--spring)}.rail-pill svg{display:block}.rail-link:hover{color:var(--ink)}.rail-link.is-active{color:var(--ink);font-weight:600}.rail-link:hover .rail-pill{background:var(--surface-dim);color:var(--ink)}.rail-link[data-tone=home].is-active .rail-pill{background:var(--primary-container);color:var(--on-primary-container)}.rail-link[data-tone=home].is-active:hover .rail-pill{background:var(--primary-dim);color:var(--on-primary-container)}.rail-link[data-tone=work].is-active .rail-pill{background:var(--secondary-container);color:var(--on-secondary-container)}.rail-link[data-tone=work].is-active:hover .rail-pill{background:var(--secondary-dim);color:var(--on-secondary-container)}.rail-link[data-tone=about].is-active .rail-pill{background:var(--tertiary-container);color:var(--on-tertiary-container)}.rail-link[data-tone=about].is-active:hover .rail-pill{background:var(--tertiary-dim);color:var(--on-tertiary-container)}.rail-link[data-tone=contact].is-active .rail-pill{background:var(--alt-container);color:var(--on-alt-container)}.rail-link[data-tone=contact].is-active:hover .rail-pill{background:var(--alt-dim);color:var(--on-alt-container)}.subrail{display:flex;flex-direction:column;align-items:stretch;gap:28px;width:100%;padding-top:28px}.subrail-divider{display:block;width:75%;height:1px;margin:0 auto;background:var(--line);opacity:.5}.subrail-list{list-style:none;margin:0;padding:0 6px 48px 0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.subrail-link{display:block;padding:3px 8px;border-radius:100px;color:var(--sub);text-decoration:none;font-size:12px;line-height:1.4;text-align:right;transition:background .22s var(--spring),color .22s var(--spring)}.subrail-link:hover{background:var(--surface-dim);color:var(--ink)}.subrail-link.is-active{font-weight:500}.subrail-link[data-tone=primary].is-active{background:var(--primary-container);color:var(--on-primary-container)}.subrail-link[data-tone=primary].is-active:hover{background:var(--primary-dim)}.subrail-link[data-tone=secondary].is-active{background:var(--secondary-container);color:var(--on-secondary-container)}.subrail-link[data-tone=secondary].is-active:hover{background:var(--secondary-dim)}.subrail-link[data-tone=tertiary].is-active{background:var(--tertiary-container);color:var(--on-tertiary-container)}.subrail-link[data-tone=tertiary].is-active:hover{background:var(--tertiary-dim)}.subrail-link[data-tone=alt].is-active{background:var(--alt-container);color:var(--on-alt-container)}.subrail-link[data-tone=alt].is-active:hover{background:var(--alt-dim)}.hand-wave{display:block;width:48px;height:48px;transform-origin:50% 50%;animation:hand-wave .75s linear infinite alternate}@keyframes hand-wave{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}@media(prefers-reduced-motion:reduce){.hand-wave{animation:none}}.avatar{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 1px 12px #ffb4a340}.avatar img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .4s var(--spring),transform .4s var(--spring)}.avatar .avatar-hover{position:absolute;inset:0;opacity:0}.avatar:hover .avatar-hover{opacity:1}.avatar:hover .avatar-base{opacity:0}@media(prefers-reduced-motion:reduce){.avatar img{transition:none}}.animated-name{margin-inline-start:.28em;font-weight:600;letter-spacing:-.02em;cursor:default}.animated-name span{display:inline-block;transition:color .32s var(--spring),transform .32s var(--spring)}.animated-name:hover span{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.animated-name span{transition:none}.animated-name:hover span{transform:none}}@property --burst{syntax: "<number>"; inherits: false; initial-value: 1;}@property --glow{syntax: "<color>"; inherits: true; initial-value: #dcd9fb;}.page-card>section#home,.page-card>section#work{max-width:1280px}.page-card{overflow-x:clip}.js-motion [data-reveal]:has(.click-hero),.js-motion [data-reveal]:has(.pgrid){opacity:1;transform:none;transition:none}.click-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:". deck" "id deck" "title deck" ". deck" "cue cue";grid-template-rows:1fr auto auto 1fr auto;column-gap:64px;row-gap:24px;min-height:calc(100svh - 150px);padding:40px 32px 24px}.click-hero-cue{grid-area:cue;justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;color:var(--muted);font-family:Space Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-decoration:none;transition:background .26s var(--spring)}.click-hero-cue:hover{background:var(--surface)}.click-hero-cue span{display:inline-block;animation:click-hero-bob 1.8s ease-in-out infinite}@keyframes click-hero-bob{50%{transform:translateY(4px)}}.click-hero-id{grid-area:id;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.click-hero-avatar{width:56px;flex:none}.click-hero-who{flex:1 1 160px;min-width:0}.click-hero-name{margin:0;font-size:16px;font-weight:600;line-height:1.3}.click-hero-role{margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:12px;line-height:1.4;color:var(--muted)}.click-hero-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;background:#ddebd8;color:#3e6b4a;font-family:Space Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em}.click-hero-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:click-hero-pulse 2.4s ease-in-out infinite}@keyframes click-hero-pulse{50%{opacity:.35}}.click-hero-title{grid-area:title;margin:20px 0 0;font-size:clamp(44px,5.8vw,96px);font-weight:600;line-height:1.04;letter-spacing:-.04em}.keycap{position:relative;display:inline-block;margin:.08em 0 .14em;padding:.02em .3em .1em;border:2px solid var(--ink);border-radius:.2em;background:linear-gradient(180deg,#ffffff 0%,var(--surface) 100%);color:var(--terra);font:italic 500 1em/1 Fraunces,serif;letter-spacing:-.02em;cursor:pointer;box-shadow:0 .11em 0 var(--ink),0 .22em .3em -.06em #1f1b134d;transform:translateY(-.04em);transition:transform .12s var(--spring),box-shadow .12s var(--spring)}.keycap:hover{transform:translateY(-.08em);box-shadow:0 .15em 0 var(--ink),0 .3em .4em -.08em #1f1b134d}.keycap:active,.keycap.is-pressed{transform:translateY(.07em);box-shadow:0 0 0 var(--ink),0 .04em .08em #1f1b1333}.keycap-face{position:relative}.keycap-burst{position:absolute;inset:0;pointer-events:none}.keycap-burst i{--burst: 1;position:absolute;left:50%;top:50%;width:.24em;height:4px;border-radius:4px;background:var(--terra);opacity:0;transform:translate(-50%,-50%) translate(calc(cos(var(--a)) * 2.1em * var(--burst)),calc(sin(var(--a)) * .9em * var(--burst))) rotate(var(--a))}.keycap-burst.is-on i{animation:keycap-burst .55s var(--spring)}@keyframes keycap-burst{0%{--burst: .85;opacity:1}to{--burst: 1.3;opacity:0}}.hero-deck{grid-area:deck;position:relative;align-self:center;justify-self:center;width:min(100%,500px);padding-top:48px;perspective:1400px}.hero-deck[data-tone=lavender]{--glow: #d9d5ff}.hero-deck[data-tone=mint]{--glow: #bfe6cf}.hero-deck[data-tone=sky]{--glow: #bde4fb}.hero-deck[data-tone=ice]{--glow: #cfe2f0}.hero-deck[data-tone=orange]{--glow: #fbdcbc}.deck-glow{position:absolute;inset:4% -18% -6%;border-radius:50%;background:radial-gradient(closest-side,var(--glow) 35%,transparent);transition:--glow .9s ease;animation:deck-glow-drift 11s ease-in-out infinite;pointer-events:none}@keyframes deck-glow-drift{50%{scale:1.08;translate:3% -2%}}.deck-stack{display:grid;transform:rotateY(calc(var(--tx, 0) * 8deg)) rotateX(calc(var(--ty, 0) * -6deg));transition:transform .5s var(--spring);animation:deck-float 7s ease-in-out infinite}@keyframes deck-float{50%{translate:0 -8px;rotate:-.6deg}}.deck-card{grid-area:1 / 1;transform-origin:50% 100%;transition:transform .7s var(--spring),opacity .5s ease}.deck-card[data-place="1"]{transform:translate(18px,-16px) rotate(3deg) scale(.955)}.deck-card[data-place="2"]{transform:translate(34px,-30px) rotate(6deg) scale(.91)}.deck-card[data-place="3"]{transform:translate(48px,-42px) rotate(9deg) scale(.865);opacity:.7}.deck-card[data-place="4"]{transform:translate(60px,-52px) rotate(12deg) scale(.82);opacity:0}.deck-card:not([data-place="0"]){pointer-events:none}.deck-card.is-tucking{animation:deck-tuck .75s var(--spring)}@keyframes deck-tuck{0%{transform:none;opacity:1;z-index:30}42%{transform:translate(62%,4%) rotate(11deg);opacity:1;z-index:30}43%{z-index:0}to{transform:translate(60px,-52px) rotate(12deg) scale(.82);opacity:0;z-index:0}}.deck-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}.deck-dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:100px;background:var(--hairline);cursor:pointer;overflow:hidden;transition:width .4s var(--spring)}.deck-dot.is-current{width:40px}.deck-dot-fill{position:absolute;inset:0;background:var(--ink);transform-origin:left;animation:deck-dot-fill var(--dwell, 3.8s) linear forwards}@keyframes deck-dot-fill{0%{transform:scaleX(0)}}.pcard{--pc-bg: #eceaff;--pc-shot: #dcd9fb;--pc-ink: #4a43a0;display:flex;flex-direction:column;gap:12px;height:100%;padding:14px 14px 16px;border-radius:22px;background:var(--pc-bg);color:var(--ink);text-decoration:none;box-shadow:inset 0 1px #ffffffb3,0 2px 6px #1f1b130f,0 24px 48px -28px #1f1b1373;transition:transform .4s var(--spring),box-shadow .4s var(--spring)}.pcard[data-tone=mint]{--pc-bg: #e1f2e8;--pc-shot: #c6e5d4;--pc-ink: #2f6b4f}.pcard[data-tone=sky]{--pc-bg: #e0f1fc;--pc-shot: #c2e8ff;--pc-ink: #1f4b66}.pcard[data-tone=ice]{--pc-bg: #eef5fb;--pc-shot: #d9eaf5;--pc-ink: #36596e}.pcard[data-tone=orange]{--pc-bg: #fff2e3;--pc-shot: #fbe2c8;--pc-ink: #71472d}.pcard-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:2px 4px 0}.pcard-name{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.pcard-kicker{font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-ink)}.pcard-shot{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;background:var(--pc-shot)}.pcard-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s var(--spring)}.pcard-shot.is-contain img{padding:5% 8%;object-fit:contain;object-position:center}.pcard-moment{min-height:2.7em;padding:0 4px;font:italic 500 19px/1.35 Fraunces,serif}.pcard-foot{display:flex;flex-wrap:wrap;align-items:center;margin-top:auto;justify-content:space-between;gap:12px;padding:0 4px}.pcard-stat{padding:4px 10px;white-space:nowrap;border-radius:100px;background:#ffffffb8;font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--pc-ink)}.pcard-go{flex:none;font-size:13px;font-weight:500;color:var(--pc-ink)}.pcard-arrow{display:inline-block;transition:transform .3s var(--spring)}.pcard:hover .pcard-arrow{transform:translate(4px)}.pcard:hover .pcard-shot img{transform:scale(1.03)}.pcard-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pcard-shot{position:relative}.pcard-moment-text{background:linear-gradient(var(--pc-shot),var(--pc-shot)) no-repeat 0 92% / 100% .36em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.pcard-moment .w{display:inline-block;white-space:pre}.pcard-cursor,.pcard-ripple{position:absolute;left:var(--hx);top:var(--hy);pointer-events:none;opacity:0}.pcard-cursor{width:26px;height:26px;margin:-3px 0 0 -5px;fill:var(--ink);stroke:#fff;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(31,27,19,.35))}.pcard-ripple{width:44px;height:44px;margin:-22px 0 0 -22px;border:2px solid var(--pc-ink);border-radius:50%;background:color-mix(in srgb,var(--pc-bg) 40%,transparent)}.js-motion .pcard .w{opacity:0;transform:translateY(.35em);filter:blur(4px)}.js-motion .pcard-moment-text{background-size:0% .36em}.js-motion .pcard-stat{opacity:0;transform:scale(.8)}.js-motion :is(.deck-card[data-place="0"],.deck-card.is-tucking) .pcard-cursor{animation:pcard-cursor 2.6s var(--spring) forwards}.js-motion :is(.deck-card[data-place="0"],.deck-card.is-tucking) .pcard-ripple{animation:pcard-ripple .8s ease-out .92s forwards}.js-motion :is(.deck-card[data-place="0"],.deck-card.is-tucking) .pcard-shot img{transform-origin:var(--hx) var(--hy);animation:pcard-focus 4.5s ease-in-out .95s forwards}.js-motion :is(.deck-card[data-place="0"],.deck-card.is-tucking,.is-dealt) .pcard .w{animation:pcard-word .5s var(--spring) forwards;animation-delay:calc(1.1s + var(--w) * 55ms)}.js-motion :is(.deck-card[data-place="0"],.deck-card.is-tucking,.is-dealt) .pcard-moment-text{animation:pcard-mark .6s ease forwards;animation-delay:calc(1.25s + var(--words) * 55ms)}.js-motion :is(.deck-card[data-place="0"],.deck-card.is-tucking,.is-dealt) .pcard-stat{animation:pcard-pop .45s var(--spring) forwards;animation-delay:calc(1.5s + var(--words) * 55ms)}.js-motion .pgrid>li.is-dealt .pcard .w{animation-delay:calc(.4s + var(--w) * 45ms)}.js-motion .pgrid>li.is-dealt .pcard-moment-text{animation-delay:calc(.5s + var(--words) * 45ms)}.js-motion .pgrid>li.is-dealt .pcard-stat{animation-delay:calc(.7s + var(--words) * 45ms)}@keyframes pcard-cursor{0%{opacity:0;transform:translate(70px,60px)}12%{opacity:1}34%{transform:none}37%{transform:scale(.8)}42%{transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translate(14px,18px)}}@keyframes pcard-ripple{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}@keyframes pcard-focus{to{transform:scale(1.07)}}@keyframes pcard-word{to{opacity:1;transform:none;filter:none}}@keyframes pcard-mark{to{background-size:100% .36em}}@keyframes pcard-pop{to{opacity:1;transform:none}}.pgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;width:100%;margin:0;padding:0;list-style:none}.pgrid>li{grid-column:span 2;min-width:0}.pgrid>li:nth-child(-n+2){grid-column:span 3}.pgrid>li:nth-child(-n+2) .pcard-moment{font-size:21px}.pgrid .pcard:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:inset 0 1px #ffffffb3,0 2px 6px #1f1b130f,0 32px 56px -28px #1f1b1380}.pdeal{display:grid;gap:30px;width:100%}.pdeal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdeal-bar p{margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:12px;color:var(--muted)}.pdeal-bar button{padding:6px 14px;border:1.5px solid var(--hairline);border-radius:100px;background:#fff;font:600 13px/1.2 Poppins,sans-serif;color:var(--ink);cursor:pointer;transition:border-color .2s ease}.pdeal-bar button:hover{border-color:var(--ink)}.pgrid>li{container-type:inline-size}.pslot,.pdeck{display:block;width:100%;min-height:calc(62.5cqw + 150px)}.pslot{border:2px dashed var(--hairline);border-radius:22px}.pdeck{position:relative;padding:0;border:0;background:none;cursor:pointer}.pdeck-card{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:22px;background:radial-gradient(rgba(144,75,60,.12) 1.2px,transparent 1.5px) 0 0 / 14px 14px,var(--surface);box-shadow:inset 0 0 0 1.5px var(--hairline),0 18px 36px -24px #1f1b1380;transition:transform .35s var(--spring),box-shadow .35s var(--spring)}.pdeck-card.is-2{transform:translate(8px,-8px) rotate(2deg)}.pdeck-card.is-3{transform:translate(16px,-16px) rotate(4deg)}.pdeck:hover .pdeck-card:not(.is-2):not(.is-3){transform:translateY(-6px) rotate(-1.5deg);box-shadow:inset 0 0 0 1.5px var(--hairline),0 26px 40px -24px #1f1b138c}.pdeck-key{position:relative;padding:.04em .3em .1em;border:2px solid var(--ink);border-radius:.2em;background:#fff;color:var(--terra);font:italic 500 30px/1 Fraunces,serif;box-shadow:0 4px 0 var(--ink);transition:transform .12s var(--spring),box-shadow .12s var(--spring)}.pdeck-cursor{position:absolute;left:62%;top:58%;width:26px;height:26px;fill:var(--ink);stroke:#fff;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(31,27,19,.35));pointer-events:none;animation:pdeck-cursor var(--cycle, .91s) var(--spring) both}@keyframes pdeck-cursor{0%{opacity:0;transform:translate(70px,56px)}25%{opacity:1}68%,80%{transform:none}86%,to{opacity:1;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.pdeck-cursor{display:none}}.pdeck:active .pdeck-key,.pdeck.is-pressing .pdeck-key{transform:translateY(4px);box-shadow:0 0 0 var(--ink)}.pdeck-cta{font-size:16px;font-weight:600;color:var(--ink)}.pdeck-left{font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--muted)}.pgrid>li.is-dealt>.pcard{animation:pdeal-flip .7s var(--spring);transform-origin:50% 100%}@keyframes pdeal-flip{0%{opacity:0;transform:perspective(900px) translate(18px,-24px) rotateY(80deg) rotate(4deg)}40%{opacity:1}to{transform:none}}@media(prefers-reduced-motion:reduce){.pgrid>li.is-dealt>.pcard{animation:none}}@media(max-width:999px){.click-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"id" "title" "deck" "cue";grid-template-rows:none;padding:32px 24px 16px}.click-hero-title{margin:16px 0 0;font-size:clamp(44px,8vw,76px)}.hero-deck{width:min(100%,420px);padding-top:56px}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pgrid>li,.pgrid>li:nth-child(-n+2){grid-column:auto}.pgrid>li:first-child{grid-column:1 / -1}}@media(max-width:731px){#home [data-n=hmkcdr7eV]{display:none!important}.click-hero{min-height:0;padding:0 0 4px;row-gap:10px;justify-items:center;text-align:center}.click-hero-id{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:10px 12px}.click-hero-avatar{width:44px}.click-hero-who{text-align:left}.click-hero-status{grid-row:1;grid-column:1 / -1;justify-self:center}.click-hero-avatar,.click-hero-who{grid-row:2}.click-hero-title{margin:2px 0 0;font-size:clamp(26px,7.8vw,32px)}.hero-deck{width:min(58vw,225px);justify-self:center;padding-top:30px;text-align:left;translate:-18px 0}.deck-dots{margin-top:14px}.click-hero-cue{display:none}.hero-deck .pcard{gap:8px;padding:10px 10px 12px;border-radius:18px}.hero-deck .pcard-name{font-size:14px}.hero-deck .pcard-kicker{font-size:9px}.hero-deck .pcard-shot{border-radius:10px}.hero-deck .pcard-moment{font-size:15px}.hero-deck .pcard-stat{font-size:10px}.hero-deck .pcard-go{display:none}.pcard-moment,.pgrid>li:nth-child(-n+2) .pcard-moment{font-size:18px}.pgrid{grid-template-columns:minmax(0,1fr)}.pgrid>li:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){.click-hero-dot,.keycap-burst.is-on i,.deck-glow,.deck-stack,.deck-card.is-tucking{animation:none}.keycap,.deck-stack,.deck-card,.pcard,.pcard-shot img,.pcard-arrow{transition:none}.deck-dot-fill{display:none}.click-hero-cue span{animation:none}.js-motion .pcard .w,.js-motion .pcard-stat{opacity:1;transform:none;filter:none}.js-motion .pcard-moment-text{background-size:100% .36em}.pcard-cursor,.pcard-ripple{display:none}}.page-card>section#about{max-width:1280px}.js-motion [data-reveal]:has(.about-chat){opacity:1;transform:none;transition:none}.about-chat{--tone-bg: #e3f4fd;--tone-mid: #c2e8ff;--tone-ink: #1f4b66;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:48px;align-items:start;width:100%}.about-chat[data-tone=apricot],.about-q[data-tone=apricot]{--tone-bg: #fff1de;--tone-mid: #ffddb5;--tone-ink: #7a5210}.about-chat[data-tone=sage],.about-q[data-tone=sage]{--tone-bg: #eef6e3;--tone-mid: #d7eb9a;--tone-ink: #3e6b4a}.about-chat[data-tone=peach],.about-q[data-tone=peach]{--tone-bg: #ffece8;--tone-mid: #ffd0c6;--tone-ink: #8c3b2e}.about-q[data-tone=sky]{--tone-bg: #e3f4fd;--tone-mid: #c2e8ff;--tone-ink: #1f4b66}.about-glyph{flex:none;width:18px;height:18px;fill:none;stroke:var(--tone-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.about-side{display:grid;gap:24px;min-width:0}.about-me{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.about-portrait{width:min(100%,240px);margin-bottom:12px;animation:about-bob 6s ease-in-out infinite}.about-portrait img{display:block;width:100%;height:auto;animation:about-pose .55s var(--spring)}@keyframes about-bob{50%{translate:0 -6px}}@keyframes about-pose{0%{opacity:.3;transform:scale(.86) rotate(-5deg)}}.about-name{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.about-role{margin:0 0 10px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;color:var(--muted)}.about-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;background:#ddebd8;color:#3e6b4a;font-family:Space Mono,ui-monospace,monospace;font-size:12px}.about-menu-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.about-menu-dots{display:flex;gap:5px}.about-menu-dots i{width:7px;height:7px;border-radius:50%;background:var(--hairline);transition:background .3s ease}.about-menu-dots i.is-on{background:var(--ink)}.about-menu ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.about-q{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;border:1.5px solid var(--hairline);border-radius:16px;background:#fff;color:var(--ink);font:500 15px/1.3 Poppins,sans-serif;text-align:left;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s var(--spring),box-shadow .25s ease}.about-q:hover{border-color:var(--tone-ink);transform:translate(4px);box-shadow:0 6px 16px -12px #1f1b1380}.about-q-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--tone-bg)}.about-q-state{font-size:13px;color:var(--tone-ink);transition:transform .25s var(--spring)}.about-q:hover .about-q-state{transform:translate(3px)}.about-q.is-active{border-color:transparent;background:var(--tone-mid);font-weight:600}.about-q.is-active .about-q-icon{background:#fff}.about-talk{min-width:0}.about-bubble{position:relative;min-height:360px;padding:26px 28px 28px;border-radius:28px;background:var(--tone-bg);transition:background .5s ease}.about-bubble:before{content:"";position:absolute;top:96px;left:-12px;width:26px;height:26px;border-radius:4px;background:inherit;transform:rotate(45deg)}.about-asked{margin:0 0 16px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tone-ink)}.about-typing{display:inline-flex;gap:6px;padding:14px 18px;border-radius:100px;background:#ffffffb3}.about-typing i{width:8px;height:8px;border-radius:50%;background:var(--tone-ink);animation:about-dot .9s ease-in-out infinite}.about-typing i:nth-child(2){animation-delay:.15s}.about-typing i:nth-child(3){animation-delay:.3s}@keyframes about-dot{0%,to{opacity:.35;transform:none}40%{opacity:1;transform:translateY(-4px)}}.about-answer{display:grid;gap:18px;animation:about-in .45s var(--spring)}@keyframes about-in{0%{opacity:0;transform:translateY(10px)}}.about-text{margin:0;max-width:36em;font-size:17px;line-height:1.6;color:var(--sub)}.about-subhead{margin:8px 0 0;font-size:15px;font-weight:600}.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.about-steps button{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;overflow:hidden;border:0;border-radius:14px;background:#ffffff80;color:var(--muted);font:600 14px/1.25 Poppins,sans-serif;text-align:left;cursor:pointer;transition:background .25s ease,color .25s ease}.about-steps button small{display:block;font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;font-weight:400;color:var(--muted)}.about-steps button.is-on{background:#fff;color:var(--ink);box-shadow:0 8px 18px -14px #1f1b1380}.about-steps-n{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--tone-mid);color:var(--tone-ink);font-size:12px}.about-steps button.is-on .about-steps-n{background:var(--tone-ink);color:#fff}.about-steps-fill{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tone-ink);transform-origin:left;animation:about-fill var(--dwell) linear forwards}@keyframes about-fill{0%{transform:scaleX(0)}}.about-stage{position:relative;height:230px;overflow:hidden;border-radius:20px;background:#fff9}.about-scene{position:absolute;inset:0;animation:about-in .4s var(--spring)}.scene-research{position:absolute;inset:14px}.scene-feed{position:absolute;left:0;top:0;bottom:0;width:56%;overflow:hidden;mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.scene-feed-track{display:grid;gap:8px;animation:feed-scroll 6s linear infinite}@keyframes feed-scroll{to{transform:translateY(-50%)}}.feed-card{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 10px -8px #1f1b1366}.feed-card i{display:block;height:6px;border-radius:3px;background:#ece4da}.feed-src,.feed-meta{font-family:Space Mono,ui-monospace,monospace;font-size:10.5px}.feed-src.is-thread{color:#c2410c}.feed-src.is-review{color:#a16207}.feed-src.is-comment{color:var(--tone-ink)}.feed-meta{color:var(--muted)}.scene-call{position:absolute;right:0;top:6px;display:flex;align-items:center;gap:10px;width:40%;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 8px 18px -12px #1f1b1380;font-size:13px;animation:about-in .5s var(--spring) .5s backwards}.scene-call small{display:block;font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--muted)}.scene-call-time:after{content:"00:42"}.scene-call-icon{position:relative;display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:#3e6b4a;color:#fff;font-size:15px;animation:call-shake 1.2s ease-in-out infinite}.scene-call-ring{position:absolute;left:12px;width:32px;height:32px;border-radius:50%;border:2px solid #3e6b4a;animation:call-ring 1.2s ease-out infinite}@keyframes call-shake{0%,60%,to{rotate:0deg}10%,30%{rotate:-14deg}20%,40%{rotate:14deg}}@keyframes call-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.scene-insight{position:absolute;right:4px;bottom:6px;width:40%;padding:12px 14px;border-radius:4px;background:#ffe28a;box-shadow:0 10px 18px -12px #1f1b138c;font:italic 500 14px/1.35 Fraunces,serif;rotate:2deg;animation:insight-drop .6s var(--spring) 1.8s backwards}.scene-insight span{margin-right:6px;font-style:normal}@keyframes insight-drop{0%{opacity:0;transform:translateY(-24px) rotate(-8deg) scale(.9)}}.scene-doc{position:absolute;inset:14px 18% 0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 10px 24px -16px #1f1b1380}.doc-chrome{display:flex;align-items:center;gap:5px;padding:8px 12px;border-bottom:1px solid #efe7de}.doc-chrome i{width:8px;height:8px;border-radius:50%;background:#e5dccf}.doc-chrome span{margin-left:8px;font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;color:var(--muted)}.doc-page{display:grid;gap:9px;padding:12px 22px}.doc-icon{font-size:20px}.doc-title{margin:0 0 2px;font-size:17px;font-weight:700}.doc-title span{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid var(--ink);animation:doc-type 1.4s steps(30) .3s forwards,doc-caret .6s step-end infinite}@keyframes doc-type{to{max-width:100%}}@keyframes doc-caret{50%{border-color:transparent}}.doc-row{display:flex;align-items:center;gap:10px;animation:about-in .4s var(--spring) backwards;animation-delay:calc(1.7s + var(--r) * .35s)}.doc-row i{display:block;height:7px;border-radius:4px;background:#ece4da}.doc-box{flex:none;width:14px;height:14px;border:1.5px solid #b9ab9c;border-radius:3px;animation:doc-check .3s ease forwards;animation-delay:calc(2.6s + var(--r) * .35s)}@keyframes doc-check{to{border-color:var(--tone-ink);background:no-repeat center / 9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 5 9l5-6' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E"),var(--tone-ink)}}.doc-row.is-toggle span{width:14px;font-size:11px;color:var(--muted)}.scene-canvas{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 36%}.canvas-board{position:relative;background:radial-gradient(#d9cfc3 1px,transparent 1.2px) 0 0 / 14px 14px}.canvas-label{position:absolute;left:12px;top:10px;font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;color:var(--muted)}.canvas-frame{position:absolute;left:50%;top:50%;width:150px;height:160px;border-radius:14px;background:#fff;box-shadow:0 10px 24px -14px #1f1b1380;transform:translate(-50%,-46%)}.canvas-frame i{position:absolute;display:block;border-radius:6px;animation:about-note .5s var(--spring) backwards}.cf-bar{left:12px;right:12px;top:12px;height:12px;background:var(--tone-mid);animation-delay:.2s!important}.cf-card{left:12px;right:12px;top:32px;height:40px;background:#ffddb5;animation-delay:.5s!important}.cf-card.is-2{top:80px;height:28px;background:#ddebd8;animation-delay:.8s!important}.cf-btn{left:12px;right:12px;bottom:12px;height:24px;background:var(--ink);border-radius:100px!important;animation-delay:1.1s!important}.cf-select{position:absolute;left:9px;right:9px;top:29px;height:46px;border:1.5px solid #3b82f6;opacity:0;animation:cf-select .3s ease 1.6s forwards}@keyframes cf-select{to{opacity:1}}.cf-ripple{position:absolute;left:50%;bottom:12px;width:30px;height:30px;margin:0 0 -3px -15px;border:2px solid var(--tone-ink);border-radius:50%;opacity:0;animation:pcard-ripple .7s ease-out 3.15s forwards}.canvas-cursor{position:absolute;left:50%;top:50%;display:flex;align-items:flex-start;gap:2px;animation:canvas-cursor 3.6s var(--spring) .4s both}.canvas-cursor svg{width:20px;height:20px;fill:#3b82f6;stroke:#fff;stroke-width:1.6}.canvas-cursor em{padding:1px 6px;border-radius:4px;background:#3b82f6;color:#fff;font-style:normal;font-size:10px;font-weight:600}@keyframes canvas-cursor{0%{opacity:0;transform:translate(90px,80px)}15%{opacity:1}35%{transform:translate(-60px,-48px)}65%{transform:translate(-6px,62px)}70%{transform:translate(-6px,62px) scale(.85)}76%,to{opacity:1;transform:translate(-6px,62px)}}.canvas-ai{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-left:1px solid #efe7de;background:#fff}.canvas-ai-head{font-size:12px;font-weight:700;color:#c2410c}.canvas-ai-ask{align-self:flex-end;margin:0;padding:7px 10px;border-radius:12px 12px 2px;background:var(--tone-mid);font-size:12px;line-height:1.35;animation:about-in .4s var(--spring) .3s backwards}.canvas-ai-reply{display:grid;gap:6px;margin:0}.canvas-ai-reply i{display:block;height:6px;border-radius:3px;background:#ece4da;transform-origin:left;animation:ai-line .5s ease backwards}.canvas-ai-reply i:nth-child(1){animation-delay:1s}.canvas-ai-reply i:nth-child(2){width:80%;animation-delay:1.4s}.canvas-ai-reply i:nth-child(3){width:55%;animation-delay:1.8s}@keyframes ai-line{0%{transform:scaleX(0)}}.about-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;justify-self:start;padding:4px;border-radius:100px;background:#fff9}.about-switch button{position:relative;z-index:1;padding:8px 22px;border:0;background:none;font:600 14px/1.2 Poppins,sans-serif;color:var(--muted);cursor:pointer}.about-switch button.is-on{color:var(--ink)}.about-switch-thumb{position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:100px;background:#fff;box-shadow:0 2px 8px #1f1b131f;transition:transform .4s var(--spring)}.about-switch-thumb[data-side=build]{transform:translate(100%)}.about-skills{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.about-skills li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 11px;border-radius:14px;background:#fff;font-size:14px;font-weight:500;box-shadow:0 6px 16px -10px #1f1b1359;animation:about-in .45s var(--spring) backwards;animation-delay:calc(var(--i) * 60ms)}.about-path{display:grid;gap:18px}.about-rail{position:relative;padding-top:46px}.about-track{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:0;padding:0;list-style:none}.about-track:before,.about-track:after{content:"";position:absolute;top:8px;left:calc(50% / var(--n));height:3px;border-radius:3px}.about-track:before{right:calc(50% / var(--n));background:#ffffffd9}.about-track:after{width:calc((100% - 100% / var(--n)) * var(--at) / (var(--n) - 1));background:var(--tone-ink);transition:width 1.6s cubic-bezier(.45,0,.25,1)}.about-track li{position:relative;z-index:1;display:flex;justify-content:center}.about-track button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;border:0;background:none;font-family:Space Mono,ui-monospace,monospace;font-size:12px;color:var(--muted);cursor:pointer}.about-stop{width:19px;height:19px;border:3px solid #ffffff;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--tone-mid);transition:transform .3s var(--spring),background .3s ease}.about-track button:hover .about-stop{transform:scale(1.15)}.about-track button.is-past .about-stop,.about-track button.is-on .about-stop{background:var(--tone-ink)}.about-track button.is-on{color:var(--ink);font-weight:700}.about-train{position:absolute;z-index:2;top:-4px;left:calc((var(--at) + .5) / var(--n) * 100% - 30px);width:60px;height:auto;pointer-events:none;transition:left 1.6s cubic-bezier(.45,0,.25,1);animation:about-chug .4s ease-in-out infinite}@keyframes about-chug{50%{translate:0 -2px}}.about-stopcard{display:grid;gap:6px;padding:18px 20px;border-radius:18px;background:#ffffffb8;animation:about-in .4s var(--spring)}.about-stop-title{margin:0;font-size:18px;font-weight:600}.about-stop-link{justify-self:start;font-size:14px;font-weight:600;color:var(--tone-ink);text-decoration:none}.about-stop-link span{display:inline-block;transition:transform .3s var(--spring)}.about-stop-link:hover span{transform:translate(4px)}.about-care{margin:0;max-width:24em;font:italic 500 clamp(22px,2.2vw,28px) / 1.3 "Fraunces",serif;color:var(--ink)}.about-demo{display:grid;gap:10px;max-width:480px}.about-demo-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}.about-demo-steps li{padding:4px 10px;border-radius:100px;background:#fff9;font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--muted)}.about-demo-steps .is-1{animation:demo-step-1 9s ease infinite}.about-demo-steps .is-2{animation:demo-step-2 9s ease infinite}.about-demo-steps .is-3{animation:demo-step-3 9s ease infinite}@keyframes demo-step-1{6%,26%{background:var(--tone-ink);color:#fff}}@keyframes demo-step-2{28%,44%{background:var(--tone-ink);color:#fff}}@keyframes demo-step-3{46%,90%{background:var(--tone-ink);color:#fff}}.about-demo-ask{justify-self:end;padding:8px 12px;border-radius:14px 14px 3px;background:var(--tone-mid);font-size:14px;animation:demo-in-1 9s var(--spring) infinite}.about-demo-card{display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 8px 20px -14px #1f1b1373;animation:demo-in-2 9s var(--spring) infinite}.about-demo-card p{margin:0;font-size:15px;line-height:1.45}.about-demo-tag{font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tone-ink)}.about-demo-source{justify-self:start;margin-top:4px;padding:3px 8px;border-radius:6px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--tone-ink);animation:demo-source 9s ease infinite}.about-demo-actions{display:flex;flex-wrap:wrap;gap:8px}.about-demo-btn{position:relative;padding:8px 14px;border:1.5px solid var(--tone-ink);border-radius:100px;background:#fff;color:var(--tone-ink);font-size:13px;font-weight:600}.about-demo-btn.is-1{animation:demo-in-3 9s var(--spring) infinite}.about-demo-btn.is-2{animation:demo-in-4 9s var(--spring) infinite}.about-demo-btn.is-3{animation:demo-in-5 9s var(--spring) infinite}.about-demo-done{justify-self:start;padding:6px 12px;border-radius:100px;background:#ddebd8;color:#3e6b4a;font-size:13px;font-weight:600;animation:demo-in-6 9s var(--spring) infinite}.about-demo{position:relative}.about-demo-cursor{position:absolute;left:55%;top:55%;width:22px;height:22px;fill:var(--ink);stroke:#fff;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(31,27,19,.3));animation:demo-cursor 9s var(--spring) infinite}@keyframes demo-in-1{0%{opacity:0;transform:translateY(8px)}5%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes demo-in-2{0%,9%{opacity:0;transform:translateY(8px)}15%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes demo-source{0%,28%{background:transparent}32%,44%{background:var(--tone-mid)}50%,to{background:transparent}}@keyframes demo-in-3{0%,44%{opacity:0;transform:translateY(8px)}48%,90%{opacity:1;transform:none}62%{background:var(--tone-ink);color:#fff;transform:scale(.95)}66%,90%{background:var(--tone-ink);color:#fff}97%,to{opacity:0}}@keyframes demo-in-4{0%,47%{opacity:0;transform:translateY(8px)}51%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes demo-in-5{0%,50%{opacity:0;transform:translateY(8px)}54%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes demo-in-6{0%,66%{opacity:0;transform:translateY(8px)}70%,90%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes demo-cursor{0%,48%{opacity:0;transform:translate(240px,70px)}52%{opacity:1}60%{transform:none}62%{transform:scale(.8)}64%,84%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}.about-game{overflow:hidden;border-radius:18px;box-shadow:0 14px 30px -18px #1f1b1380}.train-game{display:block;width:100%;aspect-ratio:4 / 3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.craft{display:grid;gap:10px}.craft-secret{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;border:1.5px dashed var(--tone-ink);border-radius:16px;background:#fff9}.craft-secret-icon{font-size:24px;line-height:1}.craft-secret-text{display:grid;flex:1 1 200px;gap:2px;min-width:0}.craft-secret-text strong{font-size:15px}.craft-secret-text small{font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--muted)}.craft-secret-hint{padding:5px 12px;border:1px solid var(--tone-mid);border-radius:100px;background:#fff;font:600 12px/1.2 Poppins,sans-serif;color:var(--tone-ink);cursor:pointer}.craft-secret.is-found{border-style:solid;background:#fff;box-shadow:0 0 0 4px var(--tone-mid);animation:craft-found .6s var(--spring)}@keyframes craft-found{0%{transform:scale(.94)}}.craft-secret-cta{padding:8px 16px;border-radius:100px;background:var(--tone-ink);color:#fff;font-size:14px;font-weight:600;text-decoration:none}.craft-board{position:relative;height:240px;overflow:hidden;border-radius:18px;background:radial-gradient(#e0d6ca 1px,transparent 1.3px) 0 0 / 16px 16px,#fff;box-shadow:inset 0 0 0 1.5px var(--tone-mid)}.craft-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:0 24px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;color:var(--muted);text-align:center}.craft-item,.craft-chip,.craft-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--hairline);border-radius:10px;background:#fff;color:var(--ink);font:600 13px/1.2 Poppins,sans-serif;white-space:nowrap;user-select:none;touch-action:none}.craft-item{position:absolute;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 6px 14px -10px #1f1b1380;animation:craft-pop .35s var(--spring)}@keyframes craft-pop{0%{transform:translate(-50%,-50%) scale(.6)}}.craft-item.is-picked{border-color:var(--tone-ink);box-shadow:0 0 0 4px var(--tone-mid)}.craft-item.is-lifted{opacity:.25}.craft-clear{position:absolute;right:10px;bottom:8px;padding:4px 10px;border:1px solid var(--hairline);border-radius:100px;background:#fff;font-family:Space Mono,ui-monospace,monospace;font-size:11px;color:var(--muted);cursor:pointer}.craft-news{min-height:26px}.craft-news p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:14px;animation:about-in .35s var(--spring)}.craft-news-tag{padding:2px 8px;border-radius:100px;background:#ffffffb3;font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.craft-news p.is-fresh .craft-news-tag{background:var(--tone-ink);color:#fff}.craft-news p>span:last-child:not(.craft-news-tag){color:var(--sub)}.craft-shelf-label{display:flex;justify-content:space-between;margin:0 0 8px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.craft-shelf ul{display:flex;flex-wrap:wrap;gap:7px;max-height:140px;margin:0;padding:2px;overflow:auto;list-style:none}.craft-chip{cursor:grab;transition:border-color .2s ease,transform .2s var(--spring)}.craft-chip:hover{border-color:var(--tone-ink);transform:translateY(-2px)}.craft-chip.is-new{animation:craft-new 1.4s ease 2}@keyframes craft-new{50%{border-color:var(--tone-ink);box-shadow:0 0 0 5px var(--tone-mid)}}.craft-ghost{position:fixed;z-index:1000;pointer-events:none;box-shadow:0 16px 28px -12px #1f1b1380;transform:translate(-50%,-50%) rotate(-3deg) scale(1.06)}.about-linklist{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.about-linklist a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:100px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 6px 16px -10px #1f1b1359;transition:transform .3s var(--spring)}.about-linklist a:hover{transform:translateY(-3px)}.about-linklist a span{color:var(--tone-ink)}@media(max-width:999px){.about-chat{grid-template-columns:minmax(0,1fr);gap:24px}.about-side{gap:20px}.about-me{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:18px;align-items:center;justify-items:start;text-align:left}.about-portrait{grid-row:1 / 4;width:120px;margin:0}.about-role{margin:0}.about-menu ul{grid-template-columns:repeat(2,minmax(0,1fr))}.about-bubble:before{top:-10px;left:56px}}@media(max-width:731px){.about-portrait{grid-row:1 / 3;width:88px}.about-status{grid-column:1 / -1;margin-top:10px}.about-menu ul{grid-template-columns:minmax(0,1fr)}.about-bubble{min-height:0;padding:22px 18px 24px;border-radius:22px}.about-bubble:before{left:40px}.about-steps{grid-template-columns:minmax(0,1fr);gap:6px}.about-steps button{padding:7px 10px;font-size:13px}.about-steps button small{display:none}.about-stage{height:250px}.scene-feed{width:100%;bottom:46%}.scene-call{top:auto;bottom:0;left:0;width:55%;gap:7px;padding:8px 9px;font-size:12px}.scene-call-icon,.scene-call-ring{width:26px;height:26px;font-size:13px}.scene-call-ring{left:9px}.scene-insight{right:0;width:42%;bottom:0;padding:9px 10px;font-size:11.5px}.scene-doc{inset:14px 6% 0}.doc-page{padding:10px 14px}.doc-title{font-size:15px}.scene-canvas{grid-template-columns:minmax(0,1fr)}.canvas-ai{position:absolute;right:8px;bottom:8px;width:46%;border:0;border-radius:12px;box-shadow:0 8px 18px -12px #1f1b1380}.about-track button{font-size:11px}.about-care{font-size:21px}}@media(prefers-reduced-motion:reduce){.about-chat *,.about-chat *:before,.about-chat *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition:none!important}.about-demo-cursor,.canvas-cursor,.scene-call-ring{display:none}}.section-title{display:flex;align-items:center;gap:4px;margin:0 0 24px}.section-title h2{margin:0;font-size:24px;font-weight:700;line-height:32px}.section-title-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:100px;color:var(--ink);transition:background .26s var(--spring),transform .26s var(--spring)}.section-title-arrow svg{transform:rotate(90deg)}.section-title:hover .section-title-arrow{background:var(--surface-dim);transform:translateY(2px)}@media(prefers-reduced-motion:reduce){.section-title:hover .section-title-arrow{transform:none}}.work-card{display:flex;align-items:center;gap:28px;padding:24px}.work-card.is-reversed{flex-direction:row-reverse}.work-thumb{flex:1 1 0;min-width:0;display:block;border-radius:16px;overflow:hidden;transition:transform .42s var(--spring),box-shadow .42s var(--spring)}.work-thumb img{display:block;width:100%;height:auto;border-radius:16px}.work-thumb:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 16px 30px -10px var(--thumb-shadow, rgba(31, 27, 19, .3))}@media(prefers-reduced-motion:reduce){.work-thumb:hover{transform:none}}.work-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}.work-kicker{margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;line-height:1.2;color:var(--ochre)}.work-title{margin:0;font-size:23px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.work-desc{margin:0;font-size:16px;line-height:1.6em;color:var(--sub)}.work-tags{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 6px;list-style:none;padding:0}.tag{display:inline-flex;align-items:center;padding:2px 12px;border-radius:100px;font-size:12px;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--terra);white-space:nowrap}.tag[data-tone=primary]{background:var(--primary-container)}.tag[data-tone=secondary]{background:var(--secondary-container)}.tag[data-tone=tertiary]{background:var(--tertiary-container)}.tag[data-tone=alt]{background:var(--alt-container)}.action-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:100px;background:#fff1e5;color:#815511;text-decoration:none;font-size:13px;font-weight:500;line-height:20px;box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d;transition:background .26s var(--spring),box-shadow .26s var(--spring),transform .26s var(--spring)}.action-button svg{transition:transform .26s var(--spring)}.action-button:hover{background:var(--alt-container);box-shadow:0 2px 4px 1px #00000029,0 1px 2px #0000004d}.action-button:hover svg{transform:translate(3px)}.action-button:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.action-button,.action-button svg{transition:none}.action-button:hover svg{transform:none}}.social-tile{display:inline-flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:13px;font-weight:600}.social-mark{display:grid;place-items:center;width:96px;height:96px;border-radius:28px;transition:background .28s var(--spring),transform .28s var(--spring),box-shadow .28s var(--spring)}.social-tile:hover .social-mark{transform:translateY(-4px);box-shadow:0 1px 3px #0000004d,0 4px 8px 3px #00000026}.social-tile[data-tone=primary] .social-mark{background:var(--primary-container);color:var(--on-primary-container)}.social-tile[data-tone=primary]:hover .social-mark{background:var(--primary-dim)}.social-tile[data-tone=secondary] .social-mark{background:var(--secondary-container);color:var(--on-secondary-container)}.social-tile[data-tone=secondary]:hover .social-mark{background:var(--secondary-dim)}.social-tile[data-tone=tertiary] .social-mark{background:var(--tertiary-container);color:var(--on-tertiary-container)}.social-tile[data-tone=tertiary]:hover .social-mark{background:var(--tertiary-dim)}.social-tile[data-tone=alt] .social-mark{background:var(--alt-container);color:var(--on-alt-container)}.social-tile[data-tone=alt]:hover .social-mark{background:var(--alt-dim)}@media(prefers-reduced-motion:reduce){.social-tile:hover .social-mark{transform:none}}.about-links{justify-content:center}#contact{padding-top:48px}#contact .section-title{margin-bottom:0}.js-motion [data-reveal]{will-change:opacity,transform}.js-motion [data-reveal=section]{opacity:0;transition:opacity .4s var(--spring)}.js-motion [data-reveal=content]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--spring),transform .7s var(--spring);transition-delay:min(var(--reveal-i, 0) * 60ms,.24s)}.js-motion [data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js-motion [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}@media(max-width:1199px){.work-card,.work-card.is-reversed{flex-direction:column;align-items:stretch;gap:24px}.work-thumb{flex:none;width:100%}[data-stack=horizontal]{flex-wrap:wrap}.page-card div:has(>div>.social-tile),.page-card div:has(>div>astro-island>.social-tile){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px!important;justify-items:center;height:auto!important;overflow:visible!important;padding:24px 0 0!important}.hero-greeting{justify-content:center!important}.page-card>section{padding:32px 24px 64px}#contact{padding-top:48px}}@media(max-width:731px){:root{--rail-w: 0px}.shell{display:block}.page-container{padding:16px 16px 96px}.page-card{padding:12px}.railstack{position:fixed;inset:auto 0 0;width:100%;height:auto;flex:none;padding-top:0;z-index:30}.rail{position:static;inset:auto;width:100%;height:auto;flex:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#fff8f2f0;backdrop-filter:blur(10px);border-top:1px solid var(--hairline)}.rail-list{flex-direction:row;justify-content:space-around;width:100%;gap:0}.rail-link{flex:1}.subrail{position:fixed;inset-block-start:0;inset-inline:0;z-index:25;flex-direction:row;gap:0;padding:0;background:#fff8f2f0;backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.subrail-divider{display:none}.subrail-list{flex-direction:row;align-items:center;gap:4px;width:100%;padding:8px 8px calc(8px + env(safe-area-inset-top,0px));overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;justify-content:safe center}.subrail-list::-webkit-scrollbar{display:none}.subrail-list li{flex:0 0 auto;scroll-snap-align:start}.subrail-link{padding:8px 10px;text-align:center;white-space:nowrap}.has-subnav .page-container{padding-top:56px}.page-card>section{padding:24px 16px 48px}.work-card{padding:16px 12px}.social-mark{width:72px;height:72px;border-radius:22px}.animated-name{font-size:28px!important}.about-identity{flex-direction:column!important;justify-content:center;text-align:center;gap:10px!important}.about-identity-status{margin-left:0!important}.handoff-arrow{display:inline-block;transform:rotate(90deg)}.problem-frame-step{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.problem-frame-arrow{padding-left:0!important}[data-cols]:not([data-cols="1"]){grid-template-columns:minmax(0,1fr)!important}}
