@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#071018;--surface:#0c1822;--surface-2:#101f2b;--line:#253847;--text:#f1f5f7;--muted:#9cacb8;--blue:#8bb9dc;--amber:#f2b861;--coral:#f08b6c;--mint:#8fc7b0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1200px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid #8bb9dc2e;justify-content:space-between;align-items:center;min-height:80px;display:flex}.brand{letter-spacing:-.06em;font-size:29px;font-weight:800;line-height:1}.brand span{color:var(--amber)}.primary-nav{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:32px;font-family:DM Mono,monospace;font-size:12px;display:flex}.primary-nav a{border-bottom:2px solid #0000;padding:31px 0 27px}.primary-nav a:hover,.primary-nav a.is-active{color:var(--text);border-color:var(--amber)}.outline-button,.solid-button{border:1px solid var(--amber);align-items:center;gap:12px;padding:11px 17px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.outline-button:hover,.solid-button:hover{transform:translateY(-2px)}.outline-button{color:var(--amber)}.solid-button{color:#15140e;background:var(--amber)}.text-button{color:var(--text);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:4px;font-size:14px;display:inline-flex}.hero{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.1fr;min-height:590px;display:grid;overflow:hidden}.hero-copy{z-index:2;padding:118px 50px 70px 0;position:relative}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.25em;margin:0 0 17px;font-family:DM Mono,monospace;font-size:11px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;max-width:650px;margin-bottom:24px;font-size:clamp(42px,5vw,76px);font-weight:700;line-height:.98}h1 em{color:var(--amber);font-style:normal}.hero-intro{max-width:520px;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.hero-facts{max-width:680px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:13px;margin-top:28px;font-family:DM Mono,monospace;font-size:10px;line-height:1.5;display:grid}.hero-fact{grid-template-columns:82px minmax(0,1fr);gap:14px;display:grid}.hero-fact-label{color:var(--amber)}.hero-fact div{gap:4px;display:grid}.hero-fact strong{color:var(--text);font-size:10px;font-weight:500}.hero-fact small{color:var(--blue);font-size:10px}.hero-signals{max-width:560px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;gap:12px 24px;margin-top:80px;font-family:DM Mono,monospace;font-size:11px;display:flex}.hero-signals span:before{content:"↗";color:var(--amber);margin-right:7px}.hero-portrait-wrap{border-left:1px solid var(--line);min-height:590px;position:relative;overflow:hidden}.hero-portrait-wrap:after{content:"";pointer-events:none;border-left:1px solid #8bb9dc1f;border-right:1px solid #8bb9dc1f;position:absolute;inset:0}.hero-portrait{object-fit:cover;object-position:50% 20%;filter:saturate(.85)contrast(1.04);z-index:1;width:90%;height:100%;position:absolute;bottom:0;right:0}.blueprint{z-index:2;pointer-events:none;border:1px solid #8bb9dc40;position:absolute}.blueprint-one{inset:70px 50px 70px 60px;transform:skewY(-8deg)}.blueprint-two{border-bottom:0;border-left:0;width:180px;height:180px;top:105px;right:35px}.portrait-caption,.location-stamp{z-index:3;color:var(--text);text-transform:uppercase;letter-spacing:.18em;font-family:DM Mono,monospace;font-size:11px;line-height:1.7;position:absolute}.portrait-caption{color:var(--amber);top:145px;right:24px}.location-stamp{font-size:10px;bottom:32px;right:24px}.location-stamp small{color:var(--muted);font-size:9px}.section{border-bottom:1px solid var(--line);padding:92px 0}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px;display:flex}h2{letter-spacing:-.06em;margin:0;font-size:clamp(32px,4vw,53px);line-height:1.02}.section-note{max-width:360px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.about-copy{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:80px;display:grid}.about-copy h2{max-width:560px;color:var(--text)}.about-details{max-width:500px;padding-top:34px}.about-details p{color:var(--muted);margin:0 0 18px;font-size:15px;line-height:1.7}.about-personal{border-top:1px solid var(--line);padding-top:18px;color:var(--blue)!important}.timeline-controls{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:DM Mono,monospace;font-size:11px;display:flex}.control-group{gap:8px;display:flex}.icon-button{cursor:pointer;width:36px;height:36px;color:var(--text);border:1px solid var(--line);background:0 0}.icon-button:disabled{cursor:default;color:var(--muted);opacity:.35}.icon-button:disabled:hover{color:var(--muted);border-color:var(--line);background:0 0}.icon-button.active,.icon-button:hover{color:#10151a;background:var(--amber);border-color:var(--amber)}.timeline-viewport{scrollbar-color:var(--amber) var(--surface);scrollbar-width:thin;outline:none;overflow-x:auto}.timeline-track{grid-template-columns:repeat(6,minmax(185px,1fr));gap:22px;min-width:1120px;padding:58px 9px 12px;display:grid;position:relative}.timeline-line{background:var(--line);height:1px;position:absolute;top:58px;left:9px;right:9px}.timeline-item{padding-top:30px;position:relative}.timeline-flag{z-index:2;font-size:16px;line-height:1;position:absolute;top:-31px;left:7px;transform:translate(-50%)}.timeline-dot{border:2px solid var(--blue);background:var(--bg);z-index:1;border-radius:50%;width:13px;height:13px;position:absolute;top:0;left:0;transform:translateY(-50%)}.timeline-item.is-current .timeline-dot{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 5px #f2b8611f}.timeline-date{color:var(--blue);margin-bottom:18px;font-family:DM Mono,monospace;font-size:12px}.timeline-item h3{margin-bottom:7px;font-size:17px}.timeline-item>p:last-child{max-width:160px;color:var(--muted);margin-bottom:0;font-size:13px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.professional-grid>article:first-child{order:6}.professional-grid>article:nth-child(2){order:5}.professional-grid>article:nth-child(3){order:4}.professional-grid>article:nth-child(4){order:3}.professional-grid>article:nth-child(5){order:2}.professional-grid>article:nth-child(6){order:1}.project-card,.side-card{background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .25s}.project-card:hover,.side-card:hover{border-color:var(--blue);transform:translateY(-4px)}.project-card{grid-template-columns:62px 1fr;gap:20px;min-height:225px;padding:25px;display:grid}.card-logo{align-self:start}.company-line{align-items:center;gap:12px;min-height:42px;margin-bottom:18px;display:flex}.company-mark{background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:62px;height:42px;padding:0;display:flex}.company-mark img{object-fit:contain;object-position:center;width:100%;height:100%;margin:0 auto;display:block}:is(.company-mark:has(img[src*="/render."]),.company-mark:has(img[src*="/neogrid."])){background:#f5f8fa;padding:7px}.company-mark img[src*="/fruition."]{width:32px;height:32px}.company-mark img[src*="/raisin."]{width:100%;height:auto;max-height:28px}.company-mark img[src*="/infracommerce."]{width:31px;height:31px}.company-mark img[src*="/nord."]{filter:brightness(0)invert()}.card-company{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:DM Mono,monospace;font-size:11px}.company-flag{margin-left:2px;font-size:16px;line-height:1}.product-type{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-family:DM Mono,monospace;font-size:10px}.project-card h3,.side-card h3{letter-spacing:-.03em;margin-bottom:10px;font-size:20px}.project-card p:not(.card-company):not(.product-type),.side-card p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.6}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);padding:4px 8px;font-family:DM Mono,monospace;font-size:10px}.side-projects-section{padding-top:88px}.side-card{grid-template-columns:50px 1fr 22px;gap:18px;min-height:180px;padding:25px;display:grid;position:relative}.side-card-icon{background:0 0;border:0;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.side-card-icon img{object-fit:contain;width:30px;height:30px}.side-card.is-featured{border-color:var(--blue);isolation:isolate;grid-column:1/-1;grid-template-columns:72px minmax(0,1fr) 22px;gap:26px;min-height:270px;padding:34px;overflow:hidden}.side-card.is-featured .side-card-icon{background:0 0;width:72px;height:72px}.side-card.is-featured .side-card-icon img{width:52px;height:52px}.side-card-background{z-index:-2;position:absolute;inset:0 0 0 39%}.side-card-background img{object-fit:cover;object-position:center;opacity:.92;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000008c 18%,#000 42% 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000008c 18%,#000 42% 100%)}.side-card.is-featured:before{z-index:-1;background:linear-gradient(90deg, var(--surface) 0%, #08121bfa 31%, #08121bc7 49%, #08121b2e 78%, #08121b0a 100%);content:"";position:absolute;inset:0}.side-featured-label{letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;color:var(--amber)!important;margin:0 0 10px!important;font-size:10px!important;line-height:1.2!important}.side-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.side-card-title-row h3{margin-bottom:10px}.fire-mark{filter:drop-shadow(0 0 5px #f2b86173);transform-origin:50% 90%;margin:0 0 9px 1px;font-size:18px;line-height:1;animation:1.7s ease-in-out infinite fire-flicker;display:inline-block}@keyframes fire-flicker{0%,to{filter:drop-shadow(0 0 4px #f2b8615c);transform:translateY(0)rotate(-3deg)scale(1)}35%{filter:drop-shadow(0 0 10px #f2b8619e);transform:translateY(-2px)rotate(4deg)scale(1.08)}68%{filter:drop-shadow(0 0 5px #f08b6c6b);transform:translateY(1px)rotate(-2deg)scale(.96)}}.work-in-progress{color:var(--amber);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;margin-bottom:10px;font-family:DM Mono,monospace;font-size:9px;display:inline-flex}.work-in-progress-icon{transform-origin:50% 70%;font-size:16px;line-height:1;animation:2.2s ease-in-out infinite work-in-progress-pulse;display:inline-block}.coming-soon-copy .work-in-progress-icon{vertical-align:-1px;margin-right:7px}@keyframes work-in-progress-pulse{0%,to{opacity:.8;transform:rotate(-8deg)scale(1)}50%{opacity:1;transform:rotate(8deg)scale(1.12)}}.side-card.is-featured h3{font-size:28px}.side-card-icon.red{color:var(--coral)}.side-card-icon.blue{color:var(--blue)}.side-card-icon.green{color:var(--mint)}.side-card-icon.amber{color:var(--amber)}.side-card p{max-width:340px;margin-bottom:16px}.card-arrow{color:var(--amber);font-size:22px}.closing-section{padding:110px 0}.closing-section p{color:var(--blue);letter-spacing:-.07em;margin:0;font-size:clamp(35px,6vw,75px);line-height:.97}.closing-section em{color:var(--amber);font-style:normal}.site-footer{color:var(--muted);grid-template-columns:1fr auto auto;align-items:end;gap:36px;padding:32px 0 40px;font-size:13px;display:grid}.site-footer p{margin:14px 0 0}.site-footer p span{color:var(--muted);font-size:11px}.footer-links{text-transform:uppercase;align-items:center;gap:22px;font-family:DM Mono,monospace;font-size:11px;display:flex}.footer-links a:hover{color:var(--amber)}.social-link{text-transform:none;place-items:center;width:20px;height:20px;display:inline-grid;position:relative}.social-link:after{color:var(--text);background:var(--surface-2);border:1px solid var(--line);content:attr(data-tooltip);letter-spacing:.04em;opacity:0;pointer-events:none;padding:5px 7px;font-family:DM Mono,monospace;font-size:9px;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(3px)}.social-link:hover:after,.social-link:focus-visible:after{opacity:1;transform:none}.social-icon{color:currentColor;place-items:center;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1;display:inline-grid}.social-linkedin{width:16px;height:16px;color:var(--bg);background:var(--muted);letter-spacing:-.06em;font-size:10px}.social-x{font-size:17px}.copyright{font-family:DM Mono,monospace;font-size:11px}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal-in{opacity:1;transform:none}@media (max-width:850px){.shell{width:min(100% - 36px,680px)}.primary-nav{display:none}.header-cta{padding:9px 12px;font-size:11px}.hero{flex-direction:column;display:flex}.hero-copy{padding:76px 0 34px}.hero-portrait-wrap{border-left:0;min-height:480px;margin-inline:-18px}.hero-portrait{object-position:50% 17%;width:100%}.hero-signals{margin-top:48px}.section{padding:70px 0}.section-heading{display:block}.section-note{margin-top:20px}.about-copy{grid-template-columns:1fr;gap:24px}.about-details{padding-top:0}.project-grid{grid-template-columns:1fr}.project-card{grid-template-columns:62px minmax(0,1fr);gap:18px;display:grid}.project-card>div:nth-child(2){display:contents}.project-card .card-logo{grid-area:1/1}.project-card .company-line{grid-area:1/2;align-self:center;margin-bottom:0}.project-card .product-type,.project-card h3,.project-card>div:nth-child(2)>p:not(.card-company):not(.product-type),.project-card .tags{grid-column:1/-1}.side-card:not(.is-featured){grid-template-columns:42px minmax(0,1fr) 15px;gap:12px}.side-card:not(.is-featured)>div:nth-child(2){display:contents}.side-card:not(.is-featured) .side-card-icon{grid-area:1/1}.side-card:not(.is-featured) .side-card-title-row{grid-area:1/2;align-self:center}.side-card:not(.is-featured)>div:nth-child(2)>p,.side-card:not(.is-featured) .tags{grid-column:1/-1}.side-card:not(.is-featured)>.card-arrow{grid-area:1/3;align-self:center}.timeline-track{min-width:1080px}.site-footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}@media (max-width:520px){h1{font-size:43px}.hero-intro{font-size:16px}.hero-actions{gap:20px}.hero-portrait-wrap{min-height:390px}.portrait-caption{top:100px}.project-card,.side-card{padding:20px}.side-card,.side-card.is-featured{grid-template-columns:42px 1fr 15px;gap:12px}.side-card.is-featured{min-height:330px;padding-bottom:126px}.side-card.is-featured .side-card-icon{width:42px;height:42px}.side-card.is-featured .side-card-icon img{width:30px;height:30px}.side-card.is-featured .side-card-background{height:43%;inset:auto 0 0}.side-card.is-featured .side-card-background img{opacity:.72;-webkit-mask-image:linear-gradient(#0000 0%,#000 52%);mask-image:linear-gradient(#0000 0%,#000 52%)}.side-card.is-featured:before{background:linear-gradient(180deg, var(--surface) 0%, var(--surface) 57%, #08121bf0 76%, #08121b73 100%)}.side-card h3,.project-card h3{font-size:18px}.side-card.is-featured h3{font-size:22px}.footer-links{flex-wrap:wrap;gap:12px}.site-footer{display:block}.footer-links{margin-top:30px}.copyright{margin-top:30px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}