:root{--ink:#142633;--accent:#286a9b;--coastal:#a7c9de;--accent-soft:#eaf4fa;--muted:#587083;--line:#d8e6ef;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:auto;overflow-anchor:none}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}a{color:inherit}.skip{z-index:100;background:var(--ink);color:#fff;padding:.8rem 1rem;position:absolute;top:-100px;left:1rem}.skip:focus{top:1rem}.shell{max-width:1600px;margin:auto}.header{z-index:30;pointer-events:none;background:linear-gradient(#fff 78%,#fff0);justify-content:space-between;align-items:center;max-width:1600px;height:96px;margin:auto;padding:0 5.1%;display:flex;position:fixed;top:0;left:0;right:0}.header a,.header button{pointer-events:auto}.header__intro{align-items:center;gap:22px;display:flex}.wordmark{letter-spacing:-.065em;white-space:nowrap;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:800;line-height:1;text-decoration:none}.wordmark>.dot,.dot,.accent{color:var(--accent)}.wordmark>.dot{transition:transform .3s;display:inline-block}.wordmark:hover>.dot{transform:translate(2px,-4px)scale(1.3)}.identity{border-left:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;padding-left:22px;font-size:.65rem;font-weight:700;line-height:1.35}.mobile-menu{display:none}.experience{position:relative}.stage{min-height:100svh;position:relative;overflow:clip}.timeline{background:var(--line);z-index:6;width:2px;position:absolute;top:21%;bottom:12%;left:5.1%}.timeline__progress{background:var(--accent);width:2px;height:0%;position:absolute;inset:0 0 auto}.timeline__dot{background:var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:0%;left:-6px;box-shadow:0 0 0 6px #fff}.timeline__top,.timeline__bottom{white-space:nowrap;letter-spacing:.08em;color:#536f80;font-size:.67rem;position:absolute;left:calc(5.1% - 14px);transform:translate(-100%)}.timeline__top{top:21%}.timeline__bottom{bottom:11%}.rail{z-index:8;width:48%;margin-left:12%;position:relative}.chapter{flex-direction:column;justify-content:center;min-height:100svh;padding:120px 0 76px;display:flex}.chapter__eyebrow{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0 0 28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.7rem,1vw,.86rem);font-weight:600;line-height:1.65}.chapter__eyebrow span{white-space:nowrap;display:inline-block}.chapter__eyebrow span+span:before{content:"/";color:#9aafbc;margin:0 .68em}.chapter__eyebrow span:first-child{color:var(--accent)}.chapter__eyebrow span:last-child:not(:first-child){color:#294355}.chapter h1,.chapter h2{letter-spacing:-.087em;max-width:930px;transform:translate3d(var(--hover-x,0px),var(--hover-y,0px),0);margin:0;font-size:clamp(4rem,8.4vw,8.8rem);font-weight:800;line-height:.9;transition:transform .18s ease-out}.chapter h1 .dot,.chapter h2 .dot{letter-spacing:-.08em}.chapter:not(:first-child) h2{font-size:clamp(3.9rem,7.7vw,8.1rem)}.chapter__summary{letter-spacing:-.04em;max-width:740px;margin:32px 0 0;font-size:clamp(1.35rem,2.6vw,2.45rem);line-height:1.15}.chapter__foot{color:#566b79;letter-spacing:.04em;margin:28px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.79rem;line-height:1.6}.chapter__small{color:#566b79;margin:34px 0 0;font-size:1rem}.code{z-index:2;pointer-events:none;flex-direction:column;width:31%;transition:translate .5s;display:flex;position:absolute;top:16%;bottom:10%;right:3%;overflow:hidden}.code__lede{color:var(--accent);letter-spacing:.01em;flex:none;margin:0 0 18px;font:700 clamp(.72rem,1.1vw,.98rem)/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code__window{width:100%;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 88%,#0000 100%);mask-image:linear-gradient(#000 0% 88%,#0000 100%)}.code pre{color:#496070;white-space:pre-wrap;word-break:break-word;opacity:.95;width:100%;margin:0;padding-bottom:90px;font:clamp(.71rem,1.15vw,1.03rem)/1.82 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code .tok-keyword{color:#7249a0}.code .tok-string{color:#17735f}.code .tok-type{color:#9b4c7c}.code .tok-function,.code .tok-property{color:#1f6f9e}.code .tok-number{color:#9a5685}.code .tok-comment{color:#617f96;font-style:italic}.code pre:after{content:"▋";color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.chapter-media{pointer-events:none;isolation:isolate;height:clamp(850px,110svh,1100px);position:relative;overflow:hidden}.chapter-media__art{z-index:3;place-items:center;width:100%;height:52%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chapter-media__art img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block;position:absolute;inset:0}.chapter-media__route{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 37% 63%,#000 70% 100%);mask-image:linear-gradient(#000 0% 30%,#0000 37% 63%,#000 70% 100%)}.chapter-media__route path{fill:none;stroke:#8bb6d2;stroke-width:3px;stroke-linecap:round;stroke-dasharray:6 12;vector-effect:non-scaling-stroke}.chapter-media__dot{z-index:2;border:6px solid var(--accent);background:#fff;border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fff,0 0 0 9px #286a9b3d,0 7px 22px #184e7452}.hint{z-index:11;color:#5c788b;letter-spacing:.18em;white-space:nowrap;flex-direction:column;align-items:center;gap:8px;font:600 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:4.2%;left:50%;transform:translate(-50%)}.hint svg{stroke:currentColor;width:22px;height:22px}.ai-flow{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.ai-flow span{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#fff;padding:12px 16px;font:.77rem ui-monospace,SFMono-Regular,Menlo,monospace;transition:transform .25s,background .25s}@media (hover:hover){.ai-flow span:hover{background:var(--accent-soft);transform:translateY(-4px)}}.ai-flow span:nth-child(2){background:var(--coastal);color:var(--ink);border-color:var(--coastal)}.stack{gap:15px;max-width:900px;margin-top:25px;display:grid}.stack__row{grid-template-columns:124px 1fr;align-items:start;gap:12px;display:grid}.stack__row b{letter-spacing:.16em;text-transform:uppercase;color:#567183;padding-top:11px;font:.68rem ui-monospace,SFMono-Regular,Menlo,monospace}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:#203440;white-space:nowrap;background:#fff;border:1px solid #bbd1df;align-items:center;padding:7px 11px;font-size:clamp(.75rem,.9vw,.9rem);line-height:1.2;transition:transform .25s,border-color .25s,background .25s,color .25s;display:inline-flex}@media (hover:hover){.tech-tag:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-4px)rotate(-1deg)}}.chapter--stack h2{font-size:clamp(3.8rem,6.7vw,7rem)!important}.chapter--stack .chapter__summary{font-size:clamp(1.1rem,2vw,1.8rem)}.chapter--form{padding-top:76px;padding-bottom:50px}.chapter--form:focus{outline:none}.chapter--form h2{font-size:clamp(3.7rem,7vw,7rem)!important}.stage.is-form .code{width:29%;right:3%}.stage.is-form .code__window{-webkit-mask-image:none;mask-image:none}.form{gap:10px;max-width:590px;margin-top:20px;display:grid}.form label{letter-spacing:.14em;text-transform:uppercase;color:#587184;font:600 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.form input,.form textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a8c0cf;border-radius:0;outline:0;margin-top:4px;padding:8px 0 10px;font-size:1rem;display:block}.form input:focus,.form textarea:focus{border-bottom:2px solid var(--accent)}.form input:focus-visible,.form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.form textarea{resize:vertical;min-height:48px}.form button{background:var(--accent);color:#fff;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;border:0;margin-top:12px;padding:18px 25px;font-size:.75rem;font-weight:700;transition:background .25s,transform .25s,box-shadow .25s}.form button:hover,.form button:focus-visible{background:#175580;transform:translateY(-3px);box-shadow:0 12px 30px #15558033}.form button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.form__privacy{color:#536e80;text-underline-offset:3px;justify-self:end;font-size:.78rem;line-height:1.4}.status{min-height:1.2em;color:var(--accent);font-size:.83rem}.js .experience{height:2100svh}.js .stage{height:100svh;position:sticky;top:0}.js .rail{will-change:transform;position:absolute;top:0;left:0}.js .chapter{transition:none}@media (max-width:800px){.header{background:#fff;border-bottom:1px solid #e8eef2;height:88px;padding:0 7%}.header__intro{flex-direction:column;align-items:flex-start;gap:4px}.wordmark{font-size:clamp(1.05rem,4.1vw,1.4rem)}.identity{letter-spacing:.04em;border:0;padding:0;font-size:.58rem;line-height:1.2}.mobile-menu{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700;text-decoration:none;display:inline}.timeline{top:17%;bottom:13%;left:7%}.timeline__top,.timeline__bottom{display:none;left:calc(7% + 24px)}.rail{width:78%;margin-left:15%}.chapter{padding-top:86px;padding-bottom:68px}.chapter__eyebrow span{margin-right:.8em}.chapter__eyebrow span+span:before{content:none}.chapter h1,.chapter h2,.chapter:not(:first-child) h2{letter-spacing:-.08em;font-size:clamp(3.7rem,12.3vw,6.2rem);line-height:.95}.chapter__summary{max-width:92%;font-size:clamp(1.4rem,5.1vw,2rem)}.chapter__foot{font-size:.7rem}.code{display:none}.chapter-media{height:clamp(700px,90svh,850px)}.chapter-media__art{width:100%;height:52%}.stack__row{grid-template-columns:1fr;gap:4px}.stack{gap:10px}.chapter--stack{padding-top:60px;padding-bottom:50px}.stack__row b{padding-top:0}.tag-list{flex-wrap:wrap;padding:3px 0 6px;overflow:visible}.tech-tag{font-size:.76rem}.chapter--stack h2{font-size:clamp(3.4rem,10vw,5.5rem)!important}.chapter--ai h2{font-size:clamp(3.5rem,11vw,5.5rem)!important}.ai-flow{gap:6px}.ai-flow span{padding:9px 10px;font-size:.63rem}.form{max-width:100%}.chapter--form{padding-top:68px;padding-bottom:80px}.chapter--form h2{font-size:clamp(3.5rem,11vw,5.4rem)!important}.form input,.form textarea{font-size:16px}.hint{font-size:.61rem;bottom:3.6%}}@media (max-height:650px) and (min-width:801px){.chapter h1,.chapter h2,.chapter:not(:first-child) h2{font-size:clamp(3.1rem,7vw,6.7rem)}.chapter__summary{margin-top:18px;font-size:clamp(1.1rem,2vw,1.8rem)}.chapter__foot{margin-top:13px}.form{gap:8px;margin-top:16px}.form input,.form textarea{padding:4px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .experience{height:auto}.js .stage{height:auto;min-height:0;position:relative;overflow:visible}.js .rail{width:auto;margin:0 7% 0 15%;position:relative;top:auto;left:auto;transform:none!important}.js .chapter{min-height:70vh;opacity:1!important}.code,.timeline,.timeline__top,.timeline__bottom,.hint{display:none}.cursor{animation:none!important}.chapter h1,.chapter h2,.wordmark span,.tech-tag,.form button,.code{transition:none!important;transform:none!important}}@media (max-width:360px){.js .experience{height:auto}.js .stage{height:auto;min-height:0;position:relative;overflow:visible}.js .rail{width:auto;margin:0 7% 0 15%;position:relative;top:auto;left:auto;transform:none!important}.js .chapter{min-height:0;padding:108px 0 80px;opacity:1!important;transform:none!important}.js .chapter--stack,.js .chapter--form{padding-top:90px}.code{display:none}.chapter-media{height:clamp(620px,92svh,760px)}.timeline,.timeline__top,.timeline__bottom,.hint{display:none}.js .rail{margin-left:12%;margin-right:5%}.chapter h1,.chapter h2,.chapter:not(:first-child) h2,.chapter--ai h2,.chapter--stack h2,.chapter--form h2{letter-spacing:-.075em;overflow-wrap:anywhere;font-size:clamp(2.4rem,11.5vw,3rem)!important}.chapter__eyebrow{line-height:1.5}.chapter__summary{font-size:1.28rem}}.no-js .code,.no-js .timeline,.no-js .timeline__top,.no-js .timeline__bottom,.no-js .hint{display:none}.no-js .rail{width:auto;margin:0 7%}.no-js .chapter{min-height:85vh}.honey{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.form button:disabled{cursor:wait;opacity:.7;box-shadow:none;transform:none}.status.is-error{color:#a43f4c}body{overflow-x:clip}.privacy-page{min-height:100svh;color:var(--ink);background:#fff;padding:clamp(32px,7vw,96px)}.privacy-page__back{color:var(--accent);letter-spacing:.12em;font:700 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}.privacy-page__article{max-width:48rem;margin:clamp(80px,11vw,150px) auto 0}.privacy-page__eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font:700 .75rem ui-monospace,SFMono-Regular,Menlo,monospace}.privacy-page h1{letter-spacing:-.08em;margin:18px 0 40px;font-size:clamp(3.4rem,8vw,7rem);line-height:.95}.privacy-page h2{margin:42px 0 14px;font-size:1.45rem}.privacy-page p:not(.privacy-page__eyebrow){color:#486272;font-size:1.1rem;line-height:1.65}