:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e4e7f0;background:#101522;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #101522;--paper-soft: #182033;--ink: #E4E7F0;--muted: #B3BDD1;--line: #303B50;--line-strong: #697997;--coral: #B4A1F5;--coral-soft: #272A49;--violet: #B4A1F5;--violet-soft: #272A49;--blue: #8CB6FF;--blue-soft: #202A40;--teal: #8CB6FF;--teal-dark: #8CB6FF;--teal-soft: #202A40;--gold: #B4A1F5;--gold-soft: #272A49;--container: 1280px;--gutter: clamp(20px, 5vw, 72px);--label-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--disabled: #8B97AD}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}body,button,a{font-family:inherit}a,button{color:inherit}::selection{color:var(--paper);background:var(--coral)}.container{width:min(calc(100% - (var(--gutter) * 2)),var(--container));margin-inline:auto}.skip-link{position:fixed;z-index:20;top:12px;left:12px;transform:translateY(-160%);padding:12px 16px;color:var(--paper);background:var(--blue);text-decoration:none;border-radius:3px}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link:focus-visible{outline-color:var(--ink)}.site-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--paper)}.site-nav{min-height:84px;display:flex;align-items:center;gap:clamp(20px,3vw,42px)}.nav-name,.nav-link{flex:0 0 auto;padding-block:12px;text-decoration:none;font-size:.94rem;transition:color .16s ease}.nav-name{margin-right:auto;font-weight:700}.nav-link{color:var(--muted)}.nav-name:hover,.nav-link:hover{color:var(--violet)}.hero{min-height:min(760px,calc(100svh - 84px));display:grid;align-items:center;padding-block:clamp(92px,12vh,152px) clamp(90px,11vh,136px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.31fr);align-items:end;gap:clamp(56px,9vw,136px)}.hero-copy{max-width:910px}.eyebrow{margin:0;color:var(--coral);font-family:var(--label-font);font-size:.75rem;font-weight:600;letter-spacing:.11em;line-height:1.5;text-transform:uppercase}.hero-eyebrow{margin-bottom:58px}h1,h2,h3,p{overflow-wrap:break-word}h1{max-width:100%;margin:0;font-size:clamp(3.3rem,6vw,5.55rem);font-weight:740;letter-spacing:-.065em;line-height:.98}.hero-headline{max-width:890px;margin:28px 0 38px;font-size:clamp(1.55rem,3vw,2.55rem);font-weight:430;letter-spacing:-.04em;line-height:1.22}.hero-introduction,.hero-exploration{max-width:790px;margin:0;font-size:clamp(1rem,1.3vw,1.17rem);line-height:1.65}.hero-introduction{color:var(--ink)}.hero-exploration{margin-top:24px;color:var(--muted)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:38px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:4px;font-size:.98rem;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.button-primary{color:var(--paper);background:var(--blue)}.button-primary:hover{color:var(--paper);background:#a5c7ff}.button-disabled,.button:disabled,.button[aria-disabled=true]{border-color:var(--line-strong);color:var(--disabled);background:var(--paper-soft);cursor:not-allowed}.button-disabled:disabled,.button:disabled{opacity:1}.button[aria-disabled=true]{pointer-events:none}.contact-cta{padding:12px 6px;color:var(--blue);font-size:.98rem;font-weight:680;text-decoration-thickness:1px;text-underline-offset:8px}.contact-cta:hover{color:var(--violet)}.focus-rail{position:relative;max-width:280px;justify-self:end;border-left:2px solid var(--violet);padding:2px 0 4px 28px}.focus-rail:before{content:"";width:62px;height:3px;display:block;margin-bottom:18px;background:var(--blue)}.focus-rail p:last-of-type{margin:10px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.45}.focus-aside{display:block;margin-top:18px;color:var(--violet);font-size:.78rem;font-weight:610;line-height:1.55}.section{padding-block:clamp(88px,11vw,144px)}.projects-section{border-top:1px solid var(--line)}.section-topline{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:54px}.section-heading h2{margin:20px 0 0;font-size:clamp(2.4rem,4.3vw,4rem);font-weight:680;letter-spacing:-.06em;line-height:1.04}.section-index{margin:0 0 5px;color:var(--violet);font-family:var(--label-font);font-size:.76rem;line-height:1.55;text-align:right}.section-index span{color:var(--muted);font-family:inherit;font-size:.67rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,68px)}.project-item{min-width:0}.project-art{position:relative;min-width:0;overflow:hidden;width:100%;aspect-ratio:1.81;border-radius:5px}.project-art--pet,.project-art--tosn{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.3vw,26px);background:var(--paper-soft)}.art-caption{position:relative;z-index:1;color:var(--ink);font-family:var(--label-font);font-size:clamp(.57rem,.8vw,.69rem);letter-spacing:.04em}.art-caption span{color:var(--violet)}.art-caption--foot{color:var(--muted);font-size:clamp(.51rem,.72vw,.63rem)}.pet-window{position:absolute;top:13%;right:14%;bottom:16%;left:14%;overflow:hidden;border:1px solid rgba(74,56,52,.16);border-radius:43% 43% 5px 5px;background:#f8eee4}.sun-disc{position:absolute;top:13%;right:13%;width:17%;aspect-ratio:1;border-radius:50%;background:#efbc82}.pet-ground{position:absolute;right:0;bottom:0;left:0;height:24%;background:#d8e7d8}.pet-bed{position:absolute;bottom:5%;left:39%;width:36%;height:31%;object-fit:contain;image-rendering:pixelated}.pet-cat{position:absolute;bottom:12%;width:23%;height:58%;object-fit:contain;image-rendering:pixelated}.pet-cat--one{left:17%}.pet-cat--two{right:8%;width:20%;height:48%;transform:scaleX(-1)}.pet-star{position:absolute;z-index:2;color:var(--coral)}.pet-star--one{top:34%;left:43%;font-size:clamp(14px,2vw,24px)}.pet-star--two{top:22%;left:24%;color:var(--violet);font-size:clamp(18px,2.5vw,30px)}.tosn-collage{position:absolute;top:16%;right:12%;bottom:14%;left:12%;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,62px)}.tosn-project-icon{position:relative;z-index:1;width:min(30%,154px);aspect-ratio:1;object-fit:cover;border:5px solid var(--paper-soft);border-radius:50%;box-shadow:0 8px 24px #38285024}.orb-stack{display:flex;align-items:center;gap:clamp(8px,1.7vw,22px)}.orb-stack img{width:clamp(42px,7vw,88px);height:clamp(42px,7vw,88px);object-fit:contain;image-rendering:auto}.orb-stack img:nth-child(2){transform:translateY(-24%)}.orb-stack img:nth-child(3){transform:translateY(20%)}.tosn-orbit{position:absolute;width:85%;height:78%;border:1px solid rgba(100,77,140,.22);border-radius:50%;transform:rotate(-16deg)}.tosn-orbit--two{width:65%;height:110%;transform:rotate(28deg);border-color:#315e9126}.project-copy{padding-top:28px}.project-heading-row{display:flex;justify-content:space-between;align-items:start;gap:14px}.project-number{margin:0 0 10px;color:var(--violet);font-family:var(--label-font);font-size:.7rem;letter-spacing:.04em}.project-heading-row h3,.planned-project-copy h3{margin:0;font-size:clamp(1.55rem,2.2vw,2rem);font-weight:660;letter-spacing:-.045em;line-height:1.15}.status-label{flex:0 0 auto;color:var(--teal-dark);font-size:.78rem;font-weight:620;line-height:1.5;text-align:right}.project-kind{margin:16px 0 0;color:var(--ink);font-size:1.02rem}.project-tech{margin:8px 0 0;color:var(--blue);font-family:var(--label-font);font-size:.73rem;line-height:1.6}.project-description{margin:18px 0 0;color:var(--ink);font-size:.98rem;line-height:1.62}.project-update{margin:9px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5}.text-link{color:var(--blue);font-size:.88rem;font-weight:650;text-decoration-thickness:1px;text-underline-offset:5px}.project-copy>.text-link{display:inline-flex;gap:6px;align-items:baseline;margin-top:20px}.text-link:hover{color:var(--violet);text-decoration-thickness:2px}.planned-project{display:grid;grid-template-columns:.75fr 1.15fr .9fr;gap:clamp(22px,3vw,44px);align-items:center;margin-top:86px;padding-top:34px;border-top:1px solid var(--line)}.planned-project-label{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.status-label--planned{padding:5px 9px;border:1px solid var(--violet);border-radius:999px;color:var(--violet);background:var(--coral-soft);text-align:left}.planned-project-copy{max-width:660px}.planned-project-copy p{max-width:620px;margin:12px 0 0;color:var(--muted);font-size:.98rem;line-height:1.62}.planned-project-copy .repository-note{color:var(--violet);font-size:.82rem}.project-art--travel{aspect-ratio:1.73;display:flex;flex-direction:column;justify-content:space-between;padding:14px;background:var(--blue-soft)}.project-art--travel svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.project-art--travel .art-caption{color:#282924}.project-art--travel .art-caption span{color:#843126}.experience-section{border-top:1px solid var(--line)}.experience-grid{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.3fr);gap:clamp(50px,8vw,120px)}.timeline{list-style:none;margin:0;padding:0 0 0 36px;border-left:1px solid var(--line-strong)}.timeline-item{position:relative;padding:0 0 52px 4px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;top:7px;left:-42px;width:11px;height:11px;border:2px solid var(--paper);border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--coral)}.timeline-item:nth-child(2):before{background:var(--violet);box-shadow:0 0 0 1px var(--violet)}.timeline-item:nth-child(3):before{background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.timeline-date{margin:0 0 12px;padding-left:8px;color:var(--blue);font-family:var(--label-font);font-size:.84rem;line-height:1.5}.timeline-item h3{margin:0;font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:640;letter-spacing:-.035em;line-height:1.38}.timeline-employer{margin:4px 0 0;padding-left:8px;color:var(--violet);font-size:.93rem;font-weight:650;line-height:1.5}.timeline-summary{max-width:800px;margin:17px 0 0;color:var(--ink);font-size:.98rem;line-height:1.6}.timeline-highlights{display:grid;gap:9px;margin:14px 0 0;padding-left:21px;color:var(--muted);font-size:.91rem;line-height:1.56}.timeline-highlights li{padding-left:4px}.timeline-highlights li::marker{color:var(--blue)}.workflow-step{position:relative;min-width:0;align-self:start;border:1px solid var(--line-strong);border-radius:5px;background:var(--step-soft);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.workflow-trigger{width:100%;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:17px;border:0;border-radius:inherit;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.workflow-chevron{width:20px;height:20px;flex:0 0 auto;color:var(--step-color);transition:transform .18s ease}.step-name{color:var(--step-color);font-size:1.02rem;font-weight:710;letter-spacing:-.02em;line-height:1.35}.step-summary{color:var(--muted);font-size:.83rem;line-height:1.45}.step-role{margin-top:auto;padding-top:4px;color:var(--muted);font-family:var(--label-font);font-size:.75rem;letter-spacing:.015em;line-height:1.4}.workflow-connector{position:absolute;z-index:2;top:29px;right:-19px;width:24px;height:24px;color:var(--muted);pointer-events:none}.workflow-connector svg{display:block;width:100%;height:100%}.workflow-step:last-child .workflow-connector{display:none}.workflow-return{display:flex;flex-direction:column;gap:0;margin-top:8px}.workflow-return-wide{display:block;width:100%;height:58px;overflow:visible;color:var(--teal-dark)}.workflow-return-mobile{display:none}.workflow-loop-caption{margin:-2px 0 0;color:var(--muted);font-size:.86rem;line-height:1.5;text-align:right}.workflow-loop-caption strong{color:var(--blue)}.workflow-note{max-width:850px;margin:31px 0 0;padding-left:18px;border-left:3px solid var(--blue);color:var(--muted);font-size:.95rem;line-height:1.6}.workflow-section{background:var(--paper-soft)}.workflow-heading-row{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(36px,8vw,110px)}.workflow-heading-row .section-heading h2{max-width:720px}.workflow-intro{max-width:470px;margin:0 0 6px;color:var(--muted);font-size:1rem;line-height:1.65}.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:54px 0 0;padding:0}.workflow-step{min-width:0;align-self:start;border:1px solid var(--line-strong);border-radius:5px;background:var(--step-soft);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.workflow-step--coral,.workflow-step--violet{--step-color: var(--violet);--step-soft: var(--paper-soft)}.workflow-step--blue,.workflow-step--teal{--step-color: var(--blue);--step-soft: var(--paper-soft)}.workflow-step--gold{--step-color: var(--violet);--step-soft: var(--paper-soft)}.workflow-step:hover,.workflow-step.is-open{border-color:var(--violet);box-shadow:0 8px 22px #0000003d;transform:translateY(-2px)}.workflow-step.is-open{background:#272a49}.workflow-trigger{width:100%;min-height:172px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:17px;border:0;border-radius:inherit;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.workflow-trigger:focus-visible{outline-offset:-4px;border-radius:5px}.step-overline{width:100%;display:flex;align-items:center;justify-content:space-between}.step-number{color:var(--step-color);font-family:var(--label-font);font-size:.73rem}.workflow-chevron{width:20px;height:20px;color:var(--step-color);transition:transform .18s ease}.workflow-step.is-open .workflow-chevron{transform:rotate(180deg)}.step-name{color:var(--step-color);font-size:1.08rem;font-weight:710;letter-spacing:-.02em}.step-summary{color:var(--muted);font-size:.86rem;line-height:1.45}.workflow-detail{padding:0 17px 18px;color:var(--ink)}.workflow-detail[hidden]{display:none}.workflow-detail p{margin:0;font-size:.88rem;line-height:1.58}.workflow-note{max-width:850px;margin:38px 0 0;padding-left:18px;border-left:3px solid var(--blue);color:var(--muted);font-size:.95rem;line-height:1.6}.workflow-deeper-review{margin-top:42px}.workflow-deeper-review h3{margin:0;color:var(--ink);font-size:1.25rem;font-weight:640;letter-spacing:-.03em;line-height:1.3}.workflow-deeper-review p{max-width:850px;margin:12px 0 0;color:var(--muted);font-size:.95rem;line-height:1.6}.contact-section{border-top:1px solid var(--line);padding-block:100px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px}.contact-section .eyebrow{color:var(--blue)}.contact-links{display:flex;gap:clamp(24px,4vw,58px);padding-bottom:8px}.contact-links .text-link{font-size:1rem}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.78rem}.footer-inner p{margin:0}@media (max-width: 1000px){.workflow-steps{grid-template-columns:minmax(0,1fr);gap:18px;max-width:760px;margin-top:38px;padding-left:36px}.workflow-trigger{min-height:116px;padding:16px}.workflow-connector{top:auto;right:auto;bottom:-22px;left:-32px;transform:rotate(90deg)}.workflow-return{flex-direction:row;align-items:center;gap:12px;margin:10px 0 0 4px}.workflow-return-wide{display:none}.workflow-return-mobile{display:block;flex:0 0 64px;width:64px;height:58px;color:var(--blue)}.workflow-loop-caption{margin:0;text-align:left}.planned-project{grid-template-columns:.7fr 1.3fr}.planned-project .project-art--travel{grid-column:1 / -1;width:min(100%,540px);justify-self:end}}@media (max-width: 800px){:root{--gutter: clamp(20px, 5vw, 38px)}.site-nav{min-height:66px;gap:clamp(14px,4vw,28px);overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.nav-name,.nav-link{font-size:.83rem}.nav-name{margin-right:auto}.hero{min-height:auto;padding-block:76px 96px}.hero-grid{grid-template-columns:1fr;gap:46px;align-items:start}.hero-eyebrow{margin-bottom:40px}h1{max-width:680px;font-size:clamp(3.1rem,10vw,5rem)}.hero-headline{margin-top:24px;font-size:clamp(1.45rem,5vw,2.1rem)}.focus-rail{max-width:none;justify-self:stretch;border-left:0;border-top:2px solid var(--violet);padding:20px 0 0}.focus-rail:before{margin-bottom:14px}.focus-rail p:last-of-type{max-width:360px}.experience-grid{grid-template-columns:1fr;gap:42px}.workflow-heading-row{grid-template-columns:1fr;gap:24px}.planned-project{grid-template-columns:1fr 1.2fr}.planned-project .project-art--travel{grid-column:1 / -1;width:100%}}@media (max-width: 560px){.site-nav{gap:clamp(12px,3.8vw,20px)}.nav-name,.nav-link{font-size:.74rem}.hero{padding-block:62px 78px}.hero-eyebrow{margin-bottom:32px;font-size:.66rem}h1{font-size:clamp(2.8rem,12vw,4.3rem);line-height:1.02}.hero-headline{margin:22px 0 30px;font-size:clamp(1.4rem,6.2vw,1.85rem)}.hero-introduction,.hero-exploration{font-size:.98rem}.hero-actions{gap:12px;margin-top:30px}.button{min-height:46px;padding-inline:16px;font-size:.85rem}.contact-cta{font-size:.9rem}.focus-aside{font-size:.74rem}.section{padding-block:76px}.section-topline{margin-bottom:34px}.section-heading h2{margin-top:15px;font-size:clamp(2.2rem,10vw,3rem)}.section-index{display:none}.project-grid{grid-template-columns:1fr;gap:56px}.project-art,.project-art--travel{aspect-ratio:1.52}.project-heading-row{flex-wrap:wrap}.status-label{text-align:left}.planned-project{grid-template-columns:1fr;gap:18px;margin-top:64px}.planned-project .project-art--travel{grid-column:auto}.project-art--pet,.project-art--tosn{padding:13px}.art-caption{font-size:.59rem}.art-caption--foot{font-size:.54rem}.experience-grid{gap:34px}.timeline{padding-left:26px}.timeline-item{padding-left:6px;padding-bottom:34px}.timeline-item:before{left:-32px}.timeline-date{padding-left:6px;font-size:.78rem}.timeline-item h3{font-size:1.14rem}.workflow-steps{gap:16px;margin-top:30px;padding-left:28px}.workflow-trigger{min-height:106px;padding:14px;gap:8px}.step-name{font-size:1rem}.step-summary{font-size:.84rem}.workflow-connector{left:-25px;bottom:-20px;width:22px;height:22px}.workflow-detail{padding:0 14px 15px}.workflow-detail p{font-size:.85rem}.workflow-loop-caption{font-size:.82rem}.workflow-note{margin-top:30px}.contact-section{padding-block:76px}.contact-grid{grid-template-columns:1fr;align-items:start;gap:34px}.contact-links{flex-wrap:wrap;gap:18px 30px}.footer-inner{min-height:76px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}