:root{--portfolio-primary: #191970;--portfolio-primary-dark: #13134d;--portfolio-primary-light: #2563eb;--portfolio-accent: #ffd700;--portfolio-accent-dark: #d4af37;--portfolio-accent-light: #ffed4e;--portfolio-gray-50: #f8fafc;--portfolio-gray-100: #f1f5f9;--portfolio-gray-200: #e2e8f0;--portfolio-gray-300: #cbd5e1;--portfolio-gray-400: #94a3b8;--portfolio-gray-500: #64748b;--portfolio-gray-600: #475569;--portfolio-gray-700: #334155;--portfolio-gray-800: #1e293b;--portfolio-gray-900: #0f172a;--portfolio-success: #10b981;--portfolio-warning: #f59e0b;--portfolio-error: #ef4444;--portfolio-info: #191970;--portfolio-font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--portfolio-font-family-display: "Cal Sans", "Inter", sans-serif;--portfolio-font-family-mono: "JetBrains Mono", "Fira Code", monospace;--portfolio-font-size-xs: .75rem;--portfolio-font-size-sm: .875rem;--portfolio-font-size-base: 1rem;--portfolio-font-size-lg: 1.125rem;--portfolio-font-size-xl: 1.25rem;--portfolio-font-size-2xl: 1.5rem;--portfolio-font-size-3xl: 1.875rem;--portfolio-font-size-4xl: 2.25rem;--portfolio-font-size-5xl: 3rem;--portfolio-font-size-6xl: 3.75rem;--portfolio-space-1: .25rem;--portfolio-space-2: .5rem;--portfolio-space-3: .75rem;--portfolio-space-4: 1rem;--portfolio-space-5: 1.25rem;--portfolio-space-6: 1.5rem;--portfolio-space-8: 2rem;--portfolio-space-10: 2.5rem;--portfolio-space-12: 3rem;--portfolio-space-16: 4rem;--portfolio-space-20: 5rem;--portfolio-space-24: 6rem;--portfolio-space-32: 8rem;--portfolio-radius-sm: .375rem;--portfolio-radius-md: .5rem;--portfolio-radius-lg: .75rem;--portfolio-radius-xl: 1rem;--portfolio-radius-2xl: 1.5rem;--portfolio-radius-full: 9999px;--portfolio-shadow-xs: 0 .5px 1px 0 rgb(0 0 0 / .03);--portfolio-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--portfolio-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--portfolio-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--portfolio-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--portfolio-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--portfolio-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--portfolio-transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--portfolio-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--portfolio-z-dropdown: 1000;--portfolio-z-sticky: 1020;--portfolio-z-fixed: 1030;--portfolio-z-modal: 1040;--portfolio-z-popover: 1050;--portfolio-z-tooltip: 1060;--portfolio-background: #ffffff;--portfolio-background-alt: #f8fafc;--portfolio-background-card: #ffffff;--portfolio-background-overlay: rgba(255, 255, 255, .95);--portfolio-text: #0f172a;--portfolio-text-light: #64748b;--portfolio-text-muted: #94a3b8}@media (prefers-color-scheme: dark){:root{--portfolio-primary: #a67c00;--portfolio-primary-dark: #704700;--portfolio-primary-light: #d4af37;--portfolio-primary-highlight: #f9df85;--portfolio-accent: #191970;--portfolio-accent-dark: #13134d;--portfolio-accent-light: #2563eb;--portfolio-gray-50: #0f172a;--portfolio-gray-100: #1e293b;--portfolio-gray-200: #334155;--portfolio-gray-300: #475569;--portfolio-gray-400: #64748b;--portfolio-gray-500: #94a3b8;--portfolio-gray-600: #cbd5e1;--portfolio-gray-700: #e2e8f0;--portfolio-gray-800: #f1f5f9;--portfolio-gray-900: #f8fafc;--portfolio-success: #4ade80;--portfolio-warning: #ffda6a;--portfolio-error: #ff6b6b;--portfolio-info: #60cdff;--portfolio-shadow-xs: 0 .5px 1px 0 rgb(0 0 0 / .1);--portfolio-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--portfolio-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--portfolio-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--portfolio-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .5);--portfolio-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--portfolio-background: #121212;--portfolio-background-alt: #1e1e1e;--portfolio-background-card: #1e1e1e;--portfolio-background-overlay: rgba(18, 18, 18, .95);--portfolio-text: #e0e0e0;--portfolio-text-light: #b0b0b0;--portfolio-text-muted: #888888;--portfolio-gold-gradient: linear-gradient( 135deg, #704700 0%, #a67c00 20%, #d4af37 40%, #f9df85 50%, #d4af37 60%, #a67c00 80%, #704700 100% );--portfolio-gold-gradient-simple: linear-gradient( 135deg, #704700, #a67c00, #d4af37, #f9df85, #d4af37, #a67c00, #704700 )}}.dark-mode{--portfolio-primary: #a67c00;--portfolio-primary-dark: #704700;--portfolio-primary-light: #d4af37;--portfolio-primary-highlight: #f9df85;--portfolio-accent: #191970;--portfolio-accent-dark: #13134d;--portfolio-accent-light: #2563eb;--portfolio-gray-50: #0f172a;--portfolio-gray-100: #1e293b;--portfolio-gray-200: #334155;--portfolio-gray-300: #475569;--portfolio-gray-400: #64748b;--portfolio-gray-500: #94a3b8;--portfolio-gray-600: #cbd5e1;--portfolio-gray-700: #e2e8f0;--portfolio-gray-800: #f1f5f9;--portfolio-gray-900: #f8fafc;--portfolio-background: #121212;--portfolio-background-alt: #1e1e1e;--portfolio-background-card: #1e1e1e;--portfolio-background-overlay: rgba(18, 18, 18, .95);--portfolio-text: #e0e0e0;--portfolio-text-light: #b0b0b0;--portfolio-text-muted: #888888;--portfolio-shadow-xs: 0 .5px 1px 0 rgb(0 0 0 / .1);--portfolio-gold-gradient: linear-gradient( 135deg, #704700 0%, #a67c00 20%, #d4af37 40%, #f9df85 50%, #d4af37 60%, #a67c00 80%, #704700 100% );--portfolio-gold-gradient-simple: linear-gradient( 135deg, #704700, #a67c00, #d4af37, #f9df85, #d4af37, #a67c00, #704700 )}.nav a[href="portfolio.html"]{position:relative}body[data-page*=marketing] .nav a[href="portfolio.html"]:after,body[data-page*=business] .nav a[href="portfolio.html"]:after,body[data-page*=coding] .nav a[href="portfolio.html"]:after,body[data-page*=photography] .nav a[href="portfolio.html"]:after,body[data-page*=amv] .nav a[href="portfolio.html"]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--portfolio-accent);border-radius:2px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-color-scheme: dark){body[data-page*=marketing] .nav a[href="portfolio.html"]:after,body[data-page*=business] .nav a[href="portfolio.html"]:after,body[data-page*=coding] .nav a[href="portfolio.html"]:after,body[data-page*=photography] .nav a[href="portfolio.html"]:after,body[data-page*=amv] .nav a[href="portfolio.html"]:after{background:var(--portfolio-gold-gradient-simple);box-shadow:0 0 10px #a67c004d}}.dark-mode body[data-page*=marketing] .nav a[href="portfolio.html"]:after,.dark-mode body[data-page*=business] .nav a[href="portfolio.html"]:after,.dark-mode body[data-page*=coding] .nav a[href="portfolio.html"]:after,.dark-mode body[data-page*=photography] .nav a[href="portfolio.html"]:after,.dark-mode body[data-page*=amv] .nav a[href="portfolio.html"]:after{background:var(--portfolio-gold-gradient-simple);box-shadow:0 0 10px #a67c004d}.marketing-hero{position:relative;background:linear-gradient(135deg,var(--portfolio-background-alt) 0%,var(--portfolio-background) 100%);padding:var(--portfolio-space-20) var(--portfolio-space-6);margin-top:80px;overflow:hidden;min-height:60vh;display:flex;align-items:center;justify-content:center;transition:background var(--portfolio-transition-normal)}.marketing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(25,25,112,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0%,transparent 50%);z-index:0;transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.marketing-hero:before{background:radial-gradient(circle at 20% 80%,rgba(166,124,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(25,25,112,.1) 0%,transparent 50%)}}.dark-mode .marketing-hero:before{background:radial-gradient(circle at 20% 80%,rgba(166,124,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(25,25,112,.1) 0%,transparent 50%)}.marketing-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 24%,rgba(25,25,112,.02) 25%,rgba(25,25,112,.02) 26%,transparent 27%,transparent 74%,rgba(25,25,112,.02) 75%,rgba(25,25,112,.02) 76%,transparent 77%);background-size:60px 60px;z-index:1;transition:background-image var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.marketing-hero:after{background-image:linear-gradient(45deg,transparent 24%,rgba(166,124,0,.03) 25%,rgba(166,124,0,.03) 26%,transparent 27%,transparent 74%,rgba(166,124,0,.03) 75%,rgba(166,124,0,.03) 76%,transparent 77%)}}.dark-mode .marketing-hero:after{background-image:linear-gradient(45deg,transparent 24%,rgba(166,124,0,.03) 25%,rgba(166,124,0,.03) 26%,transparent 27%,transparent 74%,rgba(166,124,0,.03) 75%,rgba(166,124,0,.03) 76%,transparent 77%)}.marketing-hero-content{position:relative;z-index:2;max-width:1000px;text-align:center;animation:fadeInUp .8s ease-out}.marketing-hero .page-title{font-family:var(--portfolio-font-family-display);font-size:clamp(var(--portfolio-font-size-4xl),5vw,var(--portfolio-font-size-6xl));font-weight:800;line-height:1.1;margin-bottom:var(--portfolio-space-6);background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-accent));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.marketing-hero .page-title{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite;text-shadow:0 2px 10px rgba(0,0,0,.2)}.marketing-hero .page-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 50% 70%,rgba(249,223,133,.5) .1%,transparent .5%),radial-gradient(circle at 80% 10%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 10% 90%,rgba(249,223,133,.5) .1%,transparent .5%);background-size:150% 150%;mix-blend-mode:overlay;animation:glitterEffect 6s ease-in-out infinite alternate;pointer-events:none}}.dark-mode .marketing-hero .page-title{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dark-mode .marketing-hero .page-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 50% 70%,rgba(249,223,133,.5) .1%,transparent .5%),radial-gradient(circle at 80% 10%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 10% 90%,rgba(249,223,133,.5) .1%,transparent .5%);background-size:150% 150%;mix-blend-mode:overlay;animation:glitterEffect 6s ease-in-out infinite alternate;pointer-events:none}.marketing-hero .page-description{font-size:var(--portfolio-font-size-xl);color:var(--portfolio-text-light);line-height:1.7;margin-bottom:var(--portfolio-space-8);max-width:700px;margin-left:auto;margin-right:auto;font-weight:400;transition:color var(--portfolio-transition-normal)}.marketing-controls{background:var(--portfolio-background-overlay);backdrop-filter:blur(20px);border-bottom:1px solid var(--portfolio-gray-200);padding:var(--portfolio-space-4) var(--portfolio-space-6);position:sticky;top:80px;z-index:900;box-shadow:var(--portfolio-shadow-sm);transition:background var(--portfolio-transition-normal),border-color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.marketing-controls{background:var(--portfolio-background);border-bottom-color:var(--portfolio-gray-700)}}.dark-mode .marketing-controls{background:var(--portfolio-background);border-bottom-color:var(--portfolio-gray-700)}.marketing-controls-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--portfolio-space-4);flex-wrap:nowrap}.marketing-search{flex-grow:1;max-width:400px;min-width:250px;flex-shrink:0}.search-container{position:relative}.search-container svg{position:absolute;left:var(--portfolio-space-4);top:50%;transform:translateY(-50%);color:var(--portfolio-text-muted);z-index:1;width:20px;height:20px;transition:color var(--portfolio-transition-normal)}.search-container input{width:100%;height:48px;line-height:48px;padding:0 var(--portfolio-space-4) 0 var(--portfolio-space-12);border:2px solid var(--portfolio-gray-200);border-radius:var(--portfolio-radius-lg);font-size:var(--portfolio-font-size-base);font-family:var(--portfolio-font-family-primary);background:var(--portfolio-background-card);color:var(--portfolio-text);transition:all var(--portfolio-transition-fast);box-shadow:var(--portfolio-shadow-sm);box-sizing:border-box;vertical-align:middle;margin:0}.search-container input:focus{outline:none;border-color:var(--portfolio-primary);box-shadow:0 0 0 3px #1919701a,var(--portfolio-shadow-md);transform:translateY(-1px)}@media (prefers-color-scheme: dark){.search-container input:focus{box-shadow:0 0 0 3px #a67c0033,var(--portfolio-shadow-md)}}.dark-mode .search-container input:focus{box-shadow:0 0 0 3px #a67c0033,var(--portfolio-shadow-md)}.search-container input::placeholder{color:var(--portfolio-text-muted);font-weight:400;transition:color var(--portfolio-transition-normal)}.marketing-filters{display:flex;gap:var(--portfolio-space-3);align-items:center;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}.filter-select{appearance:none;height:48px;line-height:48px;padding:0 var(--portfolio-space-4);border:2px solid var(--portfolio-gray-200);border-radius:var(--portfolio-radius-lg);background:var(--portfolio-background-card);color:var(--portfolio-text);font-size:var(--portfolio-font-size-sm);font-family:var(--portfolio-font-family-primary);font-weight:500;min-width:140px;cursor:pointer;transition:all var(--portfolio-transition-fast);box-shadow:var(--portfolio-shadow-sm);flex-shrink:0;box-sizing:border-box;vertical-align:middle;margin:0}.filter-select:focus{outline:none;border-color:var(--portfolio-primary);box-shadow:0 0 0 3px #1919701a,var(--portfolio-shadow-md)}@media (prefers-color-scheme: dark){.filter-select:focus{box-shadow:0 0 0 3px #a67c0033,var(--portfolio-shadow-md)}}.dark-mode .filter-select:focus{box-shadow:0 0 0 3px #a67c0033,var(--portfolio-shadow-md)}.filter-select:hover{border-color:var(--portfolio-gray-300);transform:translateY(-1px)}.refresh-btn{padding:var(--portfolio-space-3);border:2px solid var(--portfolio-gray-200);border-radius:var(--portfolio-radius-lg);background:var(--portfolio-background-card);color:var(--portfolio-primary);cursor:pointer;transition:all var(--portfolio-transition-fast);display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:var(--portfolio-shadow-sm);flex-shrink:0;box-sizing:border-box;vertical-align:middle;margin:0}.refresh-btn:hover{background:var(--portfolio-primary);color:var(--portfolio-background);transform:translateY(-2px);box-shadow:var(--portfolio-shadow-md)}@media (prefers-color-scheme: dark){.refresh-btn:hover{background:var(--portfolio-primary);color:var(--portfolio-background);box-shadow:0 0 15px #a67c004d,var(--portfolio-shadow-md)}}.dark-mode .refresh-btn:hover{background:var(--portfolio-primary);color:var(--portfolio-background);box-shadow:0 0 15px #a67c004d,var(--portfolio-shadow-md)}.refresh-btn.refreshing{animation:spin .8s linear infinite}.refresh-btn svg{width:20px;height:20px}.featured-projects{max-width:1400px;margin:var(--portfolio-space-20) auto var(--portfolio-space-16);padding:0 var(--portfolio-space-6)}.featured-projects h2{text-align:center;margin-bottom:var(--portfolio-space-12);color:var(--portfolio-text);font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-3xl);font-weight:700;position:relative;display:inline-block;width:100%;transition:color var(--portfolio-transition-normal)}.featured-projects h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--portfolio-primary),var(--portfolio-accent));border-radius:var(--portfolio-radius-full);transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.featured-projects h2{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}.featured-projects h2:after{background:var(--portfolio-gold-gradient-simple)}}.dark-mode .featured-projects h2{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}.dark-mode .featured-projects h2:after{background:var(--portfolio-gold-gradient-simple)}.marketing-content{padding:var(--portfolio-space-6);max-width:1400px;margin:0 auto}.marketing-stats{text-align:center;margin-bottom:var(--portfolio-space-8);color:var(--portfolio-text-light);font-size:var(--portfolio-font-size-sm);font-weight:500;transition:color var(--portfolio-transition-normal)}.marketing-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--portfolio-space-8);margin-bottom:var(--portfolio-space-16)}.marketing-project-card{background:var(--portfolio-background-card);border-radius:0;overflow:hidden;box-shadow:var(--portfolio-shadow-xs);transition:all var(--portfolio-transition-normal);border:1px solid var(--portfolio-gray-100);position:relative;display:flex;flex-direction:column;height:100%;transform:translateY(0)}.marketing-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--portfolio-primary),var(--portfolio-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--portfolio-transition-normal),background var(--portfolio-transition-normal);z-index:1}.marketing-project-card:hover{transform:translateY(-8px);box-shadow:var(--portfolio-shadow-2xl);border-color:var(--portfolio-primary)}@media (prefers-color-scheme: dark){.marketing-project-card:before{background:var(--portfolio-gold-gradient-simple)}.marketing-project-card:hover{box-shadow:0 0 30px #a67c0033,var(--portfolio-shadow-2xl);border-color:var(--portfolio-primary)}}.dark-mode .marketing-project-card:before{background:var(--portfolio-gold-gradient-simple)}.dark-mode .marketing-project-card:hover{box-shadow:0 0 30px #a67c0033,var(--portfolio-shadow-2xl);border-color:var(--portfolio-primary)}.marketing-project-card.featured-card{border-radius:var(--portfolio-radius-xl);border:2px solid var(--portfolio-accent);box-shadow:0 0 30px #ffd70026,var(--portfolio-shadow-lg);grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start}.marketing-project-card.featured-card .project-card-image{width:100%;height:auto;flex-shrink:0;aspect-ratio:16 / 9}.marketing-project-card.featured-card .project-card-content{width:100%;padding:var(--portfolio-space-6);justify-content:flex-start}.marketing-project-card.featured-card .project-card-summary{display:block;font-size:var(--portfolio-font-size-sm);color:var(--portfolio-text-light);line-height:1.6;margin-bottom:var(--portfolio-space-4)}.marketing-project-card.featured-card .project-card-title{font-size:var(--portfolio-font-size-xl);margin-bottom:var(--portfolio-space-4)}@media (max-width: 1024px){.marketing-project-card.featured-card{grid-column:span 1;flex-direction:column}.marketing-project-card.featured-card .project-card-image{width:100%;height:auto;aspect-ratio:unset}.marketing-project-card.featured-card .project-card-content{width:100%;padding:var(--portfolio-space-6)}.marketing-project-card.featured-card .project-card-summary{display:none}.marketing-project-card.featured-card .project-card-title{font-size:var(--portfolio-font-size-lg)}}.project-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.project-card-image{position:relative;height:auto;overflow:hidden;background:var(--portfolio-gray-100);transition:background var(--portfolio-transition-normal);aspect-ratio:16 / 9}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--portfolio-transition-slow)}.marketing-project-card:hover .project-card-image img{transform:scale(1.05)}.project-type-badge{position:absolute;top:var(--portfolio-space-4);left:var(--portfolio-space-4);background:#191970f2;color:#fff;padding:var(--portfolio-space-2) var(--portfolio-space-4);border-radius:var(--portfolio-radius-full);font-size:var(--portfolio-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(10px);box-shadow:var(--portfolio-shadow-md);transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-type-badge{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}}.dark-mode .project-type-badge{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.project-card-content{padding:var(--portfolio-space-6);display:flex;flex-direction:column;flex-grow:1;gap:var(--portfolio-space-4)}.project-card-header{margin-bottom:var(--portfolio-space-2)}.project-card-title{font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-lg);font-weight:700;line-height:1.3;margin-bottom:var(--portfolio-space-3);color:var(--portfolio-text);transition:color var(--portfolio-transition-fast);display:block;overflow:visible;white-space:normal}.marketing-project-card:hover .project-card-title{color:var(--portfolio-primary)}.project-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--portfolio-font-size-sm);color:var(--portfolio-text-light);transition:color var(--portfolio-transition-normal)}.project-category{background:#1919701a;color:var(--portfolio-primary);padding:var(--portfolio-space-1) var(--portfolio-space-3);border-radius:var(--portfolio-radius-md);font-size:var(--portfolio-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:background var(--portfolio-transition-normal),color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-category{background:#a67c0033;color:var(--portfolio-primary-highlight)}}.dark-mode .project-category{background:#a67c0033;color:var(--portfolio-primary-highlight)}.project-card-summary{display:none}.project-card-tools,.project-card-tags{display:flex;flex-wrap:wrap;gap:var(--portfolio-space-2)}.tool-tag,.tag{background:#ffd7001a;color:var(--portfolio-accent-dark);padding:var(--portfolio-space-1) var(--portfolio-space-3);border-radius:var(--portfolio-radius-md);font-size:var(--portfolio-font-size-xs);font-weight:500;transition:all var(--portfolio-transition-fast)}.tool-tag:hover,.tag:hover{background:#ffd70033;transform:translateY(-1px)}@media (prefers-color-scheme: dark){.tool-tag,.tag{background:#a67c0033;color:var(--portfolio-primary-highlight)}.tool-tag:hover,.tag:hover{background:#a67c004d}}.dark-mode .tool-tag,.dark-mode .tag{background:#a67c0033;color:var(--portfolio-primary-highlight)}.dark-mode .tool-tag:hover,.dark-mode .tag:hover{background:#a67c004d}.project-card-footer{margin-top:auto;padding-top:var(--portfolio-space-4);border-top:1px solid var(--portfolio-gray-100);transition:border-color var(--portfolio-transition-normal)}.view-details{color:var(--portfolio-primary);font-weight:600;font-size:var(--portfolio-font-size-sm);transition:all var(--portfolio-transition-fast);display:flex;align-items:center;gap:var(--portfolio-space-2)}.view-details svg{width:16px;height:16px;transition:transform var(--portfolio-transition-fast)}.marketing-project-card:hover .view-details{color:var(--portfolio-accent)}.marketing-project-card:hover .view-details svg{transform:translate(4px)}@media (prefers-color-scheme: dark){.marketing-project-card:hover .view-details{color:var(--portfolio-primary-highlight)}}.dark-mode .marketing-project-card:hover .view-details{color:var(--portfolio-primary-highlight)}.marketing-project-main{margin-top:80px;min-height:calc(100vh - 80px);background:var(--portfolio-background);transition:background var(--portfolio-transition-normal)}.marketing-project{max-width:900px;margin:0 auto;padding:var(--portfolio-space-16) var(--portfolio-space-6)}.project-header{margin-bottom:var(--portfolio-space-16);text-align:relative}.project-meta{display:flex;justify-content:flex-start;align-items:center;gap:var(--portfolio-space-6);margin-bottom:var(--portfolio-space-6);font-size:var(--portfolio-font-size-sm);color:var(--portfolio-text-light);flex-wrap:wrap;transition:color var(--portfolio-transition-normal)}.project-meta time{display:flex;align-items:center;font-weight:500}.project-meta time:before{content:"📅";margin-right:var(--portfolio-space-2)}.project-type{background:var(--portfolio-primary);color:#fff;padding:var(--portfolio-space-2) var(--portfolio-space-4);border-radius:var(--portfolio-radius-full);font-size:var(--portfolio-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-type{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}}.dark-mode .project-type{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.project-title{font-family:var(--portfolio-font-family-display);font-size:clamp(var(--portfolio-font-size-3xl),4vw,var(--portfolio-font-size-5xl));font-weight:800;line-height:1.2;margin-bottom:var(--portfolio-space-6);color:var(--portfolio-text);letter-spacing:-.02em;transition:color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-title{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}}.dark-mode .project-title{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}.project-summary{font-size:var(--portfolio-font-size-xl);line-height:1.7;color:var(--portfolio-text-light);margin-bottom:var(--portfolio-space-8);font-style:italic;font-weight:400;transition:color var(--portfolio-transition-normal)}.project-tools,.project-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--portfolio-space-2);margin-bottom:var(--portfolio-space-6)}.project-tools h3{width:100%;text-align:center;font-size:var(--portfolio-font-size-lg);font-weight:600;margin-bottom:var(--portfolio-space-3);color:var(--portfolio-text);transition:color var(--portfolio-transition-normal)}.tools-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--portfolio-space-2)}.project-cover-image{margin:var(--portfolio-space-16) 0;border-radius:var(--portfolio-radius-2xl);overflow:hidden;box-shadow:var(--portfolio-shadow-2xl)}.project-cover-image img{width:100%;height:auto;display:block}.project-full-text{line-height:1.8;font-size:var(--portfolio-font-size-lg);color:var(--portfolio-text-light);font-family:var(--portfolio-font-family-primary);transition:color var(--portfolio-transition-normal)}.project-full-text h2,.project-full-text h3,.project-full-text h4{margin:var(--portfolio-space-12) 0 var(--portfolio-space-6);color:var(--portfolio-text);font-family:var(--portfolio-font-family-display);font-weight:700;line-height:1.3;transition:color var(--portfolio-transition-normal)}.project-full-text h2{font-size:var(--portfolio-font-size-2xl);border-bottom:3px solid var(--portfolio-primary);padding-bottom:var(--portfolio-space-3);transition:border-color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-full-text h2{border-bottom-color:var(--portfolio-primary)}}.dark-mode .project-full-text h2{border-bottom-color:var(--portfolio-primary)}.project-full-text h3{font-size:var(--portfolio-font-size-xl)}.project-full-text h4{font-size:var(--portfolio-font-size-lg)}.project-full-text p{margin-bottom:var(--portfolio-space-6)}.project-full-text ul,.project-full-text ol{margin:var(--portfolio-space-6) 0;padding-left:var(--portfolio-space-8)}.project-full-text li{margin-bottom:var(--portfolio-space-2);line-height:1.7}.project-full-text blockquote{margin:var(--portfolio-space-8) 0;padding:var(--portfolio-space-6);background:var(--portfolio-background-alt);border-left:4px solid var(--portfolio-primary);border-radius:0 var(--portfolio-radius-lg) var(--portfolio-radius-lg) 0;font-style:italic;font-size:var(--portfolio-font-size-lg);color:var(--portfolio-text-light);transition:background var(--portfolio-transition-normal),border-color var(--portfolio-transition-normal),color var(--portfolio-transition-normal)}.project-full-text code{background:var(--portfolio-background-alt);padding:var(--portfolio-space-1) var(--portfolio-space-2);border-radius:var(--portfolio-radius-sm);font-family:var(--portfolio-font-family-mono);font-size:var(--portfolio-font-size-sm);color:var(--portfolio-text);transition:background var(--portfolio-transition-normal),color var(--portfolio-transition-normal)}.project-full-text pre{background:var(--portfolio-gray-900);color:var(--portfolio-gray-100);padding:var(--portfolio-space-6);border-radius:var(--portfolio-radius-lg);overflow-x:auto;margin:var(--portfolio-space-8) 0;box-shadow:var(--portfolio-shadow-lg);transition:background var(--portfolio-transition-normal),color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-full-text pre{background:var(--portfolio-gray-100);color:var(--portfolio-gray-900)}}.dark-mode .project-full-text pre{background:var(--portfolio-gray-100);color:var(--portfolio-gray-900)}.project-full-text pre code{background:none;padding:0;color:inherit}.project-full-text img{max-width:100%;height:auto;border-radius:var(--portfolio-radius-lg);margin:var(--portfolio-space-8) 0;box-shadow:var(--portfolio-shadow-lg)}.project-full-text a{color:var(--portfolio-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;transition:all var(--portfolio-transition-fast);font-weight:500}.project-full-text a:hover{color:var(--portfolio-accent);text-decoration-thickness:3px}@media (prefers-color-scheme: dark){.project-full-text a:hover{color:var(--portfolio-primary-highlight)}}.dark-mode .project-full-text a:hover{color:var(--portfolio-primary-highlight)}.project-gallery{margin:var(--portfolio-space-20) 0;padding-top:var(--portfolio-space-16);border-top:1px solid var(--portfolio-gray-200);transition:border-color var(--portfolio-transition-normal)}.project-gallery h2{text-align:center;margin-bottom:var(--portfolio-space-12);color:var(--portfolio-text);font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-2xl);font-weight:700;transition:color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.project-gallery h2{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}}.dark-mode .project-gallery h2{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--portfolio-space-4);align-items:start}.gallery-item{background:var(--portfolio-background-card);border-radius:0;overflow:hidden;box-shadow:var(--portfolio-shadow-sm);cursor:pointer;transition:all var(--portfolio-transition-normal);border:1px solid var(--portfolio-gray-100);position:relative}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--portfolio-shadow-xl);border-color:var(--portfolio-primary)}@media (prefers-color-scheme: dark){.gallery-item:hover{box-shadow:0 0 20px #a67c0033,var(--portfolio-shadow-xl)}}.dark-mode .gallery-item:hover{box-shadow:0 0 20px #a67c0033,var(--portfolio-shadow-xl)}.gallery-item img{width:100%;height:auto;object-fit:cover;transition:transform var(--portfolio-transition-normal);aspect-ratio:16 / 9;display:block}.gallery-item:hover img{transform:scale(1.02)}#lightbox{display:none;position:fixed;z-index:var(--portfolio-z-modal);left:0;top:0;width:100%;height:100%;background:#000000f2;backdrop-filter:blur(10px);justify-content:center;align-items:center;cursor:zoom-out;animation:fadeIn .3s ease-out}#lightbox-img{margin:auto;display:block;max-width:90%;max-height:90%;object-fit:contain;border-radius:var(--portfolio-radius-lg);box-shadow:var(--portfolio-shadow-2xl);animation:scaleIn .3s ease-out}#lightbox .close{position:absolute;top:var(--portfolio-space-6);right:var(--portfolio-space-8);color:#fff;font-size:40px;font-weight:700;transition:all var(--portfolio-transition-fast);cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px)}#lightbox .close:hover{background:#fff3;transform:scale(1.1)}@media (prefers-color-scheme: dark){#lightbox .close:hover{background:#a67c004d;color:var(--portfolio-primary-highlight)}}.dark-mode #lightbox .close:hover{background:#a67c004d;color:var(--portfolio-primary-highlight)}.project-footer{margin-top:var(--portfolio-space-20);padding-top:var(--portfolio-space-16);border-top:2px solid var(--portfolio-gray-100);transition:border-color var(--portfolio-transition-normal)}.project-share{text-align:center;margin-bottom:var(--portfolio-space-16)}.project-share h3{margin-bottom:var(--portfolio-space-6);color:var(--portfolio-text);font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-xl);font-weight:600;transition:color var(--portfolio-transition-normal)}.share-buttons{display:flex;justify-content:center;gap:var(--portfolio-space-4);flex-wrap:wrap}.share-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--portfolio-transition-normal);color:#fff;box-shadow:var(--portfolio-shadow-md)}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.share-btn.facebook{background:linear-gradient(135deg,#4267b2,#365899)}.share-btn.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.share-btn.copy{background:linear-gradient(135deg,var(--portfolio-gray-600),var(--portfolio-gray-700))}.share-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--portfolio-shadow-xl)}@media (prefers-color-scheme: dark){.share-btn:hover{box-shadow:0 0 20px #a67c0033,var(--portfolio-shadow-xl)}}.dark-mode .share-btn:hover{box-shadow:0 0 20px #a67c0033,var(--portfolio-shadow-xl)}.related-projects{max-width:900px;margin:var(--portfolio-space-20) auto;padding:var(--portfolio-space-16) var(--portfolio-space-6);background:linear-gradient(135deg,var(--portfolio-background-alt) 0%,var(--portfolio-background) 100%);border-radius:var(--portfolio-radius-2xl);box-shadow:var(--portfolio-shadow-xl);position:relative;overflow:hidden;transition:background var(--portfolio-transition-normal)}.related-projects:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--portfolio-primary),var(--portfolio-accent),var(--portfolio-primary));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite;transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.related-projects:before{background:var(--portfolio-gold-gradient-simple);background-size:200% 100%}}.dark-mode .related-projects:before{background:var(--portfolio-gold-gradient-simple);background-size:200% 100%}.related-projects h2{text-align:center;margin-bottom:var(--portfolio-space-12);color:var(--portfolio-text);font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-2xl);font-weight:700;position:relative;display:inline-block;width:100%;transition:color var(--portfolio-transition-normal)}.related-projects h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--portfolio-primary),var(--portfolio-accent));border-radius:var(--portfolio-radius-full);transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.related-projects h2{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}.related-projects h2:after{background:var(--portfolio-gold-gradient-simple)}}.dark-mode .related-projects h2{background:var(--portfolio-gold-gradient-simple);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 8s linear infinite}.dark-mode .related-projects h2:after{background:var(--portfolio-gold-gradient-simple)}.related-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--portfolio-space-8);margin-top:var(--portfolio-space-12)}.related-project-card{background:var(--portfolio-background-card);border-radius:0;overflow:hidden;box-shadow:var(--portfolio-shadow-md);transition:all var(--portfolio-transition-normal);border:1px solid var(--portfolio-gray-100);position:relative;height:100%;display:flex;flex-direction:column}.related-project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--portfolio-primary),var(--portfolio-accent));transform:scaleX(0);transform-origin:left;transition:transform var(--portfolio-transition-normal),background var(--portfolio-transition-normal)}.related-project-card:hover{transform:translateY(-6px);box-shadow:var(--portfolio-shadow-2xl)}.related-project-card:hover:before{transform:scaleX(1)}@media (prefers-color-scheme: dark){.related-project-card:before{background:var(--portfolio-gold-gradient-simple)}.related-project-card:hover{box-shadow:0 0 25px #a67c0033,var(--portfolio-shadow-2xl)}}.dark-mode .related-project-card:hover{box-shadow:0 0 25px #a67c0033,var(--portfolio-shadow-2xl)}.related-project-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.related-project-image{position:relative;height:200px;overflow:hidden;background:var(--portfolio-gray-100);transition:background var(--portfolio-transition-normal)}.related-project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--portfolio-transition-slow)}.related-project-card:hover .related-project-image img{transform:scale(1.05)}.related-project-category{position:absolute;top:var(--portfolio-space-3);left:var(--portfolio-space-3);background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-accent));color:#fff;padding:var(--portfolio-space-2) var(--portfolio-space-3);border-radius:var(--portfolio-radius-full);font-size:var(--portfolio-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--portfolio-shadow-md);backdrop-filter:blur(10px);transition:background var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.related-project-category{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}}.dark-mode .related-project-category{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.related-project-content{padding:var(--portfolio-space-6);flex-grow:1;display:flex;flex-direction:column;gap:var(--portfolio-space-3)}.related-project-content h3{font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-lg);font-weight:700;margin-bottom:var(--portfolio-space-2);color:var(--portfolio-text);line-height:1.3;transition:color var(--portfolio-transition-fast);display:block;overflow:visible;white-space:normal}.related-project-card:hover .related-project-content h3{color:var(--portfolio-primary)}.related-project-content p{color:var(--portfolio-text-light);font-size:var(--portfolio-font-size-sm);line-height:1.6;margin-bottom:var(--portfolio-space-4);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--portfolio-transition-normal)}.related-project-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--portfolio-font-size-xs);color:var(--portfolio-text-light);margin-bottom:var(--portfolio-space-3);padding-bottom:var(--portfolio-space-3);border-bottom:1px solid var(--portfolio-gray-100);transition:color var(--portfolio-transition-normal),border-color var(--portfolio-transition-normal)}.related-project-meta time{display:flex;align-items:center;font-weight:500}.related-project-meta time:before{content:"📅";margin-right:var(--portfolio-space-1);font-size:var(--portfolio-font-size-xs)}.related-project-reading-time{display:flex;align-items:center;font-weight:500}.related-project-reading-time:before{content:"📖";margin-right:var(--portfolio-space-1);font-size:var(--portfolio-font-size-xs)}.related-project-tags{display:flex;flex-wrap:wrap;gap:var(--portfolio-space-2);margin-bottom:var(--portfolio-space-4)}.related-project-tags .tag{background:#1919701a;color:var(--portfolio-primary);padding:var(--portfolio-space-1) var(--portfolio-space-2);border-radius:var(--portfolio-radius-sm);font-size:var(--portfolio-font-size-xs);font-weight:500;transition:all var(--portfolio-transition-fast)}.related-project-card:hover .related-project-tags .tag{background:#19197033;transform:translateY(-1px)}@media (prefers-color-scheme: dark){.related-project-tags .tag{background:#a67c0033;color:var(--portfolio-primary-highlight)}.related-project-card:hover .related-project-tags .tag{background:#a67c004d}}.dark-mode .related-project-tags .tag{background:#a67c0033;color:var(--portfolio-primary-highlight)}.dark-mode .related-project-card:hover .related-project-tags .tag{background:#a67c004d}.read-more-indicator{display:flex;align-items:center;justify-content:space-between;color:var(--portfolio-primary);font-weight:600;font-size:var(--portfolio-font-size-sm);margin-top:auto;transition:all var(--portfolio-transition-fast)}.read-more-indicator:after{content:"→";margin-left:var(--portfolio-space-2);transition:transform var(--portfolio-transition-fast)}.related-project-card:hover .read-more-indicator{color:var(--portfolio-accent)}.related-project-card:hover .read-more-indicator:after{transform:translate(4px)}@media (prefers-color-scheme: dark){.related-project-card:hover .read-more-indicator{color:var(--portfolio-primary-highlight)}}.dark-mode .related-project-card:hover .read-more-indicator{color:var(--portfolio-primary-highlight)}.back-to-projects{text-align:center;margin:var(--portfolio-space-16) 0}.back-btn{display:inline-flex;align-items:center;gap:var(--portfolio-space-2);padding:var(--portfolio-space-4) var(--portfolio-space-6);background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-primary-dark));color:#fff;text-decoration:none;border-radius:var(--portfolio-radius-lg);font-weight:600;font-size:var(--portfolio-font-size-base);transition:all var(--portfolio-transition-normal);box-shadow:var(--portfolio-shadow-md)}.back-btn:hover{transform:translateY(-2px);box-shadow:var(--portfolio-shadow-xl);background:linear-gradient(135deg,var(--portfolio-primary-dark),var(--portfolio-primary))}@media (prefers-color-scheme: dark){.back-btn{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.back-btn:hover{background:var(--portfolio-gold-gradient);box-shadow:0 0 20px #a67c004d,var(--portfolio-shadow-xl)}}.dark-mode .back-btn{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.dark-mode .back-btn:hover{background:var(--portfolio-gold-gradient);box-shadow:0 0 20px #a67c004d,var(--portfolio-shadow-xl)}.back-btn svg{width:20px;height:20px;transition:transform var(--portfolio-transition-fast)}.back-btn:hover svg{transform:translate(-2px)}.load-more-container{text-align:center;margin:var(--portfolio-space-16) 0}.load-more-btn{background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-primary-dark));color:#fff;border:none;padding:var(--portfolio-space-4) var(--portfolio-space-8);border-radius:var(--portfolio-radius-lg);font-size:var(--portfolio-font-size-base);font-weight:600;cursor:pointer;transition:all var(--portfolio-transition-normal);box-shadow:var(--portfolio-shadow-md)}.load-more-btn:hover{transform:translateY(-2px);box-shadow:var(--portfolio-shadow-xl);background:linear-gradient(135deg,var(--portfolio-primary-dark),var(--portfolio-primary))}@media (prefers-color-scheme: dark){.load-more-btn{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.load-more-btn:hover{background:var(--portfolio-gold-gradient);box-shadow:0 0 20px #a67c004d,var(--portfolio-shadow-xl)}}.dark-mode .load-more-btn{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.dark-mode .load-more-btn:hover{background:var(--portfolio-gold-gradient);box-shadow:0 0 20px #a67c004d,var(--portfolio-shadow-xl)}.scroll-trigger{height:100px;display:flex;align-items:center;justify-content:center;margin:var(--portfolio-space-12) 0}.scroll-trigger-spinner{width:32px;height:32px;border:3px solid rgba(25,25,112,.3);border-radius:50%;border-top-color:var(--portfolio-primary);animation:spin 1s ease-in-out infinite;transition:border-color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.scroll-trigger-spinner{border:3px solid rgba(166,124,0,.3);border-top-color:var(--portfolio-primary)}}.dark-mode .scroll-trigger-spinner{border:3px solid rgba(166,124,0,.3);border-top-color:var(--portfolio-primary)}.loading-state,.error-state,.no-projects-state{text-align:center;padding:var(--portfolio-space-20);grid-column:1 / -1}.loading-spinner{width:48px;height:48px;border:4px solid rgba(25,25,112,.2);border-radius:50%;border-top-color:var(--portfolio-primary);animation:spin 1s ease-in-out infinite;margin:0 auto var(--portfolio-space-6);transition:border-color var(--portfolio-transition-normal)}@media (prefers-color-scheme: dark){.loading-spinner{border:4px solid rgba(166,124,0,.2);border-top-color:var(--portfolio-primary)}}.dark-mode .loading-spinner{border:4px solid rgba(166,124,0,.2);border-top-color:var(--portfolio-primary)}.loading-text{color:var(--portfolio-text-light);font-size:var(--portfolio-font-size-lg);font-weight:500;transition:color var(--portfolio-transition-normal)}.error-state h2,.no-projects-state h2{color:var(--portfolio-text);font-family:var(--portfolio-font-family-display);font-size:var(--portfolio-font-size-2xl);font-weight:700;margin-bottom:var(--portfolio-space-4);transition:color var(--portfolio-transition-normal)}.error-state p,.no-projects-state p{color:var(--portfolio-text-light);font-size:var(--portfolio-font-size-base);margin-bottom:var(--portfolio-space-8);line-height:1.6;transition:color var(--portfolio-transition-normal)}.btn{display:inline-block;padding:var(--portfolio-space-3) var(--portfolio-space-6);border-radius:var(--portfolio-radius-lg);text-decoration:none;font-weight:600;font-size:var(--portfolio-font-size-base);transition:all var(--portfolio-transition-normal);border:none;cursor:pointer;box-shadow:var(--portfolio-shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--portfolio-primary),var(--portfolio-primary-dark));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--portfolio-shadow-xl);background:linear-gradient(135deg,var(--portfolio-primary-dark),var(--portfolio-primary))}@media (prefers-color-scheme: dark){.btn-primary{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.btn-primary:hover{background:var(--portfolio-gold-gradient);box-shadow:0 0 20px #a67c004d,var(--portfolio-shadow-xl)}}.dark-mode .btn-primary{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}.dark-mode .btn-primary:hover{background:var(--portfolio-gold-gradient);box-shadow:0 0 20px #a67c004d,var(--portfolio-shadow-xl)}.btn-secondary{background:var(--portfolio-background);color:var(--portfolio-primary);border:2px solid var(--portfolio-primary)}.btn-secondary:hover{background:var(--portfolio-primary);color:var(--portfolio-background);transform:translateY(-2px);box-shadow:var(--portfolio-shadow-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldWave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes waveEffect{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}@keyframes glitterEffect{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes goldPulse{0%{text-shadow:0 0 5px rgba(249,223,133,.1)}to{text-shadow:0 0 15px rgba(249,223,133,.4)}}.marketing-animate-in{animation:fadeInUp .6s ease-out}@media (max-width: 1400px){.marketing-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--portfolio-space-6)}}@media (max-width: 1024px){.marketing-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--portfolio-space-6)}}@media (max-width: 768px){.marketing-hero{padding:var(--portfolio-space-16) var(--portfolio-space-4);min-height:50vh}.marketing-hero .page-title{font-size:var(--portfolio-font-size-3xl)}.marketing-hero .page-description{font-size:var(--portfolio-font-size-base)}.marketing-controls-container{flex-direction:column;align-items:stretch;gap:var(--portfolio-space-4)}.marketing-search{min-width:auto;max-width:none}.marketing-filters{flex-wrap:wrap;justify-content:center;gap:var(--portfolio-space-2)}.filter-select{min-width:120px;flex:1}.marketing-projects-grid{grid-template-columns:1fr;gap:var(--portfolio-space-6)}.project-card-image{height:220px}.marketing-project{padding:var(--portfolio-space-12) var(--portfolio-space-4)}.project-title{font-size:var(--portfolio-font-size-3xl)}.project-summary,.project-full-text{font-size:var(--portfolio-font-size-base)}.project-meta{flex-direction:column;gap:var(--portfolio-space-2);align-items:center}.share-buttons{gap:var(--portfolio-space-3)}.related-projects{margin:var(--portfolio-space-12) var(--portfolio-space-4);padding:var(--portfolio-space-12) var(--portfolio-space-4)}.related-projects-grid{grid-template-columns:1fr;gap:var(--portfolio-space-6)}.project-card-summary,.marketing-project-card.featured-card .project-card-summary{display:none}}@media (max-width: 768px){.portfolio-breadcrumb span:nth-child(6),.portfolio-breadcrumb span:nth-child(7){display:none}}@media (max-width: 480px){.marketing-hero{padding:var(--portfolio-space-12) var(--portfolio-space-3)}.marketing-hero .page-title{font-size:var(--portfolio-font-size-2xl)}.marketing-controls,.marketing-content{padding:var(--portfolio-space-4)}.marketing-projects-grid{gap:var(--portfolio-space-4)}.project-card-content{padding:var(--portfolio-space-4)}.project-card-title{font-size:var(--portfolio-font-size-lg)}.project-title{font-size:var(--portfolio-font-size-2xl)}.project-full-text h2{font-size:var(--portfolio-font-size-xl)}.project-full-text h3{font-size:var(--portfolio-font-size-lg)}.related-projects{margin:var(--portfolio-space-8) var(--portfolio-space-2);padding:var(--portfolio-space-8) var(--portfolio-space-3)}.related-project-content{padding:var(--portfolio-space-4)}.share-btn{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.marketing-project-card{border:2px solid var(--portfolio-text)}.project-type-badge,.project-category,.tool-tag,.tag{border:1px solid currentColor}.btn{border:2px solid currentColor}}.marketing-project-card:focus-within,.related-project-card:focus-within{outline:3px solid var(--portfolio-primary);outline-offset:2px;box-shadow:0 0 0 6px #1919701a,var(--portfolio-shadow-xl)}@media (prefers-color-scheme: dark){.marketing-project-card:focus-within,.related-project-card:focus-within{box-shadow:0 0 0 6px #a67c0033,var(--portfolio-shadow-xl)}}.dark-mode .marketing-project-card:focus-within,.dark-mode .related-project-card:focus-within{box-shadow:0 0 0 6px #a67c0033,var(--portfolio-shadow-xl)}.search-container input:focus,.filter-select:focus,.refresh-btn:focus,.load-more-btn:focus,.back-btn:focus,.share-btn:focus,.btn:focus{outline:3px solid var(--portfolio-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-40px;left:var(--portfolio-space-4);background:var(--portfolio-primary);color:#fff;padding:var(--portfolio-space-2) var(--portfolio-space-4);border-radius:var(--portfolio-radius-md);font-weight:600;z-index:var(--portfolio-z-tooltip);transition:top var(--portfolio-transition-fast),background var(--portfolio-transition-normal)}.skip-to-content:focus{top:var(--portfolio-space-4)}@media (prefers-color-scheme: dark){.skip-to-content{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}}.dark-mode .skip-to-content{background:var(--portfolio-gold-gradient);color:var(--portfolio-background)}@media print{.marketing-controls,.load-more-container,.scroll-trigger,.share-buttons,.back-to-projects,.related-projects,.featured-projects{display:none!important}.marketing-project{max-width:none;padding:0}.project-full-text{font-size:12pt;line-height:1.5;color:#000!important}.project-title{font-size:18pt;color:#000!important}.project-full-text h2{font-size:16pt;color:#000!important;border-bottom:1pt solid black}.project-full-text h3{font-size:14pt;color:#000!important}.project-full-text a{color:#000!important;text-decoration:underline}.project-full-text a[href]:after{content:" (" attr(href) ")";font-size:10pt}.gallery-grid{display:block}.gallery-item{page-break-inside:avoid;margin-bottom:1cm}.gallery-item img{max-width:100%;height:auto}}.marketing-project-card,.related-project-card{will-change:transform;backface-visibility:hidden;perspective:1000px}.project-card-image img,.related-project-image img{will-change:transform;backface-visibility:hidden}html{scroll-behavior:smooth}.marketing-typography,body,.marketing-project-card,.project-full-text,.related-project-card{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{transition:background-color var(--portfolio-transition-normal),color var(--portfolio-transition-normal),border-color var(--portfolio-transition-normal),box-shadow var(--portfolio-transition-normal)}