.hero{margin-bottom:var(--section-gap);text-align:left}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}@keyframes ethereal-drift{0%,to{transform:scale(var(--ghost-scale, .2)) translate(0) rotate(0);opacity:.9}33%{transform:scale(var(--ghost-scale, .2)) translate(1px,-3px) rotate(1.5deg);opacity:.6}66%{transform:scale(var(--ghost-scale, .2)) translate(-1.5px,1px) rotate(-1deg);opacity:.8}}.hero-ghost{display:flex;align-items:flex-end;margin-top:10px;width:68px;height:56px;position:relative}.pixel-ghost{--ghost-scale: .2;font-family:monospace;font-size:20px;transform:scale(var(--ghost-scale));transform-origin:top left;position:absolute;top:0;left:0;line-height:1;letter-spacing:0;color:var(--white);opacity:.9;-webkit-font-smoothing:none;font-smooth:never;text-rendering:pixelated;-webkit-text-size-adjust:none;text-size-adjust:none;animation:ethereal-drift 6s ease-in-out infinite;user-select:none;text-shadow:0 0 8px rgba(255,255,255,.4);width:max-content;margin:0}@media(max-width:600px){.hero-ghost{margin-top:4px;width:51px;height:42px}.pixel-ghost{--ghost-scale: .15;transform:scale(var(--ghost-scale))}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--gray-300);margin-bottom:1.25rem;letter-spacing:.02em;text-transform:uppercase;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out-expo) .2s forwards}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 10s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-size:clamp(3rem,10vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:1rem;color:var(--text-primary)}.title-line{display:inline-block;opacity:0;transform:translateY(40px);animation:fadeUp 1s var(--ease-out-expo) .3s forwards}.hero-subtitle{font-size:1.25rem;font-weight:400;color:var(--gray-300);margin-bottom:.5rem;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out-expo) .5s forwards}.hero-tagline{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--gray-400);opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out-expo) .6s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section{margin-bottom:var(--section-gap)}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .8s var(--ease-out-expo)}.section-header.visible{opacity:1;transform:translateY(0)}.section-number{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;color:var(--gray-500);letter-spacing:.1em}.section-title{font-size:.875rem;font-weight:600;color:var(--gray-300);text-transform:uppercase;letter-spacing:.15em}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-medium) 0%,transparent 100%)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem}.tile-wrapper{position:relative;display:flex;align-items:stretch;opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out-expo)}.tile-wrapper.visible{opacity:1;transform:translateY(0)}.tile-wrapper:nth-child(1){transition-delay:.05s}.tile-wrapper:nth-child(2){transition-delay:.1s}.tile-wrapper:nth-child(3){transition-delay:.15s}.tile-wrapper:nth-child(4){transition-delay:.2s}.tile-wrapper:nth-child(5){transition-delay:.25s}.tile-wrapper:nth-child(6){transition-delay:.3s}.tile-wrapper:nth-child(7){transition-delay:.35s}.tile-wrapper:nth-child(8){transition-delay:.4s}.tile-wrapper:nth-child(9){transition-delay:.45s}.tile-wrapper:nth-child(10){transition-delay:.5s}.tile{position:relative;display:flex;flex:1;align-items:center;gap:.625rem;padding:1.25rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px 0 0 12px;text-decoration:none;color:var(--text-primary);overflow:hidden;transition:background-color .2s ease}.tile:hover{background:var(--bg-hover)}.tile svg{width:1.25rem;height:1.25rem}.copy-btn svg{width:.875rem;height:.875rem}.tile i,.tile svg,.tile-icon-img{position:relative;z-index:1;font-size:1.25rem;width:1.5rem;text-align:center;flex-shrink:0;color:var(--text-tertiary);object-fit:contain;filter:brightness(.8);opacity:.9;transition:all .2s ease}.tile:hover .tile-icon-img,.tile:hover i,.tile:hover svg{filter:brightness(1);opacity:1;color:var(--text-primary)}.tile span{position:relative;z-index:1;font-size:.9375rem;font-weight:500;letter-spacing:-.01em}.copy-btn{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:none;border-radius:0 12px 12px 0;color:var(--text-muted);cursor:pointer;transition:all .3s var(--ease-out-expo)}.copy-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.copy-btn:active{transform:scale(.95)}.copy-btn i{font-size:.875rem;transition:transform .3s var(--ease-out-expo)}.copy-btn:hover i{transform:scale(1.1)}.tile--primary{grid-column:span 6}.tile--xl{grid-column:span 8}.tile--lg,.tile--md{grid-column:span 6}.tile--sm{grid-column:span 4}.tile--xs{grid-column:span 3}.tile--primary .tile,.tile--xl .tile{padding:1.5rem 1.75rem;min-height:72px}.tile--primary .tile svg,.tile--xl .tile svg{width:1.5rem;height:1.5rem}.tile--primary .tile i,.tile--xl .tile i{font-size:1.5rem;width:1.75rem}.tile--primary .tile span,.tile--xl .tile span{font-size:1rem;font-weight:600}.tile--sm .tile,.tile--xs .tile{padding:1rem 1.25rem}.tile--sm .tile i,.tile--xs .tile i{font-size:1rem}.tile--sm .tile span,.tile--xs .tile span{font-size:.8125rem}@media(max-width:768px){.bento-grid{gap:.5rem}.tile--primary,.tile--xl,.tile--lg,.tile--md{grid-column:span 12}.tile--sm{grid-column:span 6}.tile--xs{grid-column:span 4}}@media(max-width:480px){.tile,.tile--primary .tile,.tile--xl .tile,.tile--lg .tile,.tile--md .tile,.tile--sm .tile,.tile--xs .tile{padding:1rem;min-height:50px;border-radius:12px;justify-content:center;gap:0}.tile span,.copy-btn{display:none}.tile--primary,.tile--xl,.tile--lg,.tile--md{grid-column:span 6}.tile--sm,.tile--xs{grid-column:span 4}}.accordion-wrapper{position:relative}.accordion-container{display:flex;flex-direction:column;gap:0}.accordion-item{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.03)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0;background:none;border:none;cursor:pointer;text-align:left;color:inherit}.accordion-item:hover{background:#ffffff03}.accordion-logo{width:46px;height:46px;background:#080808;border:1px solid rgba(255,255,255,.05);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);overflow:hidden}.accordion-logo svg{width:1.125rem;height:1.125rem}.accordion-logo img{width:22px;height:22px;object-fit:contain;filter:grayscale(1) brightness(.9) opacity(.8);transition:filter .3s ease}.accordion-item:hover .accordion-logo img{filter:none}.accordion-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.accordion-title-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.accordion-title{font-size:.9375rem;font-weight:600;color:var(--white);letter-spacing:-.01em}.accordion-links{display:flex;align-items:center;gap:.4rem}.accordion-link-icon{color:var(--text-muted);transition:color .2s ease,opacity .2s ease;text-decoration:none;opacity:.6;display:flex;align-items:center}.accordion-link-icon svg{width:.75rem;height:.75rem}.accordion-link-img{width:.75rem;height:.75rem;object-fit:contain;filter:grayscale(1) brightness(.8);transition:filter .2s ease}.accordion-link-icon:hover{color:var(--white);opacity:1}.accordion-link-icon:hover .accordion-link-img{filter:grayscale(0) brightness(1)}.accordion-subtitle{font-size:.8125rem;color:var(--gray-400);font-weight:400}.accordion-meta{text-align:right;display:flex;flex-direction:column;gap:.125rem;margin-right:.5rem}.accordion-date{font-size:.8125rem;color:var(--gray-300);font-weight:500}.accordion-location{font-size:.75rem;color:var(--gray-500)}.accordion-chevron-box{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;background:#ffffff05}.accordion-icon{width:.625rem;height:.625rem;color:var(--text-muted);transition:transform .4s var(--ease-out-expo),color .4s var(--ease-out-expo)}.accordion-icon.rotated{transform:rotate(180deg);color:var(--white)}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-in-out)}.accordion-content.open{grid-template-rows:1fr}.accordion-clip{overflow:hidden;min-height:0}.accordion-inner{padding:0 0 1.5rem 4.125rem;font-size:.875rem;line-height:1.6;color:var(--gray-300)}.accordion-bullet-point{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.accordion-bullet-point .bullet{width:6px;height:6px;background:var(--text-muted);border-radius:50%;margin-top:.5rem;flex-shrink:0}.accordion-bullet-point:hover .bullet{background:var(--text-primary)}.current-image{max-width:100%;height:auto;border-radius:8px;margin-top:1rem;border:1px solid var(--border-subtle)}@media(max-width:600px){.accordion-header{gap:1rem}.accordion-meta{text-align:left;margin-right:0;margin-top:.25rem}.accordion-date,.accordion-location{font-size:.75rem;opacity:.8}.accordion-chevron-box{width:30px;height:30px;flex-shrink:0}.accordion-inner{padding-left:0}}.expand-button-container{display:flex;justify-content:center;margin-top:1.5rem}.expand-btn{background:transparent;color:var(--gray-100);border:1px dotted var(--gray-100);padding:.875rem 1.75rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.625rem}.expand-btn svg{width:.75rem;height:.75rem}.expand-btn:hover{opacity:.9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--gray-950: #0a0a0a;--gray-900: #111111;--gray-850: #161616;--gray-800: #1a1a1a;--gray-700: #262626;--gray-600: #404040;--gray-500: #525252;--gray-400: #737373;--gray-300: #a3a3a3;--gray-200: #d4d4d4;--gray-100: #e5e5e5;--gray-50: #f5f5f5;--white: #fafafa;--bg-primary: var(--black);--bg-secondary: rgba(10, 10, 10, .1);--bg-elevated: rgba(255, 255, 255, .04);--bg-hover: rgba(255, 255, 255, .08);--text-primary: var(--white);--text-secondary: var(--gray-400);--text-tertiary: var(--gray-500);--text-muted: var(--gray-600);--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--glow-subtle: rgba(255, 255, 255, .03);--glow-medium: rgba(255, 255, 255, .06);--glow-strong: rgba(255, 255, 255, .1);--container-width: 720px;--section-gap: 3rem;--content-padding: 2rem;--cyan: #00f2ff;--cyan-glow: rgba(0, 242, 255, .4);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}a{color:var(--cyan);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.terminal-text{font-family:JetBrains Mono,monospace}.hidden{display:none!important}::selection{background:var(--white);color:var(--black)}html{scrollbar-width:none;-ms-overflow-style:none;background:var(--bg-primary);color:var(--text-primary)}html::-webkit-scrollbar{display:none}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section{content-visibility:auto;contain-intrinsic-size:auto 420px}.scroll-container{position:relative;z-index:10;min-height:auto}.content-wrapper{max-width:var(--container-width);margin:0 auto;padding:4rem var(--content-padding) 2rem}.content-wrapper>.section:last-of-type{margin-bottom:0}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,rgba(0,0,0,.5) 100%)}@media(max-width:768px){.content-wrapper{padding:3rem 1.25rem 2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pixel-ghost,.title-line,.hero-subtitle{animation:none!important}.tile-wrapper,.section-header,.accordion-content,.accordion-icon{transition:none}}
