a,button,input,select,h1,h2,h3,h4,h5,*{box-sizing:border-box;margin:0;padding:0;border:none;text-decoration:none;background:none;-webkit-font-smoothing:antialiased}menu,ol,ul{list-style-type:none;margin:0;padding:0}:root{--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-primary-dark: #1e40af;--color-dark: #111827;--color-gray: #4b5563;--color-gray-light: #9ca3af;--color-bg-light: #ffffff;--color-bg-secondary: #f9fafb;--color-offset-bg: #dbeafe;--color-primary-hover: #1e4bb8;--color-accent: #8b5cf6;--color-success: #10b981;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hero: linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #ec4899 100%);--gradient-card: linear-gradient(145deg, #f0f9ff 0%, #e0f2fe 100%);--font-family-base: "Inter-Regular", sans-serif;--font-family-bold: "Inter-Bold", sans-serif;--font-family-semibold: "Inter-SemiBold", sans-serif;--font-xl: 3.75rem;--font-lg: 1.25rem;--font-base: 1rem;--font-sm: .875rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.navigation{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;box-shadow:0 1px 4px #0000000d;position:fixed;top:0;left:0;z-index:100;border-bottom:1px solid rgba(226,232,240,.8);transition:all var(--transition-base)}.nav{max-width:90rem;margin:0 auto;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;width:100%;box-sizing:border-box;flex-wrap:nowrap}.tyler-mccallum{font-family:Inter-Bold,sans-serif;font-size:1.5rem;background:linear-gradient(135deg,#111827,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:700;transition:all var(--transition-base)}.tyler-mccallum:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-list{display:flex;gap:2.5rem}.nav-link{font-family:Inter-Medium,sans-serif;font-size:.875rem;color:#4b5563;text-decoration:none;position:relative;padding:.5rem 0;transition:all var(--transition-base)}.nav-link:after{content:"";position:absolute;left:50%;bottom:-.25rem;height:2px;width:0;background:linear-gradient(90deg,#2563eb,#7c3aed);transform:translate(-50%);transition:width var(--transition-base)}.nav-link.active,.nav-link:hover{color:#111827}.nav-link.active:after,.nav-link:hover:after{width:100%}.hamburger{display:none;font-size:2rem;background:none;border:none;cursor:pointer;margin-left:auto;color:#111827;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-base)}.hamburger:hover{background:#2563eb1a;transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.mobile-menu{display:none;flex-direction:column;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:4rem;left:0;width:100%;padding:1.5rem 2rem;box-shadow:var(--shadow-lg);z-index:99;animation:fadeInUp .3s ease-out}@media (max-width: 768px){.nav-list.desktop-only{display:none}.hamburger{display:block;margin-left:auto}.mobile-menu.open{display:flex}.mobile-menu .nav-link{font-size:1rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}}.homepage-hero{background:linear-gradient(135deg,#fff,#f8fafc);margin:8rem 5rem;display:flex;justify-content:center;align-items:center;max-height:53.5rem;overflow:visible;position:relative}.homepage-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 6s ease-in-out infinite}.hero-content-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;max-width:90rem;width:100%;gap:4rem;position:relative;z-index:1}.hero-text-block{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;animation:slideInLeft .8s ease-out}.hero-text{font-family:var(--font-family-bold);font-size:var(--font-xl);line-height:1.1;color:var(--color-dark);font-weight:700;position:relative}.hero-text-dark{background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text-light{background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn 1s ease-in .3s both}.hero-details{font-family:var(--font-family-bold);font-size:var(--font-lg);line-height:2rem;color:var(--color-grey);max-width:36rem}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2rem}.primary-button{background:linear-gradient(135deg,#2563eb,#1e40af);color:var(--color-bg-light);font-family:var(--font-family-semibold);font-size:var(--font-base);font-weight:600;padding:.875rem 2.5rem;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px #2563eb63;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.primary-button:hover:before{left:100%}.primary-button:active{transform:translateY(0)}.social-logos{display:flex;gap:1rem}.social-logos a{display:inline-block;transition:all var(--transition-base);padding:.5rem;border-radius:var(--radius-md);background:#2563eb0d}.social-logos img{width:2rem;height:2rem;cursor:pointer;transition:all var(--transition-base);display:block}.social-logos a:hover{background:#2563eb1a;transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-md)}.social-logos a:active{transform:translateY(-1px)}.image-container{position:relative;max-width:36.31rem;max-height:30.375rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:slideInRight .8s ease-out}.image-offset{position:absolute;top:1.5rem;left:1.5rem;width:100%;height:100%;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-radius:var(--radius-2xl);z-index:0;transition:all var(--transition-slow)}.image-container:hover .image-offset{top:2rem;left:2rem;background:linear-gradient(135deg,#c7d2fe,#ddd6fe)}.image-container img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);transition:all var(--transition-slow)}.image-container:hover img{transform:scale(1.02);box-shadow:0 30px 60px -12px #0000004d}@media (max-width: 768px){.homepage-hero{margin:0;padding:3rem}.hero-content-container{flex-direction:column;align-items:flex-start;gap:2rem}.image-container{display:none}.hero-text{font-size:2.5rem;line-height:1.2}.hero-details{font-size:var(--font-base);line-height:1.75rem}.primary-button{font-size:var(--font-base);padding:.65rem 1.5rem}.social-logos{gap:.75rem}}.about-me{background:linear-gradient(180deg,#f9fafb,#fff);padding:5rem;display:flex;justify-content:center;position:relative;overflow:hidden}.about-me:before{content:"";position:absolute;bottom:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.about-content-container{display:flex;max-width:90rem;width:100%;gap:3rem;position:relative;z-index:1}.about-left{width:50%;display:flex;flex-direction:column;animation:slideInLeft .8s ease-out}.about-header-container{margin-bottom:1.5rem}.sub-heading{font-family:Inter-Bold,sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:700;background:linear-gradient(135deg,#111827,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;position:relative}.sub-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px}.sub-text{font-family:Inter-Regular,sans-serif;font-size:1.25rem;line-height:1.75rem;color:#4b5563}.about-details-content{font-family:Inter-Regular,sans-serif;font-size:var(--font-lg);line-height:1.875rem;color:#374151}.about-details-statistics{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.stats-container{flex:1 1 45%;display:flex;flex-direction:row;align-items:baseline;gap:1rem}.stat-header{font-family:Inter-Bold,sans-serif;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-subtext{font-family:Inter-Regular,sans-serif;font-size:1rem;color:#4b5563!important}.about-image-container{width:50%;display:flex;justify-content:center;align-items:center;animation:slideInRight .8s ease-out;position:relative}.about-img{width:100%;max-width:36rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);object-fit:cover;transition:all var(--transition-slow)}.about-image-container:hover .about-img{transform:scale(1.02) rotate(1deg);box-shadow:0 30px 60px -12px #00000040}@media (max-width: 768px){.about-me{padding:3rem}.about-content-container{flex-direction:column}.about-left,.about-image-container{width:100%;text-align:center}.about-details-content{display:none}.about-details-statistics{justify-content:center}.stats-container{flex:1 1 100%;flex-direction:column;gap:0;align-items:center;text-align:center}}.experience-section{background:linear-gradient(180deg,#fff,#fafbfc);padding:4rem 5rem;max-width:90rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem;font-family:Inter,sans-serif;position:relative}.experience-section:before{content:"";position:absolute;top:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.experience-header{text-align:center;animation:fadeInUp .8s ease-out;position:relative;z-index:1}.section-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#111827,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px}.section-description{font-size:1.25rem;line-height:1.75rem;color:#4b5563;margin-top:.5rem}.experience-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;position:relative;z-index:1}.experience-grid>*{animation:scaleIn .6s ease-out;animation-fill-mode:both}.experience-grid>*:nth-child(1){animation-delay:.1s}.experience-grid>*:nth-child(2){animation-delay:.2s}.experience-grid>*:nth-child(3){animation-delay:.3s}.experience-category{width:24.5rem;background:#ffffffe6;border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-md);border:1px solid rgba(226,232,240,.8);transition:all var(--transition-base);position:relative;overflow:hidden}.experience-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.experience-category:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#2563eb4d}.experience-category:hover:before{opacity:1}.category-header{display:flex;align-items:center;gap:.75rem}.icon-wrapper{color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;min-width:64px;min-height:64px;border-radius:50%;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.experience-category:hover .icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-xl)}.icon-wrapper svg{max-height:32px}.category-header h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.category-list li{display:flex;align-items:center;gap:.75rem;color:#374151;font-size:1rem;line-height:1.5rem;transition:all var(--transition-fast);padding-left:0}.category-list li:hover{padding-left:.5rem;color:#111827}.experience-cta{margin-top:2rem;text-align:center}.learn-more-button{background:linear-gradient(135deg,#111827,#374151);color:#fff;border:none;font-size:1rem;font-weight:600;font-family:Inter-SemiBold,sans-serif;padding:.875rem 2.5rem;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.learn-more-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.learn-more-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#2563eb,#1e40af)}.learn-more-button:hover:before{left:100%}.learn-more-button:active{transform:translateY(0)}#icon-digital-strategy{background-color:#2563eb}#icon-product-management{background-color:#9333ea}#icon-software-development{background-color:#16a34a}#digital-strategy{background:linear-gradient(145deg,#e1edff,#f0f7ff)}#digital-strategy:before{color:#2563eb}#product-management{background:linear-gradient(145deg,#f9f4ff,#faf5ff)}#product-management:before{color:#9333ea}#software-development{background:linear-gradient(145deg,#e0fce9,#f0fdf4)}#software-development:before{color:#16a34a}@media (max-width: 768px){.experience-section{padding:3rem}}.contact{background:linear-gradient(135deg,#111827,#1e293b);padding:2.5rem 5rem;display:flex;flex-direction:row;justify-content:space-between;gap:2rem;color:#fff;flex-wrap:wrap;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.contact-header{flex:1;display:flex;flex-direction:column;gap:1rem;max-width:40rem;animation:slideInLeft .8s ease-out;position:relative;z-index:1}.contact-title{font-size:2.25rem;font-weight:700;font-family:Inter-Bold,sans-serif;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.contact-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:80px;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px}.contact-description{font-size:1.25rem;line-height:1.75rem;color:#d1d5db;font-family:Inter-Regular,sans-serif;max-width:40rem}.contact-form-container{flex:1;display:flex;justify-content:flex-end;position:relative;z-index:1}.contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:40rem;width:100%;animation:slideInRight .8s ease-out}.form-group{display:flex;flex-direction:column}.form-group label{font-size:1rem;font-weight:500;font-family:Inter-Regular,sans-serif;color:#e5e7eb;margin-bottom:.5rem;transition:color var(--transition-fast)}.form-group:focus-within label{color:#93c5fd}.form-group input,.form-group textarea{background-color:#1f2937cc;color:#fff;border:2px solid #374151;border-radius:var(--radius-md);padding:.875rem 1.25rem;font-size:1rem;font-family:Inter-Regular,sans-serif;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-group input:hover,.form-group textarea:hover{border-color:#4b5563}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-2px)}.form-group textarea{height:9rem;resize:vertical}.contact-form .primary-button{background:linear-gradient(135deg,#2563eb,#1e40af);color:var(--color-bg-light);font-family:var(--font-family-semibold);font-size:var(--font-base);font-weight:600;padding:.875rem 2.5rem;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px #2563eb63;position:relative;overflow:hidden}.contact-form .primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.contact-form .primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.contact-form .primary-button:hover:before{left:100%}.contact-form .primary-button:active{transform:translateY(0)}.form-success-overlay{position:absolute;top:0;left:0;background:linear-gradient(135deg,#1e293bfa,#111827fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:2rem;width:100%;height:100%;border-radius:var(--radius-xl);border:2px solid rgba(37,99,235,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-family:Inter-SemiBold,sans-serif;text-align:center;z-index:10;animation:scaleIn .3s ease-out;box-shadow:var(--shadow-2xl)}@media (max-width: 768px){.contact{flex-direction:column;padding:2rem}.contact-form-container{justify-content:flex-start}.contact-form{max-width:100%}}.experience-group.digital-strategy .icon-wrapper,.experience-group.digital-strategy .experience-card{color:#1e293b}.experience-group.digital-strategy .icon-wrapper{background-color:#3b83f63c}.experience-group.product-management{background-color:#f9fafb}.experience-group.product-management .icon-wrapper{background-color:#ede9fe}.experience-group.product-management .icon-wrapper,.experience-group.product-management .experience-card{color:#9333ea}.experience-group.software-development .icon-wrapper{background-color:#dcfce7}.experience-group.software-development .icon-wrapper,.experience-group.software-development .experience-card{color:#16a34a}.experience-card svg{width:32px;height:32px}.experience-hero{background:linear-gradient(135deg,#5ca2ff,#2563eb);color:#fff;padding:6rem 1.5rem;text-align:center;display:flex;justify-content:center;align-items:center;font-family:Inter,"sans-serif"}.hero-content{width:100%;max-width:900px}.hero-headline h1{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;line-height:1.4}.hero-headline h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.3}.hero-subtext{font-size:1.125rem;font-weight:300;line-height:1.6;margin:0 auto 2.5rem;max-width:720px;color:#ffffffe6}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:2rem}.stat{min-width:100px;text-align:center}.stat-number{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:1rem;font-weight:300;opacity:.85}.stat-subtext{font-size:1rem;margin-top:1.5rem;color:#fffc}.hero-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;color:#fff}.hero-icons img{width:32px;height:32px;opacity:1;cursor:pointer;filter:brightness(0) invert(1);transition:opacity .2s ease;transition-behavior:normal;transition-duration:.2s;transition-timing-function:ease;transition-delay:0s;transition-property:opacity}.hero-icons img:hover{opacity:.7}@media (max-width: 768px){.hero-headline h1{font-size:1.25rem}.hero-headline h2{font-size:2rem}.hero-subtext{font-size:1rem;margin-bottom:2rem}.hero-stats{flex-direction:column;gap:1.5rem;align-items:center}.stat-number{font-size:1.5rem}.stat-label{font-size:.95rem}.hero-icons img{width:28px;height:28px}}.experience-group{text-align:center;padding:5rem 2rem;font-family:Inter,sans-serif}.group-header{margin-bottom:3rem}.group-header .icon-wrapper{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.group-header h3{font-size:2rem;font-weight:700;color:#111827;margin:.5rem 0}.group-header p{font-size:1.125rem;color:#4b5563;max-width:40rem;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.experience-card{background:#f9fafb;border-radius:.75rem;padding:2rem;text-align:left;box-shadow:0 0 0 1px #00000008}.card-icon{width:2.5rem;height:2.5rem;background:#0000000d;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon img{width:1.25rem;height:1.25rem}.experience-card h4{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:.5rem}.experience-card p{font-size:1rem;color:#4b5563;line-height:1.5rem}.icon-wrapper svg{width:48px;height:48px}.card-icon svg{width:32px;height:32px;padding:.01rem}.footer{background:linear-gradient(180deg,#000,#0f172a);width:100%;padding:2rem 5rem;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(148,163,184,.1);position:relative}.footer-row{display:flex;justify-content:space-between;align-items:center;width:90rem;max-width:100%;animation:fadeInUp .8s ease-out}.copyright{font-family:Inter-Regular,sans-serif;font-size:1rem;color:#9ca3af;transition:color var(--transition-base)}.copyright:hover{color:#d1d5db}.footer .social-logos{display:flex;gap:1rem}.footer .social-logos a{display:inline-block;transition:all var(--transition-base);padding:.5rem;border-radius:var(--radius-md);background:#94a3b81a}.footer .social-logos img{width:1.5rem;height:1.5rem;cursor:pointer;transition:all var(--transition-base);filter:brightness(.8);display:block}.footer .social-logos a:hover{background:#2563eb33;transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-md)}.footer .social-logos a:hover img{filter:brightness(1.2)}.footer .social-logos a:active{transform:translateY(-1px)}