@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08111f;color:#e6f1ff;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidenav{bottom:0;position:fixed}.sidenav[data-orientation=left]{left:2.5rem;padding:0}.sidenav[data-orientation=left] ul{list-style:none;margin:0;padding:0}.sidenav[data-orientation=left] ul:after{background-color:#ecf0f3;content:"";display:block;height:90px;margin:0 auto;width:1px}.sidenav[data-orientation=left] ul li{margin:1rem 0}.sidenav[data-orientation=left] ul li a{color:#ecf0f3}.sidenav[data-orientation=left] ul li a svg{transition:all .25s cubic-bezier(.645,.045,.355,1)}.sidenav[data-orientation=left] ul li a:hover svg{color:#faa84b;transform:translateY(-3px)}.sidenav[data-orientation=right]{padding:0;right:2.5rem}.sidenav[data-orientation=right] a{color:#ecf0f3;letter-spacing:.1em;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1);writing-mode:vertical-rl}.sidenav[data-orientation=right] a:hover{color:#faa84b;transform:translateY(-3px)}.sidenav[data-orientation=right]:after{background-color:#ecf0f3;content:"";display:block;height:90px;margin:0 auto;width:1px}@media only screen and (max-width:900px){.sidenav{display:none}}.hero-banner{align-items:stretch;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);border-radius:7px}.hero-banner,.hero-banner__content{display:flex;flex-wrap:wrap;justify-content:center}.hero-banner__content{align-items:flex-start;flex-direction:column;z-index:100}.hero-banner__content--inner{margin:2rem;max-width:760px}.hero-banner__content--inner .hero-banner__eyebrow{align-items:center;color:#22ffe2;display:inline-flex;font-size:.78rem;font-weight:700;gap:.5rem;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.hero-banner__content--inner h1{font-size:4.2rem;line-height:.95;margin:0}.hero-banner__content--inner p{font-size:1.25rem;margin:1.5rem 0 2rem;max-width:30rem}.hero-banner__content--inner .hero-banner__actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-banner__content--inner .hero-banner__actions .MuiButton-root{min-width:180px}.hero-banner__content--inner a{font-family:Press Start\ 2P,cursive}@media only screen and (max-width:900px){.hero-banner{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.hero-banner__content--inner h1{font-size:2.6rem}.hero-banner__content--inner p{font-size:1.05rem}}.about-me__inner{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:7px;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem}.about-me__inner div:first-child{width:55%}.about-me__inner div:last-child{display:flex;padding:2rem;width:36%}.about-me__inner div:last-child picture{position:relative}.about-me__inner div:last-child picture:after{border:7px double #faa84b;border-radius:44px;content:"";display:block;height:100%;left:20px;position:absolute;top:20px;transition:all .25s cubic-bezier(.645,.045,.355,1);width:100%;z-index:-1}.about-me__inner div:last-child picture:hover img{filter:sepia(0)}.about-me__inner div:last-child picture:hover:after{left:0;top:0}.about-me__inner div:last-child picture img{border-radius:44px;filter:sepia(1);height:auto;margin:auto;max-width:250px;transition:filter .25s linear;width:100%}@media only screen and (max-width:900px){.about-me__inner div:last-child picture img{filter:sepia(0)}.about-me__inner div:last-child picture:after{left:0;top:0}}.about-me__inner div p a{color:#faa84b;text-decoration:none}.about-me__inner div ul{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none;margin:20px 0 0;overflow:hidden;padding:0}.about-me__inner div ul li{font-weight:500;list-style:none;padding-left:20px;position:relative}.about-me__inner div ul li:before{color:#faa84b;content:"▹";font-size:14px;left:0;line-height:20px;position:absolute}@media only screen and (max-width:900px){.about-me__inner div{width:100%!important}.about-me__inner{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.timeline{margin:5rem auto;min-height:auto}.timeline,.timeline__inner{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.timeline__inner{margin:2rem}@media only screen and (max-width:900px){.timeline__inner{margin:0 2rem}}.timeline__container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:7px;display:flex;justify-content:center}@media only screen and (max-width:900px){.timeline__container{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);flex-wrap:wrap}.timeline__container .MuiTabs-flexContainer{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}}.timeline__tab-container--title span{font-size:21px;font-weight:500;margin:0;padding:0}.timeline__tab-container--title span a{color:#faa84b;-webkit-text-decoration:dotted;text-decoration:dotted}.timeline__tab-container--title span a:hover{opacity:.75}.timeline__tab-container--date span{font-size:.55rem}.timeline__tab-container--content ul{list-style:none;margin:20px 0 0;overflow:hidden;padding:0}.timeline__tab-container--content ul li{list-style:none;margin-bottom:21px;padding-left:20px;position:relative}.timeline__tab-container--content ul li:before{color:#faa84b;content:"▹";font-size:14px;left:0;line-height:20px;position:absolute}.timeline .MuiTabs-root{padding-top:24px}@media only screen and (max-width:900px){.timeline .MuiTabs-root{padding:0}}.timeline .MuiTabs-vertical{min-width:150px}.timeline .MuiTabs-indicator{border-radius:100px;left:0;right:auto;width:3px}@media only screen and (max-width:900px){.timeline .MuiTabs-indicator{width:0}}.timeline .MuiTabs-selected{color:#faa84b;font-weight:600}.timeline button{border-left:1px solid #ecf0f3;color:#ecf0f3}@media only screen and (max-width:900px){.timeline button{border:none}}.portfolio{align-items:center;flex-wrap:wrap;padding:5rem 0}.portfolio,.portfolio__filters{display:flex;justify-content:center}.portfolio__filters{margin-bottom:2rem;padding:0 2rem;width:100%}.portfolio__filters .MuiButtonGroup-root{border:0;flex-wrap:wrap;gap:.75rem;justify-content:center}.portfolio__filters .MuiButtonGroup-grouped{border-color:#22ffe24d;border-radius:999px!important;color:#ecf0f3;margin:0;min-width:96px;padding:.6rem 1rem;text-transform:none;transition:all .25s cubic-bezier(.645,.045,.355,1)}.portfolio__filters .MuiButtonGroup-grouped.is-active,.portfolio__filters .MuiButtonGroup-grouped:hover{background:#22ffe224;border-color:#faa84b;box-shadow:0 0 0 1px #22ffe22e,0 12px 24px -16px #22ffe28c;color:#fff}.portfolio-img{border-radius:17px;max-height:400px}.portfolio-link{color:#faa84b;text-decoration:none;text-shadow:2px 1px #00000080}@media only screen and (max-width:900px){.portfolio__featured-inner{padding:0 2rem}}.portfolio__other-inner{align-items:stretch;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:0;width:100%}.portfolio__other-inner .portfolio__card{align-items:center;display:flex;margin:0;width:30%}.portfolio__other-inner .portfolio__card-content{background-color:rgba(59,73,86,.502);border-radius:7px;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:space-between;padding:.5rem;text-align:left!important;width:100%}@media only screen and (max-width:900px){.portfolio__other-inner .portfolio__card{width:100%}.portfolio__other-inner{padding:0 2rem}}.portfolio__card{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);margin:3rem 0}.portfolio__card:nth-of-type(2n) .portfolio__card-img{grid-area:1/6/-1/-1}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(2n) .portfolio__card-img{grid-column:1/-1}}.portfolio__card:nth-of-type(2n) .portfolio__card-content{grid-area:1/1/-1/7;text-align:left}.portfolio__card:nth-of-type(2n) .portfolio__card-content .portfolio__card-content--cta{justify-content:flex-start}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(2n) .portfolio__card-content{grid-column:1/-1;z-index:1}}.portfolio__card:nth-of-type(odd) .portfolio__card-img{grid-column:1/8}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(odd) .portfolio__card-img{grid-column:1/-1}}.portfolio__card:nth-of-type(odd) .portfolio__card-content{grid-column:7/-1;text-align:right}.portfolio__card:nth-of-type(odd) .portfolio__card-content .portfolio__card-content--cta{justify-content:flex-end}@media only screen and (max-width:900px){.portfolio__card:nth-of-type(odd) .portfolio__card-content{grid-column:1/-1;text-align:left;z-index:1}}.portfolio__card-img{grid-row:1;overflow:hidden;position:relative;z-index:0}.portfolio__card-img--placeholder{align-items:center;border:1px solid #ffffff1f;border-radius:7px;box-shadow:0 12px 35px -18px #000c;display:flex;justify-content:center;min-height:360px;padding:2rem;text-align:center;text-decoration:none}.portfolio__card-img--placeholder span{color:#fff;font-size:1.9rem;font-weight:700;line-height:1.2;max-width:12ch;text-shadow:0 8px 24px #00000073}@media only screen and (max-width:900px){.portfolio__card-img--placeholder{min-height:240px}}.portfolio__card-img img{border-radius:7px;filter:sepia(100%) blur(.5px) saturate(164%) opacity(90%);height:auto;transition:filter .25s linear,transform .35s ease;width:100%}.portfolio__card-img img:hover{filter:sepia(0) blur(0) saturate(100%) opacity(100%);transform:scale(1.03)}@media only screen and (max-width:900px){.portfolio__card-img img{height:100%;object-fit:cover}}.portfolio__card-img:after{background:linear-gradient(180deg,#0000000f,#00000061);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.portfolio__card-img:hover:after{opacity:1}@media only screen and (max-width:900px){.portfolio__card-img{height:100%}}.portfolio__card-content{grid-row:1;position:relative;z-index:1}.portfolio__card-content--title{color:#22ffe2;font-family:Press Start\ 2P,cursive;font-size:.7rem}.portfolio__card-content--subtitle{font-size:1.5rem;font-weight:700;margin-bottom:21px}.portfolio__card-content--description{background-color:#3b4956;border-radius:7px;box-shadow:0 10px 30px -15px var(--navy-shadow);opacity:.75;padding:25px;position:relative;z-index:2}@media only screen and (max-width:900px){.portfolio__card-content--description{background-color:initial}}.portfolio__card-content--techs{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b491c4a;border-radius:7px;color:#ecf0f3;padding:1rem .5rem;text-align:center}@media only screen and (max-width:900px){.portfolio__card-content--techs{background-color:initial}}.portfolio__card-content--cta{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;margin-top:.5rem}@media only screen and (max-width:900px){.portfolio__card-content{background-color:rgba(59,73,86,.502);border-radius:7px;padding:.5rem}.portfolio__card{margin:17px 0}}.portfolio__card.stagger-item{opacity:1;transform:none}.portfolio .MuiImageListItem-root .MuiImageListItemBar-root{border-radius:17px 17px 0 0}.portfolio.is-visible .portfolio__card.stagger-item{animation:reveal-rise .7s ease both}.portfolio.is-visible .portfolio__card.stagger-item:first-child{transition-delay:.06s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(2){transition-delay:.12s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(3){transition-delay:.18s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(4){transition-delay:.24s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(5){transition-delay:.3s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(6){transition-delay:.36s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(7){transition-delay:.42s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(8){transition-delay:.48s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(9){transition-delay:.54s}.portfolio.is-visible .portfolio__card.stagger-item:nth-child(10){transition-delay:.6s}.portfolio-experience{--ink:#f1f5fa;--ink-muted:#aab9ca;--accent:#f08a3e;--blue:#4b8ed1;--line:#e0ebf726;background:#101a2b;color:var(--ink);min-height:100vh}.global-nav{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101a2bf5;border-bottom:1px solid #e0ebf721;color:#f1f5fa;display:grid;grid-template-columns:1fr auto 1fr;min-height:72px;padding:0 4.5vw;position:-webkit-sticky;position:sticky;top:0;z-index:20}.global-nav a{color:inherit;text-decoration:none}.global-nav nav{display:flex;gap:clamp(1rem,2.4vw,2.5rem)}.global-nav .global-nav__contact,.global-nav nav a{font-size:.82rem}.global-nav nav a{color:#b1bfd0;transition:color .18s ease}.global-nav nav a:focus-visible,.global-nav nav a:hover{color:var(--accent)}.global-nav__brand{align-items:center;display:flex;gap:.8rem;width:-webkit-max-content;width:max-content}.global-nav__brand span{aspect-ratio:1;border:1px solid var(--accent);color:var(--accent);display:grid;font:.7rem/1 monospace;place-items:center;width:32px}.global-nav__brand strong{font-size:.88rem;font-weight:600}.global-nav__contact{justify-self:end}.global-nav__contact span{color:var(--accent);padding-left:.5rem}.split-screen{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);position:relative}.split-divider{align-self:stretch;background:linear-gradient(180deg,#0000,#f08a3ecc 20%,#4b8ed180 50%,#4b8ed1cc 80%,#0000);min-height:calc(100svh - 72px);pointer-events:none;top:50%;z-index:3}.split-divider,.split-divider span{position:-webkit-sticky;position:sticky}.split-divider span{color:#d3d6d0;display:block;font:.48rem/1.55 monospace;letter-spacing:.08em;margin:0 0 0 -2.3rem;top:48%;transform:rotate(180deg);width:-webkit-max-content;width:max-content;writing-mode:vertical-rl}.perspective-panel{height:calc(100svh - 72px);overflow-y:auto;overscroll-behavior-y:auto;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-color:#f08a3e73 #0000;scrollbar-width:thin}.perspective-panel--design{--accent:#3478ba;background:#f0f5fa;color:#24344a;scrollbar-color:#3478ba61 #0000}.perspective-panel__content{margin:0 auto;max-width:800px;padding:0 clamp(1.5rem,5vw,5.6rem)}.context-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101a2bf2;border-bottom:1px solid var(--line);display:flex;gap:clamp(.7rem,2vw,1.8rem);min-height:47px;overflow-x:auto;padding:0 clamp(1.5rem,5vw,5.6rem);position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:10}.context-nav a{color:#969d96;font:.58rem/1.4 monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.context-nav a:focus-visible,.context-nav a:hover,.context-nav a[aria-current=location]{color:var(--accent)}.perspective-panel--design .context-nav{background:#f0f5faf5;border-color:#24344a24}.perspective-panel--design .context-nav a{color:#68788c}.perspective-panel--design .context-nav a:focus-visible,.perspective-panel--design .context-nav a:hover,.perspective-panel--design .context-nav a[aria-current=location]{color:var(--accent)}.perspective-hero{background-image:linear-gradient(#4b8ed112 1px,#0000 0),linear-gradient(90deg,#4b8ed112 1px,#0000 0);background-size:48px 48px;display:flex;flex-direction:column;justify-content:center;min-height:min(720px,100svh - 120px);padding:5rem 0 3.5rem;position:relative;scroll-snap-align:start}.perspective-hero .panel-cta>p,.perspective-hero .section-heading>p,.perspective-hero__eyebrow,.perspective-hero__index{font:.62rem/1.5 monospace;letter-spacing:.12em;margin:0}.perspective-hero__eyebrow{color:var(--accent)}.perspective-hero__index{color:#9cacc0;margin-top:2.2rem}.perspective-hero__index span{color:var(--accent);padding:0 .35rem}.perspective-hero h1{font-size:clamp(3.1rem,5.3vw,5.2rem);font-weight:500;letter-spacing:0;line-height:.98;margin:1rem 0 1.35rem;max-width:11ch}.perspective-hero .beyond-code h2 em,.perspective-hero .design-process h2 em,.perspective-hero .panel-cta h2 em,.perspective-hero h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.perspective-hero__intro{color:#b5c1d0;font-size:.97rem;margin:0;max-width:38ch}.perspective-hero__actions{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.perspective-hero__signature{align-items:center;color:#9cacc0;display:flex;font:.55rem/1.4 monospace;gap:.8rem;letter-spacing:.07em;margin-top:3.5rem}.perspective-hero__signature i{background:var(--accent);border-radius:50%;height:4px;width:4px}.perspective-panel--design .perspective-hero{background-image:radial-gradient(#3478ba29 .7px,#0000 0);background-size:9px 9px}.perspective-panel--design .perspective-hero__eyebrow{color:#c76b2b}.perspective-panel--design .perspective-hero__index{color:#6c7b8e}.perspective-panel--design .perspective-hero__index span{color:#c76b2b}.perspective-panel--design .perspective-hero h1 em{color:var(--accent)}.perspective-panel--design .perspective-hero__intro{color:#52647a}.perspective-panel--design .perspective-hero__signature{color:#66788e}.perspective-panel--design .perspective-hero__signature i{background:#e68a43}.design-motion{bottom:1.4rem;height:70px;opacity:.62;pointer-events:none;position:absolute;right:0;width:88px}.design-motion__frame{border:1px solid #3478ba61;position:absolute}.design-motion__frame--back{animation:design-frame-back 9s ease-in-out infinite alternate;inset:8px 18px 12px 0}.design-motion__frame--front{animation:design-frame-front 7s ease-in-out infinite alternate;border-color:#3478ba9e;inset:20px 0 0 28px}.design-motion__guide{animation:design-guide 6s ease-in-out infinite alternate;background:linear-gradient(90deg,#c76b2bcc,#3478ba40);height:1px;left:14px;position:absolute;top:35px;transform-origin:left;width:60px}.design-motion__marker{animation:design-marker 6s ease-in-out infinite alternate;background:#f0f5fa;border:1px solid #c76b2b;height:7px;left:11px;position:absolute;top:31px;width:7px}.engineering-signal{bottom:1.4rem;height:42px;opacity:.55;pointer-events:none;position:absolute;right:0;width:112px}.engineering-signal__track{background:#a8c9ec73;height:1px;left:6px;position:absolute;right:6px;top:20px}.engineering-signal__node{background:#101a2b;border:1px solid #a8c9eca6;color:#a8c9ec;display:grid;font:.48rem/1 monospace;height:19px;place-items:center;position:absolute;top:11px;width:25px}.engineering-signal__node--ui{left:0}.engineering-signal__node--api{border-color:#f0a15db8;color:#f0a15d;left:43px}.engineering-signal__node--db{right:0}.engineering-signal__pulse{animation:engineering-data-flow 5s linear infinite;background:#f0a15d;box-shadow:0 0 8px #f0a15d8c;height:5px;left:5px;position:absolute;top:18px;width:5px}.text-action{border-bottom:1px solid #f08a3e8c;color:var(--accent);font-size:.82rem;padding-bottom:.32rem;text-decoration:none;width:-webkit-fit-content;width:fit-content}.text-action span{margin-left:.5rem}.text-action--quiet{border-color:#bdc1ba52;color:#bdc1ba}.perspective-panel--design .text-action{border-color:#3478ba7a;color:var(--accent)}.perspective-panel--design .text-action--quiet{border-color:#52647a4d;color:#52647a}.panel-cta,.panel-section{padding:5rem 0;scroll-snap-align:start}.section-heading{margin-bottom:2.5rem}.panel-cta>p,.section-heading>p{color:var(--accent)}.section-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;line-height:1.08;margin:.75rem 0 0;max-width:17ch}.capability-row{grid-gap:.8rem;align-items:center;border-top:1px solid var(--line);display:grid;gap:.8rem;grid-template-columns:2rem 1fr 1rem;padding:1.05rem 0}.capability-row:last-child{border-bottom:1px solid var(--line)}.capability-row>span{color:var(--accent);font:.62rem/1 monospace}.capability-row>p{font-size:.89rem;margin:0}.capability-row>span:last-child{color:#798078}.perspective-panel--design .capability-row>span:first-child,.perspective-panel--design .section-heading>p{color:#c76b2b}.perspective-panel--design .capability-row{border-color:#24344a29}.architecture-intro,.web-engineering__intro{color:#b5c1d0;font-size:.88rem;line-height:1.75;margin:-1rem 0 2rem;max-width:48ch}.architecture-map{background:hsla(0,0%,100%,.025);border:1px solid #e0ebf729;padding:1.3rem}.architecture-map__layer>span{color:#f0a15d;display:block;font:.56rem/1.4 monospace;letter-spacing:.08em;margin-bottom:.7rem}.architecture-map__layer>div{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-map__layer b{border:1px solid #e0ebf72b;color:#e2eaf4;display:grid;font-size:.68rem;font-weight:500;min-height:48px;padding:.45rem;place-items:center;text-align:center}.architecture-map__layer--shared b{border-color:#4b8ed18c;color:#a8c9ec}.architecture-map__layer--quality>div{grid-template-columns:repeat(4,minmax(0,1fr))}.architecture-map__layer--quality b{border-style:dashed;color:#b5c1d0;font-size:.61rem;min-height:40px}.architecture-map__connector{display:flex;height:28px;justify-content:space-around}.architecture-map__connector i{background:linear-gradient(180deg,#4b8ed1cc,#f08a3e59);height:100%;width:1px}.architecture-note{color:#858c84;font-size:.65rem;line-height:1.6;margin:.8rem 0 0}.technical-project{border-top:1px solid var(--line);padding:1.8rem 0 2.2rem}.technical-project:last-child{border-bottom:1px solid var(--line)}.technical-project__heading>span{color:#f0a15d;font:.56rem/1.5 monospace;letter-spacing:.06em;text-transform:uppercase}.technical-project__heading h3{font-size:1.35rem;font-weight:500;margin:.55rem 0 1.15rem}.technical-project dl{grid-gap:.7rem;display:grid;gap:.7rem;margin:0}.technical-project dl>div{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:7rem minmax(0,1fr)}.technical-project dt{color:#858c84;font:.56rem/1.7 monospace;text-transform:uppercase}.technical-project dd{color:#c4cedb;font-size:.72rem;line-height:1.65;margin:0}.technical-project dl>div:last-child dd{color:#a8c9ec}.technical-project .split-project__link{margin-top:1rem}.web-engineering__capabilities{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.web-engineering__capabilities>div{border-top:1px solid var(--line);min-height:105px;padding:1rem 1.3rem 1rem 0;position:relative}.web-engineering__capabilities span{color:#f0a15d;font:.56rem monospace;position:absolute;right:0;top:1.1rem}.web-engineering__capabilities p{color:#f1f5fa;font-size:.82rem;margin:0 0 .45rem}.web-engineering__capabilities b{color:#b5c1d0;font-size:.68rem;font-weight:400;line-height:1.6}.delivery-section{padding-bottom:3.2rem}.delivery-section .section-heading{margin-bottom:1rem}.delivery-section>p{color:#b5c1d0;font-size:.78rem;line-height:1.7;margin:0;max-width:50ch}.delivery-signature{align-items:center;color:#a8c9ec;display:flex;font:.57rem monospace;gap:.8rem;letter-spacing:.07em;margin-top:1.4rem}.delivery-signature i{background:var(--accent);border-radius:50%;height:3px;width:3px}.section-heading--work{border-bottom:1px solid var(--line);padding-bottom:1.1rem;position:relative}.section-heading--work>span{bottom:.25rem;color:#838b82;font:.56rem monospace;position:absolute;right:0}.split-project{padding:1rem 0 4rem;scroll-snap-align:start}.split-project__visual{aspect-ratio:1.55;background:#1d2b40;overflow:hidden;position:relative}.split-project__visual img{display:block;height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.split-project:hover .split-project__visual img{transform:scale(1.025)}.split-project__number{background:#101a2bdb;bottom:.8rem;color:#f5f7fb;font:.57rem monospace;padding:.4rem .55rem;position:absolute;right:.8rem}.split-project__visual-placeholder{background:radial-gradient(ellipse at 75% 18%,#f08a3e38,#0000 40%),linear-gradient(135deg,#24446a,#101a2b);color:#f5f7fb;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:clamp(1.2rem,3vw,2.7rem)}.split-project__visual-placeholder span:first-child{font:500 clamp(1.8rem,3vw,3rem)/1.05 Georgia,serif}.split-project__visual-placeholder span:last-child{font:.62rem monospace}.split-project__body{padding:1.4rem 0 0}.split-project__eyebrow{color:#f0a15d;font:.59rem/1.5 monospace;letter-spacing:.07em;margin:0;text-transform:uppercase}.split-project h3{font-size:1.45rem;font-weight:500;margin:.5rem 0}.split-project__description{color:#b5c1d0;font-size:.84rem;line-height:1.7;margin:0}.split-project__details{grid-gap:.75rem;display:grid;gap:.75rem;margin:1.25rem 0}.split-project__details div{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:3.5rem 1fr}.split-project__details dt{color:#9cacc0;font:.57rem/1.7 monospace;text-transform:uppercase}.split-project__details dd{color:#d5deea;font-size:.72rem;line-height:1.65;margin:0}.split-project__link{align-items:center;color:var(--accent);display:inline-flex;font-size:.76rem;gap:.6rem;margin-top:.4rem;text-decoration:none}.perspective-panel--design .section-heading--work{border-color:#24344a2e}.perspective-panel--design .section-heading--work>span{color:#68788c}.perspective-panel--design .split-project__visual{background:#dce8f4}.perspective-panel--design .split-project__visual-placeholder{background:radial-gradient(ellipse at 75% 18%,#3478ba33,#0000 40%),linear-gradient(135deg,#e8f1fa,#cbdced);color:#203149}.perspective-panel--design .split-project__number{background:#203149db;color:#f5f7fb}.perspective-panel--design .split-project__eyebrow{color:#c76b2b}.perspective-panel--design .split-project__description{color:#52647a}.perspective-panel--design .split-project__details dt{color:#68788c}.perspective-panel--design .split-project__details dd{color:#293b53}.perspective-panel--design .split-project__link{color:var(--accent)}.practice-section{border-top:1px solid var(--line)}.practice-section__intro{color:#adb2aa;font-size:.88rem;margin:-1rem 0 2rem;max-width:46ch}.experience-list>div{grid-gap:.7rem;border-top:1px solid var(--line);display:grid;gap:.7rem;grid-template-columns:6.3rem 1fr;padding:1rem 0}.experience-list>div:last-child{border-bottom:1px solid var(--line)}.experience-list span{color:#f0a15d;font:.56rem monospace;padding-top:.25rem}.experience-list p{color:#adb2aa;font-size:.77rem;line-height:1.6;margin:0}.experience-list strong{color:#f3f0e8;font-weight:500}.system-stamp{align-items:center;color:#c0c5bc;display:flex;flex-wrap:wrap;font:.58rem monospace;gap:.65rem;letter-spacing:.07em;margin-top:2.4rem}.system-stamp b{color:var(--accent);font-weight:400}.perspective-panel--design .practice-section{border-color:#24344a2b}.perspective-panel--design .practice-section .section-heading>p{color:#c76b2b}.perspective-panel--design .process-steps{border-top:1px solid #24344a2b}.process-steps>div{grid-gap:0 .8rem;border-bottom:1px solid #24344a2b;display:grid;gap:0 .8rem;grid-template-columns:2.5rem 1fr;padding:1.3rem 0}.process-steps span{color:#3478ba;font:.62rem monospace;grid-row:span 2}.process-steps h3{font-size:.95rem;font-weight:600;margin:0}.process-steps p{color:#52647a;font-size:.77rem;margin:.25rem 0 0}.design-process h2 em{color:#3478ba}.panel-cta{border-top:1px solid var(--line);min-height:360px}.panel-cta h2{font-size:clamp(2.3rem,4.3vw,4rem);font-weight:500;line-height:1;margin:1.2rem 0 1.6rem}.panel-cta h2 em{color:var(--accent)}.perspective-panel--design .panel-cta{border-color:#24344a2b}.perspective-panel--design .panel-cta>p{color:#c76b2b}.perspective-panel--design .panel-cta h2 em{color:#3478ba}.beyond-code{background:#1b2b40;color:#f1f5fa;padding:clamp(4rem,8vw,8rem) 8vw 2rem}.beyond-code__heading{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;padding-bottom:4rem}.beyond-code__heading>p,.beyond-code__items article>span{color:#f0a15d;font:.6rem/1.5 monospace;letter-spacing:.08em;margin:.5rem 0 0}.beyond-code h2{font-size:clamp(2.5rem,5.3vw,5rem);font-weight:500;line-height:1;margin:0}.beyond-code h2 em{color:#78a9df}.beyond-code__items{grid-gap:2.5rem;border-top:1px solid #e0ebf72e;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);padding:2rem 0 4rem}.beyond-code__items article{padding-right:1.5rem}.beyond-code__items article>span{color:#f0a15d}.beyond-code__items article:nth-child(2)>span{color:#78a9df}.beyond-code__items h3{font-size:1.25rem;font-weight:500;margin:1.2rem 0 .6rem}.beyond-code__items p{color:#b5c1d0;font-size:.82rem;line-height:1.7;margin:0;max-width:38ch}.beyond-code__footer{border-top:1px solid #e0ebf72e;display:flex;gap:1rem;justify-content:space-between;padding:1.4rem 0 0}.beyond-code__footer a{color:#c4cedb;font-size:.72rem;text-decoration:none}.beyond-code__footer a:hover{color:#78a9df}.beyond-code__footer span{color:#f08a3e}[data-section].is-in-view>*{animation:section-arrive .5s ease both}[data-section].is-in-view>:nth-child(2){animation-delay:60ms}[data-section].is-in-view>:nth-child(3){animation-delay:.1s}.beyond-code a:focus-visible,.context-nav a:focus-visible,.global-nav a:focus-visible,.split-project__link:focus-visible,.text-action:focus-visible{outline:2px solid #f0a15d;outline-offset:4px}@keyframes section-arrive{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes design-frame-back{to{transform:translate(-3px,2px)}}@keyframes design-frame-front{to{transform:translate(2px,-2px)}}@keyframes design-guide{to{opacity:.48;transform:scaleX(.72) translateX(9px)}}@keyframes design-marker{to{transform:translate(49px,-2px)}}@keyframes engineering-data-flow{to{transform:translateX(97px)}}@media(max-width:900px){.global-nav{gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto;padding:0 1.25rem}.global-nav nav{display:flex;gap:clamp(.5rem,1.4vw,.8rem);justify-content:center}.global-nav nav a,.global-nav__contact{font-size:.72rem}.split-screen{grid-template-columns:minmax(0,1fr)}.split-divider{display:none}.perspective-panel{height:auto;overflow:visible;scroll-snap-type:none}.perspective-panel__content{max-width:760px}.perspective-hero{min-height:620px}.context-nav{top:72px}.panel-cta,.panel-section{scroll-snap-align:none}.beyond-code{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:700px){.global-nav{grid-template-columns:1fr auto}.global-nav nav{display:none}}@media(max-width:600px){.global-nav{min-height:64px}.global-nav__brand strong{font-size:.78rem}.global-nav__contact{font-size:.7rem!important}.context-nav{min-height:43px;top:64px}.context-nav,.perspective-panel__content{padding-left:1.25rem;padding-right:1.25rem}.perspective-hero{min-height:580px;padding-top:3.5rem}.perspective-hero h1{font-size:clamp(3rem,15vw,4.3rem)}.perspective-hero__signature{font-size:.49rem;margin-top:2.6rem}.panel-cta,.panel-section{padding:4rem 0}.architecture-map{padding:.9rem}.architecture-map__layer>div{gap:.35rem}.architecture-map__layer b{font-size:.59rem;min-height:43px}.architecture-map__layer--quality>div{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-project dl>div{gap:.55rem;grid-template-columns:6rem minmax(0,1fr)}.web-engineering__capabilities{grid-template-columns:1fr}.split-project{padding-bottom:3.2rem}.split-project__visual{aspect-ratio:1.25}.beyond-code__heading{gap:1.2rem;grid-template-columns:1fr;padding-bottom:2.5rem}.beyond-code__items{gap:2rem;grid-template-columns:1fr;padding-bottom:3rem}.beyond-code__items article{padding:0}.beyond-code__footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.about-me,.hero-banner,.portfolio,.timeline{color:#fff;margin:auto;max-width:800px;min-height:100vh;width:100%}#root:after{background:url(/static/media/bg-home-4.3339257cdd8a6debba16.jpg);background-attachment:fixed;background-repeat:repeat;background-size:cover;bottom:0;content:" ";left:0;position:fixed;right:0;top:0;z-index:-10}@media only screen and (max-width:900px){#root:after{background-attachment:scroll;background-size:auto}}.section-title{align-items:center;display:flex;margin:10px 30px 40px;position:relative;white-space:nowrap;width:100%}.section-title h2{font-size:1.7rem}.section-title span{bottom:-1px;color:#faa84b;font-family:Press Start\ 2P,cursive;font-size:1.25rem;font-weight:400;margin-right:10px;position:relative}.section-title:after{background-color:#faa84b;content:"";display:block;height:1px;margin-left:20px;position:relative;top:1px;width:300px}@media only screen and (max-width:900px){.section-title{flex-wrap:wrap;margin:0;padding:0 30px;width:auto}.section-title:after{margin:20px;width:0}}.code-text{font-family:Press Start\ 2P,cursive}.primary-text{color:#faa84b}.reveal-section .section-title,.reveal-section .stagger-item{opacity:1;transform:none}.reveal-section.is-visible .section-title,.reveal-section.is-visible .stagger-item{animation:reveal-rise .7s ease both}.reveal-section.is-visible .stagger-item:first-child{transition-delay:.06s}.reveal-section.is-visible .stagger-item:nth-child(2){transition-delay:.12s}.reveal-section.is-visible .stagger-item:nth-child(3){transition-delay:.18s}.reveal-section.is-visible .stagger-item:nth-child(4){transition-delay:.24s}.reveal-section.is-visible .stagger-item:nth-child(5){transition-delay:.3s}.reveal-section.is-visible .stagger-item:nth-child(6){transition-delay:.36s}.reveal-section.is-visible .stagger-item:nth-child(7){transition-delay:.42s}.reveal-section.is-visible .stagger-item:nth-child(8){transition-delay:.48s}@keyframes reveal-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.04b338fd.css.map*/