:root{--mario-red: #F97316;--mario-red-dark: #C2410C;--mario-blue: #8B5CF6;--mario-blue-dark: #6D28D9;--mario-green: #14B8A6;--mario-green-dark: #0F766E;--mario-yellow: #FBD000;--mario-yellow-dark:#7A6500;--navy: #1B3A6B;--navy-dark: #0F2545;--charcoal: #1C1C2E;--slate: #2D3748;--steel: #4A5568;--mist: #718096;--fog: #A0AEC0;--cream: #FFFFFF;--ivory: #F4F7FC;--white: #FFFFFF;--color-primary: var(--navy);--color-primary-dark: var(--navy-dark);--color-secondary: var(--mario-blue-dark);--color-accent: var(--mario-yellow);--color-success: var(--mario-green-dark);--color-text: var(--charcoal);--color-text-muted: var(--steel);--color-text-faint: var(--mist);--color-bg: var(--white);--color-bg-alt: var(--cream);--color-bg-dark: var(--charcoal);--color-border: #E2E8F0;--font-display: 'Nunito', system-ui, sans-serif;--font-body: 'Inter', system-ui, -apple-system, sans-serif;--font-code: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-sm: 0.375rem;--radius-md: 0.75rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.06);--shadow-lg: 0 10px 20px -3px rgba(0,0,0,0.1), 0 4px 8px -4px rgba(0,0,0,0.06);--shadow-xl: 0 20px 40px -8px rgba(0,0,0,0.15);--ease-base: 0.2s ease;--ease-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--ease-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-secondary);text-decoration:underline;text-underline-offset:.2em}a:hover{color:var(--color-primary)}:host{--mario-red: #F97316;--mario-red-dark: #C2410C;--mario-blue: #8B5CF6;--mario-blue-dark: #6D28D9;--mario-green: #14B8A6;--mario-green-dark: #0F766E;--mario-yellow: #FBD000;--mario-yellow-dark:#7A6500;--navy: #1B3A6B;--navy-dark: #0F2545;--charcoal: #1C1C2E;--slate: #2D3748;--steel: #4A5568;--mist: #718096;--fog: #A0AEC0;--cream: #FFFFFF;--ivory: #F4F7FC;--white: #FFFFFF;--color-primary: var(--navy);--color-primary-dark: var(--navy-dark);--color-secondary: var(--mario-blue-dark);--color-accent: var(--mario-yellow);--color-success: var(--mario-green-dark);--color-text: var(--charcoal);--color-text-muted: var(--steel);--color-text-faint: var(--mist);--color-bg: var(--white);--color-bg-alt: var(--cream);--color-bg-dark: var(--charcoal);--color-border: #E2E8F0;--font-display: 'Nunito', system-ui, sans-serif;--font-body: 'Inter', system-ui, -apple-system, sans-serif;--font-code: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-sm: 0.375rem;--radius-md: 0.75rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.06);--shadow-lg: 0 10px 20px -3px rgba(0,0,0,0.1), 0 4px 8px -4px rgba(0,0,0,0.06);--shadow-xl: 0 20px 40px -8px rgba(0,0,0,0.15);--ease-base: 0.2s ease;--ease-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--ease-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);display:block}:host *,:host *::before,:host *::after{box-sizing:border-box;margin:0;padding:0}:host img{max-width:100%;height:auto;display:block}:host :where(a,a:visited,a:link){color:inherit;text-decoration:none}:host :where(a:hover){color:inherit}:host .slider-slide:first-child{opacity:1;z-index:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100%;left:1rem;z-index:9999;background:var(--color-primary);color:var(--white);padding:.75rem 1.25rem;border-radius:0 0 var(--radius-md) var(--radius-md);font-weight:600;text-decoration:none;transition:top var(--ease-base)}.skip-link:focus{top:0;outline:3px solid var(--mario-yellow);outline-offset:2px}:focus-visible{outline:3px solid var(--mario-yellow);outline-offset:3px;border-radius:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:900;line-height:1.15;color:var(--color-text);letter-spacing:-0.02em}.display-text{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.05;font-optical-sizing:auto}.section-title{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:900;margin-bottom:var(--space-md);letter-spacing:-0.03em}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:42ch}.section-subheading{font-size:1.125rem;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.section-subheading svg{flex-shrink:0}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.section{padding:var(--space-3xl) 0}.section--alt{background:var(--white)}.section--vivid-red{background:#1c0f3f;color:var(--white)}.section--vivid-red h1,.section--vivid-red h2,.section--vivid-red h3,.section--vivid-red h4{color:var(--white)}.section--vivid-red .section-eyebrow{color:#a78bfa}.section--vivid-red .section-title{color:var(--white)}.section--vivid-red .section-subtitle{color:hsla(0,0%,100%,.72)}.section--vivid-red .about-intro{color:hsla(0,0%,100%,.9)}.section--vivid-red .about-intro strong{color:#a78bfa;font-style:normal}.section--vivid-red .about-quote{background:rgba(167,139,250,.12);border-left-color:#a78bfa;border-radius:var(--radius-md)}.section--vivid-red .about-quote blockquote{color:hsla(0,0%,100%,.95)}.section--vivid-red .about-quote cite{color:hsla(0,0%,100%,.55)}.section--vivid-red .credential-card{background:hsla(0,0%,100%,.08);border:1px solid rgba(167,139,250,.25);box-shadow:none}.section--vivid-red .credential-title{color:var(--white)}.section--vivid-red .credential-desc{color:hsla(0,0%,100%,.65)}.section--vivid-red .fun-facts{background:rgba(0,0,0,.3)}.section--vivid-red .fun-facts-list li{color:hsla(0,0%,100%,.88)}.section--vivid-red pre{background:rgba(0,0,0,.4);border-left-color:#a78bfa}.section--vivid-blue{background:var(--mario-blue-dark);color:var(--white)}.section--vivid-blue h2,.section--vivid-blue h3,.section--vivid-blue h4{color:var(--white)}.section--vivid-blue .section-eyebrow{color:var(--mario-yellow)}.section--vivid-blue .section-subtitle{color:hsla(0,0%,100%,.8)}.section--vivid-blue .yt-stat{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15)}.section--vivid-blue .yt-stat-value{color:var(--mario-yellow)}.section--vivid-blue .yt-stat-label{color:hsla(0,0%,100%,.7)}.section--vivid-blue p{color:hsla(0,0%,100%,.88)}.section--vivid-blue .btn-primary{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow)}.section--vivid-blue .btn-primary:hover{background:#e6be00;border-color:#e6be00;color:var(--charcoal)}.section--vivid-blue .series-card{border-left-color:var(--mario-yellow)}.section--vivid-blue .card{background:hsla(0,0%,100%,.1);box-shadow:none}.section--vivid-blue .card h4{color:var(--white)}.section--vivid-blue .card p{color:hsla(0,0%,100%,.78)}.section--vivid-blue .card-footer{background:rgba(0,0,0,.15);border-color:hsla(0,0%,100%,.1)}.section--vivid-blue .read-more{color:var(--mario-yellow)}.section--vivid-blue .series-episode-count{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9)}.section--vivid-blue .video-overlay{background:rgba(0,0,0,.45)}.section--vivid-navy{background:var(--charcoal);color:var(--white)}.section--vivid-navy h2,.section--vivid-navy h3{color:var(--white)}.section--vivid-navy .section-eyebrow{color:var(--mario-yellow)}.section--vivid-navy .section-subtitle{color:hsla(0,0%,100%,.7)}.section--vivid-navy .talk-item{border-color:hsla(0,0%,100%,.1)}.section--vivid-navy .talk-year{color:var(--mario-yellow)}.section--vivid-navy .talk-event{color:var(--white)}.section--vivid-navy .talk-location{color:hsla(0,0%,100%,.6)}.section--vivid-navy .talk-topic{color:hsla(0,0%,100%,.42)}.section--vivid-navy .contrib-item{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1)}.section--vivid-navy .contrib-title{color:var(--white)}.section--vivid-navy .contrib-desc{color:hsla(0,0%,100%,.65)}.section--vivid-navy .about-intro{color:hsla(0,0%,100%,.9)}.section--vivid-navy .about-intro strong{color:var(--mario-yellow);font-style:normal}.section--vivid-navy .about-quote{background:rgba(251,208,0,.1);border-left-color:var(--mario-yellow);border-radius:var(--radius-md)}.section--vivid-navy .about-quote blockquote{color:hsla(0,0%,100%,.95)}.section--vivid-navy .about-quote cite{color:hsla(0,0%,100%,.55)}.section--vivid-navy .credential-card{background:hsla(0,0%,100%,.08);border:1px solid rgba(251,208,0,.25);box-shadow:none}.section--vivid-navy .credential-title{color:var(--white)}.section--vivid-navy .credential-desc{color:hsla(0,0%,100%,.65)}.section--vivid-navy .fun-facts{background:rgba(0,0,0,.3)}.section--vivid-navy .fun-facts-list li{color:hsla(0,0%,100%,.88)}.section--vivid-navy pre{background:rgba(0,0,0,.4);border-left-color:var(--mario-yellow)}.section--dark{background:var(--color-bg-dark);color:var(--white)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--white)}.section--dark .section-subtitle{color:hsla(0,0%,100%,.7)}.section-header{margin-bottom:var(--space-2xl)}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.9375rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm)}.section-eyebrow::before{content:"";display:inline-block;width:1.5rem;height:3px;border-radius:2px;background:currentColor;flex-shrink:0}.section--dark .section-eyebrow{color:var(--mario-yellow)}.section-cta{text-align:center;margin-top:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;min-height:44px;min-width:44px;border:2px solid rgba(0,0,0,0);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--ease-smooth);white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--white);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-secondary);color:var(--white);border-color:var(--color-secondary)}.btn-secondary:hover{background:#005e8e;border-color:#005e8e;color:var(--white);transform:translateY(-1px)}.btn-ghost{background:rgba(0,0,0,0);color:var(--white);border-color:hsla(0,0%,100%,.5)}.btn-ghost:hover{background:hsla(0,0%,100%,.15);border-color:var(--white);color:var(--white)}.btn-outline{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--white);transform:translateY(-1px)}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;min-height:28px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;text-decoration:none}.tag-red{background:#dbeafe;color:var(--navy)}.tag-blue{background:#ede9fe;color:var(--mario-blue-dark)}.tag-green{background:#ccfbf1;color:var(--mario-green-dark)}.tag-yellow{background:#fef9c3;color:var(--mario-yellow-dark)}.tag-grey{background:#f1f5f9;color:var(--slate)}.card{background:var(--white);border-radius:var(--radius-lg);border:none;overflow:hidden;transition:transform .15s ease}.card:hover{transform:translateY(-6px) scale(1.02)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--ivory)}pre,code{font-family:var(--font-code)}code{font-size:.875em;background:#f1f5f9;color:var(--color-primary-dark);padding:.125em .375em;border-radius:var(--radius-sm);overflow-wrap:break-word}pre{background:var(--charcoal);color:#e2e8f0;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;border-left:4px solid var(--color-primary);line-height:1.7}.code-block pre{border-radius:0 0 var(--radius-md) var(--radius-md);margin:0}.code-block-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:var(--t-bar, #181825);border-left:4px solid var(--color-primary);border-radius:var(--radius-md) var(--radius-md) 0 0}.code-block-bar .copy-btn{margin-left:auto;padding:.15rem .5rem;flex-shrink:0}.copy-btn{padding:.2rem .6rem;font-family:var(--font-body);font-size:.75rem;font-weight:600;line-height:1.5;color:rgba(226,232,240,.75);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease;user-select:none}.copy-btn:hover{color:#fff;background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.35)}.copy-btn.copied{color:#a6e3a1;border-color:rgba(166,227,161,.5);background:rgba(166,227,161,.1)}pre code{background:rgba(0,0,0,0);color:inherit;padding:0;font-size:.9rem}pre code.hljs{background:rgba(0,0,0,0);padding:0}pre code .kw{color:var(--t-kw, #CBA6F7)}pre code .st{color:var(--t-st, #A6E3A1)}pre code .cm{color:var(--t-cm, #6C7086);font-style:italic}pre code .cl{color:var(--t-cl, #89DCEB)}pre code .fn{color:var(--t-fn, #89B4FA)}pre code .nm{color:var(--t-nm, #FAB387)}pre code .bl{color:var(--t-bl, #F38BA8)}pre code .va{color:var(--t-va, #CBA6F7)}pre code .pr{color:var(--t-pr, #74C7EC)}pre code .at{color:var(--t-at, #F5C2E7)}.grid-2{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(320px, 100%), 1fr));gap:var(--space-xl)}.grid-3{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(280px, 100%), 1fr));gap:var(--space-xl)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:4rem;background:var(--charcoal);border-bottom:1px solid hsla(0,0%,100%,.1);transition:background var(--ease-base),box-shadow var(--ease-base)}.nav.scrolled{box-shadow:var(--shadow-md)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.nav-logo{font-family:var(--font-code);font-size:1.1rem;font-weight:500;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:.25rem}.nav-logo .name{color:var(--mario-yellow)}.nav-logo svg{color:var(--mario-yellow);flex-shrink:0}.nav-logo:hover{color:var(--mario-yellow)}.footer .nav-logo .name{color:var(--mario-yellow)}.footer .nav-logo svg{color:var(--mario-yellow)}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;min-height:44px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.75);text-decoration:none;transition:all var(--ease-base);position:relative}.nav-link::after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translateX(-50%) scaleX(0);width:calc(100% - 1.5rem);height:2px;background:var(--mario-yellow);border-radius:var(--radius-full);transition:transform var(--ease-smooth)}.nav-link:hover,.nav-link.active{color:var(--mario-yellow);background:hsla(0,0%,100%,.08)}.nav-link.active::after,.nav-link:hover::after{transform:translateX(-50%) scaleX(1)}.nav-link[data-tube]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.375rem;flex-shrink:0}[data-tube=red]::before{background:var(--mario-red)}[data-tube=blue]::before{background:var(--mario-blue)}[data-tube=green]::before{background:var(--mario-green)}[data-tube=yellow]::before{background:var(--mario-yellow)}.nav-cta{margin-left:var(--space-sm);padding:.5rem 1.125rem;background:var(--mario-yellow);color:var(--charcoal) !important;border-radius:var(--radius-full);font-weight:600}.nav-cta:hover{background:var(--mario-yellow-dark) !important;color:var(--white) !important}.nav-cta::after{display:none}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-md);cursor:pointer;padding:.5rem;transition:border-color var(--ease-base)}.nav-toggle:hover{border-color:var(--mario-yellow)}.nav-toggle span{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:all var(--ease-smooth)}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}@media(max-width: 900px){.nav-toggle{display:flex}.nav-links{position:fixed;top:4rem;left:0;right:0;background:var(--charcoal);flex-direction:column;align-items:stretch;gap:0;padding:1rem;box-shadow:var(--shadow-xl);border-top:1px solid hsla(0,0%,100%,.1);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform var(--ease-smooth),opacity var(--ease-smooth);max-height:calc(100vh - 4rem);overflow-y:auto}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-link{padding:.875rem 1rem;border-radius:var(--radius-md);color:hsla(0,0%,100%,.75)}.nav-link:hover,.nav-link.active{color:var(--mario-yellow)}.nav-link.active::after,.nav-link:hover::after{background:var(--mario-yellow)}.nav-cta{text-align:center;margin:.5rem 0 0;color:var(--charcoal) !important}.nav-cta:hover{color:var(--white) !important}}.slider-section{background:var(--charcoal);padding:var(--space-2xl) 0}.slider-header{max-width:924.4444444444px;margin-inline:auto}.slider-eyebrow{font-family:var(--font-code);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mario-yellow);margin-bottom:var(--space-sm);display:block}.slider-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.875rem);font-weight:900;color:var(--white);margin:0 0 var(--space-md)}.slider-description{font-size:1.0625rem;line-height:1.7;color:hsla(0,0%,100%,.6);margin:0 0 var(--space-xl);max-width:60ch}.slider{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--slate);aspect-ratio:16/9;max-height:520px;margin-inline:auto;user-select:none}.slider[data-aspect=portrait]{aspect-ratio:3/4;max-height:520px;max-width:390px}.slider{transition:max-width .5s ease}.slider.auto-landscape{aspect-ratio:16/9;max-height:520px;max-width:none}.slider.auto-portrait{aspect-ratio:3/4;max-height:520px;max-width:390px}@media(max-width: 767px){.slider.auto-landscape{aspect-ratio:3/4;max-height:520px;max-width:390px}.slider-nav{max-width:390px}}.slider-track{display:block;position:relative;height:100%}.slider-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;z-index:1;overflow:hidden}.slider-slide.fade-active{opacity:1;z-index:2}.slider[data-transition=slide] .slider-track{display:flex;position:static;transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}.slider[data-transition=slide] .slider-slide{position:relative;inset:auto;flex:0 0 100%;opacity:1;transition:none;z-index:auto}.slider-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.slider-slide-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-xl) var(--space-lg);background:linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 100%);color:var(--white)}.slider-slide-tag{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--mario-yellow);color:var(--charcoal);padding:.25rem .625rem;border-radius:var(--radius-full);margin-bottom:var(--space-xs)}.slider-slide-label{font-family:var(--font-display);font-size:1.0625rem;font-weight:800;line-height:1.3;color:var(--white)}.slider-nav{position:relative;max-width:924.4444444444px;margin-inline:auto}.slider-nav--portrait{max-width:390px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.25);color:var(--white);width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ease-base),transform var(--ease-base);font-size:1.25rem;line-height:1}.slider-btn:hover{background:rgba(0,0,0,.65);transform:translateY(-50%) scale(1.08)}.slider-btn--prev{left:var(--space-lg)}.slider-btn--next{right:var(--space-lg)}@media(max-width: 480px){.slider-btn{width:38px;height:38px;font-size:1rem}}.slider-dots{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.slider-dot{width:8px;height:8px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.25);border:none;cursor:pointer;padding:8px;background-clip:content-box;transition:background var(--ease-base),transform var(--ease-base),width var(--ease-base)}.slider-dot.active{background:var(--mario-yellow);background-clip:content-box;width:24px}.slider-dot:hover:not(.active){background:hsla(0,0%,100%,.5)}.slider-counter{font-family:var(--font-code);font-size:.8125rem;color:hsla(0,0%,100%,.65);text-align:center;margin-top:var(--space-sm);letter-spacing:.05em}.slider-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--mario-yellow);width:0%;transition:width linear;z-index:5}.slider[data-kenburns] .slider-slide img{transform-origin:center center}.slider[data-kenburns] .slider-slide.kb-active img{animation:kb-zoom var(--kb-duration, 6s) ease-in-out forwards}.slider[data-kenburns] .slider-slide:nth-child(2).kb-active img{animation-name:kb-pan-right}.slider[data-kenburns] .slider-slide:nth-child(3).kb-active img{animation-name:kb-pan-up}.slider[data-kenburns] .slider-slide:nth-child(4).kb-active img{animation-name:kb-zoom-out}.slider[data-kenburns] .slider-slide:nth-child(5).kb-active img{animation-name:kb-zoom}@keyframes kb-zoom{0%{transform:scale(1) translate(0%, 0%)}100%{transform:scale(1.12) translate(-1.5%, -1%)}}@keyframes kb-pan-right{0%{transform:scale(1.1) translate(-2%, 0%)}100%{transform:scale(1.1) translate(2%, -1%)}}@keyframes kb-pan-up{0%{transform:scale(1.12) translate(0%, 2%)}100%{transform:scale(1.12) translate(0%, -2%)}}@keyframes kb-zoom-out{0%{transform:scale(1.15) translate(1%, -1%)}100%{transform:scale(1) translate(0%, 0%)}}.slider-filmstrip{display:flex;gap:var(--space-xs);padding:var(--space-sm);background:var(--charcoal);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--mario-yellow) rgba(0,0,0,0);margin-inline:auto;max-width:924.4444444444px}.slider-filmstrip-thumb{flex:0 0 auto;width:80px;height:52px;border-radius:var(--radius-sm);overflow:hidden;opacity:.5;cursor:pointer;transition:opacity var(--ease-base),border-color var(--ease-base);border:2px solid rgba(0,0,0,0);background:none;padding:0}.slider-filmstrip-thumb.active{opacity:1;border-color:var(--mario-yellow)}.slider-filmstrip-thumb:focus-visible{outline:3px solid var(--mario-yellow);outline-offset:2px;opacity:1}.slider-filmstrip-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.slider[data-filmstrip]{border-radius:var(--radius-lg) var(--radius-lg) 0 0}@media(max-width: 640px){.slider-filmstrip-thumb{width:60px;height:40px}}.slider-section--light{background:var(--white)}.slider-section--light .slider-eyebrow{color:var(--steel)}.slider-section--light .slider-title{color:var(--charcoal)}.slider-section--light .slider-description{color:var(--slate)}.slider-section--light .slider-dot{background:rgba(0,0,0,.18);background-clip:content-box}.slider-section--light .slider-dot.active{background:var(--charcoal);background-clip:content-box}.slider-section--light .slider-dot:hover:not(.active){background:rgba(0,0,0,.35)}.slider-section--light .slider-counter{color:var(--steel)}.slider-section--light .slider-progress{background:var(--charcoal)}.slider-section--light .slider-filmstrip{background:var(--white);scrollbar-color:var(--charcoal) rgba(0,0,0,0)}.slider-section--light .slider-filmstrip-thumb.active{border-color:var(--charcoal)}.slider-section--light .slider-btn{background:hsla(0,0%,100%,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(0,0,0,.2);color:var(--charcoal)}.slider-section--light .slider-btn:hover{background:hsla(0,0%,100%,.85)}@media(prefers-reduced-motion: reduce){.slider-track{transition:none}.slider-progress{transition:none}.slider[data-kenburns] .slider-slide.kb-active img{animation:none !important}}.article-video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#000;margin:var(--space-xl) auto;max-width:924px;cursor:pointer}.article-video img,.article-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;object-fit:cover}.article-video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:none;border:none;padding:0;cursor:pointer;z-index:1;transition:transform .15s ease}.article-video:hover .article-video-btn{transform:translate(-50%, -50%) scale(1.1)}.article-video:hover .article-video-btn path[fill="#ff0000"]{fill:#c00}.hero{position:relative;height:calc(100vh - 4rem);height:calc(100svh - 4rem);display:flex;align-items:center;overflow:hidden;margin-top:4rem}.hero-bg{position:absolute;top:0;bottom:0;left:0;width:140%;z-index:0;will-change:transform;--hero-distance: 20vw;--hero-duration: 30s}.hero-bg-image{position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:brightness(0.45) saturate(0.85)}.hero-bg-blur{position:absolute;inset:0;background:inherit;filter:blur(6px) brightness(0.35) saturate(0.7);mask-image:radial-gradient(ellipse 60% 100% at 70% 60%, transparent 40%, black 100%);-webkit-mask-image:radial-gradient(ellipse 60% 100% at 70% 60%, transparent 40%, black 100%)}@keyframes meshShift{0%{background-position:0% 50%,100% 0%}50%{background-position:100% 50%,0% 100%}100%{background-position:0% 50%,100% 0%}}.hero-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 60% at 15% 40%, rgba(124, 58, 237, 0.22) 0%, transparent 60%),radial-gradient(ellipse 60% 70% at 75% 20%, rgba(0, 119, 182, 0.18) 0%, transparent 60%),radial-gradient(ellipse 50% 50% at 60% 85%, rgba(229, 37, 33, 0.1) 0%, transparent 55%),linear-gradient(to right, rgba(10, 10, 20, 0.95) 0%, rgba(10, 10, 20, 0.55) 52%, rgba(10, 10, 20, 0.15) 100%),linear-gradient(to top, rgba(10, 10, 20, 0.95) 0%, transparent 50%);background-size:200% 200%,180% 180%,160% 160%,100% 100%,100% 100%;animation:meshShift 12s ease infinite}.hero-overlay::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:overlay;pointer-events:none}.hero-portrait{position:absolute;bottom:0;right:max(0px,(100vw - 72rem)/2);z-index:2;width:50vmin;height:50vmin;pointer-events:none;will-change:transform;--hero-distance: 20vw;--hero-duration: 30s}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}@media(prefers-reduced-motion: no-preference){.hero-bg{animation:heroPanLeft var(--hero-duration) linear infinite alternate}.hero-portrait{animation:heroPanLeft var(--hero-duration) linear infinite alternate}}@keyframes heroPanLeft{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--hero-distance)))}}.hero-content{position:relative;z-index:3;color:var(--white);padding:var(--space-3xl) 0;will-change:transform}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-code);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mario-yellow);margin-bottom:var(--space-md);opacity:0;animation:fadeUp .8s .3s ease forwards}@media(prefers-reduced-motion: reduce){.hero-eyebrow,.hero-name,.hero-subtitle,.hero-tagline,.hero-cta,.hero-stats{opacity:1;animation:none}}.hero-eyebrow::before{content:"";width:2rem;height:2px;background:var(--mario-yellow);border-radius:2px}.hero-name{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;line-height:.92;color:var(--white);letter-spacing:-0.04em;margin-bottom:var(--space-md);opacity:0;animation:fadeUp .8s .5s ease forwards}.hero-name span{color:var(--mario-yellow)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;color:hsla(0,0%,100%,.8);margin-bottom:var(--space-sm);opacity:0;animation:fadeUp .8s .7s ease forwards}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:300;font-style:italic;color:hsla(0,0%,100%,.7);margin-bottom:var(--space-xl);opacity:0;animation:fadeUp .8s .9s ease forwards}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-md);opacity:0;animation:fadeUp .8s 1.1s ease forwards}.hero-cta .btn-primary{background:var(--mario-yellow);border-color:var(--mario-yellow);color:var(--charcoal)}.hero-cta .btn-primary:hover{background:var(--mario-yellow-dark);border-color:var(--mario-yellow-dark);color:var(--white)}@media(max-width: 610px){.hero-cta{flex-direction:column;align-items:flex-start}}@media(max-width: 900px){.hero-portrait{width:42vmin;height:42vmin}}@media(max-width: 768px){.hero-content{padding:var(--space-2xl) 0}.hero-portrait{width:38vmin;height:38vmin}}@media(max-width: 480px){.hero-content{padding:var(--space-xl) 0}.hero-eyebrow{font-size:.75rem;letter-spacing:.08em}.hero-portrait{width:34vmin;height:34vmin;opacity:.7}}.stats-section{background:var(--charcoal);border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);padding:var(--space-xl) 0}.stats-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2xl)}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--mario-yellow);line-height:1;text-align:center}.stat-label{font-size:.8125rem;color:hsla(0,0%,100%,.6);letter-spacing:.05em;text-transform:uppercase;margin-top:.25rem;text-align:center}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.5);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.hero-scroll-line{width:1px;height:3rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.5), transparent)}@media(prefers-reduced-motion: no-preference){.hero-scroll-line{animation:scrollPulse 2s ease-in-out infinite}}@keyframes scrollPulse{0%,100%{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes fadeUp{from{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.hero-bg,.hero-portrait{animation:none}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.currently{background:var(--charcoal);padding:var(--space-lg) 0;overflow:hidden;border-top:1px solid hsla(0,0%,100%,.06);border-bottom:1px solid hsla(0,0%,100%,.06)}.currently-inner{display:flex;align-items:center;gap:0;white-space:nowrap}.currently-label{font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mario-yellow);white-space:nowrap;flex-shrink:0;padding:0 var(--space-xl) 0 var(--space-lg);border-right:1px solid hsla(0,0%,100%,.15);margin-right:var(--space-xl);position:relative;z-index:2}.currently-marquee{overflow:hidden;flex:1}.currently-track{display:inline-flex;align-items:center;gap:0;animation:marqueeScroll 28s linear infinite}.currently-track:hover{animation-play-state:paused}.currently-items{display:inline-flex;align-items:center;gap:0;flex-shrink:0}.currently-item{display:inline-flex;align-items:center;gap:.625rem;padding:0 var(--space-xl);border-right:1px solid hsla(0,0%,100%,.08)}.currently-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative}.currently-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid;border-color:inherit;opacity:.4}@media(prefers-reduced-motion: no-preference){.currently-dot::after{animation:ping 2s ease-in-out infinite}}@keyframes ping{0%{transform:scale(1);opacity:.4}70%{transform:scale(1.8);opacity:0}100%{transform:scale(1.8);opacity:0}}.currently-dot--red{background:var(--mario-red);border-color:var(--mario-red)}.currently-dot--blue{background:var(--mario-blue);border-color:var(--mario-blue)}.currently-dot--green{background:var(--mario-green);border-color:var(--mario-green)}.currently-dot--yellow{background:var(--mario-yellow);border-color:var(--mario-yellow)}.currently-text{font-size:.9rem;color:hsla(0,0%,100%,.85)}.currently-text strong{color:var(--white);font-weight:600}.nb-filters{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:2.25rem}.nb-filter-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1.125rem;min-height:38px;border:2px solid #1c1c2e;border-radius:4px;background:rgba(0,0,0,0);color:#1c1c2e;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:transform .13s ease,filter .13s ease,background .13s,color .13s}.nb-filter-ico{width:16px;height:16px;flex-shrink:0}.nb-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:rgba(0,0,0,.1);font-size:.65rem;font-weight:600;line-height:1;letter-spacing:0}.nb-filter-btn:hover{transform:translateY(-2px) scale(1.04);filter:brightness(0.92)}.nb-filter-btn[data-filter=all].active{background:#1c1c2e;color:#fbd000}.nb-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1.5rem}.nb-card{padding:1.75rem;border-radius:10px;transition:transform .15s ease,filter .15s ease;display:flex;flex-direction:column;gap:.875rem;text-decoration:none;min-width:0}.nb-card:hover{transform:translateY(-6px) scale(1.02);filter:brightness(1.1)}.nb-card[data-text=dark] .nb-card-cat,.nb-card[data-text=dark] .nb-card-title,.nb-card[data-text=dark] .nb-card-excerpt,.nb-card[data-text=dark] .nb-card-meta,.nb-card[data-text=dark] .nb-card-readmore{color:#1c1c2e}.nb-card[data-text=dark] .nb-card-footer{border-color:rgba(0,0,0,.15)}.nb-card[data-text=dark] .nb-card-readmore{border-color:rgba(0,0,0,.25)}.nb-card[data-text=dark]:hover .nb-card-title{color:#1c1c2e}.nb-card-cat{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:hsla(0,0%,100%,.85)}.nb-card-cat-ico{width:14px;height:14px;flex-shrink:0;opacity:.75}.nb-card-cat-sep{opacity:.45;margin:0 .1rem}.nb-card-title{font-family:var(--font-display);font-size:1.375rem;font-weight:800;line-height:1.25;color:hsla(0,0%,100%,.85);transition:color .15s ease}.nb-card:hover .nb-card-title{color:#fff}.nb-card-excerpt{font-family:var(--font-body);font-size:.875rem;line-height:1.65;color:hsla(0,0%,100%,.8);flex:1}.nb-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.875rem;border-top:1px solid hsla(0,0%,100%,.2);margin-top:auto}.nb-card-meta{font-family:var(--font-mono);font-size:.65rem;color:hsla(0,0%,100%,.85);letter-spacing:.03em}.nb-card-readmore{font-family:var(--font-mono);font-size:.7rem;color:#fff;padding:.25rem .75rem;border:1.5px solid hsla(0,0%,100%,.4);border-radius:3px}.section--dark .nb-filter-btn{border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7)}.section--dark .nb-filter-btn:hover{filter:brightness(1);border-color:hsla(0,0%,100%,.6);color:#fff}.section--dark .nb-filter-btn[data-filter=all].active{background:#fff;color:#1c1c2e;border-color:#fff}.section--dark .btn-outline{color:var(--white);border-color:hsla(0,0%,100%,.35)}.section--dark .btn-outline:hover{background:var(--white);color:var(--charcoal);border-color:var(--white)}.nb-sort-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.nb-sort-form{display:flex;align-items:center;gap:.5rem;margin-left:auto}.nb-sort-label{font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.4);white-space:nowrap}.nb-sort-select{font-family:var(--font-mono);font-size:.75rem;color:hsla(0,0%,100%,.85);background-color:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.18);border-radius:4px;padding:.375rem 2rem .375rem .75rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.45)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:10px 6px;transition:border-color .15s ease,background-color .15s ease}.nb-sort-select:hover{border-color:hsla(0,0%,100%,.35);background-color:hsla(0,0%,100%,.11)}.nb-sort-select:focus{outline:2px solid hsla(0,0%,100%,.3);outline-offset:2px}.nb-blog-layout{display:grid;grid-template-columns:210px 1fr;gap:2.5rem;align-items:start}.nb-blog-layout--no-sidebar{grid-template-columns:1fr}.nb-sidebar{position:sticky;top:5.5rem}.nb-sidebar-summary{list-style:none;display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin:0 0 .625rem;padding-bottom:.625rem;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:default}.nb-sidebar-summary::-webkit-details-marker{display:none}.nb-sidebar-summary::marker{display:none}.nb-filter-list{display:flex;flex-direction:column;gap:.25rem}.nb-sidebar .nb-filter-btn{width:100%;padding:.5rem .75rem;justify-content:flex-start}.nb-sidebar .nb-filter-count{margin-left:auto}.nb-pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:2.5rem;flex-wrap:wrap}.nb-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:.375rem .75rem;border:1.5px solid #1c1c2e;border-radius:4px;background:rgba(0,0,0,0);color:#1c1c2e;font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .13s ease}.nb-page-btn:hover{background:#1c1c2e;border-color:#1c1c2e;color:#fbd000;transform:translateY(-1px)}.nb-page-btn--active{background:#1c1c2e;border-color:#1c1c2e;color:#fbd000;font-weight:700;cursor:default}.nb-page-btn--disabled{opacity:.3;cursor:default;pointer-events:none}.nb-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:38px;color:rgba(28,28,46,.4);font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em}.nb-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.375rem 0 .5rem;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) rgba(0,0,0,0)}.nb-filters::-webkit-scrollbar{height:3px}.nb-filters::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.nb-filters::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.nb-filter-btn{flex-shrink:0}@media(min-width: 1024px){.nb-sidebar-details>.nb-filter-list{display:flex !important}.nb-sidebar-summary{pointer-events:none}}@media(max-width: 1023px){.nb-blog-layout{grid-template-columns:1fr}.nb-sidebar,.nb-main{min-width:0}.nb-sidebar{position:static;margin-bottom:1.5rem}.nb-sidebar-summary{cursor:pointer;color:hsla(0,0%,100%,.75);padding:.625rem .875rem;margin:0;border:1px solid hsla(0,0%,100%,.15);border-radius:5px;justify-content:space-between;user-select:none}.nb-sidebar-summary::after{content:"";display:block;width:.5rem;height:.5rem;border-right:2px solid hsla(0,0%,100%,.5);border-bottom:2px solid hsla(0,0%,100%,.5);transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0;margin-top:-0.15rem}.nb-sidebar-details[open] .nb-sidebar-summary::after{transform:rotate(-135deg);margin-top:.15rem}.nb-filter-list{margin-top:.75rem;flex-direction:row;flex-wrap:wrap;gap:.5rem}.nb-sidebar .nb-filter-btn{width:auto;padding:.375rem 1.125rem;justify-content:flex-start}.nb-sidebar .nb-filter-count{margin-left:.375rem}}@media(max-width: 599px){.nb-filter-list{flex-direction:column;gap:.375rem;overflow:hidden}.nb-sidebar .nb-filter-btn{width:100%;min-width:0;max-width:100%;padding:.5rem .875rem;font-size:.7rem}.nb-sidebar .nb-filter-count{margin-left:auto}.nb-sidebar .nb-filter-ico{width:14px;height:14px}.nb-sort-bar{flex-direction:column;align-items:flex-start;gap:.625rem}.nb-sort-form{margin-left:0}}@media(max-width: 768px){.nb-filters{margin-bottom:3rem}.nb-filter-btn{padding:.3rem .875rem;font-size:.7rem}.nb-filter-ico{width:14px;height:14px}}@media(max-width: 599px){.nb-grid{grid-template-columns:1fr}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}@media(max-width: 768px){.about-grid{grid-template-columns:1fr}}.about-intro{font-size:1.1875rem;line-height:1.7;color:var(--color-text);margin-bottom:var(--space-lg)}.about-intro strong{color:var(--color-primary);font-weight:700}.about-quote{margin:var(--space-xl) 0;padding:var(--space-lg) var(--space-xl);border-left:4px solid var(--mario-yellow);background:var(--ivory);border-radius:0 var(--radius-md) var(--radius-md) 0}.about-quote blockquote{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--color-text);line-height:1.5}.about-quote cite{display:block;font-size:.875rem;color:var(--color-text-muted);margin-top:.75rem;font-style:normal}.about-credentials{display:flex;flex-direction:column;gap:var(--space-md)}.credential-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color var(--ease-base)}.credential-card:hover{border-color:var(--color-primary)}.credential-icon{width:2.75rem;height:2.75rem;min-width:2.75rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.credential-icon svg{width:1.25rem;height:1.25rem}.credential-icon--red{background:var(--mario-red-dark)}.credential-icon--blue{background:var(--mario-blue-dark)}.credential-icon--green{background:var(--mario-green-dark)}.credential-icon--yellow{background:var(--mario-yellow-dark)}.credential-title{font-weight:700;font-size:.9375rem;color:var(--color-text)}.credential-desc{font-size:.8125rem;color:var(--color-text-muted);margin-top:.125rem}.fun-facts{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--charcoal);border-radius:var(--radius-lg);color:var(--white)}.fun-facts-title{font-family:var(--font-code);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mario-yellow);margin-bottom:var(--space-md)}.fun-facts-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.fun-facts-list li{display:flex;align-items:flex-start;gap:.625rem;font-size:.9rem;color:hsla(0,0%,100%,.85)}.fun-facts-list li span:first-child{flex-shrink:0;font-size:1rem}.projects-grid-stagger{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem 1.75rem}@media(max-width: 900px){.projects-grid-stagger{grid-template-columns:1fr}.projects-grid-stagger .project-card:nth-child(even){transform:none}}@media(min-width: 600px)and (max-width: 900px){.projects-grid-stagger{grid-template-columns:1fr 1fr}}.project-num{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1;letter-spacing:-0.04em;color:var(--color-border);display:block;margin-bottom:0;padding:0 var(--space-lg);padding-top:var(--space-lg);user-select:none;transition:color .3s ease;white-space:nowrap}.project-card{position:relative;transition:transform .15s ease,filter .15s ease;min-width:0}.project-card:hover{transform:translateY(-6px) scale(1.02)}.project-card-accent{height:4px;width:100%}.project-card-accent--red{background:linear-gradient(to right, var(--mario-red), #FDBA74)}.project-card-accent--blue{background:linear-gradient(to right, var(--mario-blue-dark), var(--mario-blue))}.project-card-accent--green{background:linear-gradient(to right, var(--mario-green-dark), var(--mario-green))}.project-card-accent--yellow{background:linear-gradient(to right, var(--mario-yellow-dark), var(--mario-yellow))}.project-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .625rem;background:var(--mario-yellow);color:var(--mario-yellow-dark);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.project-badge--green{background:var(--mario-green);color:#fff}.project-badge svg{vertical-align:-1px;margin-right:3px}.project-icon{width:2.75rem;height:2.75rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.project-icon svg{width:100%;height:100%}.project-icon--red{color:var(--mario-red)}.project-icon--blue{color:var(--mario-blue-dark)}.project-icon--green{color:var(--mario-green-dark)}.project-icon--yellow{color:var(--mario-yellow-dark)}.project-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-bottom:.5rem;color:var(--color-text)}.project-desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.project-links{display:flex;gap:.75rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;text-decoration:none;color:var(--color-secondary);transition:color var(--ease-base)}.project-link:hover{color:var(--color-primary)}.project-link svg{vertical-align:-2px}.card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.stretched-link{text-decoration:none;color:inherit}.stretched-link::after{position:absolute;inset:0;z-index:0;content:""}.project-card--clickable{cursor:pointer}.project-links{position:relative;z-index:1}.project-card-accent--dynamic{background:linear-gradient(to right, var(--card-accent), color-mix(in srgb, var(--card-accent) 60%, white))}.project-nuget{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.project-nuget svg{width:14px;height:14px}.project-card--charcoal{background:var(--charcoal)}.project-card--charcoal .project-num{color:var(--mario-yellow)}.project-card--charcoal .project-title,.project-card--charcoal .project-title a{color:var(--white)}.project-card--charcoal .project-desc{color:var(--fog)}.project-card--charcoal .project-nuget{color:var(--fog)}.project-card--charcoal .project-link{color:var(--mario-yellow)}.project-card--charcoal .project-link:hover{color:var(--white)}.project-card--charcoal .project-icon{color:var(--mario-yellow)}.project-card--charcoal .project-card-accent{background:linear-gradient(to right, var(--mario-yellow-dark), var(--mario-yellow))}.project-card--navy{background:var(--navy)}.project-card--navy .project-num{color:var(--mario-green)}.project-card--navy .project-title,.project-card--navy .project-title a{color:var(--white)}.project-card--navy .project-desc{color:var(--fog)}.project-card--navy .project-nuget{color:var(--fog)}.project-card--navy .project-link{color:var(--mario-green)}.project-card--navy .project-link:hover{color:var(--white)}.project-card--navy .project-icon{color:var(--mario-green)}.project-card--navy .project-card-accent{background:linear-gradient(to right, var(--mario-green-dark), var(--mario-green))}.project-card--outlined-violet{background:var(--white);border:2.5px solid var(--mario-blue)}.project-card--outlined-violet .project-num{color:var(--mario-blue)}.project-card--outlined-violet .project-icon{color:var(--mario-blue-dark)}.project-card--outlined-violet .project-card-accent{background:linear-gradient(to right, var(--mario-blue-dark), var(--mario-blue))}.project-card--tint-coral{background:linear-gradient(135deg, #FFF7ED 0%, #FFF1E6 100%)}.project-card--tint-coral .project-icon{color:var(--mario-red-dark)}.project-card--tint-coral .project-num{color:var(--mario-red)}.project-card--tint-coral .project-card-accent{background:linear-gradient(to right, var(--mario-red-dark), var(--mario-red))}.project-card--tint-teal{background:linear-gradient(135deg, #F0FDFA 0%, #E6FAF5 100%)}.project-card--tint-teal .project-icon{color:var(--mario-green-dark)}.project-card--tint-teal .project-num{color:var(--mario-green)}.project-card--tint-teal .project-card-accent{background:linear-gradient(to right, var(--mario-green-dark), var(--mario-green))}.project-card--tint-violet{background:linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%)}.project-card--tint-violet .project-icon{color:var(--mario-blue-dark)}.project-card--tint-violet .project-num{color:var(--mario-blue)}.project-card--tint-violet .project-card-accent{background:linear-gradient(to right, var(--mario-blue-dark), var(--mario-blue))}.project-card--outlined-coral{background:var(--white);border:2.5px solid var(--mario-red)}.project-card--outlined-coral .project-num{color:var(--mario-red)}.project-card--outlined-coral .project-icon{color:var(--mario-red-dark)}.project-card--outlined-coral .project-card-accent{background:linear-gradient(to right, var(--mario-red-dark), var(--mario-red))}.project-card--charcoal-outline{background:var(--white);border:1.5px solid var(--slate)}.project-card--charcoal-outline .project-icon{color:var(--slate)}.project-card--charcoal-outline .project-num{color:var(--slate)}.project-card--charcoal-outline .project-card-accent{background:linear-gradient(to right, var(--charcoal), var(--slate))}.project-card--gold{background:linear-gradient(135deg, #FFFDF0 0%, #FFF9DB 100%)}.project-card--gold .project-icon{color:var(--mario-yellow-dark)}.project-card--gold .project-num{color:var(--mario-yellow)}.project-card--gold .project-card-accent{background:linear-gradient(to right, var(--mario-yellow-dark), var(--mario-yellow))}.project-card--outlined-teal{background:var(--white);border:2.5px solid var(--mario-green)}.project-card--outlined-teal .project-num{color:var(--mario-green)}.project-card--outlined-teal .project-icon{color:var(--mario-green-dark)}.project-card--outlined-teal .project-card-accent{background:linear-gradient(to right, var(--mario-green-dark), var(--mario-green))}.youtube-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;margin-bottom:var(--space-2xl)}.video-embed-col{min-width:0}@media(max-width: 768px){.youtube-hero{grid-template-columns:1fr}}.youtube-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:var(--space-md)}.yt-stat{text-align:center;padding:var(--space-md);background:rgba(229,37,33,.05);border-radius:var(--radius-md);border:1px solid rgba(229,37,33,.1)}.yt-stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1}.yt-stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.video-embed{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--charcoal);position:relative;width:100%}.video-embed iframe{width:100%;height:100%;border:0}.video-thumb{width:100%;height:100%;object-fit:cover;display:block}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:rgba(0,0,0,.48);color:var(--white);text-align:center;padding:var(--space-xl)}.video-play-btn{width:4rem;height:4rem;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:transform var(--ease-spring),box-shadow var(--ease-smooth)}.video-play-btn:hover{transform:scale(1.1);box-shadow:0 0 0 8px rgba(229,37,33,.2)}.youtube-body{margin-top:1.5rem}.youtube-body p{font-size:1.0625rem;line-height:1.7;margin-bottom:1.25rem}.video-overlay p{font-size:.875rem;opacity:.7;margin:0}.video-overlay p:first-of-type{font-weight:700;font-size:1.0625rem;opacity:1}.video-overlay .btn-outline{margin-top:.5rem;color:#fff;border-color:hsla(0,0%,100%,.4)}#videos .section-subheading{font-size:1.375rem;margin-top:2rem;margin-bottom:1.5rem;display:block}.series-card{border-left:4px solid var(--color-primary)}.series-episode-count{display:inline-flex;align-items:center;padding:.2rem .625rem;background:rgba(229,37,33,.08);color:var(--color-primary);border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(280px, 100%), 1fr));gap:var(--space-xl)}.tool-card{padding:var(--space-xl);background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--color-border);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-md);transition:all var(--ease-smooth)}.tool-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-xl);color:inherit}.tool-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.tool-icon svg{width:1.625rem;height:1.625rem}.tool-icon--legacy{font-size:1.5rem}.tool-icon--blue{background:#1565c0;color:#fff}.tool-icon--green{background:#1b5e20;color:#fff}.tool-icon--brown{background:#7b3f00;color:#fff}.tool-title{font-size:1.125rem;font-weight:700}.tool-desc{font-size:.9375rem;color:var(--color-text-muted)}.tool-tag{margin-top:auto;align-self:flex-start}.speaking-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl)}@media(max-width: 768px){.speaking-grid{grid-template-columns:1fr}}.talk-list{display:flex;flex-direction:column;gap:0}.talk-item{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.talk-item:last-child{border-bottom:none}.talk-year{font-family:var(--font-code);font-size:.8rem;font-weight:700;color:var(--color-primary);padding-top:.2rem}.talk-event{font-weight:700;font-size:.9375rem;color:var(--color-text)}.talk-location{font-size:.8125rem;color:var(--color-text-muted);margin-top:.125rem}.talk-topic{font-size:.8125rem;color:var(--color-text-faint);font-style:italic;margin-top:.25rem}.community-contributions{display:flex;flex-direction:column;gap:var(--space-md)}.contrib-item{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--color-border)}.contrib-icon{width:2.25rem;height:2.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.12);color:#fff}.contrib-icon svg{width:1.1rem;height:1.1rem}.contrib-title{font-weight:700;font-size:.9375rem}.contrib-desc{font-size:.875rem;color:var(--color-text-muted);margin-top:.125rem}#snaps{padding-top:calc(var(--space-3xl) + 4rem)}.section--dark .filter-btn{border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.05);padding:.375rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:background var(--ease-base),border-color var(--ease-base),color var(--ease-base)}.section--dark .filter-btn.active{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.95)}.section--dark .filter-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.35);color:var(--white)}.snaps-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.snaps-grid{columns:3 280px;column-gap:var(--space-md)}.snap-item{break-inside:avoid;margin-bottom:var(--space-md);position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;display:block;border:0;background:none;padding:0;width:100%;text-align:left}.snap-item img{width:100%;height:auto;display:block;transition:transform .5s ease;border-radius:var(--radius-md)}.snap-item:hover img{transform:scale(1.03)}.snap-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(28, 28, 46, 0.85) 0%, transparent 50%);opacity:0;transition:opacity var(--ease-smooth);border-radius:var(--radius-md);display:flex;align-items:flex-end;padding:var(--space-md)}.snap-item:hover .snap-overlay,.snap-item:focus .snap-overlay{opacity:1}.snap-caption{color:var(--white);font-size:.8125rem;font-weight:500}.snap-tag{display:inline-block;padding:.125rem .5rem;background:var(--color-primary);color:var(--white);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-bottom:.25rem}.lightbox{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox.open{opacity:1;pointer-events:all}.lightbox-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border:2px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);color:var(--white);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ease-base)}.lightbox-close:hover{background:hsla(0,0%,100%,.2);border-color:var(--white)}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:2px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);color:var(--white);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ease-base)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-prev:hover,.lightbox-next:hover{background:var(--color-primary);border-color:var(--color-primary)}.lightbox-content{max-width:min(900px,90vw);max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox-caption{color:hsla(0,0%,100%,.8);font-size:.9375rem;text-align:center}.lightbox-counter{color:hsla(0,0%,100%,.5);font-family:var(--font-code);font-size:.8125rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}@media(max-width: 768px){.contact-grid{grid-template-columns:1fr}}.contact-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%;min-width:0}.form-group{display:flex;flex-direction:column;gap:.375rem;min-width:0}.form-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.form-input,.form-textarea{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem 1rem;min-height:44px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--white);transition:border-color var(--ease-base),box-shadow var(--ease-base)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(0,119,182,.15)}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.form-hint{font-size:.8125rem;color:var(--color-text-muted)}.form-error{font-size:.8125rem;color:#c2410c;font-weight:600}.form-error[hidden]{display:none}.form-honeypot{position:absolute;left:-9999px;top:-9999px}.contact-form button[type=submit]{align-self:flex-start}.social-links{display:flex;flex-direction:column;gap:var(--space-sm)}.social-link{display:flex;align-items:center;gap:var(--space-md);padding:.875rem var(--space-md);min-height:56px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--white);text-decoration:none;color:var(--color-text);font-weight:600;font-size:.9375rem;transition:all var(--ease-smooth)}.social-link:hover{transform:translateX(4px);border-color:var(--color-primary);color:var(--color-primary)}.social-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-icon svg{width:1.125rem;height:1.125rem}.social-icon[data-platform=twitter]{background:#000;color:#fff}.social-icon[data-platform=github]{background:#24292e;color:#fff}.social-icon[data-platform=youtube]{background:red;color:#fff}.social-icon[data-platform=linkedin]{background:#0a66c2;color:#fff}.social-icon[data-platform=devto]{background:#0a0a0a;color:#fff}.social-link>div:not(.social-icon){min-width:0}.social-handle{font-family:var(--font-code);font-size:.8125rem;color:var(--color-text-muted);margin-top:.0625rem;font-weight:400;overflow-wrap:break-word}.footer{background:var(--charcoal);color:hsla(0,0%,100%,.7);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}@media(max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width: 600px){.footer-grid{grid-template-columns:1fr}}.footer-brand .nav-logo{color:var(--white);margin-bottom:var(--space-md);font-size:1.25rem}.footer-tagline{font-family:var(--font-display);font-size:1rem;font-style:italic;color:hsla(0,0%,100%,.65);margin-bottom:var(--space-md)}.footer-tagline-sub{font-size:.875rem;color:hsla(0,0%,100%,.6);line-height:1.6}.footer-col-title{font-family:var(--font-body);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mario-yellow);margin-bottom:var(--space-md)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:hsla(0,0%,100%,.65);text-decoration:none;font-size:.9rem;transition:color var(--ease-base)}.footer-links a:hover{color:var(--white)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-copy{font-size:.875rem;color:hsla(0,0%,100%,.6)}.footer-copy a{color:hsla(0,0%,100%,.6)}.footer-copy a:hover{color:var(--mario-yellow)}.footer-hearts{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:hsla(0,0%,100%,.6)}.footer-hearts span{color:var(--color-primary)}.tube-bar{height:4px;width:100%;margin-bottom:var(--space-lg);background:linear-gradient(to right, var(--mario-red) 0% 20%, var(--mario-blue) 20% 40%, var(--mario-green) 40% 60%, var(--mario-yellow) 60% 80%, var(--mario-red-dark) 80% 100%)}.page-header{background:var(--charcoal);padding:calc(var(--space-3xl) + 4rem) 0 var(--space-2xl);text-align:center;position:relative;overflow:hidden}.page-header::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 20% 50%, rgba(229, 37, 33, 0.12) 0%, transparent 60%),radial-gradient(ellipse 50% 70% at 80% 50%, rgba(4, 156, 216, 0.1) 0%, transparent 60%);pointer-events:none}.page-header-eyebrow{font-family:var(--font-code);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mario-yellow);margin-bottom:var(--space-sm);display:block}.page-header-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--white);margin:0 0 var(--space-md);line-height:1.1}.page-header-subtitle{font-size:1.0625rem;color:hsla(0,0%,100%,.65);max-width:54ch;margin:0 auto;line-height:1.7}.article-hero{background:var(--charcoal);padding:calc(var(--space-xl) + 4rem) 0 0;position:relative;overflow:hidden}.article-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 10% 50%, rgba(229, 37, 33, 0.15) 0%, transparent 60%),radial-gradient(ellipse 50% 70% at 90% 50%, rgba(4, 156, 216, 0.12) 0%, transparent 60%);pointer-events:none}.article-hero-portrait{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--mario-yellow)}.article-hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.article-hero-inner{position:relative;z-index:1;padding-bottom:var(--space-lg)}.article-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.article-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,4.5vw,3rem);font-weight:900;color:var(--white);line-height:1.15;margin:0 0 var(--space-md)}.article-hero-subtitle{font-size:1.125rem;color:hsla(0,0%,100%,.65);line-height:1.7;max-width:60ch;margin:0 0 var(--space-md)}@media(max-width: 992px){.article-hero-subtitle{max-width:36ch}}.article-hero-cover{position:relative;z-index:1;width:100%;max-height:480px;object-fit:cover;display:block;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.article-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-md)}.article-hero-bottom .category-icons{margin-top:0}.article-author-bar{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.article-author-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--mario-red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;color:#fff;font-size:1rem;flex-shrink:0}.article-author-name{font-weight:700;color:var(--white);font-size:.9375rem}.article-author-name a{color:inherit;text-decoration:none}.article-author-name a:hover{text-decoration:underline;text-underline-offset:2px}a.article-hero-portrait{display:block}.article-author-role{font-size:.8125rem;color:hsla(0,0%,100%,.5)}.article-author-role a{color:hsla(0,0%,100%,.7);text-decoration:underline;text-underline-offset:2px}.article-author-role a:hover{color:var(--white)}.article-body .code-window,.page-section--code .code-window{margin-bottom:var(--space-xl);overflow:hidden}.article-layout{max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.article-layout .wide{width:100vw;margin-left:calc(50% - 50vw)}.article-layout .breakout{max-width:900px;margin-left:auto;margin-right:auto;width:100%;overflow-x:auto}.article-body{padding:var(--space-xl) var(--space-lg) var(--space-2xl);background:var(--white)}.article-body h2,.page-section--rich-text h2,.page-section--code h2{font-family:var(--font-display);font-size:clamp(1.375rem,2.5vw,1.875rem);font-weight:900;color:var(--charcoal);margin:var(--space-md) 0 var(--space-md);line-height:1.2}.article-body h3,.page-section--rich-text h3,.page-section--code h3{font-family:var(--font-display);font-size:clamp(1.125rem,2vw,1.4375rem);font-weight:800;color:var(--charcoal);margin:var(--space-sm) 0 var(--space-md);line-height:1.25}.article-body h2+h3,.page-section--rich-text h2+h3,.page-section--code h2+h3{margin-top:var(--space-md)}.article-body p,.page-section--rich-text p{font-size:1.0625rem;line-height:1.8;color:var(--slate);margin-bottom:var(--space-lg)}.article-body ul,.article-body ol,.page-section--rich-text ul,.page-section--rich-text ol{font-size:1.0625rem;line-height:1.8;color:var(--slate);margin-bottom:var(--space-lg);padding-left:1.5rem}.article-body li,.page-section--rich-text li{margin-bottom:var(--space-xs)}.article-body a,.page-section--rich-text a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:3px;overflow-wrap:break-word;word-break:break-word}.article-body a:hover,.page-section--rich-text a:hover{color:var(--color-primary)}.article-body strong,.page-section--rich-text strong{color:var(--charcoal);font-weight:700}.article-img{display:block;max-height:520px;width:auto;max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-xl) auto}.article-img-caption{font-size:.8125rem;color:var(--mist);text-align:center;margin-top:calc(var(--space-sm)*-1);margin-bottom:var(--space-xl);font-style:italic}.article-pullquote{background:var(--charcoal);padding:var(--space-xl);margin:var(--space-sm) 0 var(--space-xl);border-radius:var(--radius-md);position:relative}.article-pullquote::before{content:"“";position:absolute;top:var(--space-md);left:var(--space-lg);font-family:var(--font-display);font-size:4rem;line-height:1;color:var(--mario-yellow);opacity:1}.article-pullquote blockquote{color:var(--white);padding-left:var(--space-2xl);font-style:normal}.article-pullquote cite{color:var(--fog);padding-left:var(--space-2xl);display:block}.article-infobox{background:var(--charcoal);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-sm) 0 var(--space-xl)}.article-infobox-title{font-weight:800;color:var(--mario-yellow);margin-bottom:var(--space-sm);font-size:.9375rem;text-transform:uppercase;letter-spacing:.08em}.article-infobox p:not(.article-infobox-title){margin:0;font-size:.9375rem;color:var(--fog);line-height:1.7}.article-table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:.9375rem;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.article-table th{background:var(--charcoal);color:var(--white);padding:.75rem 1rem;text-align:left;font-weight:700;font-family:var(--font-display)}.article-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--slate);vertical-align:top}.article-table tr:last-child td{border-bottom:none}.article-table tr:nth-child(even) td{background:var(--ivory)}.article-table .yes{color:var(--mario-green-dark);font-weight:700}.article-table .no{color:var(--mario-red);font-weight:700}.page-section--author .container{display:flex;justify-content:center}.article-author-card{background:var(--charcoal);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);display:grid;grid-template-columns:80px 1fr;gap:var(--space-xl);align-items:center;margin-top:var(--space-xl);margin-bottom:var(--space-xl);width:100%;max-width:36rem}.article-author-card-portrait{width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--mario-yellow);flex-shrink:0}.article-author-card-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.article-author-card-name{font-family:var(--font-display);font-weight:900;font-size:1.25rem;color:var(--mario-yellow);margin-bottom:.2rem}.article-author-card-name a{color:inherit;text-decoration:none}.article-author-card-name a:hover{text-decoration:underline;text-underline-offset:2px}a.article-author-card-portrait{display:block}.article-author-card-role{font-size:.8125rem;color:hsla(0,0%,100%,.5);margin-bottom:var(--space-sm);font-weight:500}.article-author-card-bio{font-size:.9375rem;line-height:1.7;color:hsla(0,0%,100%,.75);margin:0}.article-author-card-bio a{color:var(--mario-yellow);text-decoration:none}.article-author-card-bio a:hover{text-decoration:underline}.article-author-card-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--mario-yellow);color:var(--charcoal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1.5rem;flex-shrink:0}.page-section--link-list .container{display:flex;justify-content:center}.link-list-card{background:var(--charcoal);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:36rem}.link-list-title{font-size:.75rem;color:var(--mario-yellow);font-family:var(--font-mono);margin:0 0 var(--space-md);letter-spacing:.05em}.page-section--cta{margin:var(--space-xl) 0}.page-section--cta .container{display:flex;justify-content:center}.page-section--cta .sl-cta{width:100%;max-width:36rem}.page-section--icon-links{margin-top:var(--space-l);margin-bottom:var(--space-2xl)}.page-section--icon-links .container{display:flex}.article-hero-title span{color:var(--mario-yellow)}.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb ol{display:flex;gap:.5rem;align-items:center;list-style:none;padding:0;margin:0;font-size:.875rem;color:hsla(0,0%,100%,.45)}.breadcrumb a{color:hsla(0,0%,100%,.45);text-decoration:none}.breadcrumb a:hover{color:hsla(0,0%,100%,.75)}.breadcrumb .sep{color:hsla(0,0%,100%,.25)}.breadcrumb [aria-current=page]{color:hsla(0,0%,100%,.65)}.article-hero-meta time,.article-hero-meta .read-time{font-size:.875rem;color:hsla(0,0%,100%,.5)}.article-hero-meta .sep{color:hsla(0,0%,100%,.3);font-size:.875rem}.article-author-intro{margin:0;font-size:.9375rem;color:var(--slate);line-height:1.7}.related-posts h2{font-family:var(--font-display);font-size:1.5rem;font-weight:900;margin:.5rem 0 0}.category-icons{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0 0;flex-wrap:wrap;--icon-primary: #fff}.category-icon{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:var(--icon-primary)}.category-icon svg{width:40px;height:40px;color:var(--icon-primary);flex-shrink:0}.category-icon-label{font-size:.6875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.55);white-space:nowrap}.related-posts{background:var(--ivory);padding:var(--space-2xl) 0;border-top:1px solid var(--color-border)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.related-posts .nb-grid{margin-top:var(--space-xl)}@media(max-width: 768px){.article-hero{padding-top:calc(var(--space-lg) + 4rem)}.article-hero-meta{margin-bottom:var(--space-md)}.article-hero-title{margin-bottom:var(--space-md)}.article-hero-subtitle{max-width:none;margin-bottom:var(--space-md)}.category-icons{margin-top:var(--space-xs)}.article-hero-inner{padding-bottom:var(--space-lg)}.article-hero-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.article-layout{padding-inline:var(--space-md)}.article-body{padding:var(--space-md) var(--space-md) var(--space-xl)}.article-body h2,.page-section--rich-text h2{margin-top:var(--space-md)}.article-body h3,.page-section--rich-text h3{margin-top:var(--space-xs);margin-bottom:var(--space-sm)}.article-body .code-window{margin-bottom:var(--space-lg);font-size:.85rem}.page-section--code .code-window{font-size:.85rem}.article-pullquote{padding:var(--space-md) var(--space-lg)}.article-infobox{padding:var(--space-md)}.article-author-card{padding:var(--space-lg)}.related-posts{padding:var(--space-lg) 0}}.page-section{background:var(--white)}main>.page-section:first-of-type{padding-top:var(--space-xl)}main>.page-section:last-of-type{padding-bottom:var(--space-2xl)}.article-figure{margin:var(--space-xl) 0;text-align:center}.article-figure .article-img{margin:0 auto var(--space-xs)}.article-figure figcaption{font-size:.8125rem;color:var(--mist);text-align:center;font-style:italic;margin-top:var(--space-sm);margin-bottom:0}.image-section-title{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.125rem);font-weight:800;color:var(--charcoal);margin:0 0 var(--space-sm);line-height:1.25}.image-section-desc{font-size:.9375rem;color:var(--slate);line-height:1.7;margin:0 0 var(--space-md)}.code-section-title{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.25rem);font-weight:800;color:var(--charcoal);margin:0 0 var(--space-sm);line-height:1.25}.code-section-desc{font-size:.9375rem;color:var(--slate);line-height:1.7;margin:0 0 var(--space-lg)}@media(max-width: 768px){main>.page-section:first-of-type{padding-top:var(--space-lg)}main>.page-section:last-of-type{padding-bottom:var(--space-xl)}}.page-section--giscus{padding:var(--space-2xl) 0;border-top:1px solid hsla(0,0%,100%,.08)}.giscus-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--charcoal);margin:0 0 var(--space-xl);text-align:center}.giscus-wrapper .giscus{width:100%}.giscus-wrapper .giscus-frame{width:100% !important;border:none;border-radius:var(--radius-md)}.code-styles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 520px), 1fr));gap:var(--space-2xl)}.code-style-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:transform var(--ease-base),box-shadow var(--ease-base)}.code-style-card:hover{transform:translateY(-4px);box-shadow:0 24px 64px rgba(0,0,0,.22)}.code-window{border-radius:var(--radius-md);overflow:hidden}.code-window-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:var(--t-bar, #21222C);position:relative}.code-window-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.code-window-dot--close{background:#ff5f57}.code-window-dot--min{background:#ffbd2e}.code-window-dot--max{background:#28c840}.code-window-filename{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-code);font-size:.7rem;letter-spacing:.05em;color:var(--t-fg, #CDD6F4);opacity:.45;pointer-events:none;white-space:nowrap}.code-window-bar .copy-btn{margin-left:auto;padding:.15rem .5rem;flex-shrink:0}.code-window pre{margin:0;padding:var(--space-lg) var(--space-xl);border-radius:0;border-left:none;background:var(--t-bg, #1E1E2E);color:var(--t-fg, #CDD6F4);overflow-x:auto;font-size:.8rem;line-height:1.85}.code-style-meta{padding:var(--space-md) var(--space-lg);background:var(--white);border-top:3px solid var(--t-accent, var(--color-primary));display:flex;flex-direction:column;gap:var(--space-xs)}.code-style-header{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.code-style-name{font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--charcoal);margin:0}.code-style-desc{font-size:.875rem;color:var(--steel);margin:0;line-height:1.6}.theme-catppuccin{--t-bg: #1E1E2E;--t-bar: #181825;--t-fg: #CDD6F4;--t-kw: #CBA6F7;--t-st: #A6E3A1;--t-cm: #6C7086;--t-cl: #89DCEB;--t-fn: #89B4FA;--t-accent: #CBA6F7}.theme-tokyo-night{--t-bg: #1A1B26;--t-bar: #16161E;--t-fg: #C0CAF5;--t-kw: #BB9AF7;--t-st: #9ECE6A;--t-cm: #565F89;--t-cl: #2AC3DE;--t-fn: #7AA2F7;--t-accent: #7AA2F7}.theme-github-dark{--t-bg: #0D1117;--t-bar: #161B22;--t-fg: #C9D1D9;--t-kw: #FF7B72;--t-st: #A5D6FF;--t-cm: #8B949E;--t-cl: #FFA657;--t-fn: #D2A8FF;--t-accent: #58A6FF}.theme-dracula{--t-bg: #282A36;--t-bar: #21222C;--t-fg: #F8F8F2;--t-kw: #FF79C6;--t-st: #F1FA8C;--t-cm: #6272A4;--t-cl: #8BE9FD;--t-fn: #50FA7B;--t-accent: #BD93F9}.theme-nord{--t-bg: #2E3440;--t-bar: #242831;--t-fg: #ECEFF4;--t-kw: #81A1C1;--t-st: #A3BE8C;--t-cm: #4C566A;--t-cl: #8FBCBB;--t-fn: #88C0D0;--t-accent: #88C0D0}.theme-gruvbox{--t-bg: #282828;--t-bar: #1D2021;--t-fg: #EBDBB2;--t-kw: #FB4934;--t-st: #B8BB26;--t-cm: #928374;--t-cl: #8EC07C;--t-fn: #FABD2F;--t-accent: #FABD2F}.theme-one-dark{--t-bg: #282C34;--t-bar: #21252B;--t-fg: #ABB2BF;--t-kw: #C678DD;--t-st: #98C379;--t-cm: #5C6370;--t-cl: #E5C07B;--t-fn: #61AFEF;--t-accent: #61AFEF}.theme-monokai{--t-bg: #2D2A2E;--t-bar: #221F22;--t-fg: #FCFCFA;--t-kw: #FF6188;--t-st: #FFD866;--t-cm: #727072;--t-cl: #78DCE8;--t-fn: #A9DC76;--t-accent: #FFD866}.theme-rose-pine{--t-bg: #191724;--t-bar: #1F1D2E;--t-fg: #E0DEF4;--t-kw: #EB6F92;--t-st: #F6C177;--t-cm: #6E6A86;--t-cl: #9CCFD8;--t-fn: #C4A7E7;--t-accent: #EB6F92}.theme-synthwave{--t-bg: #262335;--t-bar: #1A1826;--t-fg: #FFFFFF;--t-kw: #FF7EDB;--t-st: #FF8B39;--t-cm: #848BBD;--t-cl: #36F9F6;--t-fn: #FDE97A;--t-accent: #FF7EDB}.theme-synthwave pre{text-shadow:0 0 8px rgba(255,126,219,.35),0 0 16px rgba(54,249,246,.15)}.sliders-intro{background:var(--charcoal);padding:var(--space-2xl) 0;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.06)}.sliders-intro-grid{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;margin-top:var(--space-lg)}.sliders-intro-stat{font-family:var(--font-display);font-size:.9375rem;color:hsla(0,0%,100%,.55)}.sliders-intro-stat strong{display:block;font-size:1.5rem;font-weight:900;color:var(--mario-yellow)}.slider-showcase{padding:var(--space-3xl) 0;border-bottom:1px solid var(--color-border)}.slider-showcase:nth-child(odd){background:var(--white)}.slider-showcase:nth-child(even){background:var(--ivory)}.slider-showcase-inner{max-width:920px;margin:0 auto;padding:0 var(--space-lg)}.slider-showcase-header{margin-bottom:var(--space-xl)}.slider-showcase-eyebrow{font-family:var(--font-code);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mario-red);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.slider-showcase-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--mario-red);color:var(--white);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;font-family:var(--font-body);flex-shrink:0}.slider-showcase-title{font-family:var(--font-display);font-size:clamp(1.375rem,3vw,1.875rem);font-weight:900;color:var(--charcoal);margin:0 0 var(--space-sm);line-height:1.2}.slider-showcase-desc{font-size:.9375rem;color:var(--steel);line-height:1.7;max-width:66ch;margin:0 0 var(--space-md)}.slider-showcase-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:.3em;font-family:var(--font-code);font-size:.6875rem;font-weight:500;letter-spacing:.04em;padding:.275rem .625rem;border-radius:var(--radius-full);border:1px solid currentColor;line-height:1}.badge--vanilla{color:var(--mario-green-dark);background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.3)}.badge--swiper{color:var(--mario-blue-dark);background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.3)}.badge--css{color:var(--mario-red-dark);background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.3)}.slider-showcase--dark{background:var(--charcoal) !important;border-color:hsla(0,0%,100%,.06)}.slider-showcase--dark .slider-showcase-title{color:var(--white)}.slider-showcase--dark .slider-showcase-desc{color:hsla(0,0%,100%,.6)}.slider-showcase--dark .slider-showcase-eyebrow{color:var(--mario-yellow)}.showcase-swiper-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.showcase-swiper{border-radius:var(--radius-lg);overflow:hidden}.showcase-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none}.swiper-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-xl) var(--space-lg);background:linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, transparent 100%);color:var(--white);z-index:2}.swiper-caption-tag{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--mario-red);color:#fff;padding:.25rem .625rem;border-radius:var(--radius-full);margin-bottom:var(--space-xs)}.swiper-caption-label{font-family:var(--font-display);font-size:1.0625rem;font-weight:800;line-height:1.3}.showcase-swiper .swiper-pagination-bullet{background:hsla(0,0%,100%,.4);opacity:1;width:8px;height:8px;transition:background .2s,width .2s}.showcase-swiper .swiper-pagination-bullet-active{background:var(--mario-red);width:22px;border-radius:4px}.showcase-swiper .swiper-button-next,.showcase-swiper .swiper-button-prev{width:48px;height:48px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-full);color:var(--white);transition:background var(--ease-base),transform var(--ease-base)}.showcase-swiper .swiper-button-next:hover,.showcase-swiper .swiper-button-prev:hover{background:hsla(0,0%,100%,.28)}.showcase-swiper .swiper-button-next::after,.showcase-swiper .swiper-button-prev::after{font-size:1rem;font-weight:900}.showcase-swiper .swiper-scrollbar{background:hsla(0,0%,100%,.1);height:3px}.showcase-swiper .swiper-scrollbar-drag{background:var(--mario-red);border-radius:2px}.swiper-fade-demo{aspect-ratio:16/9;max-height:500px}.swiper-fade-demo .swiper-slide{position:relative}.kb-slider{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:16/9;max-height:500px;box-shadow:var(--shadow-xl)}.kb-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;overflow:hidden}.kb-slide.active{opacity:1}.kb-slide img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center center}.kb-slide.active img{animation:kb-zoom 6s ease-in-out forwards}@keyframes kb-zoom{0%{transform:scale(1) translate(0%, 0%)}100%{transform:scale(1.12) translate(-1.5%, -1%)}}.kb-slide:nth-child(2).active img{animation-name:kb-pan-right}.kb-slide:nth-child(3).active img{animation-name:kb-pan-up}.kb-slide:nth-child(4).active img{animation-name:kb-zoom-out}.kb-slide:nth-child(5).active img{animation-name:kb-zoom}@keyframes kb-pan-right{0%{transform:scale(1.1) translate(-2%, 0%)}100%{transform:scale(1.1) translate(2%, -1%)}}@keyframes kb-pan-up{0%{transform:scale(1.12) translate(0%, 2%)}100%{transform:scale(1.12) translate(0%, -2%)}}@keyframes kb-zoom-out{0%{transform:scale(1.15) translate(1%, -1%)}100%{transform:scale(1) translate(0%, 0%)}}.kb-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-xl) var(--space-lg);background:linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 100%);color:var(--white);z-index:10;pointer-events:none}.kb-caption-tag{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--mario-blue);color:#fff;padding:.25rem .625rem;border-radius:var(--radius-full);margin-bottom:var(--space-xs)}.kb-caption-label{font-family:var(--font-display);font-size:1.0625rem;font-weight:800}.kb-controls{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.kb-dot{width:8px;height:8px;border-radius:var(--radius-full);background:rgba(0,0,0,.2);border:none;cursor:pointer;padding:0;transition:background var(--ease-base),width var(--ease-base)}.kb-dot.active{background:var(--mario-blue);width:24px}.swiper-cube-demo{aspect-ratio:16/9;max-height:500px}.swiper-cube-demo .swiper-slide{position:relative}.swiper-flip-demo{aspect-ratio:16/9;max-height:500px}.swiper-flip-demo .swiper-slide{position:relative}.swiper-coverflow-demo{padding:var(--space-xl) 0 !important}.swiper-coverflow-demo .swiper-slide{width:70%;max-width:560px;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;position:relative}.swiper-coverflow-demo .swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-cards-demo{padding:var(--space-lg) !important}.swiper-cards-demo .swiper-slide{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;position:relative}.swiper-cards-demo .swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-thumbs-main{aspect-ratio:16/9;max-height:420px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.swiper-thumbs-main .swiper-slide{position:relative}.swiper-thumbs-strip{height:80px;padding:var(--space-sm) 0;box-sizing:border-box;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--charcoal)}.swiper-thumbs-strip .swiper-slide{border-radius:var(--radius-sm);overflow:hidden;opacity:.5;cursor:pointer;transition:opacity var(--ease-base);border:2px solid rgba(0,0,0,0)}.swiper-thumbs-strip .swiper-slide-thumb-active{opacity:1;border-color:var(--mario-red)}.swiper-thumbs-strip .swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-vertical-demo{height:420px;border-radius:var(--radius-lg);overflow:hidden}.swiper-vertical-demo .swiper-slide{position:relative}.swiper-vertical-demo .swiper-pagination{right:var(--space-md);left:auto !important}.swiper-peek-demo{padding:0 var(--space-xl) !important;overflow:visible !important}.swiper-peek-demo .swiper-slide{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;position:relative;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.swiper-peek-demo .swiper-slide-active{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.swiper-peek-demo .swiper-slide img{width:100%;height:100%;object-fit:cover}.swiper-peek-wrap{overflow:hidden;padding:var(--space-md) 0 var(--space-xl)}@media(prefers-reduced-motion: reduce){.kb-slide img,.kb-slide.active img{animation:none !important}.kb-slide{transition:opacity .1s !important}}@media(max-width: 640px){.slider-showcase-inner{padding:0 var(--space-md)}.swiper-thumbs-strip{height:60px}.swiper-coverflow-demo .swiper-slide{width:85%}.swiper-peek-demo{padding:0 var(--space-sm) !important}}.search-form{margin-bottom:2rem}.search-input-wrap{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-field{flex:1 1 240px;padding:.875rem 1.25rem;font-family:var(--font-body);font-size:1rem;color:var(--charcoal);background:var(--ivory);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box;min-width:0}.search-field::placeholder{color:var(--mist)}.search-field:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,58,107,.15)}.search-submit{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;flex-shrink:0}.search-clear{white-space:nowrap;flex-shrink:0}.search-bar-wrap{position:relative;margin-bottom:2rem}.search-bar-input{width:100%;padding:1rem 1.25rem 1rem 3.25rem;font-family:var(--font-body);font-size:1rem;color:var(--charcoal);background:var(--ivory);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.search-bar-input::placeholder{color:var(--mist)}.search-bar-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,58,107,.15)}.search-bar-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--mist);pointer-events:none;width:18px;height:18px}.search-count{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;color:var(--steel);margin-bottom:1.75rem;min-height:1.2em;min-width:0;overflow-wrap:break-word}.search-no-results{display:none;text-align:center;padding:4rem 1rem;grid-column:1/-1}.search-no-results.visible{display:block}.search-no-results-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--steel);margin:0 0 .5rem}.search-no-results-hint{font-family:var(--font-body);font-size:.9375rem;color:var(--mist);margin:0}.search-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;padding:0 .875rem;background:var(--navy);color:hsla(0,0%,100%,.75);border:2px solid var(--navy);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.sp-btn:hover:not(:disabled){background:var(--navy-dark);color:var(--mario-yellow);border-color:var(--navy-dark);transform:translateY(-2px)}.sp-btn--active{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow);font-weight:700}.sp-btn--active:hover:not(:disabled){background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow);transform:none}.sp-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}@media(max-width: 600px){.search-bar-input{font-size:.9375rem;padding:.875rem 1rem .875rem 3rem}.sp-btn{min-width:2.25rem;height:2.25rem;padding:0 .625rem;font-size:.75rem}}.sl-section{padding:var(--space-2xl) 0;border-bottom:1px solid var(--color-border)}.sl-section:last-child{border-bottom:none}.sl-section-title{font-family:var(--font-display);font-size:1.375rem;font-weight:800;color:var(--color-text);margin:0 0 var(--space-xs)}.sl-section-desc{font-size:.9375rem;color:var(--color-text-muted);margin:0 0 var(--space-xl)}.sl-demo{background:var(--ivory);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.sl-demo--dark{background:var(--charcoal);border-color:hsla(0,0%,100%,.08)}.sl-prose{font-size:1rem;line-height:1.8;color:var(--color-text);max-width:70ch}.sl-prose a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color var(--ease-base),text-decoration-color var(--ease-base)}.sl-prose a:hover{color:var(--mario-blue-dark);text-decoration-thickness:2px}.sl-prose a:visited{color:var(--mario-blue-dark)}.sl-btn-row{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.sl-btn-row+.sl-btn-row{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.sl-demo--dark .sl-btn-row+.sl-btn-row{border-top-color:hsla(0,0%,100%,.1)}.sl-link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.sl-link-list a{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.9375rem;font-weight:500;color:var(--navy);text-decoration:none;padding:var(--space-xs) 0;transition:color var(--ease-base),gap var(--ease-base)}.sl-link-list a::before{content:"→";font-size:.875rem;color:var(--mario-blue-dark);transition:transform var(--ease-base);flex-shrink:0}.sl-link-list a:hover{color:var(--mario-blue-dark);gap:var(--space-md)}.sl-link-list a:hover::before{transform:translateX(3px)}.sl-link-list--dot a::before{content:"•";font-size:1.25rem;line-height:1;color:var(--mario-red-dark)}.sl-link-list--dot a:hover::before{transform:none}.sl-link-list--external a::after{content:"↗";font-size:.75rem;opacity:.55;margin-left:auto;padding-left:var(--space-sm)}.sl-resource-list{display:flex;flex-direction:column;gap:var(--space-md)}.sl-resource-card{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-decoration:none;color:inherit;transition:box-shadow var(--ease-smooth),transform var(--ease-smooth),border-color var(--ease-smooth)}.sl-resource-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--navy);color:inherit}.sl-resource-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.sl-resource-icon--red{background:#fee2e2;color:var(--mario-red-dark)}.sl-resource-icon--blue{background:#ede9fe;color:var(--mario-blue-dark)}.sl-resource-icon--green{background:#ccfbf1;color:var(--mario-green-dark)}.sl-resource-icon--yellow{background:#fef9c3;color:var(--mario-yellow-dark)}.sl-resource-body{flex:1;min-width:0}.sl-resource-title{font-size:.9375rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs);line-height:1.3}.sl-resource-desc{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.5}.sl-resource-badge{flex-shrink:0;align-self:center}.sl-cta{border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center}.sl-cta+.sl-cta{margin-top:var(--space-lg)}.sl-cta--navy{background:var(--navy);color:var(--white)}.sl-cta--violet{background:var(--mario-blue-dark);color:var(--white)}.sl-cta--teal{background:var(--mario-green-dark);color:var(--white)}.sl-cta--light{background:var(--ivory);color:var(--color-text);border:1px solid var(--color-border)}.sl-cta--gradient{background:linear-gradient(135deg, var(--navy) 0%, var(--mario-blue-dark) 100%);color:var(--white)}.sl-cta-eyebrow{font-family:var(--font-code);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7;display:block;margin-bottom:var(--space-sm)}.sl-cta-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.875rem);font-weight:800;margin:0 0 var(--space-sm);line-height:1.2}.sl-cta-body{font-size:.9375rem;opacity:.8;max-width:52ch;margin:0 auto var(--space-xl);line-height:1.7}.sl-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.sl-banner{display:flex;align-items:center;gap:var(--space-xl);background:var(--navy);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);color:var(--white)}.sl-banner+.sl-banner{margin-top:var(--space-lg)}.sl-banner-content{flex:1;min-width:0}.sl-banner-title{font-family:var(--font-display);font-size:1.125rem;font-weight:800;margin:0 0 var(--space-xs)}.sl-banner-text{font-size:.875rem;opacity:.75;margin:0;line-height:1.5}.sl-banner--teal{background:var(--mario-green-dark)}.sl-banner--coral{background:#c2410c}.sl-banner--violet{background:var(--mario-blue-dark)}.sl-tag-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.sl-tag-link{display:inline-flex;align-items:center;padding:.375rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-decoration:none;transition:all var(--ease-base);border:1.5px solid rgba(0,0,0,0)}.sl-tag-link--navy{background:#e8edf5;color:var(--navy);border-color:#cbd5e6}.sl-tag-link--navy:hover{background:var(--navy);color:var(--white);border-color:var(--navy)}.sl-tag-link--violet{background:#ede9fe;color:var(--mario-blue-dark);border-color:#ddd6fe}.sl-tag-link--violet:hover{background:var(--mario-blue-dark);color:var(--white);border-color:var(--mario-blue-dark)}.sl-tag-link--teal{background:#ccfbf1;color:var(--mario-green-dark);border-color:#99f6e4}.sl-tag-link--teal:hover{background:var(--mario-green-dark);color:var(--white);border-color:var(--mario-green-dark)}.sl-tag-link--coral{background:#fee2e2;color:var(--mario-red-dark);border-color:#fca5a5}.sl-tag-link--coral:hover{background:var(--mario-red-dark);color:var(--white);border-color:var(--mario-red-dark)}.sl-tag-link--outline{background:rgba(0,0,0,0);color:var(--color-text-muted);border-color:var(--color-border)}.sl-tag-link--outline:hover{background:var(--ivory);color:var(--color-text);border-color:var(--steel)}.sl-icon-links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.sl-icon-link{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.9375rem;font-weight:600;text-decoration:none;color:var(--navy);padding:.625rem var(--space-lg);border-radius:var(--radius-md);background:var(--white);border:1.5px solid var(--color-border);transition:all var(--ease-smooth);min-height:44px}.sl-icon-link svg{flex-shrink:0}.sl-icon-link:hover{border-color:var(--navy);box-shadow:var(--shadow-md);transform:translateY(-1px);color:var(--navy)}.sl-icon-link--filled{background:var(--navy);color:var(--white);border-color:var(--navy)}.sl-icon-link--filled:hover{background:var(--navy-dark);border-color:var(--navy-dark);color:var(--white)}.sl-icon-link--coral{background:var(--mario-red-dark);color:var(--white);border-color:var(--mario-red-dark)}.sl-icon-link--coral:hover{background:#9a3412;border-color:#9a3412;color:var(--white)}.sl-icon-link--violet{background:var(--mario-blue-dark);color:var(--white);border-color:var(--mario-blue-dark)}.sl-icon-link--violet:hover{background:#5b21b6;border-color:#5b21b6;color:var(--white)}.sl-icon-link--teal{background:var(--mario-green-dark);color:var(--white);border-color:var(--mario-green-dark)}.sl-icon-link--teal:hover{background:#0c5f58;border-color:#0c5f58;color:var(--white)}.sl-icon-link--yellow{background:var(--mario-yellow-dark);color:var(--white);border-color:var(--mario-yellow-dark)}.sl-icon-link--yellow:hover{background:#5c4c00;border-color:#5c4c00;color:var(--white)}.sl-icon-link--tint-coral{background:#fee2e2;color:var(--mario-red-dark);border-color:#fca5a5}.sl-icon-link--tint-coral:hover{background:var(--mario-red-dark);color:var(--white);border-color:var(--mario-red-dark);box-shadow:var(--shadow-md)}.sl-icon-link--tint-violet{background:#ede9fe;color:var(--mario-blue-dark);border-color:#ddd6fe}.sl-icon-link--tint-violet:hover{background:var(--mario-blue-dark);color:var(--white);border-color:var(--mario-blue-dark);box-shadow:var(--shadow-md)}.sl-icon-link--tint-teal{background:#ccfbf1;color:var(--mario-green-dark);border-color:#99f6e4}.sl-icon-link--tint-teal:hover{background:var(--mario-green-dark);color:var(--white);border-color:var(--mario-green-dark);box-shadow:var(--shadow-md)}.sl-icon-link--tint-yellow{background:#fef9c3;color:var(--mario-yellow-dark);border-color:#fef08a}.sl-icon-link--tint-yellow:hover{background:var(--mario-yellow-dark);color:var(--white);border-color:var(--mario-yellow-dark);box-shadow:var(--shadow-md)}.sl-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);list-style:none;padding:0;margin:0;font-size:.875rem}.sl-breadcrumb li{display:flex;align-items:center;gap:var(--space-xs)}.sl-breadcrumb li::after{content:"/";color:var(--mist);font-weight:400}.sl-breadcrumb li:last-child::after{display:none}.sl-breadcrumb a{color:var(--navy);text-decoration:none;font-weight:500;transition:color var(--ease-base)}.sl-breadcrumb a:hover{color:var(--mario-blue-dark);text-decoration:underline;text-underline-offset:3px}.sl-breadcrumb [aria-current=page]{color:var(--color-text-muted);font-weight:400}.page-section p.sl-prose--cky{color:var(--white)}.page-section a.btn-gold{color:var(--charcoal)}.page-section a.btn-gold:hover{color:var(--white)}.page-section a.btn-gold-outline{color:var(--mario-yellow)}.page-section a.btn-gold-outline:hover{color:var(--mario-yellow)}.page-section.dark-bg a.btn-gold-outline:hover{color:var(--white)}.page-section a.sl-icon-link--charcoal{color:var(--white)}.page-section a.sl-icon-link--charcoal:hover{color:var(--mario-yellow)}.page-section a.sl-icon-link--charcoal-outline{color:var(--charcoal)}.page-section a.sl-icon-link--charcoal-outline:hover{color:var(--charcoal)}.page-section a.sl-icon-link--gold{color:var(--charcoal)}.page-section a.sl-icon-link--tint-gold{color:var(--mario-yellow-dark)}.page-section a.sl-icon-link--tint-gold:hover{color:var(--charcoal)}.page-section a.sl-icon-link--youtube-outline{color:#c00}.page-section a.sl-icon-link--youtube-outline:hover{color:var(--white)}.sl-prose--cky{color:var(--white)}.sl-prose--cky a{color:var(--mario-yellow);text-decoration-color:rgba(251,208,0,.45)}.sl-prose--cky a:hover{color:var(--white);text-decoration-thickness:2px;text-decoration-color:var(--mario-yellow)}.sl-prose--cky a:visited{color:rgba(251,208,0,.7)}.btn-gold{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.625rem var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:700;text-decoration:none;min-height:44px;background:var(--mario-yellow);color:var(--charcoal);border:2px solid var(--mario-yellow);transition:all var(--ease-smooth)}.btn-gold:hover{background:#e6bc00;border-color:#e6bc00;color:var(--white);box-shadow:0 0 0 4px rgba(251,208,0,.25);transform:translateY(-1px)}.btn-gold-outline{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.625rem var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:700;text-decoration:none;min-height:44px;background:rgba(0,0,0,0);color:var(--mario-yellow);border:2px solid var(--mario-yellow);transition:all var(--ease-smooth)}.btn-gold-outline:hover{background:rgba(251,208,0,.12);color:var(--mario-yellow);transform:translateY(-1px)}.dark-bg .btn-gold-outline:hover{color:var(--white)}.sl-link-list--cky a{color:var(--fog)}.sl-link-list--cky a::before{color:var(--mario-yellow)}.sl-link-list--cky a:hover{color:var(--mario-yellow)}.sl-resource-card--cky{background:var(--slate);border-color:hsla(0,0%,100%,.08)}.sl-resource-card--cky:hover{border-color:var(--mario-yellow);box-shadow:0 0 0 1px var(--mario-yellow),var(--shadow-lg);transform:translateY(-2px);color:inherit}.sl-resource-card--cky .sl-resource-title{color:var(--white)}.sl-resource-card--cky .sl-resource-desc{color:var(--fog)}.sl-resource-icon--gold{background:rgba(251,208,0,.15);color:var(--mario-yellow)}.sl-cta--cky{background:var(--charcoal);color:var(--white);border:1px solid hsla(0,0%,100%,.08)}.sl-cta--cky .sl-cta-eyebrow{color:var(--mario-yellow);opacity:1}.sl-cta--cky .sl-cta-title{color:var(--mario-yellow)}.sl-cta--cky .sl-cta-body{color:var(--fog);opacity:1}.sl-banner--cky{background:var(--charcoal);border:1px solid hsla(0,0%,100%,.08);color:var(--white)}.sl-banner--cky .sl-banner-title{color:var(--mario-yellow)}.sl-banner--cky .sl-banner-text{color:var(--fog);opacity:1}.sl-tag-link--gold{background:#fef9c3;color:var(--mario-yellow-dark);border-color:#fef08a}.sl-tag-link--gold:hover{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow)}.sl-tag-link--gold-dark{background:rgba(251,208,0,.12);color:var(--mario-yellow);border-color:rgba(251,208,0,.3)}.sl-tag-link--gold-dark:hover{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow)}.sl-icon-link--charcoal{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}.sl-icon-link--charcoal:hover{background:var(--slate);border-color:var(--slate);color:var(--mario-yellow);box-shadow:0 0 0 3px rgba(251,208,0,.2),var(--shadow-md);transform:translateY(-1px)}.sl-icon-link--charcoal-outline{background:var(--white);color:var(--charcoal);border-color:var(--charcoal)}.sl-icon-link--charcoal-outline:hover{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sl-icon-link--gold{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow)}.sl-icon-link--gold:hover{background:#e6bc00;border-color:#e6bc00;color:var(--charcoal);box-shadow:0 0 0 3px rgba(251,208,0,.3),var(--shadow-md);transform:translateY(-1px)}.sl-icon-link--tint-gold{background:#fef9c3;color:var(--mario-yellow-dark);border-color:#fef08a}.sl-icon-link--tint-gold:hover{background:var(--mario-yellow);color:var(--charcoal);border-color:var(--mario-yellow);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sl-icon-link--youtube-outline{background:var(--white);color:#c00;border-color:red}.sl-icon-link--youtube-outline:hover{background:red;border-color:red;color:var(--white);box-shadow:0 0 0 3px rgba(255,0,0,.2),var(--shadow-md);transform:translateY(-1px)}.sl-icon-link--cky{background:hsla(0,0%,100%,.06);color:var(--fog);border-color:hsla(0,0%,100%,.12)}.sl-icon-link--cky:hover{background:hsla(0,0%,100%,.1);color:var(--mario-yellow);border-color:rgba(251,208,0,.5);box-shadow:none;transform:translateY(-1px)}.sl-breadcrumb--cky li::after{color:hsla(0,0%,100%,.25)}.sl-breadcrumb--cky a{color:var(--mario-yellow)}.sl-breadcrumb--cky a:hover{color:var(--white);text-decoration-color:var(--mario-yellow)}.sl-breadcrumb--cky [aria-current=page]{color:var(--fog)}.sl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media(max-width: 640px){.sl-two-col{grid-template-columns:1fr}.sl-banner{flex-direction:column;text-align:center;padding:var(--space-xl)}}.page-section--tutorial-content{padding:var(--space-3xl) 0}.tutorial-content-block{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl) var(--space-3xl);align-items:start}.tutorial-content-block--flipped .tutorial-content-block__text{order:2}.tutorial-content-block--flipped .tutorial-content-block__media{order:1}.tutorial-content-block__title{font-family:var(--font-display);font-size:clamp(1.375rem,3vw,2rem);font-weight:800;color:var(--charcoal);margin:0 0 var(--space-lg);line-height:1.2}.tutorial-content-block__title a{color:inherit;text-decoration:none}.tutorial-content-block__title a:hover,.tutorial-content-block__title a:focus{text-decoration:underline}.tutorial-content-block__body{font-size:1rem;line-height:1.75;color:var(--color-text-muted)}.tutorial-content-block__body p{margin:0 0 var(--space-md)}.tutorial-content-block__body p:last-child{margin-bottom:0}.tutorial-content-block__media{display:flex;flex-direction:column;gap:var(--space-lg)}.tutorial-content-block__media .article-video{margin:0}.tutorial-content-block__links{flex-wrap:wrap}@media(max-width: 900px){.tutorial-content-block{grid-template-columns:1fr}.tutorial-content-block--flipped .tutorial-content-block__text,.tutorial-content-block--flipped .tutorial-content-block__media{order:unset}}.tool-page{padding-bottom:var(--space-3xl)}.tool-panel{max-width:720px;background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.tool-fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.tool-legend{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);float:left;width:100%}.tool-checkbox-label,.tool-radio-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.9375rem;color:var(--color-text);user-select:none}.tool-checkbox-label input,.tool-radio-label input{width:1rem;height:1rem;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.tool-field{display:flex;flex-direction:column;gap:.375rem}.tool-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.tool-input-number{width:6rem;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;color:var(--color-text);background:var(--white);transition:border-color var(--ease-base),box-shadow var(--ease-base)}.tool-input-number:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(0,119,182,.15)}.tool-textarea{box-sizing:border-box;width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--white);resize:vertical;min-height:120px;line-height:1.6;transition:border-color var(--ease-base),box-shadow var(--ease-base)}.tool-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(0,119,182,.15)}.tool-textarea--mono{font-family:var(--font-mono);font-size:.875rem}.tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tool-output-wrap{display:flex;flex-direction:column;gap:var(--space-sm)}.tool-output-row{display:flex;gap:var(--space-sm);align-items:stretch}.tool-output{flex:1;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;color:var(--color-text);background:var(--ivory);min-width:0}.tool-output-header{display:flex;justify-content:space-between;align-items:center}.tool-output-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.tool-copy-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex-shrink:0;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--white);color:var(--color-text-muted);cursor:pointer;transition:all var(--ease-base)}.tool-copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(229,37,33,.05)}.tool-copy-btn svg{pointer-events:none}.tool-copy-confirm{font-size:.875rem;font-weight:600;color:var(--mario-green-dark)}.tool-code-output{background:var(--charcoal);color:hsla(0,0%,100%,.9);font-family:var(--font-mono);font-size:.875rem;line-height:1.7;padding:var(--space-lg);border-radius:var(--radius-md);white-space:pre-wrap;overflow-x:auto;margin:0}.tool-settings-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:var(--space-xl)}.tool-options{display:flex;flex-direction:column;gap:var(--space-lg)}.tool-strength-bar{height:6px;border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.tool-strength-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease,background .3s ease}.tool-strength-bar--weak .tool-strength-bar-fill{background:var(--mario-red)}.tool-strength-bar--medium .tool-strength-bar-fill{background:var(--mario-yellow-dark)}.tool-strength-bar--strong .tool-strength-bar-fill{background:var(--mario-green-dark)}.fixtures-output{display:flex;flex-direction:column;gap:var(--space-lg)}.fixture-round{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.fixture-round-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--mario-yellow);background:var(--charcoal);padding:var(--space-sm) var(--space-md);margin:0}.fixture-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:.9375rem}.fixture-match:last-child{border-bottom:none}.fixture-home{text-align:right;font-weight:600}.fixture-away{text-align:left}.fixture-vs{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.latest-posts .section-header,.packages-block .section-header{text-align:center;margin-bottom:2.5rem}.latest-posts .section-cta,.packages-block .section-cta{margin-top:2.5rem;text-align:center}@media(prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}@media(max-width: 600px){.section{padding:var(--space-2xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}.snaps-grid{columns:2 160px}.stats-grid{gap:var(--space-lg)}}@keyframes scrollProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.scroll-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(to right, var(--mario-yellow), var(--mario-red));transform-origin:left;transform:scaleX(0);z-index:9999;animation:scrollProgress linear;animation-timeline:scroll(root)}.hero-name .outline{color:rgba(0,0,0,0);-webkit-text-stroke:3px var(--white);display:block}.hero-name .outline-yellow{color:rgba(0,0,0,0);-webkit-text-stroke:3px var(--mario-yellow);display:block}.section-vert-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);position:absolute;left:-3.5rem;top:0;font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--color-border);pointer-events:none;user-select:none;display:none}@media(min-width: 1200px){.section-vert-label{display:block}}.blog-filters{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-2xl)}.filter-btn{border-radius:0 !important;border:none !important;border-bottom:3px solid rgba(0,0,0,0) !important;margin-bottom:-2px;background:rgba(0,0,0,0) !important;font-weight:700;color:var(--color-text-muted) !important;padding:.75rem 1.25rem !important}.filter-btn:hover{color:var(--color-text) !important;border-bottom-color:var(--color-border) !important}.filter-btn.active{color:var(--color-primary) !important;border-bottom-color:var(--color-primary) !important;background:rgba(0,0,0,0) !important}