:root{--paper:#f5f7fc;--surface:#fff;--ink:#151a33;--muted:#565d78;--blue:#3651d4;--blue-soft:#e3e8ff;--line:#cbd4f5;--furn:#a3abcc;--marker:#ffe24a;--font:"Bricolage Grotesque", system-ui, sans-serif;--gutter:16px;--max:1200px;--bar-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 16px);-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.skip{left:var(--gutter);z-index:100;background:var(--ink);color:#fff;border-radius:6px;padding:8px 14px;position:absolute;top:-100px}.skip:focus{top:10px}.bar{z-index:50;height:var(--bar-h);padding:0 var(--gutter);background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mono{letter-spacing:-.02em;border:2px solid var(--ink);padding:2px 7px;font-size:1.15rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.mono span{color:var(--blue)}.bar-actions{align-items:center;gap:10px;display:flex}.lang{font:600 .875rem var(--font);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-width:44px;height:36px}.lang:hover{border-color:var(--ink)}.btn{background:var(--blue);color:#fff;border:2px solid var(--blue);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.btn:hover{background:var(--ink);border-color:var(--ink)}.btn--ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn--ghost:hover{color:#fff}.btn--small{min-height:36px;padding:0 14px;font-size:.875rem}.hero{isolation:isolate;max-width:var(--max);padding:36px var(--gutter) 48px;gap:40px;margin:0 auto;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 24px 24px;opacity:.9;position:absolute;inset:0 calc(50% - 50vw);-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.status{background:var(--marker);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-size:.875rem;font-weight:600;display:inline-flex}.dot{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.name{font-variation-settings:"wdth" 75;letter-spacing:-.035em;flex-direction:column;margin:20px 0 16px;font-size:clamp(4rem,19vw,8.5rem);font-weight:800;font-stretch:75%;line-height:.86;display:flex}.name span:last-child{color:var(--blue);padding-left:.42em}.role{font-size:clamp(1.35rem,4.5vw,1.75rem);font-weight:650;line-height:1.2}.program{color:var(--muted);max-width:44ch;margin-top:4px;font-size:.9375rem}.pitch{border-left:3px solid var(--blue);max-width:46ch;margin-top:20px;padding-left:14px;font-size:1.0625rem}.ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ctas .btn{flex:auto}.hero-plan{margin:0 -4px}.hero-plan figcaption{text-align:center;color:var(--muted);margin-top:8px;font-size:.875rem}.plan{width:100%;height:auto;display:block;overflow:visible}.walls,.doors,.furn,.annot{pointer-events:none}.w{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:square}.w--outer{stroke-width:6px}.win{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.d{fill:none;stroke:var(--blue);stroke-width:1.3px}.f{fill:none;stroke:var(--furn);stroke-width:1px}.room{cursor:pointer;outline:none}.room-fill{fill:#0000;transition:fill .25s}.room:hover .room-fill,.room:focus-visible .room-fill{fill:var(--blue-soft)}.room:focus-visible .room-fill{stroke:var(--blue);stroke-width:2px;stroke-dasharray:4 3}.rl-key{fill:var(--blue)}.rl-key-t{fill:#fff;text-anchor:middle;font-size:11px;font-weight:700}.rl-name{fill:var(--ink);font-size:16px;font-weight:650}.rl-meta{fill:var(--muted);font-size:12.5px}.dim{fill:none;stroke:var(--muted);stroke-width:1px}.dim-t{fill:var(--muted);text-anchor:middle;font-size:11px}.north{fill:var(--ink)}@media (prefers-reduced-motion:no-preference){.plan:not(.plan--mini) :is(.w,.d,.f,.win){stroke-dasharray:1;stroke-dashoffset:1px;animation:1s cubic-bezier(.65,0,.25,1) forwards draw;animation-delay:calc(var(--i) * 80ms + .15s)}.plan:not(.plan--mini) :is(.rl,.annot){opacity:0;animation:.6s ease-out 1.6s forwards appear}.static .plan :is(.w,.d,.f,.win,.rl,.annot){stroke-dashoffset:0;stroke-dasharray:none;opacity:1;animation:none}.room:hover .rl{transform:translateY(-1px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}.plan--mini .w{stroke-width:5px}.plan--mini .w--outer{stroke-width:8px}.plan--mini .rl-name{font-size:22px;font-weight:600}.plan--mini .room.is-active .room-fill{fill:var(--blue)}.plan--mini .room.is-active .rl-name{fill:#fff}.about{max-width:var(--max);padding:40px var(--gutter) 56px;border-top:1px solid var(--line);gap:24px;margin:0 auto;display:grid}.about-title{font-variation-settings:"wdth" 80;letter-spacing:-.025em;font-size:clamp(2rem,8vw,3.5rem);font-weight:750;line-height:1}.route{align-items:flex-start;max-width:420px;display:flex}.stop{justify-items:start;gap:2px;display:grid}.stop:last-child{text-align:right;justify-items:end}.pin{border:3px solid var(--blue);background:var(--surface);width:14px;height:14px;margin-bottom:6px}.stop:last-child .pin{background:var(--blue)}.stop b{font-weight:650}.stop small{color:var(--muted);font-size:.8125rem}.track{border-top:2px dashed var(--blue);flex:1;height:0;margin:6px 8px 0}.about-body{gap:14px;max-width:62ch;font-size:1.0625rem;display:grid}.langs h3{margin-bottom:6px;font-size:1rem;font-weight:650}.langs dl>div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.langs dt{font-weight:600}.langs dd{color:var(--muted)}.layout{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.side{display:none}.sec{border-top:1px solid var(--line);padding:48px 0}.sec-title{font-variation-settings:"wdth" 85;letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:28px;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:750;line-height:1.1;display:flex}.key{background:var(--blue);color:#fff;flex:none;place-items:center;width:1.1em;height:1.1em;font-size:.6em;font-weight:700;display:inline-grid}.sub{margin:36px 0 14px;font-size:1.125rem;font-weight:650}.timeline{gap:32px;padding-left:22px;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:5px}.entry{gap:4px;display:grid;position:relative}.entry:before{content:"";background:var(--surface);border:2.5px solid var(--blue);width:12px;height:12px;position:absolute;top:6px;left:-22px}.when{color:var(--blue);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.now{background:var(--marker);color:var(--ink);vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;display:inline-block}.entry h3{font-size:1.25rem;font-weight:650;line-height:1.3}.org{color:var(--blue);display:block}.where{color:var(--muted);font-size:.9375rem}.entry ul{gap:6px;max-width:62ch;margin-top:10px;display:grid}.entry li{padding-left:18px;position:relative}.entry li:before{content:"";background:var(--blue);width:9px;height:2px;position:absolute;top:.78em;left:0}.workshops{gap:10px;display:grid}.workshops li{border:1.5px solid var(--ink);background:var(--surface);grid-template-columns:1fr auto auto;align-items:baseline;gap:4px 16px;padding:12px 14px;display:grid}.workshops b{font-weight:600}.workshops span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.workshops span:first-of-type{color:var(--blue);font-weight:600}.skills{display:grid}.skills li{border-bottom:1px dashed var(--line);align-items:center;gap:14px;padding:14px 0;font-size:1.125rem;font-weight:500;display:flex}.skills li:before{content:"";border:2px solid var(--blue);background:repeating-linear-gradient(45deg, var(--blue) 0 1.5px, transparent 1.5px 4px);flex:none;width:14px;height:14px}.tools{gap:24px;display:grid}.tool-group h3{color:var(--muted);margin-bottom:10px;font-size:1rem;font-weight:650}.tool-group ul{flex-wrap:wrap;gap:8px;display:flex}.tool-group li{border:1.5px solid var(--line);background:var(--surface);padding:8px 14px;font-weight:550}.tool-group li.is-main{border-color:var(--blue);background:var(--blue);color:#fff}.legend{color:var(--muted);align-items:center;gap:10px;margin-top:24px;font-size:.875rem;display:flex}.swatch{background:var(--blue);width:14px;height:14px}.contact-title{font-variation-settings:"wdth" 80;letter-spacing:-.025em;max-width:18ch;font-size:clamp(1.75rem,7vw,3.25rem);font-weight:750;line-height:1.05}.contact-body{max-width:52ch;margin-top:16px;font-size:1.0625rem}.mail{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;display:flex}.mail-link{color:var(--blue);text-underline-offset:6px;overflow-wrap:anywhere;font-size:clamp(1.25rem,6.2vw,2.25rem);font-weight:650;text-decoration-thickness:2px}.mail-link:hover{color:var(--ink)}.copy{font:600 .875rem var(--font);border:1.5px solid var(--ink);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;padding:0 16px}.copy:hover{background:var(--ink);color:#fff}.copy-status{color:var(--blue);font-size:.875rem;font-weight:600}.contact-list{border-top:1.5px solid var(--ink);margin-top:32px;display:grid}.contact-list>div{border-bottom:1px solid var(--line);gap:2px;padding:14px 0;display:grid}.contact-list dt{color:var(--muted);font-size:.875rem}.contact-list dd{font-size:1.125rem;font-weight:550}.contact-list a{text-decoration:none}.contact-list a:hover{color:var(--blue);text-decoration:underline}.cartouche{margin:24px max(var(--gutter), (100% - var(--max)) / 2 + var(--gutter)) 32px;border:2px solid var(--ink);background:var(--surface);grid-template-columns:1fr 1fr;display:grid}.cartouche div{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px 12px}.cartouche div:nth-child(2n){border-right:0}.cartouche div:nth-last-child(-n+2){border-bottom:0}.cartouche small{color:var(--muted);font-size:.75rem;display:block}.cartouche b{font-weight:650}@media (width>=640px){:root{--gutter:32px}.entry{grid-template-columns:190px 1fr;gap:24px}.timeline{padding-left:30px}.entry:before{left:-30px}.workshops{grid-template-columns:repeat(3,1fr)}.workshops li{grid-template-columns:auto auto;justify-content:start}.workshops b{grid-column:1/-1}.skills{grid-template-columns:1fr 1fr;column-gap:40px}.tools,.contact-list{grid-template-columns:repeat(3,1fr)}.contact-list>div+div{border-left:1px solid var(--line);padding-left:20px}.cartouche{grid-template-columns:1.6fr 1fr 1fr .6fr}.cartouche div{border-bottom:0}.cartouche div:nth-child(2n){border-right:1px solid var(--ink)}.cartouche div:last-child{border-right:0}}@media (width>=960px){:root{--bar-h:68px}.hero{min-height:calc(100svh - var(--bar-h));grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;padding-top:48px;padding-bottom:64px}.name{font-size:clamp(6rem,10vw,9rem)}.about{grid-template-columns:1fr 1fr;column-gap:64px;padding-top:72px;padding-bottom:72px}.about-title,.route{grid-column:1}.about-body{grid-area:1/2/span 3}.langs{grid-column:1;max-width:420px}}@media (width>=1100px){.layout{grid-template-columns:260px 1fr;gap:72px;display:grid}.side{display:block}.side-inner{top:calc(var(--bar-h) + 40px);padding-top:48px;position:sticky}.sec{padding:72px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot{animation:none}}@media print{.bar,.side,.ctas,.copy,.hero:before{display:none}}.projects{border-top:1px solid var(--line);padding:48px 0 56px;overflow:hidden}.projects-head{max-width:var(--max);padding:0 var(--gutter);gap:10px;margin:0 auto 24px;display:grid}.projects-title{font-variation-settings:"wdth" 75;letter-spacing:-.035em;font-size:clamp(2.5rem,11vw,5rem);font-weight:800;line-height:.9}.projects-intro{max-width:48ch;color:var(--muted);font-size:1.0625rem}.strip-nav{gap:8px;display:none}.round-btn{border:1.5px solid var(--ink);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background-color .2s,color .2s;display:inline-grid}.round-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.round-btn:hover{background:var(--ink);color:#fff}.strip{--edge:max(var(--gutter), (100% - var(--max)) / 2 + var(--gutter));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--edge);padding:6px var(--edge) 22px;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip:focus-visible{outline-offset:-4px}.sheet{scroll-snap-align:start;flex:0 0 min(84vw,360px)}.sheet-link{background:var(--surface);border:1.5px solid var(--ink);height:100%;color:var(--ink);flex-direction:column;text-decoration:none;transition:transform .35s cubic-bezier(.3,0,.2,1),box-shadow .35s cubic-bezier(.3,0,.2,1);display:flex}.sheet-visual{aspect-ratio:4/3;border-bottom:1.5px solid var(--ink);background:var(--blue-soft);display:block;position:relative;overflow:hidden}.sheet-visual>img,.sheet-visual>.sketch,.gallery--sketch>.sketch{object-fit:cover;width:100%;height:100%;transition:scale .6s cubic-bezier(.3,0,.2,1);display:block}.sheet-badge{background:var(--marker);color:var(--ink);border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600;position:absolute;bottom:10px;left:10px}.sheet-block{gap:2px;padding:12px 14px 16px;display:grid}.sheet-no{color:var(--blue);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.sheet-no span{color:var(--muted);font-weight:500}.sheet-title{margin-top:2px;font-size:1.3rem;font-weight:700;line-height:1.2}.sheet-meta{color:var(--muted);font-size:.9375rem}@media (hover:hover){.sheet-link:hover{box-shadow:6px 6px 0 var(--blue);transform:translate(-3px,-3px)}.sheet-link:hover .sheet-visual>img,.sheet-link:hover .sheet-visual>.sketch{scale:1.04}.strip{cursor:grab}}.strip.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.strip.is-dragging .sheet-link{pointer-events:none}.scale{max-width:var(--max);padding:0 var(--gutter);margin:4px auto 0}.scale-bar{border:1.5px solid var(--ink);background:linear-gradient(90deg, var(--ink) 0 20%, var(--surface) 20% 40%, var(--ink) 40% 100%);max-width:260px;height:8px;position:relative;overflow:hidden}.scale-fill{background:var(--blue);transform-origin:0;transition:transform .15s linear;position:absolute;inset:0;transform:scaleX(.04)}.scale-ticks{max-width:260px;height:18px;color:var(--muted);font-size:.75rem;position:relative}.scale-ticks span{position:absolute;top:2px;translate:-50%}.scale-ticks span:first-child{left:0;translate:0}.scale-ticks span:nth-child(2){left:20%}.scale-ticks span:nth-child(3){left:40%}.scale-ticks span:nth-child(4){right:0;translate:0}html.has-dialog{overflow:hidden}dialog.project{background:var(--paper);width:100%;max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);overscroll-behavior:contain;border:0;margin:0;padding:0}dialog.project::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#151a338c}@media (prefers-reduced-motion:no-preference){dialog.project[open] .project-text,dialog.project[open] .project-bar,dialog.project[open] .project-foot{animation:.45s cubic-bezier(.3,0,.2,1) both rise}dialog.project[open] .project-text{animation-delay:80ms}dialog.project.is-swapping .project-text,dialog.project.is-swapping .project-bar,dialog.project.is-swapping .project-foot{animation:none}dialog.project[open]::backdrop{animation:.3s ease-out appear}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.3,0,.15,1)}}@keyframes rise{0%{opacity:0;translate:0 14px}}.project-inner{flex-direction:column;min-height:100%;display:flex}.project-bar{z-index:2;padding:10px var(--gutter);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.project-grid{flex:1;align-content:start;display:grid}.project-visual{background:var(--paper);position:relative}.gallery{scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3;background:var(--ink);display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;flex:0 0 100%}.slide img{object-fit:cover;width:100%;height:100%;display:block}.gallery--sketch{display:block;position:relative;overflow:hidden}.thumbs{padding:10px var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex;overflow-x:auto}.thumb{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;flex:none;width:60px;height:45px;padding:0;transition:opacity .2s,border-color .2s}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb[aria-current=true]{border-color:var(--blue);opacity:1}.count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;font-size:.875rem}.project-text{padding:24px var(--gutter) 32px}.project-cat{color:var(--blue);font-weight:600}.project-title{font-variation-settings:"wdth" 78;letter-spacing:-.03em;margin:6px 0 16px;font-size:clamp(2.1rem,9vw,3.4rem);font-weight:800;line-height:.95}.project-lead{max-width:52ch;font-size:1.15rem;font-weight:500}.project-desc{max-width:60ch;color:var(--muted);margin-top:12px}.facts{border:1.5px solid var(--ink);background:var(--ink);grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;display:grid}.facts>div{background:var(--surface);min-width:0;padding:10px 12px}.facts>div:last-child:nth-child(odd){grid-column:1/-1}.facts dt{color:var(--muted);font-size:.75rem}.facts dd{overflow-wrap:anywhere;font-weight:600}.project-foot{border-top:1.5px solid var(--ink);background:var(--surface);grid-template-columns:1fr 1fr;display:grid}.pager{min-height:72px;padding:12px var(--gutter);font:600 .95rem/1.25 var(--font);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-width:0;display:flex}.pager+.pager{border-left:1px solid var(--line)}.pager--next{text-align:right;justify-content:flex-end}.pager span{min-width:0}.pager small{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.pager svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.pager:hover{background:var(--blue-soft)}@media (width>=640px){.projects-head{grid-template-columns:1fr auto;align-items:end;column-gap:40px}.projects-intro{grid-column:1}.strip-nav{grid-area:1/2/span 2;display:flex}.sheet{flex-basis:min(44vw,400px)}}@media (width>=960px){.projects{padding:72px 0}dialog.project{border:2px solid var(--ink);width:min(1180px,100% - 64px);height:auto;max-height:calc(100dvh - 64px);box-shadow:10px 10px 0 var(--blue);margin:auto}.project-grid{grid-template-columns:1.35fr 1fr}.project-visual{align-self:start;position:sticky;top:65px}.project-text{padding:36px 36px 40px}}