*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1:focus-visible{outline:none}:root{--clr-slate-50: #f8fafc;--clr-slate-100: #f1f5f9;--clr-slate-200: #e2e8f0;--clr-slate-300: #cbd5e1;--clr-slate-400: #94a3b8;--clr-slate-500: #64748b;--clr-slate-600: #475569;--clr-slate-700: #354155;--clr-slate-800: #1e293b;--clr-slate-900: #0f172a;--clr-slate-950: #020617;--clr-primary-50: #fef2f2;--clr-primary-100: #fee2e2;--clr-primary-200: #fecaca;--clr-primary-300: #fca5a5;--clr-primary-400: #f87171;--clr-primary-500: #ef4444;--clr-primary-600: #dc2626;--clr-primary-700: #b91c1c;--clr-primary-800: #991b1b;--clr-primary-900: #7f1d1d;--clr-primary-950: #450a0a;--clr-secondary-50: #eff6ff;--clr-secondary-100: #dbeafe;--clr-secondary-200: #bfdbfe;--clr-secondary-300: #93c5fd;--clr-secondary-400: #60a5fa;--clr-secondary-500: #3b82f6;--clr-secondary-600: #2563eb;--clr-secondary-700: #1d4ed8;--clr-secondary-800: #1e40af;--clr-secondary-900: #1e3a8a;--clr-secondary-950: #172554;--text-xs: .69rem;--text-sm: .83rem;--text-base: 1rem;--text-lg: 1.2rem;--text-xl: 1.44rem;--text-2xl: 1.73rem;--text-3xl: 2.07rem;--text-4xl: 2.49rem;--text-5xl: 2.99rem;--text-6xl: 4.73rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.07);--transition: .18s ease-out}html{font-size:16px}body{font-family:Space Grotesk,sans-serif;line-height:1.65}p{font-size:1em}h1,h2,h3,h4,h5{font-family:Archivo,sans-serif;line-height:1.1;font-weight:700;text-wrap:balance;letter-spacing:-.02em}h1{margin-top:0;font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}.text-caption{font-size:.83em}small{font-size:var(--text-sm)}@keyframes hover-effect-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hover-effect-down{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes hero-orbit-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(12px,-8px,0)}}@keyframes hero-aurora-pulse{0%{opacity:.36;transform:translateZ(0) scale(.92)}48%{opacity:.62;transform:translate3d(var(--aurora-shift-x),var(--aurora-shift-y),0) scale(1.08)}to{opacity:.36;transform:translateZ(0) scale(.92)}}html{color:#354155;min-height:100svh}body{min-height:100svh;font-family:Space Grotesk,sans-serif;line-height:1.6;text-wrap:pretty}html.light body{background:#fff}html.dark body{background:var(--clr-slate-950)}html.light a{color:var(--clr-primary-600)}html.dark a{color:var(--clr-primary-400)}main{grid-area:main;overflow-x:hidden}html.light main{background:var(--clr-slate-100)}html.dark main{background:var(--clr-slate-900)}.content-grid,.full-width{--padding-inline: 2rem;--content-max-width: 960px;--breakout-max-width: 1100px;--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);--content-area: min(100% - (var(--padding-inline) * 2), var(--content-max-width));display:grid;height:min-content;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] var(--content-area) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid .breakout,.full-width .breakout{grid-column:breakout}.content-grid .full-width,.full-width .full-width{grid-column:full-width}section>header>h2{display:flex;flex-direction:column}.services header span,.featured-projects__main header span,.experience header span,.contact header span,.project-detail header span{font-family:Archivo,sans-serif;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;gap:.5rem;width:fit-content}.services header span:before,.featured-projects__main header span:before,.experience header span:before,.contact header span:before,.project-detail header span:before{content:"";display:block;width:20px;height:2px;border-radius:1px;background:currentColor;flex-shrink:0}html.light .services header span,html.light .featured-projects__main header span,html.light .experience header span,html.light .contact header span,html.light .project-detail header span{color:var(--clr-primary-700)}html.dark .services header span,html.dark .featured-projects__main header span,html.dark .experience header span,html.dark .contact header span,html.dark .project-detail header span{color:var(--clr-primary-400)}.logo--light{display:none}.logo--dark{display:block}html.light .logo--light{display:none}html.light .logo--dark{display:block}html.dark .logo--dark{display:none}html.dark .logo--light{display:block}.nav-logo{width:205px;height:auto}footer{display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center;padding:2rem 1rem;border-top:1px solid}html.light footer{background:#fff;border-color:var(--clr-slate-200)}html.dark footer{background:var(--clr-slate-950);border-color:var(--clr-slate-800)}footer hr{opacity:.4;width:100%;border:none;border-top:1px solid}html.light footer hr{border-color:var(--clr-slate-200)}html.dark footer hr{border-color:var(--clr-slate-800)}html.light footer small{color:var(--clr-slate-500)}html.dark footer small{color:var(--clr-slate-500)}.main-navigation{position:sticky;top:0;z-index:30;display:flex;flex-direction:column}.main-navigation>div:first-child{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;justify-items:center;width:100%;height:min-content;border-bottom:1px solid transparent;box-shadow:0 1px #00000012;padding:.875rem 0;flex:1}html.light .main-navigation>div:first-child{background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--clr-slate-200)}html.dark .main-navigation>div:first-child{background:#020617f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:var(--clr-slate-800)}.main-navigation>div:first-child>a,.main-navigation>div:first-child>button{display:flex}.main-navigation>div:first-child a{justify-self:flex-end}.main-navigation>div:first-child button{justify-self:flex-start}@media(min-width:432px){.main-navigation>div:first-child{grid-template-columns:100px 1fr 100px}.main-navigation>div:first-child>a,.main-navigation>div:first-child>button{justify-self:center}}html.light .main-navigation iconify-icon{color:var(--clr-slate-500)}html.dark .main-navigation iconify-icon{color:var(--clr-slate-400)}.main-navigation iconify-icon:hover{color:var(--clr-primary-600)}.main-navigation .progress-bar{height:3px;width:100%}html.light .main-navigation .progress-bar,html.dark .main-navigation .progress-bar{background:transparent}.main-navigation .progress{background:var(--clr-primary-600);height:3px;transition:width 50ms ease-out}.hero{background:linear-gradient(135deg,#0f082af5,#150c3df0 45%,#7b0d49e0),url(/hero-background.svg),linear-gradient(135deg,#0f082a,#150c3d 35%,#7b0d49);height:min-content;padding:4rem 0 6rem;background-repeat:no-repeat;background-size:cover,cover,cover;position:relative;z-index:2;isolation:isolate;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 3.5rem),0 100%)}.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}.hero:before{z-index:-2;background:radial-gradient(circle,rgba(255,255,255,.1) 0 1px,transparent 1.6px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.34) 36%,rgba(0,0,0,.88) 68%,transparent 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.34) 36%,rgba(0,0,0,.88) 68%,transparent 100%);opacity:.62}.hero:after{z-index:-1;background:radial-gradient(circle at 66% 4%,transparent 0 96px,rgba(255,255,255,.13) 97px 99px,transparent 100px),radial-gradient(circle at 91% 46%,transparent 0 174px,rgba(248,113,113,.18) 175px 177px,transparent 178px),radial-gradient(circle at 77% 78%,transparent 0 118px,rgba(203,213,225,.11) 119px 121px,transparent 122px),radial-gradient(circle at 73% 42%,rgba(255,255,255,.028) 0 82px,transparent 84px),radial-gradient(circle at 88% 62%,rgba(248,113,113,.14) 0 62px,transparent 64px),radial-gradient(circle at 12% 72%,rgba(255,255,255,.055) 0 68px,transparent 70px),radial-gradient(ellipse at 25% 82%,rgba(248,113,113,.09) 0%,transparent 34%),linear-gradient(to bottom,#02061700 55%,#0206173d 86%,#02061761),radial-gradient(ellipse at 76% 34%,rgba(255,255,255,.06) 0%,transparent 42%);opacity:.88;animation:hero-orbit-drift 16s ease-in-out infinite}.hero-aurora{position:absolute;inset:-18% -12% 8%;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen;filter:saturate(1.18)}.hero-aurora span{position:absolute;width:var(--aurora-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--aurora-color) 0%,transparent 66%);filter:blur(38px);opacity:.36;animation:hero-aurora-pulse var(--aurora-duration) ease-in-out infinite;animation-delay:var(--aurora-delay)}.hero-aurora span:nth-child(1){--aurora-size: min(44vw, 34rem);--aurora-color: rgba(248,113,113,.36);--aurora-duration: 13s;--aurora-delay: -2s;--aurora-shift-x: -1.75rem;--aurora-shift-y: 1.1rem;top:2%;right:4%}.hero-aurora span:nth-child(2){--aurora-size: min(42vw, 30rem);--aurora-color: rgba(59,130,246,.22);--aurora-duration: 16s;--aurora-delay: -6s;--aurora-shift-x: 2rem;--aurora-shift-y: -.8rem;right:24%;bottom:0}.hero-aurora span:nth-child(3){--aurora-size: min(34vw, 25rem);--aurora-color: rgba(255,255,255,.11);--aurora-duration: 18s;--aurora-delay: -9s;--aurora-shift-x: 1rem;--aurora-shift-y: 1.5rem;left:2%;bottom:8%}@media(prefers-reduced-motion:reduce){.hero:after,.hero-aurora span{animation:none}.hero-aurora span{opacity:.34;transform:none}}@media(min-width:1100px){.hero{padding:8rem 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 5rem),0 100%)}}.hero article{color:var(--clr-slate-300);display:grid;column-gap:3rem;row-gap:1.5rem;position:relative;z-index:1;grid-template-areas:"bruce-vector" "name" "title" "description" "cta"}@media(min-width:800px){.hero article{grid-template-areas:"name         bruce-vector" "title        bruce-vector" "description  bruce-vector" "cta          bruce-vector";align-items:center}}.hero .hero-name{grid-area:name;color:var(--clr-primary-300);font-family:Archivo,sans-serif;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:2rem}@media(min-width:800px){.hero .hero-name{margin:0}}.hero h1{grid-area:title;max-width:18ch;font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));letter-spacing:-.03em;line-height:1.05;background:linear-gradient(135deg,#fff 18%,#fee2e2 54%,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 18px 38px rgba(2,6,23,.36))}.hero p{grid-area:description;max-width:46ch;color:#cbd5e1cc;line-height:1.75}.hero a{grid-area:cta;height:fit-content}.hero figure{grid-area:bruce-vector;width:clamp(100px,100%,400px);justify-self:center;align-self:center;position:relative;filter:drop-shadow(0 22px 46px rgba(2,6,23,.34))}.hero figure:before{content:"";position:absolute;inset:7% 5% 2%;z-index:-1;border-radius:46% 54% 52% 48%;background:linear-gradient(135deg,#ffffff14,#ffffff05),radial-gradient(ellipse at 52% 42%,rgba(248,113,113,.15),transparent 66%);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px #ffffff14}.hero figure figcaption{display:none}.hero figure img:not(:first-child){position:absolute;top:0}.hero figure img:nth-child(3){animation:hover-effect-up 3s ease-in-out infinite;animation-delay:0s}.hero figure img:nth-child(5){animation:hover-effect-down 3s ease-in-out infinite;animation-delay:1s}.hero figure img:nth-child(7){animation:hover-effect-up 3s ease-in-out infinite;animation-delay:2s}.hero figure img:first-child{width:100%}.hero figure img:nth-child(2){left:50px;top:175px}.hero figure img:nth-child(3){right:65px;top:165px}.hero figure img:nth-child(4){right:0;top:85px}.hero figure img:nth-child(5){right:75px;top:35px}.hero figure img:nth-child(6){left:60px;top:-20px}.hero figure img:nth-child(7){left:-15px;top:75px}.hero-stats{display:flex;gap:0;list-style:none;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);padding-top:2rem;margin-top:2rem}.hero-stats:before{content:"";position:absolute;top:-1px;left:0;width:9rem;height:1px;background:linear-gradient(90deg,rgba(248,113,113,.9),transparent)}.hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:0 1rem;border-right:1px solid rgba(255,255,255,.1);text-align:center}.hero-stat:last-child{border-right:none}.hero-stat dt{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#cbd5e194}.hero-stat dd{font-family:Archivo,sans-serif;font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;color:var(--clr-primary-300);line-height:1;text-shadow:0 8px 22px rgba(185,28,28,.28)}.services{row-gap:2.75rem;padding:4rem 0;position:relative;z-index:1;isolation:isolate}html.light .services{background:var(--clr-slate-100);color:var(--clr-slate-700)}html.dark .services{background:var(--clr-slate-950);color:var(--clr-slate-300)}.services:before{content:"";position:absolute;top:-3.5rem;left:0;right:0;height:3.5rem;clip-path:polygon(0 100%,100% 0,100% 100%)}html.light .services:before{background:var(--clr-slate-100)}html.dark .services:before{background:var(--clr-slate-950)}.services:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}html.light .services:after{background:radial-gradient(circle at 82% 34%,rgba(248,113,113,.14),transparent 24rem),radial-gradient(circle at 18% 86%,rgba(59,130,246,.1),transparent 22rem)}html.dark .services:after{background:radial-gradient(circle at 84% 32%,rgba(248,113,113,.14),transparent 24rem),radial-gradient(circle at 16% 84%,rgba(59,130,246,.13),transparent 22rem)}@media(min-width:1100px){.services{padding:8rem 0}.services:before{top:-5rem;height:5rem}}.services header{width:100%;display:grid;gap:1.25rem;align-items:end;position:relative;z-index:1}.services header h2{display:flex;flex-direction:column;gap:.5rem;max-width:13ch;font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}.services header p{max-width:56ch;line-height:1.75}@media(min-width:820px){.services header{grid-template-columns:minmax(0,.95fr) minmax(18rem,.75fr);column-gap:4rem}.services header p{padding-left:1.5rem;border-left:1px solid}html.light .services header p{border-color:var(--clr-slate-300)}html.dark .services header p{border-color:var(--clr-slate-700)}}.services-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);list-style:none;padding:0;margin:0;position:relative;z-index:1}@media(min-width:620px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card--featured{grid-column:span 2}}@media(min-width:980px){.services-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}.service-card{grid-column:span 2}.service-card--featured:nth-child(1),.service-card--featured:nth-child(2){grid-column:span 3}}.services figure{min-height:100%;display:grid;align-content:start;gap:.875rem;position:relative;isolation:isolate;overflow:hidden;border-radius:20px;padding:1.25rem;text-align:left;border:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition),background var(--transition)}.services figure:before{content:"";position:absolute;inset:0;z-index:0;opacity:0;transition:opacity var(--transition)}.services figure:after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:3px;border-radius:999px 999px 0 0;z-index:2;opacity:0;transition:opacity var(--transition)}.services figure>*{position:relative;z-index:1}html.light .services figure{background:#ffffffdb;color:var(--clr-slate-700);border-color:var(--clr-slate-200);box-shadow:var(--shadow-sm)}html.dark .services figure{background:#0f172ac7;color:var(--clr-slate-300);border-color:var(--clr-slate-800);box-shadow:inset 0 1px #ffffff08}html.light .services figure:before{background:radial-gradient(circle at 20% 0%,rgba(248,113,113,.15),transparent 12rem),linear-gradient(135deg,#fffffff0,#f8fafcbd)}html.dark .services figure:before{background:radial-gradient(circle at 18% 0%,rgba(248,113,113,.15),transparent 12rem),linear-gradient(135deg,#1e293beb,#0f172ac7)}.services figure:after{background:linear-gradient(90deg,var(--clr-primary-500),var(--clr-secondary-400))}.service-card--featured figure{min-height:15rem;padding:1.5rem}.service-card--featured figure:before{opacity:.72}.service-card--featured figure:after{opacity:.9}html.light .service-card--featured figure{background:linear-gradient(135deg,#fffffff5,#fef2f2b8 52%,#eff6ffd1);border-color:#fca5a594}html.dark .service-card--featured figure{background:linear-gradient(135deg,#1e293bf0,#450a0a6b 56%,#1725546b);border-color:#f8717147}.service-card__icon{width:4.35rem;height:4.35rem;display:grid;place-items:center;border-radius:1.25rem;margin-bottom:.25rem}html.light .service-card__icon{background:linear-gradient(135deg,#fff,var(--clr-slate-100));box-shadow:inset 0 0 0 1px #cbd5e1b8,0 18px 34px #0f172a14}html.dark .service-card__icon{background:linear-gradient(135deg,#ffffff14,#ffffff05);box-shadow:inset 0 0 0 1px #94a3b838,0 18px 34px #02061742}.service-card__icon img{width:3.5rem;height:3.5rem;transition:transform var(--transition)}@media(min-width:980px){.service-card--featured:nth-child(1) figure,.service-card--featured:nth-child(2) figure{min-height:18rem;grid-template-columns:minmax(0,1fr) auto;align-content:end}.service-card--featured:nth-child(1) .service-card__icon,.service-card--featured:nth-child(2) .service-card__icon{grid-column:2;grid-row:1;align-self:start;width:5.75rem;height:5.75rem;border-radius:1.6rem}.service-card--featured:nth-child(1) figcaption,.service-card--featured:nth-child(2) figcaption{grid-column:1 / -1}.service-card--featured:nth-child(1) .service-card__icon img,.service-card--featured:nth-child(2) .service-card__icon img{width:4.55rem;height:4.55rem}}html.light .services figure:hover{border-color:#f8717194;box-shadow:var(--shadow-lg);transform:translateY(-4px)}html.dark .services figure:hover{background:#1e293be6;border-color:#f871716b;transform:translateY(-4px)}.services figure:hover:before,.services figure:hover:after{opacity:1}.services figure:hover .service-card__icon img{transform:translateY(-3px) scale(1.04)}.services figure figcaption{display:flex;flex-direction:column;gap:.65rem}.service-card__title{font-family:Archivo,sans-serif;font-size:var(--text-lg);font-weight:700;line-height:1.08;letter-spacing:-.02em}.service-card--featured .service-card__title{font-size:clamp(var(--text-xl),3vw,var(--text-2xl))}.service-card__description{max-width:none;font-size:var(--text-sm);line-height:1.6}html.light .service-card__description{color:var(--clr-slate-500)}html.dark .service-card__description{color:var(--clr-slate-400)}.featured-projects{position:relative;isolation:isolate;overflow:hidden}html.light .featured-projects{background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.11),transparent 22rem),linear-gradient(180deg,#fff 0%,var(--clr-slate-50) 62%,#fff 100%);color:var(--clr-slate-700)}html.dark .featured-projects{background:radial-gradient(circle at 12% 18%,rgba(59,130,246,.16),transparent 22rem),radial-gradient(circle at 88% 66%,rgba(248,113,113,.13),transparent 24rem),linear-gradient(180deg,var(--clr-slate-900) 0%,#111827 52%,var(--clr-slate-950) 100%);color:var(--clr-slate-300)}.featured-projects:before{content:"";position:absolute;inset:4rem 0 auto;height:26rem;pointer-events:none;background:linear-gradient(90deg,transparent 0 49%,rgba(148,163,184,.15) 49% 50%,transparent 50%),linear-gradient(0deg,transparent 0 49%,rgba(148,163,184,.12) 49% 50%,transparent 50%);background-size:5rem 5rem;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 50%,#000 0%,transparent 72%);opacity:.45;z-index:0}.featured-projects__main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem;padding:4rem 0;position:relative;z-index:1}@media(min-width:1100px){.featured-projects__main{padding:8rem 0}}.featured-projects__main header{grid-column:1 / -1;width:100%;display:grid;gap:1.25rem;align-items:end;margin-bottom:.75rem}.featured-projects__main header h2{display:flex;flex-direction:column;gap:.5rem;max-width:11ch;font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}.featured-projects__main header p{max-width:56ch;line-height:1.75}@media(min-width:820px){.featured-projects__main header{grid-template-columns:minmax(0,.9fr) minmax(18rem,.72fr);column-gap:4rem}.featured-projects__main header p{padding-left:1.5rem;border-left:1px solid}html.light .featured-projects__main header p{border-color:var(--clr-slate-300)}html.dark .featured-projects__main header p{border-color:var(--clr-slate-700)}}.project-showcase-card{grid-column:1 / -1;min-width:0}@media(min-width:760px){.project-showcase-card{grid-column:span 6}}@media(min-width:1060px){.project-showcase-card:nth-of-type(1){grid-column:span 7}.project-showcase-card:nth-of-type(2){grid-column:span 5}.project-showcase-card:nth-of-type(3){grid-column:span 5}.project-showcase-card:nth-of-type(4){grid-column:span 7}}.project-card-link{display:block;height:100%;text-decoration:none;color:inherit;border-radius:28px}.project-card-link:focus-visible{outline:3px solid var(--clr-primary-400);outline-offset:4px}.project-showcase-card figure{position:relative;display:grid;min-height:100%;overflow:hidden;border:1px solid;border-radius:24px;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}html.light .project-showcase-card figure{background:#ffffffdb;border-color:#cbd5e1c7}html.dark .project-showcase-card figure{background:#0f172ac7;border-color:#334155eb;box-shadow:inset 0 1px #ffffff0a,0 28px 80px #0206173d}.project-card-media{position:relative;min-height:8.5rem;aspect-ratio:16 / 10;overflow:hidden;background:var(--clr-slate-950)}.project-card-media:before,.project-card-media:after{content:"";position:absolute;inset:0;pointer-events:none}.project-card-media:before{z-index:1;background:linear-gradient(180deg,#0206171a 0% 42%,#020617d1),radial-gradient(circle at 24% 12%,rgba(255,255,255,.22),transparent 13rem)}.project-card-media:after{z-index:2;inset:auto 1.25rem 1.25rem;height:1px;background:linear-gradient(90deg,rgba(248,113,113,.85),transparent);opacity:.75}.project-card-media>img:first-child{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .55s ease-out,filter .55s ease-out}.project-card-logo{position:absolute;left:1rem;bottom:1.4rem;z-index:3;max-width:min(46%,10rem);max-height:2.45rem;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px rgba(2,6,23,.55))}@media(min-width:1060px){.project-showcase-card:nth-of-type(1) .project-card-media,.project-showcase-card:nth-of-type(4) .project-card-media{min-height:11.25rem;aspect-ratio:16 / 9}.project-showcase-card:nth-of-type(2) .project-card-media,.project-showcase-card:nth-of-type(3) .project-card-media{min-height:9.75rem;aspect-ratio:4 / 3}}.project-showcase-card figure:hover{cursor:pointer;transform:translateY(-5px)}html.light .project-showcase-card figure:hover{border-color:#f871718c;box-shadow:var(--shadow-lg)}html.dark .project-showcase-card figure:hover{border-color:#f8717170;box-shadow:0 34px 90px #02061773}.project-showcase-card figure:hover .project-card-media>img:first-child{filter:saturate(1.08) contrast(1.04);transform:scale(1.06)}.project-showcase-card figure:hover .view-project-badge{border-color:#f87171cc;color:var(--clr-primary-300);background:#000000bf}.view-project-badge{position:absolute;top:.85rem;right:.85rem;z-index:3;background:#00000080;border:1.5px solid rgba(203,213,225,.45);color:var(--clr-slate-100);padding:.45rem .8rem;border-radius:100px;width:fit-content;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .18s ease-out}.project-showcase-card figcaption{display:flex;flex-direction:column;gap:.65rem;padding:.9rem}.project-showcase-card figcaption h3{font-size:clamp(var(--text-lg),2.1vw,var(--text-xl));letter-spacing:-.03em;transition:color var(--transition)}.project-showcase-card figcaption h3:after{content:"→";display:inline-block;margin-left:.4rem;font-size:.85em;opacity:0;transform:translate(-6px);transition:opacity var(--transition),transform var(--transition)}.project-showcase-card figcaption p{max-width:62ch;font-size:var(--text-sm);line-height:1.55}html.light .project-showcase-card figcaption p{color:var(--clr-slate-500)}html.dark .project-showcase-card figcaption p{color:var(--clr-slate-400)}html.light .project-card-link:hover figcaption h3{color:var(--clr-primary-700)}html.dark .project-card-link:hover figcaption h3{color:var(--clr-primary-400)}.project-card-link:hover figcaption h3:after{opacity:1;transform:translate(0)}.project-showcase-card .tags{gap:.45rem;padding-top:.15rem}.experience{row-gap:3rem;padding:4rem 0;position:relative;isolation:isolate}html.light .experience{background:radial-gradient(circle at 85% 18%,rgba(248,113,113,.1),transparent 22rem),var(--clr-slate-100);color:var(--clr-slate-700)}html.dark .experience{background:radial-gradient(circle at 82% 18%,rgba(248,113,113,.1),transparent 22rem),var(--clr-slate-950);color:var(--clr-slate-300)}@media(min-width:1100px){.experience{padding:8rem 0}}.experience header{width:100%;display:flex;flex-direction:column;gap:1rem}.experience header h2{display:flex;flex-direction:column;gap:.5rem}.experience header p{max-width:64ch}html.light .experience header p{color:var(--clr-slate-500)}html.dark .experience header p{color:var(--clr-slate-400)}.experience-list{list-style:none;display:flex;flex-direction:column;width:100%;position:relative;border-top:1px solid;counter-reset:exp}html.light .experience-list{border-color:var(--clr-slate-200)}html.dark .experience-list{border-color:var(--clr-slate-800)}.experience-item{display:grid;grid-template-columns:2.5rem 100px 1fr;grid-template-areas:"index logo meta" "index logo duration";align-items:center;column-gap:1.5rem;row-gap:.1rem;padding:1.25rem 1rem;border-bottom:1px solid;position:relative;transition:background var(--transition),transform var(--transition),border-color var(--transition);counter-increment:exp}html.light .experience-item{border-color:var(--clr-slate-200)}html.dark .experience-item{border-color:var(--clr-slate-800)}html.light .experience-item:hover{background:#ffffffb8;border-color:var(--clr-slate-300);transform:translate(4px)}html.dark .experience-item:hover{background:#1e293ba3;border-color:var(--clr-slate-700);transform:translate(4px)}@media(min-width:560px){.experience-item{grid-template-columns:3rem 140px 1fr auto;grid-template-areas:"index logo meta duration";grid-template-rows:auto;padding:1.5rem 1rem}}.experience-item__logo{grid-area:logo;display:flex;align-items:center;justify-content:center;height:3.5rem}.experience-item__logo img{max-height:2.4rem;width:auto;max-width:120px;object-fit:contain}.experience-item__meta{grid-area:meta;display:flex;flex-direction:column;gap:.15rem}.experience-item__title{font-size:var(--text-base);font-weight:700;line-height:1.3}html.light .experience-item__title{color:var(--clr-slate-800)}html.dark .experience-item__title{color:var(--clr-slate-100)}.experience-item__company{font-size:var(--text-sm);line-height:1.45}html.light .experience-item__company,html.dark .experience-item__company{color:var(--clr-slate-500)}.experience-item__duration{grid-area:duration;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;white-space:nowrap;width:fit-content;padding:.35rem .65rem;border:1px solid;border-radius:999px}html.light .experience-item__duration{background:var(--clr-slate-50);color:var(--clr-slate-500);border-color:var(--clr-slate-200)}html.dark .experience-item__duration{background:#0f172ab8;color:var(--clr-slate-400);border-color:var(--clr-slate-800)}.experience-item:before{grid-area:index;content:counter(exp,decimal-leading-zero);font-family:Archivo,sans-serif;font-size:var(--text-sm);font-weight:800;letter-spacing:.08em;align-self:center;text-align:center;position:relative;z-index:1}html.light .experience-item:before{color:var(--clr-primary-600);opacity:.55}html.dark .experience-item:before{color:var(--clr-primary-400);opacity:.65}.project-mast{display:grid;height:380px;min-height:380px;overflow:hidden;position:relative}.project-mast:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#00000026,#00000073);pointer-events:none}.project-mast img:first-child{position:absolute;justify-self:center;align-self:center;margin-top:-100px;z-index:10;max-height:80px;width:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.6))}.project-mast img:last-child{width:100%;height:100%;object-fit:cover}.project-detail{display:flex;flex-direction:column;gap:2rem;z-index:10}.project-detail header{display:flex;flex-direction:column;gap:1.25rem;margin-top:-80px;border-radius:16px;padding:2rem 2rem 2.25rem;border:1px solid}html.light .project-detail header{background:#fff;color:var(--clr-slate-700);border-color:var(--clr-slate-200);box-shadow:var(--shadow-lg)}html.dark .project-detail header{background:var(--clr-slate-800);color:var(--clr-slate-300);border-color:var(--clr-slate-700);box-shadow:0 12px 40px #00000080}.project-detail header h2{font-size:var(--text-3xl)}.project-detail header p{max-width:62ch}.project-meta-stats{display:flex;gap:0;border-top:1px solid;padding-top:1.5rem;margin-top:.25rem}html.light .project-meta-stats{border-color:var(--clr-slate-200)}html.dark .project-meta-stats{border-color:var(--clr-slate-700)}.project-meta-stats>div{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:0 2rem 0 0;border-right:1px solid;text-align:left}.project-meta-stats>div:last-child{border-right:none;padding-right:0;padding-left:2rem}html.light .project-meta-stats>div{border-color:var(--clr-slate-200)}html.dark .project-meta-stats>div{border-color:var(--clr-slate-700)}.project-meta-stats dt{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}html.light .project-meta-stats dt,html.dark .project-meta-stats dt{color:var(--clr-slate-500)}.project-meta-stats dd{font-family:Archivo,sans-serif;font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:800;line-height:1}html.light .project-meta-stats dd{color:var(--clr-primary-700)}html.dark .project-meta-stats dd{color:var(--clr-primary-400)}.project-shots{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(258px,auto));padding:3rem 0}.project-shots figure{border-radius:10px;overflow:hidden;transition:all .2s ease-out}html.light .project-shots figure{box-shadow:var(--shadow-sm)}html.dark .project-shots figure{box-shadow:0 1px 4px #0000004d}@media(min-width:600px){.project-shots figure:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}}.project-shots img{width:100%;display:block}.project-navigation{display:flex;justify-content:space-between;flex-direction:column;align-items:center;gap:1.5rem;width:100%;border-top:1px solid;margin:1rem 0 2rem;padding:2rem 0}html.light .project-navigation{border-color:var(--clr-slate-200)}html.dark .project-navigation{border-color:var(--clr-slate-800)}@media(min-width:570px){.project-navigation{flex-direction:row}}.project-nav-link{display:grid;grid-template-columns:max-content;grid-template-areas:"preview" "label" "title";text-align:center;align-items:center;row-gap:.35rem;column-gap:1rem;text-decoration:none;color:inherit;padding:1rem;border-radius:12px;border:1px solid transparent;transition:all var(--transition)}html.light .project-nav-link:hover{background:var(--clr-slate-50);border-color:var(--clr-slate-200)}html.dark .project-nav-link:hover{background:var(--clr-slate-800);border-color:var(--clr-slate-700)}@media(min-width:748px){.project-nav-link:not(.project-nav-link--next){grid-template-areas:"preview label" "preview title";text-align:left}.project-nav-link--next{grid-template-areas:"label   preview" "title   preview";text-align:right}}.project-nav-link:hover h5{color:var(--clr-primary-600)!important}.project-nav-link:hover iconify-icon{opacity:1;transform:scale(1)}.project-nav-link:focus-visible{outline:2px solid var(--clr-primary-500);outline-offset:4px;border-radius:12px}.project-nav-link .preview-image{grid-area:preview;display:flex;justify-content:center;align-items:center;justify-self:center;overflow:hidden;border-radius:100%;width:120px;height:120px;background-position:-100px -65px;background-size:400%;background-repeat:no-repeat;border:3px solid}html.light .project-nav-link .preview-image{border-color:var(--clr-slate-200)}html.dark .project-nav-link .preview-image{border-color:var(--clr-slate-700)}@media(min-width:570px){.project-nav-link .preview-image{width:72px;height:72px;background-position:-55px -35px}}.project-nav-link span{grid-area:label;align-self:flex-end;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}html.light .project-nav-link span,html.dark .project-nav-link span{color:var(--clr-slate-500)}.project-nav-link h5{grid-area:title;align-self:flex-start;justify-self:center;width:max-content;font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;transition:color var(--transition)}html.light .project-nav-link h5{color:var(--clr-slate-800)}html.dark .project-nav-link h5{color:var(--clr-slate-200)}@media(min-width:748px){.project-nav-link h5{justify-self:unset}}.project-nav-link iconify-icon{background:#fff;border-radius:100px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;transform:scale(.7)}@media(min-width:570px){.project-nav-link iconify-icon{width:36px;height:36px}}.contact{width:min(100%,64ch);align-self:center;justify-self:center;padding:4rem 0}html.light .contact{color:var(--clr-slate-700)}html.dark .contact{color:var(--clr-slate-300)}@media(min-width:1100px){.contact{padding:6rem 0}}.contact article{display:flex;flex-direction:column;gap:2.5rem}.contact header{max-width:48ch;width:100%;display:flex;flex-direction:column;gap:1rem}.contact header h2{display:flex;flex-direction:column;gap:.5rem}.contact form{display:flex;flex-direction:column}.contact .form-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1.25rem}.contact .form-field label{font-size:var(--text-sm);font-weight:600}html.light .contact .form-field label{color:var(--clr-slate-700)}html.dark .contact .form-field label{color:var(--clr-slate-300)}.contact .form-field input,.contact .form-field textarea{cursor:text;box-sizing:border-box;border-radius:8px;border:1.5px solid;font-size:var(--text-sm);padding:.875rem 1rem;display:block;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}html.light .contact .form-field input,html.light .contact .form-field textarea{background:#fff;border-color:var(--clr-slate-200);color:var(--clr-slate-800)}html.dark .contact .form-field input,html.dark .contact .form-field textarea{background:var(--clr-slate-900);border-color:var(--clr-slate-700);color:var(--clr-slate-200)}.contact .form-field textarea{min-height:180px;resize:vertical}html.light .contact .form-field input::placeholder,html.light .contact .form-field textarea::placeholder{color:var(--clr-slate-400)}html.dark .contact .form-field input::placeholder,html.dark .contact .form-field textarea::placeholder{color:var(--clr-slate-600)}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.75rem;padding:3.5rem 2rem;border-radius:16px;border:1px solid}html.light .contact-success{background:#fff;border-color:var(--clr-slate-200);box-shadow:var(--shadow-md)}html.dark .contact-success{background:var(--clr-slate-800);border-color:var(--clr-slate-700)}.contact-success__icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:100%;flex-shrink:0}html.light .contact-success__icon{background:var(--clr-primary-50);color:var(--clr-primary-600);border:1px solid var(--clr-primary-100)}html.dark .contact-success__icon{background:#b91c1c1f;color:var(--clr-primary-400);border:1px solid rgba(185,28,28,.2)}.contact-success__content{display:flex;flex-direction:column;gap:.75rem;max-width:36ch}.contact-success__eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}html.light .contact-success__eyebrow{color:var(--clr-primary-600)}html.dark .contact-success__eyebrow{color:var(--clr-primary-400)}.contact-success__heading{font-family:Archivo,sans-serif;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.1}html.light .contact-success__heading{color:var(--clr-slate-900)}html.dark .contact-success__heading{color:var(--clr-slate-100)}.contact-success__body{font-size:var(--text-sm);line-height:1.75}html.light .contact-success__body{color:var(--clr-slate-500)}html.dark .contact-success__body{color:var(--clr-slate-400)}.form-error{font-size:var(--text-sm);margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;border:1px solid}html.light .form-error{background:var(--clr-primary-50);color:var(--clr-primary-700);border-color:var(--clr-primary-200)}html.dark .form-error{background:#b91c1c1f;color:var(--clr-primary-300);border-color:#b91c1c40}.button{text-decoration:none;padding:.8rem 1.6rem;border-radius:6px;width:fit-content;color:#fff!important;font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;display:inline-flex;align-items:center;gap:.4rem;transition:all var(--transition)}.button--primary{background:var(--clr-primary-700);box-shadow:0 1px 4px #b91c1c4d}.button--primary:hover{background:var(--clr-primary-600);transform:translateY(-1px);box-shadow:0 4px 14px #b91c1c61}.button--secondary{background:var(--clr-slate-700);box-shadow:0 1px 4px #00000026}.button--secondary:hover{background:var(--clr-slate-600);transform:translateY(-1px);box-shadow:0 4px 12px #00000038}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:var(--text-xs);font-weight:600;border-radius:100px;width:fit-content;padding:.3rem .75rem;letter-spacing:.02em;border:1px solid;transition:all var(--transition)}html.light .tag{background:var(--clr-slate-100);color:var(--clr-slate-600);border-color:var(--clr-slate-200)}html.dark .tag{background:var(--clr-slate-800);color:var(--clr-slate-300);border-color:var(--clr-slate-700)}html.light .tag:hover{background:var(--clr-primary-50);color:var(--clr-primary-700);border-color:var(--clr-primary-200)}html.dark .tag:hover{background:var(--clr-slate-700);color:var(--clr-slate-100)}.skip-link{position:absolute;top:-48px;left:1rem;z-index:200;padding:.6rem 1rem;background:var(--clr-primary-600);color:#fff!important;border-radius:0 0 6px 6px;font-weight:500;text-decoration:none;transition:top .15s ease-out}.skip-link:focus{top:0}.contact .form-field input:focus-visible,.contact .form-field textarea:focus-visible{border-color:var(--clr-primary-400);box-shadow:0 0 0 3px #ef44442e;outline:none}.button:focus-visible{outline:2px solid var(--clr-primary-400);outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:.9em;height:.9em;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle;margin-right:.4em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.required-mark{color:var(--clr-primary-600);margin-left:.2em}html.dark .required-mark{color:var(--clr-primary-400)}.required-note{font-size:var(--text-xs);margin-top:-.5rem}html.light .required-note{color:var(--clr-slate-500)}html.dark .required-note{color:var(--clr-slate-400)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}