:root{--color-primary: #2e2836;--color-secondary: #770050;--color-white: #ffffff;--color-gray: #666666;--color-customers: #360069;--color-teams: #770050;--color-organizations: #006635;--color-accent: #770050;--color-success: #006635;--color-yellow: #d4ad00;--color-light: #ffffff;--icon-valueprop: #006635;--icon-problem: #770050;--icon-solution: #003066;--icon-link: #2e2836;--font-body: "Space Mono", monospace;--font-heading: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-primary);background-color:#f2f2f2;line-height:1.5;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(-90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(transparent 3px,#f2f2f2 3px,#f2f2f2 78px,transparent 78px),linear-gradient(-90deg,#aaa 1px,transparent 1px),linear-gradient(-90deg,transparent 3px,#f2f2f2 3px,#f2f2f2 78px,transparent 78px),linear-gradient(#aaa 1px,transparent 1px),#f2f2f2;background-size:8px 8px,8px 8px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/noisy-background.jpg);background-size:cover;background-position:center;mix-blend-mode:overlay;opacity:.75;filter:contrast(1) brightness(1);z-index:2}.container{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:0 1rem;overflow:visible}.header{padding:1.5rem 0}.header-content{display:flex;align-items:center;gap:.5rem;margin:3rem 0 0rem}.header-icon{width:24px;height:24px}.header-title{font-size:1.5rem;font-weight:600;text-transform:uppercase;margin:0}.main{padding:1rem;overflow:visible}.hero-section{position:relative;margin-bottom:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:600;letter-spacing:-.02em}h2{font-size:2rem;font-weight:500;letter-spacing:-.01em}h3{font-size:1.5rem;font-weight:500}h4{font-size:1.25rem;font-weight:500}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500}@media (min-width: 768px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}.title{font-family:var(--font-heading);font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.5rem;line-height:1.2}@media (min-width: 768px){.title{font-size:3rem}}.emphasis{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:#656565}.description{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;letter-spacing:.04em;color:#858585;margin-bottom:2rem}.project-description{padding:.5rem .5rem .5rem 2.5rem;font-size:.8em;overflow:hidden;margin-bottom:1.5rem}.project-description p{margin:.5rem 0!important;padding:0 2rem}.project-description .valueprop{font-size:.8rem;font-weight:600;color:#006635}.project-description .problem{color:#770050}.project-description .solution{color:#003066}.project-description .builtwith{font-style:italic;font-size:.7rem;color:#5f5f5f}.description-content{display:flex;flex-direction:column;gap:.5rem;width:100%}.description-content p{margin:0;position:relative;padding-left:2.5rem;line-height:1.6}.description-content p:before{position:absolute;left:0;top:.5em;font-size:1.5em;line-height:1;transform:translateY(-.1em);display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em}.description-content p.valueprop:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23006635' viewBox='0 0 256 256'%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM200,192H56a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v76.69l34.34-34.35a8,8,0,0,1,11.32,0L128,132.69,172.69,88H144a8,8,0,0,1,0-16h48a8,8,0,0,1,8,8v48a8,8,0,0,1-16,0V99.31l-50.34,50.35a8,8,0,0,1-11.32,0L104,131.31l-40,40V176H200a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;background-size:contain}.description-content p.problem:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23770050' viewBox='0 0 256 256'%3E%3Cpath d='M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;background-size:contain}.description-content p.solution:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23003066' viewBox='0 0 256 256'%3E%3Cpath d='M232,64H208V48a8,8,0,0,0-8-8H56a8,8,0,0,0-8,8V64H24A16,16,0,0,0,8,80V96a40,40,0,0,0,40,40h3.65A80.13,80.13,0,0,0,120,191.61V216H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16H136V191.58c31.94-3.23,58.44-25.64,68.08-55.58H208a40,40,0,0,0,40-40V80A16,16,0,0,0,232,64ZM48,120A24,24,0,0,1,24,96V80H48v32q0,4,.39,8ZM232,96a24,24,0,0,1-24,24h-.5a81.81,81.81,0,0,0,.5-8.9V80h24Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;background-size:contain}.description-content p:has(a):before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%232e2836' viewBox='0 0 256 256'%3E%3Cpath d='M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM115.7,192.49a43.31,43.31,0,0,1-55-66.43l25.37-25.37a43.35,43.35,0,0,1,61.25,0,42.9,42.9,0,0,1,9.95,15.43,8,8,0,1,1-15,5.6A27.33,27.33,0,0,0,97.37,112L72,137.37a27.32,27.32,0,0,0,34.68,41.91,8,8,0,1,1,9,13.21Zm79.61-62.55-25.37,25.37A43,43,0,0,1,139.32,168h0a43.35,43.35,0,0,1-40.53-28.12,8,8,0,1,1,15-5.6A27.35,27.35,0,0,0,139.28,152h0a27.14,27.14,0,0,0,19.32-8L184,118.63a27.32,27.32,0,0,0-34.68-41.91,8,8,0,1,1-9-13.21,43.32,43.32,0,0,1,55,66.43Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;background-size:contain}.description-content p:first-line{padding-left:0}.description-content p:last-child{margin-bottom:0!important}.description-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px dashed var(--color-primary);transition:all .2s ease}.description-content a:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.description-content img{max-width:80%;width:auto;height:auto;border-radius:6px;display:block;margin:1rem auto;box-shadow:0 2px 4px #0003}.project-link a{font-size:1.2em;color:#5f5f5f}.description-content ul,.description-content ol{margin:.5rem 0;padding-left:1.5rem}.description-content li{margin:.25rem 0}.description-content code{background-color:#0000000d;padding:.2em .4em;border-radius:3px;font-family:monospace;font-size:.9em}.description-content pre{background-color:#0000000d;padding:1rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.description-content blockquote{border-left:3px solid var(--color-primary);margin:.5rem 0;padding-left:1rem;color:var(--color-gray);font-style:italic}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.fade-in-down{opacity:0;transform:translateY(-20px);animation:fadeInDown .5s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.delay-200{animation-delay:.2s}.delay-400{animation-delay:.4s}.font-demo{margin-top:2rem;padding:1rem;background:#fffc;border-radius:4px}.font-option{margin-bottom:1.5rem;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:4px;transition:all .3s ease}.font-option:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.font-label{font-size:.875rem;color:var(--color-gray);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.font-preview{font-size:1.5rem;line-height:1.4;margin-bottom:.5rem}.font-name{font-size:.75rem;color:var(--color-gray);font-family:var(--font-body)}.font-space-mono .font-preview{font-family:var(--font-space-mono)}.font-ibm-plex .font-preview{font-family:var(--font-ibm-plex)}.font-jetbrains .font-preview{font-family:var(--font-jetbrains)}.font-share-tech .font-preview{font-family:var(--font-share-tech)}.font-vt323 .font-preview{font-family:var(--font-vt323)}.font-press-start .font-preview{font-family:var(--font-press-start)}.font-courier .font-preview{font-family:var(--font-courier)}.header-font-demo{margin-top:2rem;padding:1rem;background:#fffc;border-radius:4px}.header-font-option{margin-bottom:1.5rem;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:4px;transition:all .3s ease}.header-font-option:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.header-font-label{font-size:.875rem;color:var(--color-gray);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.header-font-preview{font-size:2.5rem;line-height:1.2;margin-bottom:.5rem}.header-font-name{font-size:.75rem;color:var(--color-gray);font-family:var(--font-body)}.header-font-orbitron .header-font-preview{font-family:var(--font-orbitron);font-weight:700}.header-font-audiowide .header-font-preview{font-family:var(--font-audiowide)}.header-font-black-ops .header-font-preview{font-family:var(--font-black-ops)}.header-font-chakra .header-font-preview{font-family:var(--font-chakra);font-weight:600}.project-accordion{display:flex;flex-direction:column;gap:2rem;margin:3rem .25rem;width:80%}.project-item-wrapper{position:relative;margin-bottom:1em;display:flex;align-items:flex-start;gap:.5rem;width:100%}.project-icon{position:relative;display:flex;align-items:center;justify-content:center;color:#aaa;flex-shrink:0}.project-feature-icon{position:absolute;right:-300px;top:60%;transform:translateY(-50%);width:200px;height:200px;pointer-events:none;filter:drop-shadow(2px 0px 5px rgba(0,0,0,.15))}.grunge-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/grunge.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:contrast(.2) brightness(1.6)}.project-feature-icon .grunge-texture{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.feature-icon{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.test-mask{width:200px;height:200px;background-color:#000;mask-image:url(/images/grunge.png);mask-size:cover;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/images/grunge.png);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.project-item{flex:1;min-width:0;width:100%;border-radius:4px;overflow:hidden;transition:box-shadow .3s ease;position:relative}.project-item:hover,.project-item[data-expanded=true]{box-shadow:2px 4px 8px #00000026;background:linear-gradient(to bottom,#f2f2f200,#fffef842)}.project-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.project-title{display:flex;align-items:center;gap:.375rem;width:fit-content;max-width:calc(100% - 2rem);padding:.15rem 6rem 0rem .65rem;position:relative;color:var(--color-white);height:1.5em;background-color:var(--color-gray);border-radius:3px}.project-title-checkbox{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.1em;color:#a3da64;display:flex;align-items:center}.project-title h3{margin:0;font-size:1.2em;text-transform:uppercase;letter-spacing:.02em;font-weight:600;transform:skewY(-.5deg)}.project-summary{padding:.375rem .5rem;color:var(--color-gray);font-size:.9em;position:relative;min-height:2rem;display:flex;align-items:center}.project-caret{position:absolute;left:.5rem;top:62%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px}.section-title{font-family:var(--font-heading);font-size:1.5em;font-weight:500;color:var(--color-primary);margin:2rem 0 .75rem;text-transform:uppercase;letter-spacing:.02em;position:relative;display:inline-block;padding:.25rem .5rem}.section-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffee002b,#fbff0045,#ffd9000d);transform:skewY(-.5deg) scale(1.1);z-index:-1;border-radius:2px;transition:transform .3s ease}.section-title:first-child{margin-top:0}.project-accordion>div{margin-bottom:.5em}.project-accordion>div:last-child{margin-bottom:0}.title-keyword-text{color:var(--color-yellow);text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px;text-decoration-thickness:1px}.cursor{display:inline-block;margin-left:2px;animation:blink 1s step-end infinite;color:var(--color-secondary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.footer{padding:3rem 0;margin-top:3rem}@keyframes flashOverlay{0%,to{opacity:0}25%,75%{opacity:.3}}.footer-flash:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid rgb(46,109,83);border-radius:8px;pointer-events:none;filter:blur(2px);opacity:0;z-index:1;animation:flashOverlay 1s ease-in-out 2}.footer-content{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:flex-start;gap:4rem;margin-bottom:2rem;padding-left:2rem}.footer-section{flex:0 1 auto;min-width:0}.footer-header{font-size:1.25rem;margin-bottom:1rem}.email{font-size:1.1rem;font-weight:600;text-transform:lowercase}.footer-icons{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;text-transform:lowercase}.icon-link{text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:opacity .3s ease}.icon-link:hover{opacity:.8}.icon-link i{font-size:1.5rem}.footer-copyright{color:var(--color-gray);padding-top:2rem;border-top:1px solid rgba(44,0,0,.1);font-size:.9rem}.footer-copyright a{text-decoration:none}.footer-copyright a:hover{text-decoration:underline}.footer-copyright p{margin:.5rem 0}.resume-link{color:var(--color-primary);font-size:1.1rem;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.resume-link:hover{color:var(--color-accent)}.resume-link svg{color:var(--color-accent)}@media (max-width: 850px){.footer-content{flex-direction:column;gap:1.5rem;padding-left:.5rem}}@media (max-width: 690px){.project-title h3{font-size:1rem}}@media (max-width: 620px){.project-title h3{font-size:.9rem}.project-title{padding:.5rem 2rem .5rem .5rem;min-width:60%}}@media (max-width: 500px){.title{font-size:1.93rem}.emphasis,.description{font-size:1.1rem}.project-accordion{margin:0;width:100%}.project-item{padding:.5rem}.project-title{padding:.5rem;width:100%}.project-title h3{font-size:.9rem}.project-summary{font-size:.7rem}.project-description{padding:0 0 0 1rem}.description-content img{max-width:100%;margin:.5rem auto}.description-content p{padding-left:1.25rem;font-size:.8rem}.description-content p:before{width:1.1em;height:1.1em;font-size:1.1em}.footer{padding:1rem 0}.footer-content{flex-direction:column;gap:1.5rem;padding-left:.5rem}.footer-header{font-size:1.1rem}.email{font-size:1rem}.footer-icons{gap:.75rem}.icon-link i{font-size:1.25rem}.icon-link .label{font-size:.7rem}}.technology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem;width:fit-content;max-width:100%;margin:2rem 0;align-items:center;justify-content:start}.technology-item{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;cursor:pointer;height:100%;max-height:1.875rem}.technology-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.technology-icon svg{width:100%;height:100%;max-width:1.875rem;max-height:1.875rem;color:var(--color-gray)}.technology-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--color-primary);white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.technology-icon.fade-out{opacity:0}.technology-icon.fade-in,.technology-label.fade-in{opacity:1}.technology-label.fade-out{opacity:0}@media (max-width: 500px){.technology-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:.75rem}.technology-item{max-height:1.65rem}.technology-icon svg{max-width:1.65rem;max-height:1.65rem}.technology-label{font-size:.65rem}}.headshot-container{position:absolute;left:-225px;top:-60px;z-index:10}.headshot-wrapper{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid var(--color-yellow);box-shadow:3px 6px 10px #00000040}.headshot-image{width:100%;height:100%;object-fit:cover;display:block}.headshot-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.overlay-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(200deg,transparent 0%,transparent 50%,rgba(0,102,53,.3) 60%,rgba(0,102,53,1) 90%);mask:radial-gradient(circle at center,transparent 50%,black 55%);-webkit-mask:radial-gradient(circle at center,transparent 50%,black 55%)}.overlay-text-svg{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.overlay-text{font-family:var(--font-heading);font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}