.about-page{--about-title: clamp(62px, 5.5vw, 104px);--about-gutter: clamp(20px, 2vw, 34px)}.about-page .nav-links a[aria-current=page]{color:var(--text-1)}.about-shell{display:grid;grid-template-columns:minmax(300px,26fr) minmax(560px,48fr) minmax(300px,26fr);min-height:100vh;background:var(--bg)}.about-shell>*{min-width:0}.about-intro,.about-story,.about-profile{background:var(--bg)}.about-intro{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:flex-start;padding:130px 28px 26px;border-right:1px solid var(--border);overflow:hidden}.about-dot-field{position:absolute;inset:0;background-image:radial-gradient(circle,var(--border-2) 1px,transparent 1.2px);background-size:18px 18px;opacity:.58;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 68%,transparent 100%);pointer-events:none}.about-intro:after,.about-story:after{content:"";position:absolute;top:-110px;right:-1px;width:2px;height:110px;z-index:8;background:linear-gradient(to bottom,transparent,var(--accent) 72%,transparent);filter:drop-shadow(0 0 4px var(--accent));opacity:.72;pointer-events:none;animation:gridRain 4.6s linear infinite}.about-story:after{animation-delay:-2.2s}.about-intro-top{position:relative;z-index:1}.about-eyebrow,.about-profile-heading{color:var(--text-3);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.about-intro h1{position:relative;font-family:Syne,sans-serif;font-size:var(--about-title);font-weight:500;line-height:.84;letter-spacing:-.075em}.about-story{position:relative;display:flex;min-height:100svh;flex-direction:column;border-right:1px solid var(--border)}.about-story>section,.connect-strip{padding:88px var(--about-gutter);border-bottom:1px solid var(--border)}.about-lede{padding-top:132px!important;padding-bottom:54px!important}.about-eyebrow{margin-bottom:22px}.about-lede h2{max-width:850px;font-family:Syne,sans-serif;font-size:clamp(32px,2.9vw,52px);font-weight:500;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}.about-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:64px;padding-top:24px;border-top:1px solid var(--border)}.about-copy-grid p{color:var(--text-2);font-size:14px;line-height:1.7}.about-profile-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.software-stack{display:flex;flex-direction:column;justify-content:flex-start;padding-top:54px!important;padding-bottom:72px!important}.software-stack-heading{margin-bottom:30px}.software-stack-heading .about-eyebrow{margin-bottom:10px}.software-stack-heading h2{font-family:Syne,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1;letter-spacing:-.045em}.software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;border-top:1px solid var(--border-2);border-left:1px solid var(--border-2)}.software-grid li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:112px;padding:17px 15px;border-right:1px solid var(--border-2);border-bottom:1px solid var(--border-2);background:var(--surface-soft);transition:background .25s ease,color .25s ease}.software-grid li:hover{background:var(--bg-3)}.software-grid li>div{min-width:0}.software-grid strong,.software-grid li>div>span{display:block}.software-grid strong{font-family:Syne,sans-serif;font-size:clamp(13px,1.2vw,17px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.software-grid li>div>span{margin-top:7px;color:var(--text-3);font-size:13px;line-height:1.5}.software-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:1px solid var(--border-2);border-radius:5px;color:var(--text-2);font-family:DM Sans,sans-serif;font-size:8px;font-weight:700;line-height:1}.adobe-mark{border-color:#ff3b30;background:#ff3b30;color:#fff}.ai-mark{border:0;font-size:16px;font-weight:400}.figma-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(3,7px);width:14px;height:21px;border:0;border-radius:0}.figma-mark i{display:block;width:7px;height:7px;background:var(--text-3)}.figma-mark i:nth-child(1){border-radius:4px 0 0 4px;background:#f24e1e}.figma-mark i:nth-child(2){border-radius:0 4px 4px 0;background:#ff7262}.figma-mark i:nth-child(3){border-radius:4px 0 0 4px;background:#a259ff}.figma-mark i:nth-child(4){border-radius:50%;background:#1abcfe}.figma-mark i:nth-child(5){border-radius:4px 0 4px 4px;background:#0acf83}.claude-mark{color:#d97757}.midjourney-mark{color:#4aa3df}.logo-mark{border:0;border-radius:0}.logo-mark img{display:block;width:20px;height:20px;object-fit:contain}.framer-logo-mark{padding:3px;border-radius:4px;background:#fff}.framer-logo-mark img{width:16px;height:16px}.codex-mark img{border-radius:5px}.connect-strip{margin-top:auto;padding-block:0;background:var(--accent);overflow:hidden}.connect-marquee{display:block;min-height:188px;color:var(--bg);font-family:Syne,sans-serif;font-size:clamp(44px,5.2vw,92px);font-weight:500;text-decoration:none;overflow:hidden}.connect-track{display:flex;align-items:center;width:max-content;min-height:188px;animation:connectMarquee 24s linear infinite;will-change:transform}.connect-group{display:flex;align-items:center;flex-shrink:0}.connect-group>span{display:inline-flex;align-items:center;gap:.3em;padding-right:.85em;line-height:.9;letter-spacing:-.065em;white-space:nowrap}.connect-track i{font-size:.48em;font-style:normal}@keyframes connectMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-profile{position:sticky;top:0;height:100svh;padding:112px 18px 24px;overflow-y:auto;scrollbar-width:none}.about-profile::-webkit-scrollbar{display:none}.about-portrait{margin-bottom:20px;padding-bottom:0;border-bottom:0}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;border:0;border-radius:12px;background:#f5f3ec;object-fit:contain;object-position:center;filter:saturate(.8) contrast(1.03)}.about-profile-block{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.about-credentials{margin:0 -18px;padding:18px 18px 16px;border-top:1px solid var(--border);border-bottom:0}.about-profile-heading{margin-bottom:12px}.about-profile-heading h2{color:var(--text-1);font-family:Syne,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.025em;text-transform:none}.education-entry{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:4px 0 2px}.education-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--border-2);border-radius:10px;background:var(--surface-soft);color:var(--accent);font-family:Syne,sans-serif;font-size:10px;font-weight:700;line-height:1;text-align:center;padding:0}.education-entry>div>strong,.education-entry>div>span,.education-entry>div>small{display:block}.education-entry>div>strong{font-size:14px;font-weight:500;line-height:1.4}.education-entry>div>span{margin-top:4px;color:var(--text-2);font-size:13px;line-height:1.5}.education-entry>div>small{margin-top:2px;color:var(--text-3);font-size:13px;line-height:1.5}.education-courses{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.education-courses>p{margin-bottom:5px;color:var(--text-3);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.education-courses ul{list-style:none}.education-courses li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid var(--border)}.education-courses li>span{color:var(--accent);font-family:Syne,sans-serif;font-size:9px}.education-courses li>strong{font-size:13px;font-weight:400;line-height:1.5}@media(prefers-reduced-motion:no-preference){.about-intro{animation:columnReveal .9s .03s cubic-bezier(.22,.75,.25,1) both}.about-story{animation:columnReveal .9s .2s cubic-bezier(.22,.75,.25,1) both}.about-profile{animation:columnReveal .9s .38s cubic-bezier(.22,.75,.25,1) both}}@media(prefers-reduced-motion:reduce){.about-intro:after,.about-story:after{display:none;animation:none}.connect-track{animation:none}}@media(max-width:1180px){.about-shell{grid-template-columns:minmax(300px,38fr) minmax(520px,62fr)}.about-profile{grid-column:1 / -1;position:relative;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;padding:64px 28px;border-top:1px solid var(--border);overflow:visible}.about-portrait{grid-row:span 2;margin:0;padding:0;border:0}.about-profile-block{margin:0}}@media(max-width:820px){.about-shell{display:block}.about-intro{position:relative;height:auto;min-height:0;padding:96px 24px 28px;border-right:0;border-bottom:1px solid var(--border)}.about-intro:after,.about-story:after{display:none}.about-intro h1{font-size:clamp(76px,22vw,132px)}.about-story{border-right:0}.about-story>section,.connect-strip{padding:72px 24px}.about-lede{padding-top:44px!important}.about-lede h2{font-size:clamp(32px,8vw,50px)}.software-stack{min-height:auto}.software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-profile{display:grid}}@media(max-width:620px){.about-copy-grid{grid-template-columns:1fr;gap:18px;margin-top:44px}.software-grid{grid-template-columns:1fr}.software-grid li{min-height:96px}.connect-strip{padding-block:0}.connect-marquee,.connect-track{min-height:160px}.about-profile{display:flex;flex-direction:column;padding:56px 20px 30px}.about-portrait{width:100%;margin-bottom:8px}.about-portrait img{max-height:none}.about-profile-block{width:100%;padding-bottom:20px}}