:root{--paper: oklch(.985 .002 258);--ink: oklch(.2 0 0);--ink-soft: oklch(.42 0 0);--spot: oklch(.55 .17 258);--spot-deep: oklch(.46 .15 258);--spot-light: oklch(.9 .05 258);--hairline: oklch(.84 .005 258);--font-display: "Libre Caslon Text", "Times New Roman", serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fragment Mono", "Courier New", monospace;--ease-mech: cubic-bezier(.16, 1, .3, 1);--band-pad: max(clamp(1.25rem, 4.5vw, 3rem), calc((100% - 1200px)/2) );--z-masthead: 10}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(min-width:1360px){body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:min(260px,calc((100vw - 1280px)/2));z-index:-1;pointer-events:none;background-image:radial-gradient(circle,oklch(.78 .006 258) 1.1px,transparent 1.3px);background-size:7px 7px}body:before{left:0;-webkit-mask-image:linear-gradient(to right,black 20%,transparent);mask-image:linear-gradient(to right,black 20%,transparent)}body:after{right:0;background-position:3.5px 3.5px;-webkit-mask-image:linear-gradient(to left,black 20%,transparent);mask-image:linear-gradient(to left,black 20%,transparent)}}::selection{background:var(--spot);color:var(--paper)}a{color:inherit}:focus-visible{outline:2px solid var(--spot-deep);outline-offset:3px}.masthead{position:relative;z-index:var(--z-masthead);padding:clamp(1rem,2.5vw,1.75rem) var(--band-pad);display:flex;align-items:baseline;gap:1rem 2.5rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.8125rem;border-bottom:1px solid var(--hairline)}.wordmark{font-family:var(--font-display);font-size:1.125rem;text-decoration:none;letter-spacing:.01em}.masthead-nav{display:flex;gap:1.5rem;margin-left:auto}.masthead-nav a,.masthead-cv{color:var(--ink-soft);text-decoration:none;text-underline-offset:4px}.masthead-nav a:hover{color:var(--ink);text-decoration:underline}.masthead-cv{color:var(--spot-deep)}.masthead-cv:hover{text-decoration:underline}.band{padding:clamp(4rem,9vw,7rem) var(--band-pad);border-top:1px solid var(--hairline)}.band-hero{border-top:none;padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3.5rem,7vw,6rem);position:relative;isolation:isolate}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.012em;text-wrap:balance}h1{font-size:clamp(2.5rem,5.4vw,4.6rem)}h2{font-size:clamp(1.9rem,3.2vw,2.8rem)}h3{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.15}p{text-wrap:pretty}.spot{font-style:normal;color:var(--spot-deep)}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.hero-display{font-size:clamp(2.75rem,6.5vw,5.5rem);line-height:1.04;position:relative;z-index:1;text-shadow:0 0 14px var(--paper),0 0 14px var(--paper),0 0 14px var(--paper),0 0 26px var(--paper),0 0 26px var(--paper),0 0 44px var(--paper)}.flip-word{color:var(--spot-deep);display:inline-block;white-space:nowrap}.flip-visual{display:inline-block;text-decoration:underline dotted;text-decoration-thickness:.045em;text-decoration-color:var(--spot);text-underline-offset:.13em}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);margin-top:clamp(1.75rem,3.5vw,3rem);position:relative;z-index:1}.hero-copy{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,1.75rem);padding-top:clamp(.25rem,1.5vw,1.5rem)}.hero-meta{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:clamp(1.25rem,3vw,2.25rem);overflow-wrap:break-word;position:relative;z-index:1;text-shadow:0 0 8px var(--paper),0 0 8px var(--paper),0 0 12px var(--paper)}.hero-sub{max-width:52ch;font-size:1.125rem;text-shadow:0 0 10px var(--paper),0 0 10px var(--paper),0 0 10px var(--paper),0 0 18px var(--paper),0 0 18px var(--paper),0 0 28px var(--paper)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-block;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.02em;text-decoration:none;padding:.7rem 1.4rem;border-radius:999px;background:var(--ink);color:var(--paper);transition:transform .24s var(--ease-mech),background-color .24s var(--ease-mech)}.btn:hover{background:#333;transform:translateY(-1px)}.btn-quiet{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-quiet:hover{background:#e6e8ea}.btn-ico{display:inline-flex;align-items:center;gap:.55rem}.btn-pix{width:.95em;height:.95em;fill:currentColor;flex:none}.fig{min-width:0}.fig-stack{position:relative;border:1px solid var(--hairline);background:var(--paper);overflow:hidden}.fig-stack canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.fig-stack canvas.overlay{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:auto}.fig-hero .fig-stack{aspect-ratio:4 / 3;touch-action:pan-y;border:none;background:transparent;overflow:visible}.fig-switch{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin-top:.7rem}.fig-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.05em;color:var(--ink-soft);cursor:pointer;padding:.15rem 0;display:flex;align-items:baseline;gap:.5rem;transition:color .2s var(--ease-mech);text-shadow:0 0 8px var(--paper),0 0 8px var(--paper),0 0 12px var(--paper)}.fig-opt:before{content:"";flex:0 0 8px;height:8px;transform:translateY(1px);border:1px solid var(--ink-soft);transition:background-color .2s var(--ease-mech),border-color .2s var(--ease-mech)}.fig-opt:hover,.fig-opt[aria-pressed=true]{color:var(--ink)}.fig-opt[aria-pressed=true]:before{background:var(--spot);border-color:var(--spot)}@media(min-width:981px){.band-hero{min-height:min(92vh,900px)}.hero-grid{max-width:32rem}.fig-hero{position:absolute;top:clamp(3rem,6vw,6rem);bottom:clamp(1rem,2vw,2rem);right:max(0px,calc(var(--band-pad) - clamp(2rem,5vw,6rem)));width:clamp(38rem,62%,64rem);margin:0;display:flex;flex-direction:column;z-index:0;pointer-events:none}.fig-hero .fig-stack{flex:1 1 auto;min-height:0;aspect-ratio:auto;width:100%;height:auto}.fig-switch{position:relative;z-index:2;pointer-events:auto;flex:0 0 auto}}.work-head{margin-bottom:clamp(1.75rem,4vw,3rem)}.work-lede{max-width:58ch;margin-top:.85rem;color:var(--ink-soft);font-size:1rem}.bento{display:grid;gap:clamp(.45rem,.9vw,.8rem);aspect-ratio:330 / 312;grid-template-columns:75fr 165fr 90fr;grid-template-rows:77fr 95fr 70fr 70fr;grid-template-areas:"banner  banner  banner" "embed   robomop exp" "awards  robomop arm" "sld     sld     arm"}.tile--banner{grid-area:banner}.tile--embed{grid-area:embed}.tile--awards{grid-area:awards}.tile--robomop{grid-area:robomop}.tile--exp{grid-area:exp}.tile--arm{grid-area:arm}.tile--sld{grid-area:sld}.tile{position:relative;min-width:0;min-height:0;border:1px solid var(--hairline);background:var(--paper);overflow:hidden;cursor:pointer;isolation:isolate;transition:border-color .26s var(--ease-mech)}.tile:hover,.tile:focus-visible,.tile.is-open{border-color:var(--spot)}.tile .fig-stack{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:var(--paper)}.tile-face{position:absolute;inset:auto 0 0 0;z-index:2;padding:clamp(.65rem,1.3vw,1.1rem);display:flex;flex-direction:column;gap:.1rem;background:linear-gradient(to top,var(--paper) 14%,oklch(.985 .002 258 / .72) 55%,transparent);transition:opacity .36s var(--ease-mech),transform .46s var(--ease-mech)}.tile-idx{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--spot-deep)}.tile-name{font-family:var(--font-display);font-size:clamp(1rem,.9rem + .7vw,1.35rem);line-height:1.12;letter-spacing:-.01em}.tile--banner .tile-name{font-size:clamp(1.2rem,1rem + 1.1vw,1.9rem)}.tile-detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:clamp(.85rem,1.7vw,1.6rem);display:flex;flex-direction:column;justify-content:center;gap:.55rem;background:var(--spot-deep);color:var(--paper);opacity:0;transform:translateY(10%);transition:opacity .38s var(--ease-mech),transform .52s var(--ease-mech);pointer-events:none;overflow:auto}.tile-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.05rem,.9rem + .7vw,1.45rem);line-height:1.12;letter-spacing:-.012em;color:var(--paper)}.tile--embed .tile-title,.tile--arm .tile-title,.tile--awards .tile-title,.tile--exp .tile-title{font-size:clamp(1rem,.9rem + .4vw,1.2rem)}.tile:hover .tile-detail,.tile:focus-visible .tile-detail,.tile.is-open .tile-detail{opacity:1;transform:none;pointer-events:auto}.tile:hover .tile-face,.tile:focus-visible .tile-face,.tile.is-open .tile-face{opacity:0;transform:translateY(8px)}.tile-meta{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.05em;color:var(--spot-light)}.tile-desc{font-size:clamp(.8rem,.74rem + .3vw,.95rem);line-height:1.5;max-width:60ch;color:#f1f5fc}.tile--embed .tile-desc,.tile--arm .tile-desc{font-size:clamp(.76rem,.72rem + .2vw,.86rem);line-height:1.42}.tile-list{list-style:none;display:flex;flex-direction:column}.tile-list li{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;font-size:.78rem;line-height:1.3;border-top:1px solid oklch(.985 .002 258 / .22)}.tile-list li:first-child{border-top:none}.tile-list li span:last-child{font-family:var(--font-mono);font-size:.6875rem;color:var(--spot-light);white-space:nowrap}.record-head{margin-bottom:clamp(1.75rem,4vw,3rem)}.record-lede{max-width:52ch;margin-top:.85rem;color:var(--ink-soft);font-size:1rem}.record-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.record-sub{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--spot);margin-bottom:.35rem}.record-sub:not(:first-child){margin-top:clamp(2rem,4vw,3rem)}.cv-list{list-style:none}.cv-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;padding-block:.9rem;border-top:1px solid var(--hairline)}.cv-list>.cv-row:last-child{border-bottom:1px solid var(--hairline)}.cv-name{grid-column:1;font-size:.95rem;line-height:1.3}.cv-detail{grid-column:1;margin-top:.3rem;color:var(--ink-soft);font-size:.84rem;line-height:1.45;max-width:54ch}.cv-year{grid-column:2;grid-row:1;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--spot);white-space:nowrap;text-align:right}.cv-row--flat{align-items:baseline}.cap-block{margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--hairline);scroll-margin-top:clamp(1.5rem,4vw,3rem)}.cap-block .record-sub{margin-bottom:.85rem}.spec-table{list-style:none}.spec-table--cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,5vw,4rem);border-top:1px solid var(--hairline)}.spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding-block:.75rem;border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:.78125rem}.spec-row dt{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.spec-row dd{text-align:right}.band-contact{background:var(--spot-deep);border-top:none;color:var(--paper);text-align:center;padding-block:clamp(4.5rem,10vw,8rem)}.band-contact h2{margin-bottom:clamp(2rem,4vw,3rem)}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.btn-paper{background:var(--paper);color:var(--spot-deep)}.btn-paper:hover{background:#e4e8ef;transform:translateY(-1px)}.btn-paper-quiet{background:transparent;color:var(--paper);border:1px solid oklch(.93 .02 258)}.btn-paper-quiet:hover{background:#2063bf}.band-contact :focus-visible{outline-color:var(--paper)}.contact-fine{margin-top:clamp(1.75rem,3.5vw,2.75rem);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:#dce9fc}.colophon{padding:clamp(1.5rem,3vw,2.5rem) var(--band-pad);font-family:var(--font-mono);font-size:.71875rem;color:var(--ink-soft);text-align:center}.colophon p{max-width:72ch;margin-inline:auto}.anim .reveal{opacity:0;transform:translateY(22px)}.anim .reveal.in{opacity:1;transform:none;transition:opacity .8s var(--ease-mech),transform .8s var(--ease-mech)}.anim .hero-meta.reveal.in{transition-delay:.04s}.anim #hero-title.reveal.in{transition-delay:.1s}.anim .hero-sub.reveal.in{transition-delay:.18s}.anim .hero-actions.reveal.in{transition-delay:.26s}.anim .fig-hero.reveal.in{transition-delay:.32s}.anim .bento .tile.reveal.in:nth-child(2){transition-delay:.06s}.anim .bento .tile.reveal.in:nth-child(3){transition-delay:.12s}.anim .bento .tile.reveal.in:nth-child(4){transition-delay:.18s}.anim .bento .tile.reveal.in:nth-child(5){transition-delay:.24s}.anim .bento .tile.reveal.in:nth-child(6){transition-delay:.3s}.anim .bento .tile.reveal.in:nth-child(7){transition-delay:.36s}@media(max-width:980px){.bento{aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:minmax(150px,auto);grid-template-areas:"banner  banner" "robomop robomop" "embed   exp" "awards  arm" "sld     sld"}.tile--banner{min-height:210px}.tile--robomop{min-height:340px}.tile--sld{min-height:200px}.record-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem)}.spec-table--cols,.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy{padding-bottom:0}}@media(max-width:600px){.bento{grid-template-columns:1fr;grid-auto-rows:minmax(240px,auto);grid-template-areas:"banner" "robomop" "embed" "sld" "arm" "exp" "awards"}.tile--banner,.tile--robomop,.tile--sld{min-height:260px}}@media(max-width:640px){.masthead{gap:.85rem 1.25rem}.wordmark{flex:1 0 100%}.masthead-nav{margin-left:0;gap:1.25rem;flex-wrap:wrap}}@media(max-width:420px){.hero-meta{font-size:.7rem;letter-spacing:.05em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}