@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_thin_italic.woff2) format("woff2");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_light_italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_regular_italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_medium_italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_bold_italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:BrandonGrotesque;src:url(/fonts/Brandon_Grotesque_black_italic.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}:root{--brand-black: #0b0b0b;--hg-black-soft: #0b0b0b;--brand-white: #ffffff;--brand-teal: #6fe7e0;--brand-magenta: #e1066d;--font-body: "BrandonGrotesque", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--font-display: "BrandonGrotesque", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--color-bg: var(--brand-black);--color-surface-1: #111111;--color-surface-2: #161616;--color-surface-3: #1c1c1c;--color-card: rgba(255, 255, 255, .04);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-text-primary: var(--brand-white);--color-text-muted: rgba(255, 255, 255, .68);--color-text-subtle: rgba(255, 255, 255, .5);--color-accent-primary: var(--brand-teal);--color-accent-secondary: var(--brand-magenta);--color-focus-ring: var(--brand-teal);--container-max: 1200px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 6px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--color-accent-primary);color:var(--color-bg);padding:12px 24px;z-index:9999;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:top .3s ease}.skip-link:focus{top:16px;outline:2px solid var(--color-accent-secondary);outline-offset:2px}*:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}#main-content:focus{outline:none}.nav__themeToggle,.nav__themeToggle:hover{display:none}.nav__themeToggle:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero__media img{animation:none!important;filter:drop-shadow(0 0 30px var(--brand-teal))}.workCard,.home-section,.page-section,.hero__copy,.hero__media{opacity:1;animation:none;transform:none}.btn:hover:before{animation:none;opacity:0}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes buttonShine{0%{left:-100%;top:-100%}50%{left:100%;top:100%}to{left:200%;top:200%}}.workCard{opacity:0;animation:fadeSlideUp .5s ease forwards}.workCard:nth-child(1){animation-delay:.05s}.workCard:nth-child(2){animation-delay:.1s}.workCard:nth-child(3){animation-delay:.15s}.workCard:nth-child(4){animation-delay:.2s}.workCard:nth-child(5){animation-delay:.25s}.workCard:nth-child(6){animation-delay:.3s}.home-section,.page-section{opacity:0;animation:fadeSlideUp .6s ease forwards;animation-delay:.2s}.hero__copy,.hero__media{opacity:0;animation:fadeSlideUp .7s ease forwards}.hero__media{animation-delay:.15s}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton--pulse{animation:skeletonPulse 2s ease-in-out infinite}@keyframes scrollReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:scrollReveal .6s ease forwards}.reveal--delay-1{animation-delay:.1s}.reveal--delay-2{animation-delay:.2s}.reveal--delay-3{animation-delay:.3s}.reveal--delay-4{animation-delay:.4s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}}.skeleton--text{height:16px;border-radius:4px}.skeleton--title{height:24px;width:60%;border-radius:4px}.skeleton--image{aspect-ratio:1.6}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));width:0%;z-index:1001;transition:width .1s ease-out;border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--brand-teal),0 0 20px var(--brand-magenta)}.back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--color-bg),transparent 15%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,background .2s ease;z-index:99;box-shadow:0 4px 12px #0003}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:color-mix(in srgb,var(--color-accent-primary),transparent 85%);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.skip-link{position:absolute;top:-60px;left:16px;background:var(--color-accent-primary);color:var(--brand-black);padding:14px 24px;border-radius:var(--radius-md);font-weight:700;z-index:10000;transition:top .2s ease,transform .2s ease;text-decoration:none;box-shadow:0 4px 16px color-mix(in srgb,var(--brand-teal),transparent 60%)}.skip-link:focus{top:16px;outline:none;transform:scale(1.05)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.workCard,.home-section,.page-section,.hero__copy,.hero__media{opacity:1;transform:none;animation:none}.skeleton{animation:none;background:var(--color-surface-2)}}*{box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer}:focus-visible{outline:2px solid color-mix(in srgb,var(--color-focus-ring),transparent 35%);outline-offset:3px}a:hover{color:var(--color-accent-primary)}@media(forced-colors:active){.btn,.card,.nav,.footer{border:1px solid ButtonText}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5)}@media(max-width:640px){.container{padding:0 var(--space-4)}.h1{font-size:clamp(28px,5vw,36px)}.page-lead{font-size:18px}.page-lead:before{display:none}.home-section__header{flex-direction:column;align-items:flex-start}}.stack{display:grid;gap:var(--space-5)}.page-divider{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-3) 0;position:relative}.page-divider:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:var(--brand-teal);opacity:.4}.page-section{padding:var(--space-9) 0;flex:1}.page-hero{display:grid;gap:var(--space-3);max-width:640px}.page-lead{font-size:22px;color:var(--color-text-muted);line-height:1.6;margin:0;max-width:680px;position:relative}.page-lead:before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand-teal),var(--brand-magenta));border-radius:2px;opacity:.5}.body-text{font-size:16px;color:var(--color-text-muted);line-height:1.6;margin:0;max-width:680px}.accent-label{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-magenta);display:inline-flex;align-items:center;gap:8px}.accent-label:before{content:"";display:inline-block;width:24px;height:2px;background:linear-gradient(90deg,var(--brand-magenta),transparent);opacity:.6;transition:width .2s ease,opacity .2s ease}.accent-label:hover:before{width:32px;opacity:1}.page-hero+.accent-label{margin-top:var(--space-6)}.card{background:var(--color-card);background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent,rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.h1{font-family:var(--font-display);font-weight:900;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-.03em;margin:0;color:var(--brand-white);text-shadow:0 0 40px color-mix(in srgb,var(--brand-teal),transparent 70%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.h1{text-shadow:none}}.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(25px,2.2vw,30px);line-height:1.2;letter-spacing:-.015em;margin:0;color:var(--color-text-primary)}.small{color:var(--color-text-muted);font-size:18px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .2s ease,color .2s ease}@keyframes buttonFocusPulse{0%,to{outline-color:var(--color-accent-primary)}50%{outline-color:var(--brand-magenta)}}.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent-primary),transparent 35%);box-shadow:0 4px 16px color-mix(in srgb,var(--color-accent-primary),transparent 75%)}.btn:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%,transparent 100%);animation:buttonShine .75s ease-out forwards;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;animation:buttonFocusPulse 2s ease-in-out infinite}.btn:active{transform:translateY(1px) scale(.98)}.btn--primary{background:color-mix(in srgb,var(--color-accent-primary),transparent 86%);border-color:color-mix(in srgb,var(--color-accent-primary),transparent 55%);transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-teal),transparent 60%);background:color-mix(in srgb,var(--color-accent-primary),transparent 75%)}.btn--punch{background:color-mix(in srgb,var(--color-accent-secondary),transparent 86%);border-color:color-mix(in srgb,var(--color-accent-secondary),transparent 55%)}.btn--punch:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-magenta),transparent 60%)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:width .4s ease,height .4s ease,opacity .4s ease}.btn:active:after{width:200%;height:200%;opacity:1;transition:width 0s,height 0s,opacity 0s}.tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--color-border-subtle);font-size:13px;font-weight:500;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-card),transparent 0%);transition:border-color .15s ease,color .15s ease,background .15s ease}.tag:hover{border-color:color-mix(in srgb,var(--color-accent-primary),transparent 40%);color:var(--color-accent-primary);transform:translateY(-1px)}.tag--teal{border-color:color-mix(in srgb,var(--color-accent-primary),transparent 55%);color:var(--color-accent-primary)}.tag--magenta{border-color:color-mix(in srgb,var(--color-accent-secondary),transparent 55%);color:var(--color-accent-secondary)}.tag--dev{border-color:color-mix(in srgb,var(--color-accent-primary),transparent 55%);color:var(--color-accent-primary)}.tag--design{border-color:var(--color-border-subtle);color:var(--color-text-muted);background:transparent}.view-all-link{transition:color .25s ease,transform .25s ease;display:inline-flex;align-items:center}.view-all-link:hover{color:var(--brand-teal)!important}.view-all-link span{transition:transform .25s ease,color .25s ease}.view-all-link:hover span{transform:translate(4px)}.workCard:hover{transform:translateY(-6px);box-shadow:0 10px 35px #00000073}.workCard img{transition:transform .35s ease}.workCard:hover img{transform:scale(1.03);filter:contrast(1.05) brightness(1.05)}.featured-image{transition:transform .35s ease}.featured-image:hover{transform:scale(1.05)}.nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg),transparent 18%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-subtle);box-shadow:0 8px 24px #0000002e;transition:box-shadow .3s ease,background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.nav.scrolled{background:color-mix(in srgb,var(--color-bg),transparent 45%);box-shadow:0 4px 30px #00000040,0 0 20px color-mix(in srgb,var(--brand-teal),transparent 92%)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:80px}.nav__logo{height:55px;width:auto;display:block;transition:transform .25s ease,filter .25s ease}.nav__logo:hover{transform:scale(1.03);filter:drop-shadow(0 0 8px var(--brand-teal))}.nav__links{display:flex;align-items:center;gap:var(--space-5)}.nav__link{font-size:18px;font-weight:500;color:var(--color-text-muted);transition:color .2s ease,transform .2s ease,opacity .2s ease;white-space:nowrap;display:inline-flex;align-items:center;will-change:transform;padding:8px 4px;position:relative}.nav__link:after{content:"";position:absolute;bottom:4px;left:4px;right:4px;height:2px;background:var(--brand-teal);transform:scaleX(0);transition:transform .2s ease}.nav__link:hover:after,.nav__link.is-active:after{transform:scaleX(1)}.nav__link:hover{color:var(--color-accent-primary);transform:translateY(-2px)}.nav__link:active{transform:translateY(0) scale(.98)}.nav__link.is-active{color:var(--brand-teal)}.nav__dropdown{position:relative}.nav__dropdownArrow{display:inline-block;font-size:10px;margin-left:4px;transition:transform .2s ease}.nav__dropdownArrow.open{transform:rotate(180deg)}.nav__dropdownMenu{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;padding:var(--space-3);display:none;flex-direction:column;gap:2px;z-index:200;background:color-mix(in srgb,var(--color-bg),transparent 10%);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 18px 40px #00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.nav__dropdownMenu.open{display:flex;opacity:1;transform:translateY(0)}.nav__dropdown:hover .nav__dropdownMenu,.nav__dropdown:focus-within .nav__dropdownMenu{display:flex;opacity:1;transform:translateY(0)}.nav__sublink{display:flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--color-text-muted);padding:10px 12px;border-radius:var(--radius-sm);transition:color .2s ease,background .2s ease,transform .2s ease;white-space:nowrap}.nav__sublink-icon{font-size:8px;color:var(--color-accent-primary);opacity:0;transform:scale(0);transition:opacity .2s ease,transform .2s ease}.nav__sublink:hover{color:var(--color-accent-primary);background:var(--color-surface-2);transform:translate(4px)}.nav__sublink:hover .nav__sublink-icon{opacity:1;transform:scale(1)}.nav__sublink--all{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);color:var(--color-accent-primary);font-weight:600}.nav__dropdownDivider{height:1px;background:var(--color-border-subtle);margin:var(--space-2) 0}.nav__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background .2s ease,transform .1s ease}.nav__hamburger:hover{background:var(--color-surface-2)}.nav__hamburger:active{transform:scale(.95)}.nav__hamburger-line{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav__hamburger.open .nav__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger.open .nav__hamburger-line:nth-child(2){opacity:0}.nav__hamburger.open .nav__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:900px){.nav__hamburger{display:flex}.nav__links{display:none}}.hero{display:flex;align-items:center;min-height:calc(100vh - 80px);padding:var(--space-8) var(--space-8);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:20%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-teal),transparent 85%) 0%,transparent 70%);filter:blur(60px);pointer-events:none;opacity:.4;will-change:transform;transform:var(--parallax-teal, translate3d(0, 0, 0))}.hero:after{content:"";position:absolute;bottom:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-magenta),transparent 90%) 0%,transparent 70%);filter:blur(50px);pointer-events:none;opacity:.25;will-change:transform;transform:var(--parallax-magenta, translate3d(0, 0, 0))}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}@media(prefers-reduced-motion:reduce){.hero:before,.hero:after{transform:none!important;will-change:auto}}@media(max-width:768px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__media{order:-1;animation:ghostFloat 8s ease-in-out infinite;will-change:transform;display:block;visibility:visible;opacity:1;text-align:center}.hero__media img{max-width:252px;width:100%;height:auto;margin:0 auto;display:block}.hero__cta{justify-content:center}}@media(min-width:600px)and (max-width:900px){.hero__media{text-align:center}.hero__media img{max-width:324px;margin:0 auto}}@media(max-width:768px){.hero{padding:var(--space-6) var(--space-4);min-height:auto;overflow:visible}.hero:before,.hero:after{width:200px;height:200px}}@keyframes ghostFloat{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1) translateY(-8px)}}@keyframes ghostGlow{0%{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--brand-teal),transparent 75%))}50%{filter:drop-shadow(0 0 35px color-mix(in srgb,var(--brand-teal),transparent 55%))}to{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--brand-teal),transparent 75%))}}.hero__lead{font-size:22px;color:var(--color-text-muted);line-height:1.65;margin:0 0 var(--space-5) 0;max-width:600px}.hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-5)}.hero__cta .btn{transition:transform .25s ease,box-shadow .25s ease}.hero__cta .btn:hover{transform:translateY(-3px)}.hero__media img{width:100%;max-width:504px;height:auto;display:block;filter:drop-shadow(0 0 30px var(--brand-teal));position:relative;z-index:1;border-radius:var(--radius-lg);transition:transform .4s ease,filter .3s ease;animation:ghostGlow 6s ease-in-out infinite}.hero__media img:hover{transform:scale(1.02) translateY(-4px);filter:drop-shadow(0 0 40px var(--brand-teal))}.workGrid{display:grid;gap:var(--space-6)}@media(min-width:720px){.workGrid{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media(min-width:1100px){.workGrid{grid-template-columns:repeat(3,minmax(320px,1fr))}}.workCard{display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-xl);grid-template-rows:auto auto 1fr auto;border:1px solid rgba(255,255,255,.05);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;will-change:transform}.workCard__img-container{width:100%;aspect-ratio:1.6;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;position:relative}.workCard__img-container:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-teal),transparent 90%),color-mix(in srgb,var(--brand-magenta),transparent 95%));opacity:0;transition:opacity .3s ease;pointer-events:none}.workCard:hover .workCard__img-container:after{opacity:1}.workCard__img{width:100%;height:100%;object-fit:cover;padding:10px;transition:transform .45s ease,filter .45s ease}.workCard:hover .workCard__img{transform:scale(1.03);filter:brightness(1.04)}.workCard__overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-4);background:linear-gradient(to top,#000000e0,#00000080 40%,#0000);opacity:0;transition:opacity .3s ease;pointer-events:none}.workCard:hover .workCard__overlay{opacity:1}.workCard__overlay-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:-.01em;transform:translateY(8px);transition:transform .3s ease}.workCard:hover .workCard__overlay-title{transform:translateY(0)}.workCard__overlay-summary{font-size:13px;color:var(--color-text-subtle, #a0a0a0);margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transform:translateY(8px);transition:transform .3s ease .05s}.workCard:hover .workCard__overlay-summary{transform:translateY(0)}.workCard__overlay-tags{display:flex;flex-wrap:wrap;gap:6px;transform:translateY(8px);transition:transform .3s ease .1s}.workCard:hover .workCard__overlay-tags{transform:translateY(0)}.workCard__overlay-tag{font-size:11px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand-teal),transparent 80%);color:var(--brand-teal);font-weight:500}.workCard__img-placeholder{width:100%;height:100%;background:var(--color-surface-3)}.workCard--branding .workCard__img-container{background:var(--color-surface-2);padding:var(--space-3);aspect-ratio:1}.workCard--branding .workCard__img{object-fit:contain;width:100%;height:100%}.workCard:hover{outline:1px solid color-mix(in srgb,var(--color-accent-primary),transparent 65%);transform:translateY(-6px);border-color:color-mix(in srgb,var(--color-accent-primary),transparent 65%);box-shadow:0 0 0 1px #6fe7e052,0 18px 40px #0000006b,0 0 34px #6fe7e01f}.workCard__title{font-family:var(--font-display);font-weight:900;letter-spacing:-.01em;font-size:20px;display:flex;align-items:center;gap:6px;transition:color .28s ease}.workCard:hover .workCard__title{color:var(--brand-teal)}.workCard__meta .small{opacity:.65}.workCard__live-badge{font-size:14px;color:var(--color-accent-primary);opacity:.8;transition:transform .2s ease,opacity .2s ease}.workCard:hover .workCard__live-badge{opacity:1;transform:translate(2px,-2px)}.workCard__summary{margin:0;color:var(--color-text-muted);line-height:1.5;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workCard__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.workCard__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;color:var(--color-accent-primary);transition:gap .28s ease,color .28s ease}.workCard__cta-arrow{transition:transform .28s ease}.workCard:hover .workCard__cta{gap:var(--space-3);color:var(--brand-teal)}.workCard:hover .workCard__cta-arrow{transform:translate(4px)}.workCard__tags{display:flex;flex-wrap:wrap;gap:6px}.workCard__tags .tag{font-size:11px;padding:3px 8px}.workCats{display:grid;gap:var(--space-5);justify-items:stretch}@media(min-width:900px){.workCats{grid-template-columns:1fr;max-width:900px;margin:0 auto;align-items:start;gap:var(--space-5)}.workCat{width:100%;max-width:800px}.workCat:nth-child(1){justify-self:start}.workCat:nth-child(2){justify-self:center;margin-top:24px}.workCat:nth-child(3){justify-self:end;margin-top:48px}}.workCat{width:100%;padding:var(--space-6);background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:var(--radius-xl);display:grid;gap:var(--space-4);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.workCat:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--color-accent-primary),transparent 60%);box-shadow:0 18px 48px #00000073,0 0 30px color-mix(in srgb,var(--brand-teal),transparent 88%)}.workCat__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.workCat__title{margin:0}.workCat__blurb{margin:0;color:var(--color-text-muted);line-height:1.7;font-size:16px;max-width:62ch}.workCat__cta{opacity:.9;font-weight:500;transition:color .2s ease,opacity .2s ease,transform .2s ease}.workCat:hover .workCat__cta{color:var(--color-accent-primary);transform:translate(6px);opacity:1}.cs-back{opacity:.7;transition:opacity .12s ease}.cs-back:hover{opacity:1}.cs-header{gap:var(--space-3);max-width:800px}.cs-header .page-lead{max-width:100%;line-height:1.5}.cs-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-5)}.cs-meta__item{display:flex;flex-direction:column;gap:4px}.cs-meta__label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-subtle)}.cs-meta__value{font-size:15px;color:var(--color-text-primary)}.cs-sections{display:grid;gap:var(--space-4)}@media(min-width:800px){.cs-sections{grid-template-columns:repeat(2,1fr)}}.cs-section{padding:var(--space-5);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);transition:border-color .2s ease,box-shadow .2s ease;align-content:start}.cs-section:first-child{min-height:180px}.cs-section:hover{border-color:color-mix(in srgb,var(--color-accent-primary),transparent 50%);box-shadow:0 0 20px color-mix(in srgb,var(--brand-teal),transparent 92%)}.cs-section__title{font-family:var(--font-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary);margin:0}.cs-section .small{margin:0}.cs-gallery{margin-top:var(--space-7)}.cs-gallery__title{font-family:var(--font-display);font-size:1.25rem;margin-bottom:var(--space-4);color:var(--color-text)}.cs-gallery__grid{display:grid;gap:var(--space-4)}@media(min-width:768px){.cs-gallery__grid{grid-template-columns:repeat(2,1fr)}}.cs-gallery__item{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-2)}.cs-gallery__item img{width:100%;height:auto;display:block;transition:transform .3s ease}.cs-gallery__item:hover img{transform:scale(1.02)}.cs-services{margin-top:var(--space-6);padding:var(--space-5);background:var(--color-surface-2);border-radius:var(--radius-lg)}.cs-services__title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:var(--space-3);color:var(--color-text)}.cs-services__list{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0;margin:0}.cs-services__list li{padding:var(--space-2) var(--space-4);background:var(--color-surface-3);border-radius:var(--radius-md);font-size:.9rem;color:var(--color-text-muted)}.cs-meta__item--action{margin-left:auto}.cs-live-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-primary);color:var(--color-bg)!important;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cs-live-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent-primary),transparent 40%)}.cs-hero-image{max-width:1000px!important}@media(min-width:1024px){.cs-hero-image img{max-height:600px!important}}.about__copy{max-width:640px;display:grid;gap:var(--space-4)}.about__copy p{color:var(--color-text-muted);line-height:1.65;margin:0;font-size:20px}.about__principles{display:grid;gap:var(--space-4)}@media(min-width:800px){.about__principles{grid-template-columns:repeat(3,1fr)}}.about__principle-card{padding:var(--space-5);display:grid;gap:var(--space-3);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.about__principle-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000047;border-color:color-mix(in srgb,var(--color-accent-primary),transparent 60%)}.about__principle-card .h2{font-size:18px;margin:0}.about__principle-card .small{margin:0;color:var(--color-text-muted)}.about__values{display:grid;gap:var(--space-5)}@media(min-width:800px){.about__values{grid-template-columns:repeat(3,1fr)}}.about__value-card{padding:var(--space-5);display:grid;gap:var(--space-3);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.about__value-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000059;border-color:color-mix(in srgb,var(--color-accent-primary),transparent 60%)}.about__value-card .small{margin:0}.about__cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5) var(--space-6);transition:transform .3s ease,box-shadow .3s ease}.about__cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000004d}.about-hero{display:grid;gap:var(--space-6);align-items:center}@media(min-width:900px){.about-hero{grid-template-columns:1fr 1fr;gap:var(--space-8)}}.about-hero__content{display:grid;gap:var(--space-4)}.about-hero__media{justify-self:center;max-width:320px;width:100%}.about-hero__media img{max-width:100%;height:auto;transition:transform .4s ease}.about-hero__media img:hover{transform:scale(1.02) translateY(-4px)}.about__capabilities{display:flex;flex-wrap:wrap;gap:var(--space-3)}.about__capability{padding:var(--space-2) var(--space-4);background:var(--color-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-muted);transition:all .2s ease}.about__capability:hover{border-color:var(--brand-teal);color:var(--brand-teal);transform:translateY(-2px)}.about__process-teaser{display:grid;gap:var(--space-6);padding:var(--space-6);transition:transform .3s ease,box-shadow .3s ease}.about__process-teaser:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000004d}@media(min-width:768px){.about__process-teaser{grid-template-columns:1fr auto;align-items:center;gap:var(--space-8)}}.about__process-content{display:grid;gap:var(--space-3)}.about__process-steps{display:flex;flex-direction:column;gap:var(--space-3)}.about__process-step{display:flex;align-items:center;gap:var(--space-3);font-size:14px;color:var(--color-text-muted)}.about__process-step span{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--brand-teal);min-width:28px}.about-page{position:relative;overflow:hidden}.about-page:before,.about-page:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(110px);z-index:0}.about-page:before{width:320px;height:320px;top:60px;left:10%;background:color-mix(in srgb,var(--brand-teal),transparent 89%);opacity:.1}.about-page:after{width:240px;height:240px;top:240px;right:12%;background:color-mix(in srgb,var(--brand-magenta),transparent 94%);opacity:.045}.about-page>.container{position:relative;z-index:1}.services__grid{display:grid;gap:var(--space-5);align-items:stretch}@media(min-width:900px){.services__grid{grid-template-columns:repeat(3,1fr)}}.services__card{padding:var(--space-7);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.services__card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #00000059,0 0 20px color-mix(in srgb,var(--color-accent-primary),transparent 40%)}.services__card:hover .services__icon{transform:scale(1.1)}.services__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform .28s ease}.services__icon svg{width:36px;height:36px}.services__title{margin:0}.services__description{margin:0;line-height:1.6}.accent--teal{color:var(--color-accent-primary)}.accent--magenta{color:var(--color-accent-secondary)}.services__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.services__item{color:var(--color-text-muted)}.services__bullet{color:var(--color-accent-primary);margin-right:6px}.services__cta{justify-self:start}.services__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.services__workLink{font-size:14px;color:var(--color-accent-primary);text-decoration:none;transition:color .28s ease,gap .28s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.services__workLink:hover{gap:var(--space-3)}.services__process{background:var(--color-surface-2);border-radius:var(--radius-xl);margin:var(--space-8) 0}.process__grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media(min-width:768px){.process__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.process__grid{grid-template-columns:repeat(4,1fr)}}.process__step-card{position:relative;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.process__step-number{font-family:var(--font-display);font-size:48px;font-weight:900;line-height:1;color:var(--color-accent-primary);opacity:.3}.process__step-title{margin:0;font-size:1.25rem}.process__step-description{margin:0;color:var(--color-text-muted);line-height:1.6}.process__step-connector{display:none}@media(min-width:1024px){.process__step-card:not(:last-child):after{content:"";position:absolute;right:calc(var(--space-5) * -1);top:50%;width:calc(var(--space-5) * 1.5);height:1px;background:var(--color-border)}}.services__cta-section{padding-bottom:var(--space-9)}.services__cta-card{max-width:700px;margin:0 auto;padding:var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-1) 100%)}.services__cta-text{font-size:18px;color:var(--color-text-muted);max-width:480px;margin:0}.services__process-teaser{padding:var(--space-8) 0}.services__teaser-card{display:grid;grid-template-columns:1fr;gap:var(--space-7);padding:var(--space-7);background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-1) 100%)}@media(min-width:768px){.services__teaser-card{grid-template-columns:1.5fr 1fr;align-items:center}}.services__teaser-content{display:flex;flex-direction:column;gap:var(--space-4)}.services__teaser-text{font-size:16px;color:var(--color-text-muted);line-height:1.7;margin:0;max-width:480px}.services__teaser-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.services__teaser-step{display:flex;align-items:center;gap:var(--space-4);font-size:15px;color:var(--color-text);padding:var(--space-4) var(--space-5);background:var(--color-surface-1);border-radius:var(--radius-md);border:1px solid var(--color-border)}.services__teaser-step span{font-family:var(--font-display);font-weight:700;color:var(--color-accent-primary);font-size:16px;opacity:1}.btn--large{padding:var(--space-4) var(--space-7);font-size:1.1rem}.process__timeline{display:flex;flex-direction:column;gap:var(--space-5)}.process__step-wrapper{position:relative}.process__step-line{display:none}@media(min-width:768px){.process__step-wrapper{padding-left:var(--space-8)}.process__step-line{display:block;position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-accent-primary),var(--color-accent-secondary));opacity:.3}.process__step-wrapper:first-child .process__step-line{top:40px}.process__step-wrapper:last-child .process__step-line{bottom:40px}}.process__step-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.process__step-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border-radius:var(--radius-md);color:var(--color-accent-primary);transition:transform .3s ease,background .3s ease}.process__step:hover .process__step-icon{transform:scale(1.1);background:var(--color-accent-primary);color:var(--color-bg)}.process__step-icon svg{width:20px;height:20px}.process__step{display:flex;flex-direction:column}.process__step{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.process__step:after{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-teal),transparent 90%) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.process__step:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000059,0 0 20px color-mix(in srgb,var(--brand-teal),transparent 90%)}.process__step:hover:after{opacity:.5}.process__step:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:color-mix(in srgb,var(--color-accent-primary),transparent 45%);opacity:.5}.process__num{font-family:var(--font-display);font-weight:600;font-size:52px;color:var(--color-accent-primary);opacity:.25;line-height:.9;min-width:84px;flex-shrink:0;transition:opacity .3s ease,transform .3s ease}.process__step:hover .process__num{opacity:.4;transform:scale(1.05)}.process__step .stack{gap:var(--space-3);max-width:900px}.process__step .h2,.process__step .small{margin:0}.process__step .small{line-height:1.75}.process__cta{margin-top:var(--space-8);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);text-align:center;align-items:center;max-width:720px;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-1) 100%)}@media(min-width:640px){.process__cta{flex-direction:row;text-align:left;justify-content:space-between;align-items:center}}.process__cta-content{display:flex;flex-direction:column;gap:var(--space-2)}.process__cta-content .small{color:var(--color-text-muted)}.process__cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}@media(max-width:640px){.process__step{flex-direction:column;gap:var(--space-4)}.process__num{min-width:auto}}.page-main{flex:1}.contact__intro{display:grid;gap:var(--space-6);align-items:start}@media(min-width:980px){.contact__intro{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center}}.contact__intro-copy{display:grid;gap:var(--space-4);align-content:start}.contact__intro-details{padding:var(--space-6);display:grid;gap:var(--space-4);align-content:start}.contact__intro-details .h2,.contact__intro-details .small{margin:0}.contact__next-list{margin:0;padding-left:1.25rem;display:grid;gap:var(--space-2);color:var(--color-text-muted)}.contact__form{max-width:760px;padding:var(--space-6);display:grid;gap:var(--space-5);transition:transform .3s ease,box-shadow .3s ease}.contact__form:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00000059}.contact__row{display:grid;gap:var(--space-5)}@media(min-width:600px){.contact__row{grid-template-columns:1fr 1fr}}.contact__field{display:grid;gap:var(--space-2)}.contact__label{margin:0;color:var(--color-text-subtle);transition:color .2s ease}.contact__input{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:14px 18px;color:var(--color-text-primary);font-family:var(--font-body);font-size:17px;width:100%;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;appearance:none}.contact__input:hover{border-color:color-mix(in srgb,var(--color-border-subtle),var(--brand-teal) 30%)}.contact__input:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 2px #6fe7e040;background:color-mix(in srgb,var(--color-surface-2),var(--brand-teal) 3%)}.contact__input::placeholder{color:var(--color-text-subtle)}.contact__field:focus-within .contact__label{color:var(--brand-teal)}textarea.contact__input{resize:vertical;min-height:140px}.contact__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.contact__response-note{margin:var(--space-3) 0 0;color:var(--color-text-muted)}.contact__error{margin:0;color:var(--brand-magenta)}.contact__success{max-width:760px;padding:var(--space-7) var(--space-6);display:grid;gap:var(--space-3)}.contact__success .h2,.contact__success .small{margin:0}.contact__form,.contact__success,.contact__intro-details{box-shadow:0 10px 22px #00000040}.nav__hamburger{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;padding:10px 14px;font-size:20px;line-height:1;transition:border-color .12s ease,background .12s ease;min-width:48px;min-height:48px}.nav__hamburger:hover{border-color:var(--color-border-strong)}@media(max-width:768px){.nav__links{display:none}.nav__hamburger{display:flex}}.nav__mobileOverlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nav__mobileOverlay.open{opacity:1;visibility:visible}.nav__mobileMenu{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--color-surface-1);border-right:1px solid var(--color-border);padding:0;z-index:100;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg)}.nav__mobileOverlay.open .nav__mobileMenu{transform:translate(0)}.nav__mobileHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.nav__mobileLogo{height:36px;width:auto}.nav__mobileClose{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:none;border-radius:var(--radius-md);font-size:20px;cursor:pointer;color:var(--color-text);transition:background .2s ease,transform .1s ease}.nav__mobileClose:hover{background:var(--color-surface-3)}.nav__mobileClose:active{transform:scale(.95)}.nav__mobileLinks{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:2px}.nav__mobileSection{display:flex;flex-direction:column;gap:2px}.nav__mobileSectionTitle{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.nav__mobileFooter,.nav__themeToggleMobile{display:none}.nav__themeToggleMobile:hover{background:var(--color-surface-3)}.home-section{padding:var(--space-9) 0}.home-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-7)}.home-section__title{display:grid;gap:var(--space-3)}.home-services{display:grid;gap:var(--space-5)}@media(min-width:900px){.home-services{grid-template-columns:repeat(3,1fr)}}.home-service-card{padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;color:var(--brand-teal);position:relative;overflow:hidden;min-height:170px}.home-service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-teal),transparent 97%),color-mix(in srgb,var(--brand-magenta),transparent 98%));opacity:0;transition:opacity .35s ease}.home-service-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--color-accent-primary),transparent 55%);box-shadow:0 14px 36px #0006,0 0 24px color-mix(in srgb,var(--brand-teal),transparent 85%)}.home-service-card:hover:before{opacity:1}.home-service-card>*{position:relative;z-index:1}.home-service-card__arrow{font-size:20px;opacity:.35;flex-shrink:0;transition:opacity .12s ease,transform .12s ease}.home-service-card:hover .home-service-card__arrow{opacity:1;transform:translate(4px)}.home-cta{padding:var(--space-9) 0;border-top:1px solid var(--color-border-subtle);position:relative;overflow:hidden}.home-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:350px;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand-teal),transparent 80%) 0%,transparent 70%);filter:blur(50px);pointer-events:none;opacity:.45}.home-cta__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-7);flex-wrap:wrap}.home-cta__heading{max-width:560px}.footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-8) 0 var(--space-6);margin-top:auto;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-magenta),transparent);opacity:.3}.footer__inner{display:grid;gap:var(--space-7)}.footer__top{display:grid;grid-template-columns:1fr;gap:var(--space-7)}@media(min-width:720px){.footer__top{grid-template-columns:1.5fr 1fr 1fr 1fr}}.footer__brand{display:grid;gap:var(--space-4);align-content:start}.footer__brandLink{display:inline-block}.footer__logo{height:70px;width:auto;display:block;opacity:.85;transition:opacity .2s ease,transform .2s ease}.footer__logo:hover{opacity:1;transform:scale(1.02)}.footer__cta{margin-top:var(--space-2)}.footer__contact{display:flex;flex-direction:column;gap:var(--space-3)}.footer__contactLink{font-size:16px;color:var(--color-accent-primary);text-decoration:none;transition:color .2s ease}.footer__contactLink:hover{color:var(--brand-magenta)}.footer__availability{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--color-text-muted);margin:0}.footer__status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80}.footer__tagline{font-size:15px;color:var(--color-text-subtle);line-height:1.65;max-width:240px;margin:0}.footer__socials{display:flex;gap:var(--space-3);justify-content:center}.footer__social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--brand-teal);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,color .2s ease,background .2s ease}.footer__social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--brand-magenta),var(--brand-teal));opacity:0;transition:opacity .3s ease}.footer__social-link:hover{color:var(--brand-white);transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--brand-magenta),transparent 60%)}.footer__social-link:hover:before{opacity:1}.footer__social-link svg{position:relative;z-index:1}.footer__col{display:grid;gap:var(--space-3);align-content:start}.footer__col-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-magenta)}.footer__links{display:flex;flex-direction:column;gap:var(--space-2)}.footer__link{font-size:20px;color:var(--color-text-muted);transition:color .2s ease,transform .2s ease;display:inline-block}.footer__link:hover{color:var(--brand-teal);transform:translateY(-2px);padding-left:4px}.footer__bottom{display:flex;align-items:center;justify-content:center;gap:var(--space-5);flex-wrap:wrap;padding-top:var(--space-5);border-top:1px solid var(--color-border-subtle)}.footer__copy{font-size:14px;color:var(--color-text-subtle)}.footer__legal{display:flex;gap:var(--space-4)}.footer__legal-link{font-size:14px;color:var(--color-text-subtle);transition:color .2s ease,transform .2s ease}.footer__legal-link:hover{color:var(--brand-teal);transform:translateY(-1px)}.brand-stamp{padding-top:1.5rem;padding-bottom:1.5rem;text-align:center;border-top:1px solid var(--color-border);position:relative}.brand-stamp:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--brand-teal),transparent)}.brand-stamp__line{margin:0;font-size:16px;font-weight:500;letter-spacing:.03em;color:var(--brand-teal);opacity:.9;text-shadow:0 0 20px color-mix(in srgb,var(--brand-teal),transparent 50%)}.page-transition{animation:pageEnter .3s ease forwards}.page-transition--exit{animation:pageExit .2s ease forwards}.page-transition--forward.page-transition--enter{animation:slideInRight .35s ease forwards}.page-transition--forward.page-transition--exit{animation:slideOutLeft .35s ease forwards}.page-transition--back.page-transition--enter{animation:slideInLeft .35s ease forwards}.page-transition--back.page-transition--exit{animation:slideOutRight .35s ease forwards}.page-transition--up.page-transition--enter{animation:slideInUp .35s ease forwards}.page-transition--up.page-transition--exit{animation:slideOutDown .35s ease forwards}.page-transition--initial.page-transition--enter{animation:pageEnter .3s ease forwards}@media(prefers-reduced-motion:reduce){.page-transition,.page-transition--enter,.page-transition--exit,.page-transition--forward,.page-transition--back,.page-transition--up,.page-transition--initial{animation:none!important;opacity:1;transform:none!important}}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.site-shell{min-height:100vh;display:flex;flex-direction:column;background-color:#050505;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:120px 120px}@media(prefers-reduced-data:reduce){.hero__media img{filter:none}.hero:before,.hero:after,.home-cta:before{display:none}.card:before{display:none}}.next-project{display:grid;grid-template-columns:.45fr 1fr;gap:var(--space-7);align-items:center;transition:transform .25s ease}.next-project:hover{transform:translateY(-4px)}.next-project img{display:block;width:100%;height:auto;transition:transform .35s ease;border-radius:var(--radius-lg)}.next-project:hover img{transform:scale(1.03)}.workCard__category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6fe7e0;margin-bottom:var(--space-1);display:block}.lightbox{position:fixed;inset:0;z-index:9999;background:#000000f2;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.lightbox__close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background .2s ease}.lightbox__close:hover{background:var(--color-surface-3)}.lightbox__image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.work-search{margin-bottom:var(--space-6)}.work-search__input-wrapper{position:relative;max-width:400px}.work-search__input{width:100%;padding:var(--space-3) var(--space-4);padding-left:40px;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s ease}.work-search__input:focus{outline:none;border-color:var(--color-accent-primary)}.work-search__input::placeholder{color:var(--color-text-subtle)}.work-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.5}.cs-ux-strategy>.card,.cs-interface>.card{background:transparent;border:1px solid rgba(255,255,255,.05);box-shadow:none}.cs-ux-strategy .cs-section,.cs-interface .cs-section{padding:var(--space-4) 0;border-bottom:1px solid rgba(255,255,255,.04)}.cs-ux-strategy .cs-section:last-child,.cs-interface .cs-section:last-child{border-bottom:none}.cs-development>.card,.cs-dev-implementation>.card{background:var(--color-surface);border:1px solid rgba(255,255,255,.1)}.cs-dev-implementation .cs-dev-subsection .card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:var(--space-4)}.cs-ux-strategy,.cs-interface,.cs-development,.cs-tech-stack{margin-top:var(--space-7)}.cs-interface-walkthrough{margin-top:var(--space-8)}.cs-interface-walkthrough .cs-walkthrough-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:768px){.cs-interface-walkthrough .cs-walkthrough-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cs-interface-walkthrough .cs-walkthrough-grid{grid-template-columns:repeat(3,1fr)}}.cs-walkthrough-card{display:flex;flex-direction:column}.browser-frame{background:#0a0a0a;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 4px 24px #0006,0 8px 48px #0003}.browser-frame__header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-bottom:1px solid rgba(255,255,255,.05)}.browser-frame__dots{display:flex;gap:6px}.browser-frame__dots span{width:10px;height:10px;border-radius:50%}.browser-frame__dots span:nth-child(1){background:#ff5f57}.browser-frame__dots span:nth-child(2){background:#febc2e}.browser-frame__dots span:nth-child(3){background:#28c840}.browser-frame__url{flex:1;margin-left:var(--space-4);padding:var(--space-1) var(--space-3);background:#ffffff0d;border-radius:var(--radius-sm);font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono, monospace);text-align:center}.browser-frame__content{position:relative;background:#000;overflow:hidden}.browser-frame__content img{display:block;width:100%;height:auto;object-fit:cover}.cs-dev-implementation{margin-top:var(--space-6)}.cs-dev-implementation .card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4)}.cs-dev-implementation .cs-dev-subsection{margin-bottom:var(--space-4)}.cs-dev-implementation .cs-dev-subsection:last-child{margin-bottom:0}.code-block{background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto;margin:0;font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:12px;line-height:1.5;color:#e4e4e7}.code-block code{font-family:inherit;white-space:pre}.code-block .keyword{color:#c792ea}.code-block .string{color:#c3e88d}.code-block .function{color:#82aaff}.code-block .comment{color:#676e95;font-style:italic}.code-block .number{color:#f78c6c}.code-block .tag{color:#f07178}.code-block .attribute{color:#ffcb6b}@media(max-width:768px){.browser-frame__header{padding:var(--space-2) var(--space-3)}.browser-frame__dots span{width:8px;height:8px}.browser-frame__url{font-size:10px;padding:var(--space-1) var(--space-2)}.code-block{padding:var(--space-3);font-size:12px}}