:root{--font-display:"Rammetto One", ui-rounded, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--paper:var(--day);--ink:oklch(32.9% .042 264);--muted:oklch(55.4% .041 257);--line:oklch(82% .026 82);--warm:oklch(68% .14 63);--day:oklch(99.5% .005 78);--evening:oklch(87.2% .106 77);--dusk:oklch(67.5% .149 55);--night:oklch(18.7% .02 266);--dawn:oklch(20.4% .047 287);--morning:oklch(75.5% .028 234);--light:var(--day);--dark:var(--night);--shadow:oklch(22% .02 70);--bounce-light:oklch(99.4% .008 88);--bg-primary:var(--paper);--bg-nav-pill:oklch(96.8% .007 248);--bg-nav-pill-hover:oklch(92.9% .013 256);--icon-muted:oklch(71.1% .035 257);--icon-hover:oklch(44.6% .037 257);--timing-fn:cubic-bezier(.455, .19, 0, .985);--nav-left:3vw;--nav-pill-w:54px;--card-w:270px;--card-h:378px;--content-gap:clamp(96px, calc(47.36vw - 480.6px), 956px);--content-left:calc(var(--nav-left) + var(--nav-pill-w) + var(--content-gap));--content-max:1040px;--ease:cubic-bezier(.19, 1, .22, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1)}@font-face{font-family:Rammetto One;src:url(/assets/fonts/d182e5d9e902ef86-s.p.ca7e992d.woff2)format("woff2");font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{background:var(--bg-primary);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--ink);background-color:var(--bg-primary);font-family:var(--font-body);margin:0;animation-duration:0s;animation-timing-function:linear;animation-fill-mode:both;overflow-x:clip}:root.dark,body.dark{--paper:var(--bg-primary);--ink:oklch(94.1% .007 248);--muted:oklch(71.8% .023 257);--line:oklch(34% .03 250);--warm:oklch(77% .12 70);--light:var(--night);--dark:var(--day);--shadow:oklch(10.1% .015 283);--bounce-light:oklch(28% .045 259);--bg-primary:oklch(17.6% .018 260);--bg-nav-pill:oklch(25.4% .028 258);--bg-nav-pill-hover:oklch(28.4% .032 262);--icon-muted:oklch(51.3% .029 256);--icon-hover:oklch(71.8% .023 257)}body.animation-ready{background-color:var(--night);animation-name:sunrise;animation-duration:1s}body.animation-ready.dark{background-color:var(--day);animation-name:sunset;animation-duration:1.7s}body.theme-transitioning .page-shell{opacity:0;transition:none}body:not(.theme-transitioning) .page-shell{transition:opacity .3s ease-in}body.is-locked{overflow:hidden}button{font:inherit}.text-link{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-underline-offset:2px;font-weight:650;transition:text-decoration-color .15s}.text-link:hover,.text-link:focus-visible{text-decoration-color:currentColor}.page-shell{z-index:250;opacity:1;will-change:opacity;min-height:100vh;padding:clamp(32px,6vw,78px) 0 clamp(48px,8vw,96px);position:relative}.content-column{width:min(var(--content-max), calc(100vw - var(--content-left) - 24px));margin-left:var(--content-left);margin-right:auto}.route-page[hidden]{display:none}.route-page{animation:route-enter .36s var(--ease) both}@keyframes route-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-anchor{height:1px;scroll-margin-top:96px;display:block}@keyframes sunrise{0%{background-color:var(--night)}10%{background-color:var(--dawn)}35%{background-color:var(--morning)}to{background-color:var(--day)}}@keyframes sunset{0%{background-color:var(--day)}30%{background-color:var(--evening)}60%{background-color:var(--dusk)}90%{background-color:var(--dawn)}to{background-color:var(--night)}}#dappled-light{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}#glow,#glow-bounce{opacity:.5;width:100%;height:100%;transition:background 1s var(--timing-fn);position:absolute}#glow{background:linear-gradient(309deg, var(--bounce-light), var(--bounce-light) 20%, transparent)}#glow-bounce{background:linear-gradient(355deg, var(--bounce-light) 0%, transparent 30%, transparent 100%);bottom:0}.perspective{opacity:.07;transform-origin:100% 0;width:80vw;height:130vh;transform-style:preserve-3d;transition:transform 1.7s var(--timing-fn), opacity 4s ease;position:absolute;top:-30vh;right:0;transform:matrix3d(.75,-.0625,0,.0008,0,1,0,0,0,0,1,0,0,0,0,1)}body.dark .perspective{opacity:.3;transform:matrix3d(.8333,.0833,0,.0003,0,1,0,0,0,0,1,0,0,0,0,1)}body.background-booting #glow,body.background-booting #glow-bounce,body.background-booting .perspective,body.background-booting #blinds .shutters,body.background-booting #blinds .shutter{transition:none}#leaves{background-image:url(/assets/leaves.png);background-repeat:no-repeat;background-size:cover;width:1600px;height:1400px;animation:8s ease-in-out infinite billow;position:absolute;bottom:-20px;right:-700px}@keyframes billow{0%{transform:perspective(400px)rotateX(0)rotateY(0)scale(1)}25%{transform:perspective(400px)rotateX(1deg)rotateY(2deg)scale(1.02)}50%{transform:perspective(400px)rotateX(-4deg)rotateY(-2deg)scale(.97)}75%{transform:perspective(400px)rotateX(1deg)rotateY(-1deg)scale(1.04)}to{transform:perspective(400px)rotateX(0)rotateY(0)scale(1)}}#blinds{width:100%;position:relative}#blinds .shutters{transition:gap 1s var(--timing-fn);flex-direction:column;align-items:flex-end;gap:60px;display:flex}body.dark #blinds .shutters{gap:20px}#blinds .shutter{background-color:var(--shadow);width:100%;height:40px;transition:height 1s var(--timing-fn)}body.dark #blinds .shutter{height:80px}#blinds>.vertical{pointer-events:none;justify-content:space-around;width:100%;height:100%;display:flex;position:absolute;top:0}.vertical>.bar{background-color:var(--shadow);width:5px;height:100%}#progressive-blur{isolation:isolate;contain:layout style;position:absolute;inset:0}#progressive-blur>div{width:100%;height:100%;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));-webkit-mask-image:linear-gradient(252deg, transparent, transparent var(--stop1), oklch(0% 0 0) var(--stop2), oklch(0% 0 0));-webkit-mask-image:linear-gradient(252deg, transparent, transparent var(--stop1), oklch(0% 0 0) var(--stop2), oklch(0% 0 0));mask-image:linear-gradient(252deg, transparent, transparent var(--stop1), oklch(0% 0 0) var(--stop2), oklch(0% 0 0));position:absolute;inset:0}#progressive-blur>div:first-child{--blur-amount:6px;--stop1:0%;--stop2:0%}#progressive-blur>div:nth-child(2){--blur-amount:12px;--stop1:40%;--stop2:80%}#progressive-blur>div:nth-child(3){--blur-amount:48px;--stop1:40%;--stop2:70%}#progressive-blur>div:nth-child(4){--blur-amount:96px;--stop1:70%;--stop2:80%}body.chromium #progressive-blur>div:nth-child(4){display:none}body.startup-running{overflow:hidden}body.startup-running .site-header,body.startup-running .page-shell,body.startup-running .detail-layer{opacity:0;pointer-events:none}.startup-intro{--startup-leaves-opacity:.075;--startup-wash-opacity:.42;--startup-wash-peak-opacity:.54;z-index:1000;min-height:100vh;color:var(--ink);background:linear-gradient(148deg, color-mix(in oklch, var(--bounce-light) 78%, transparent) 0 24%, transparent 52%), linear-gradient(0deg, color-mix(in oklch, var(--warm) 16%, transparent), transparent 42%), var(--bg-primary);pointer-events:auto;isolation:isolate;place-items:center;padding:clamp(32px,7vw,96px);display:grid;position:fixed;inset:0;overflow:hidden}body.startup-font-ready .startup-intro{animation:startup-shell-exit .38s var(--ease) 1.58s both}.startup-intro[hidden]{display:none}.startup-intro:before{content:"";z-index:-2;background:color-mix(in oklch, var(--bounce-light) 74%, transparent);clip-path:polygon(0 12%,100% 0,100% 74%,0 92%);filter:blur(18px);opacity:0;position:absolute;inset:-20vh -12vw;transform:translate(-8%,2%)rotate(-4deg)scale(1.04)}body.startup-font-ready .startup-intro:before{animation:startup-light-wash 1.4s var(--timing-fn) 80ms both}.startup-intro:after{content:"";z-index:-1;opacity:var(--startup-leaves-opacity);background-image:url(/assets/leaves.png);background-position:right -420px bottom -340px;background-repeat:no-repeat;background-size:min(1180px,92vw);position:absolute;inset:0;transform:scale(1.03)}body.startup-font-ready .startup-intro:after{animation:startup-leaves-drift 1.6s var(--ease) both}body.dark .startup-intro{--startup-leaves-opacity:.11;--startup-wash-opacity:.3;--startup-wash-peak-opacity:.38;background:linear-gradient(148deg, color-mix(in oklch, var(--bounce-light) 46%, transparent) 0 22%, transparent 54%), linear-gradient(0deg, color-mix(in oklch, var(--warm) 14%, transparent), transparent 46%), var(--bg-primary)}.startup-stage{max-width:min(960px,100vw - 48px);color:var(--ink);font-family:var(--font-display);font-size:var(--startup-stage-font-size,clamp(4.25rem, 16vw, 10.5rem));letter-spacing:0;opacity:0;text-align:center;transform-origin:50%;justify-content:center;align-items:baseline;gap:clamp(.12em,2vw,.28em);font-weight:400;line-height:.94;display:inline-flex;position:relative}body.startup-font-ready .startup-stage{animation:startup-mark-enter .42s var(--ease) 90ms both, startup-name-settle .42s var(--ease) .87s both, startup-name-exit .36s cubic-bezier(.4, 0, .2, 1) 1.38s both}.startup-word{white-space:nowrap;align-items:baseline;min-width:0;display:inline-flex}.startup-initial{transform-origin:bottom;display:inline-block}body.startup-font-ready .startup-initial{animation:startup-initial-breathe .52s var(--ease) .24s both}.startup-fill{--fill-width:2em;opacity:0;max-width:0;display:inline-block;overflow:hidden;transform:translate(-.14em)}body.startup-font-ready .startup-fill{animation:startup-fill-reveal .52s var(--ease) .43s both}.startup-fill-andy{--fill-width:2.42em}.startup-fill-su{--fill-width:.76em;animation-delay:.54s}.startup-intro-reduced{animation-duration:1ms;animation-delay:1ms}@keyframes startup-mark-enter{0%{opacity:0;transform:translateY(18px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes startup-initial-breathe{0%{transform:translateY(0)scale(1)}46%{transform:translateY(-.035em)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes startup-fill-reveal{0%{opacity:0;max-width:0;transform:translate(-.14em)}to{max-width:var(--fill-width);opacity:1;transform:translate(0)}}@keyframes startup-name-settle{0%{filter:blur()}48%{filter:blur();transform:translateY(0)scale(1)}to{filter:blur();transform:translateY(-.03em)scale(.98)}}@keyframes startup-name-exit{0%{opacity:1;transform:translateY(-.03em)scale(.98)}to{opacity:0;transform:translateY(-.18em)scale(.92)}}@keyframes startup-shell-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@keyframes startup-light-wash{0%{opacity:0;transform:translate(-14%,2%)rotate(-4deg)scale(1.04)}38%{opacity:var(--startup-wash-peak-opacity)}to{opacity:var(--startup-wash-opacity);transform:translate(4%,-1%)rotate(-4deg)scale(1.04)}}@keyframes startup-leaves-drift{0%{opacity:0;transform:translate(32px,16px)scale(1.05)}to{opacity:var(--startup-leaves-opacity);transform:translate(0,0)scale(1.03)}}@media (width<=620px){.startup-intro{padding:28px 20px}.startup-stage{max-width:calc(100vw - 40px);font-size:var(--startup-stage-font-size,clamp(2.8rem, 14.8vw, 4.6rem));gap:clamp(.18em,3.8vw,.32em)}}.site-header{top:9.5rem;left:var(--nav-left);z-index:300;pointer-events:none;animation:nav-enter .5s var(--ease) both;align-items:flex-start;display:flex;position:fixed}.site-header-container,.site-header-nav{pointer-events:auto}.site-header-container{flex-direction:column;align-items:center;gap:12px;display:flex}.site-header-nav{background-color:#0000;border:1px solid #0000;border-radius:18px;flex-direction:column;align-items:center;transition:background-color .2s ease-out;display:flex;position:relative}.site-header-nav:hover{background-color:var(--bg-nav-pill)}.theme-picker{pointer-events:auto;border-radius:999px;transition:background-color .2s ease-out}.theme-picker:hover{background-color:#0000}.theme-picker .nav-item:before,.theme-picker .nav-label{display:none}.theme-picker .animated-theme-toggle,.theme-picker .animated-theme-toggle:hover,.theme-picker .animated-theme-toggle:focus,.theme-picker .animated-theme-toggle:focus-visible{box-shadow:none;background:0 0}.nav-item{z-index:10;width:54px;height:54px;color:var(--icon-muted);cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .15s ease-out,transform .2s ease-out;display:flex;position:relative}.nav-item:before{content:"";z-index:-1;box-shadow:none;background-color:#0000;border-radius:12px;transition:background-color .18s ease-out,box-shadow .18s ease-out;position:absolute;inset:4px}.nav-item.is-active:before{background-color:oklch(99% .006 86);box-shadow:0 1px 2px oklch(0% 0 0/.05)}body.dark .nav-item.is-active:before{box-shadow:none;background-color:oklch(100% 0 0/.12)}.nav-item:hover,.nav-item.is-active,.animated-theme-toggle:hover:not(:disabled){color:var(--icon-hover)}.nav-item:hover .nav-icon{transform:scale(.92)}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .18s ease-out}.nav-label{color:var(--icon-hover);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;font-size:1rem;font-weight:560;line-height:1;transition:opacity .15s ease-out,visibility .15s ease-out;display:flex;position:absolute;top:50%;left:calc(100% + 24px);transform:translateY(-50%)}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:1;visibility:visible}.animated-theme-toggle:disabled{cursor:not-allowed;opacity:.3}.animated-theme-toggle:focus{outline:none}.animated-theme-toggle:focus-visible{outline:2px solid var(--icon-hover);outline-offset:2px}.theme-toggle{pointer-events:none;width:20px;height:20px}.theme-toggle>g,.main-circle,.sun-rays{transform-box:fill-box;transform-origin:50%}.theme-toggle .moon-cradle{will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:translate(20px,-20px)}.theme-toggle.active .moon-cradle{transform:translate(-5px,2px)}.main-circle{will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:scale(1)}.theme-toggle.active .main-circle{transform:scale(1.5)}.sun-rays{opacity:1;will-change:opacity, transform;transition:opacity .35s ease-out,transform .5s cubic-bezier(.4,0,.2,1);transform:scale(1)rotate(0)}.theme-toggle.active .sun-rays{opacity:0;transform:scale(.8)rotate(.5turn)}.intro{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0;padding-bottom:50px;display:grid}h1,h2,p{margin:0}h1{max-width:780px;font-family:var(--font-display);letter-spacing:0;font-size:32px;font-weight:400;line-height:40px}.name-heading{margin-bottom:43px}.name-heading span{display:block}.lede{max-width:600px;color:var(--ink);font-size:16px;font-weight:520;line-height:28px}.lede em{font-style:italic}.inline-link{color:var(--muted);font-weight:650;text-decoration:none;transition:color .15s ease-out}.inline-link:hover{color:var(--ink)}.facts-section{margin-top:20px;position:relative}.facts-list{perspective:760px;height:136px;margin:0;padding:0;list-style:none;position:relative}.fact-item{min-width:0;height:28px;color:var(--muted);opacity:1;transform:translateY(var(--fact-y)) scale(1) rotateX(0deg);transform-origin:0;transition:opacity .24s ease-out, transform .32s var(--ease);will-change:opacity, transform;align-items:center;font-size:14px;font-weight:520;line-height:28px;display:flex;position:absolute;left:0;right:0}.fact-item.is-entering{opacity:0;transform:translateY(0)scale(.84)rotateX(73deg)}.fact-item.is-fanning{animation:fact-fan .32s var(--ease) both;animation-delay:calc(var(--facts-fan-delay,0s) + var(--fact-delay,0s))}.fact-item.is-leaving{opacity:0;pointer-events:none;transform:translateY(144px)scale(.8)rotateX(-90deg)}.fact-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.more-btn{height:27px;min-height:27px;color:var(--muted);background:var(--bg-nav-pill);letter-spacing:0;cursor:pointer;transition:color .18s ease-out, background-color .18s ease-out, transform .18s var(--ease);border:0;border-radius:999px;align-items:center;gap:7px;margin-top:25px;padding:0 15px 0 17px;font-size:12px;font-weight:760;display:inline-flex}.more-btn:hover{color:var(--ink);background:var(--bg-nav-pill-hover);transform:translateY(-1px)}.more-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;width:13px;height:13px;transition:transform .18s ease-out,opacity .18s ease-out}.more-btn:hover svg{opacity:.86;transform:translateY(2px)}.social-links{flex-wrap:wrap;gap:16px;margin:35px 0 0;padding:0;list-style:none;display:flex}.social-anchor{z-index:0;width:36px;height:36px;color:var(--ink);border-radius:999px;place-items:center;line-height:1;text-decoration:none;transition:color .18s ease-out;display:grid;position:relative}.social-icon{fill:currentColor;width:28px;height:28px;display:block}.social-icon-stroke{fill:none;stroke:currentColor;stroke-width:2.15px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.social-anchor:before{content:"";z-index:-1;border-radius:inherit;background:var(--ink);opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease);position:absolute;inset:-2px;transform:scale(.5)}.social-anchor:hover{color:var(--bg-primary)}.social-anchor:hover:before{opacity:1;transform:scale(1)}@keyframes fact-fan{0%{opacity:0;transform:translateY(0)scale(.88)rotateX(66deg)}to{opacity:1;transform:translateY(var(--fact-y)) scale(1) rotateX(0deg)}}.work{width:100%}.work-heading{margin-bottom:0}.work-heading h2,.experience-section h2,.long-version h2,.misc-section h2{font-family:var(--font-display);letter-spacing:0;font-size:24px;font-weight:400;line-height:1.2}.rail{width:100vw;padding:50px max(32px, calc(100vw - 300px)) 94px var(--content-left);cursor:grab;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;margin-left:0;display:block;position:relative;overflow:auto hidden}.rail:before{display:none}.rail.is-dragging{cursor:grabbing}.rail::-webkit-scrollbar{display:none}.dragger-inner{white-space:nowrap;gap:32px;width:max-content;display:inline-flex;position:relative}.project-card{flex:0 0 var(--card-w);width:var(--card-w);height:var(--card-h);z-index:1;color:inherit;cursor:pointer;-webkit-user-drag:none;opacity:1;transition:transform .32s var(--ease);background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative;transform:translateY(0)}.project-card[aria-expanded=true]{z-index:30;cursor:default}.project-card.is-source-hidden .card-plane{visibility:hidden}.project-card:before{content:"";z-index:0;pointer-events:none;opacity:0;transform-origin:50%;transition:opacity .32s var(--ease), transform .32s var(--ease);position:absolute;inset:0;transform:scale(.5);box-shadow:-60px 60px 40px 10px #3333}.project-card:hover,.project-card:focus-visible{transform:translateY(-2.5%)}.project-card:hover:before,.project-card:focus-visible:before{opacity:1;transform:scale(1)}.card-plane{z-index:1;transform-origin:bottom;transition:transform .82s var(--ease-standard);will-change:transform;position:absolute;inset:0;overflow:hidden}.project-card:focus-visible{outline-offset:7px;outline:3px solid oklch(62% .16 63)}.project-shot-wrap{transform-origin:bottom;height:45%;transition:transform .82s var(--ease-standard), opacity .82s var(--ease-standard);will-change:transform;position:absolute;bottom:0;left:0;right:0}.project-shot{object-fit:contain;object-position:bottom center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.project-logo-wrap{z-index:2;transition:transform .82s var(--ease-standard);will-change:transform;padding:20px;position:absolute;inset:0}.project-logo{object-fit:contain;object-position:left center;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.project-card:hover .card-plane{transform:none}.project-card.is-entering{animation:project-card-enter .52s var(--ease) both;animation-delay:var(--card-delay)}.viewport-expander{z-index:9998;pointer-events:none;transform-origin:bottom;transition:transform .82s var(--ease-standard);will-change:transform;position:fixed;overflow:visible;transform:translate(0,0)scale(1)}.viewport-expander .card-plane{transform:none}.detail-layer{--detail-left:var(--content-left);--detail-main-top:clamp(96px, 15vh, 112px);--detail-back-size:46px;--detail-back-logo-gap:25px;z-index:10000;pointer-events:none;opacity:0;background:0 0;transition:opacity .18s ease-out,background-color .18s ease-out;display:block;position:fixed;inset:0;overflow:hidden}.detail-layer.is-visible{pointer-events:auto;opacity:1}.detail-layer.is-readable{background:0 0}.back-button{top:calc(var(--detail-main-top) - var(--detail-back-logo-gap) - var(--detail-back-size));left:var(--detail-left);z-index:50;width:var(--detail-back-size);height:var(--detail-back-size);color:var(--detail-ink,oklch(97% .01 80));cursor:pointer;opacity:0;transition:transform .42s var(--ease), opacity .42s var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-16px)}.back-button:before{content:"";border-radius:inherit;opacity:0;transition:opacity .18s ease-out, transform .26s var(--ease);background:oklch(70% .012 255/.34);position:absolute;inset:0;transform:scale(.42)}.back-button:hover:before,.back-button:focus-visible:before{opacity:1;transform:scale(1)}.back-button:focus-visible{outline-offset:3px;outline:2px solid oklch(86% .012 255/.78)}.back-button svg{z-index:1;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px;position:relative}.detail-layer.is-readable .back-button{opacity:1;transform:translate(0)}.detail-copy{width:100%;height:100%;color:var(--detail-ink,oklch(97% .01 80));opacity:0;transition:opacity .24s ease-out}.detail-layer.is-readable .detail-copy{opacity:1}.detail-stage{width:min(1040px, calc(100vw - var(--detail-left) - 24px));height:100%;margin:0 auto;margin-left:var(--detail-left);pointer-events:auto;padding:0;position:relative}.detail-main{top:var(--detail-main-top);pointer-events:auto;opacity:0;width:min(500px,43%);transition:transform .52s var(--ease), opacity .42s ease-out;position:absolute;left:0;transform:translate(-50%)}.detail-description{top:var(--detail-main-top);pointer-events:auto;opacity:0;width:min(500px,43%);transition:opacity .42s ease-out 80ms;position:absolute;right:24px}.detail-layer.is-readable .detail-main{opacity:1;transform:translate(0)}.detail-layer.is-readable .detail-description{opacity:1}.detail-logo{object-fit:contain;object-position:left center;pointer-events:none;-webkit-user-select:none;user-select:none;width:200px;height:60px;margin-bottom:8px;display:block}.detail-title-link{color:var(--detail-ink,oklch(97% .01 80));text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-underline-offset:4px;transition:text-decoration-color .15s;display:inline}.detail-copy h3{max-width:490px;font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.36;display:inline}.detail-title-link:hover,.detail-title-link:focus-visible{text-decoration-color:currentColor}.external-arrow{fill:none;stroke:currentColor;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin-bottom:12px;margin-left:8px;display:inline-block}.tech-stack{margin-top:24px}.tech-stack>span{color:var(--detail-ink,oklch(97% .01 80));margin-bottom:12px;font-size:14px;font-weight:760;display:block}.tech-stack>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tech-stack img{object-fit:contain;width:auto;max-width:72px;height:auto;max-height:36px;filter:var(--tech-filter)}.detail-description p{color:var(--detail-ink,oklch(97% .01 80));margin:0 0 16px;font-size:14px;font-weight:300;line-height:19px}.detail-description a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);text-underline-offset:2px;font-weight:650;transition:text-decoration-color .15s}.detail-description a:hover,.detail-description a:focus-visible{text-decoration-color:currentColor}.experience-section{margin-top:0;margin-bottom:80px}.experience-section h2{margin-bottom:50px}.experience-list{gap:40px;max-width:700px;margin:0;padding:0;list-style:none;display:grid}.experience-entry{color:var(--muted);grid-template-columns:40px minmax(0,1fr);gap:16px;text-decoration:none;display:grid}.experience-dot{width:40px;height:40px;color:var(--ink);border-radius:999px;place-items:center;line-height:1;transition:color .18s ease-out;display:grid;position:relative}.experience-icon-svg{z-index:1;fill:currentColor;width:26px;height:26px;display:block;position:relative;overflow:visible}.experience-dot:before{content:"";z-index:-1;border-radius:inherit;background:var(--ink);opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease);position:absolute;inset:0;transform:scale(.5)}.experience-entry:hover .experience-dot{color:var(--bg-primary)}.experience-entry:hover .experience-dot:before{opacity:1;transform:scale(1)}.experience-copy{min-width:0;max-width:550px;display:block}.experience-header{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:560;line-height:1.4;display:block}.experience-header strong{color:var(--ink);font-weight:720}.experience-header strong,.experience-header span{text-underline-offset:2px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.experience-header span{color:var(--muted);font-weight:580}.experience-entry:hover .experience-header strong,.experience-entry:hover .experience-header span,.experience-entry:focus-visible .experience-header strong,.experience-entry:focus-visible .experience-header span{text-decoration-color:currentColor}.experience-description{color:var(--muted);font-size:14px;line-height:1.6;display:block}.about-page{padding-bottom:80px}.about-page h1{margin-bottom:48px}.about-intro,.long-version,.misc-section{max-width:700px}.about-intro{margin-bottom:64px}.about-intro p,.bio-section p,.misc-section p{color:var(--muted);font-size:16px;line-height:28px}.about-intro p+p,.bio-section p+p,.misc-section p+p{margin-top:16px}.strong-lede{font-weight:560;color:var(--ink)!important}.about-photo-slot{width:min(700px,100%);margin:clamp(30px,5vw,48px) 0 clamp(34px,5vw,52px);display:block}.about-photo-slot img{border-radius:clamp(14px,2.2vw,24px);width:100%;height:auto;display:block}.about-photo-slot span{display:none}.long-version h2,.misc-section h2{margin-bottom:24px}.bio-section{margin-bottom:40px}.bio-section h3{color:var(--ink);font-family:var(--font-display);margin:0 0 16px;font-size:18px;font-weight:400;line-height:1.25}.misc-section{margin-top:58px}.misc-section strong{color:var(--ink);font-weight:720}@media (width<=1100px){:root{--content-left:36px;--content-max:760px}.page-shell{padding-top:clamp(148px,14vw + 22px,178px)}.site-header{width:auto;position:absolute;top:28px;left:28px;right:28px;transform:none}.site-header-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px;width:100%}.site-header-nav{flex-direction:row;align-items:center}.site-header-nav:hover{background-color:#0000}@media (hover:hover) and (pointer:fine){.site-header-nav:hover{background-color:var(--bg-nav-pill)}}.site-header-nav.is-touch-active{background-color:var(--bg-nav-pill)}.site-header-nav .nav-label{min-width:max-content;color:var(--ink);background:var(--bg-nav-pill);transition:opacity .15s ease-out, transform .18s var(--ease), visibility .15s ease-out;border-radius:999px;padding:5px 8px 6px;font-size:.78rem;line-height:1;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}.site-header-nav .nav-item:hover .nav-label,.site-header-nav .nav-item:focus-visible .nav-label{transform:translate(-50%)}.theme-picker{margin-left:auto}.content-column{width:min(var(--content-max), calc(100vw - var(--content-left) - 28px));margin-left:var(--content-left)}.rail{padding-left:var(--content-left)}}@media (width<=620px){:root{--content-left:20px}.detail-layer{--detail-main-top:92px}.site-header{inset:20px 18px auto;transform:none}.site-header-container{flex-direction:row;justify-content:space-between;gap:8px}.site-header-nav{flex-direction:row}.nav-item{width:48px;height:48px}.nav-label{display:none}.content-column{width:calc(100vw - 40px);margin-left:20px}.work-heading{margin-bottom:0}.rail{gap:20px;margin-left:0;padding:50px 20px 94px}.dragger-inner{gap:20px}.project-card{flex-basis:min(270px,100vw - 68px);width:min(270px,100vw - 68px)}.detail-copy{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow-y:auto}.detail-layer.is-readable{background:var(--detail-bg)}.detail-stage{width:calc(100vw - 48px);height:auto;min-height:100%;padding:var(--detail-main-top) 24px 36px;margin:0;display:block}.detail-main,.detail-description{width:100%;max-width:none;position:static;transform:translate(-38px)}.detail-layer.is-readable .detail-main,.detail-layer.is-readable .detail-description{transform:translate(0)}.detail-description{margin-top:32px}.back-button{left:24px;top:calc(var(--detail-main-top) - var(--detail-back-logo-gap) - var(--detail-back-size))}.experience-section{margin-top:0;padding-bottom:64px}.about-page{padding-bottom:96px}.about-photo-slot{margin:28px 0 38px}}.content-rise,.content-slice{--slice-delay:0s;animation:content-rise .5s var(--ease) both;animation-delay:var(--slice-delay);will-change:opacity, transform}.content-fade{--slice-delay:0s;animation:content-fade .42s var(--ease) both;animation-delay:var(--slice-delay);will-change:opacity}.content-pop{--slice-delay:0s;animation:content-pop .42s var(--ease) both;animation-delay:var(--slice-delay);will-change:opacity, transform}.content-title{--slice-delay:0s;animation:content-title-reveal .52s var(--ease) both;animation-delay:var(--slice-delay);will-change:clip-path, transform}@keyframes content-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes content-fade{0%{opacity:0}to{opacity:1}}@keyframes content-pop{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes content-title-reveal{0%{clip-path:inset(0 0 100%);transform:translateY(100%)}to{clip-path:inset(0 0 0%);transform:translateY(0%)}}@keyframes project-card-enter{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nav-enter{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}}