*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}body{padding-top:48px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-heading);font-weight:400;line-height:1.1}img,video{max-width:100%;display:block}.caption{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-top:4px;line-height:1.6}.site-footer{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);padding:32px 48px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.logo{color:var(--color-yellow);letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:baseline;font-family:DM Mono,monospace;font-size:1.1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.logo-bracket{transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}.logo-name{align-items:baseline;display:inline-flex;overflow:hidden}.logo-e{display:inline-block}.logo-full{opacity:0;white-space:nowrap;max-width:0;transition:max-width .45s cubic-bezier(.4,0,.2,1),opacity .35s 80ms;display:inline-block;overflow:hidden}.logo:hover .logo-bracket--right{transform:translate(4px)}.logo:hover .logo-full{opacity:1;max-width:200px}@media (prefers-reduced-motion:reduce){.logo-bracket,.logo-full{transition:none}.logo .logo-full{opacity:1;max-width:200px}}@media (width<=640px){.logo-full,.logo:hover .logo-full{display:none}.logo:hover .logo-bracket--right{transform:none}}.nav-header{z-index:100;width:calc(100% - 48px);max-width:1200px;box-shadow:0 2px 12px 0 var(--color-shadow);isolation:isolate;background:#3d405b99;border:1px #3d405b99;border-radius:14px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-inner{justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex}.nav-center{align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-tab-group{border:.5px solid #e07a5780;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.nav-tab{color:var(--color-yellow);border-radius:6px;padding:5px 16px;font-family:DM Mono,monospace;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.nav-tab.active{background:var(--color-indigo);color:var(--color-accent)}.nav-socials{color:var(--color-yellow);align-items:center;gap:16px;display:flex}.nav-socials a{color:var(--color-yellow);align-items:center;text-decoration:none;transition:color .2s;display:flex}.nav-socials a:hover{color:var(--color-warm-white)}.nav-hamburger{color:var(--color-yellow);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:none}.nav-dropdown{-webkit-backdrop-filter:blur(12px);z-index:99;background:#3d405b99;border-radius:0 0 14px 14px;flex-direction:column;gap:4px;width:fit-content;min-width:160px;padding:16px 32px 24px 24px;display:flex;position:fixed;top:76px;right:24px}.nav-dropdown-link{font-family:var(--font-mono);color:var(--color-yellow);padding:8px 0;font-size:1rem;text-decoration:none;transition:color .2s}.nav-dropdown-link:hover{color:var(--color-warm-white)}.nav-backdrop{z-index:98;background:0 0;position:fixed;inset:0}@media (width<=800px){.nav-header{width:calc(100% - 48px);top:12px}.nav-inner{padding:0 16px}.nav-center,.nav-socials{display:none}.nav-hamburger{display:flex}}.intro{padding:64px 0 32px}.typed-headline{font-family:var(--font-mono);letter-spacing:-.02em;min-height:80px;color:var(--color-text-primary);padding:0 0 24px;font-size:56px;font-weight:500;line-height:1.05}.cursor{background:var(--color-text-primary);vertical-align:middle;border-radius:1px;width:3px;height:.8em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.bio-name{font-family:var(--font-mono);color:var(--color-text-primary);font-size:24px;font-weight:600}.bio{font-family:var(--font-body);color:var(--color-text-secondary);max-width:720px;font-size:24px;line-height:1.7}.work-section{transform:none}.work-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.work-label{font-family:var(--font-display);color:var(--color-text-heading);text-align:center;margin:32px 0 40px;font-size:48px;font-weight:400;display:block}.work-card{color:inherit;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:4px 4px 16px 2px var(--color-shadow);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:16px;height:100%;text-decoration:none;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.work-card:hover{border-color:var(--color-accent);background:var(--color-hover)}.work-card:hover .work-card-hero-img{filter:brightness(1.08)}.work-card.inactive{cursor:default;box-shadow:none;opacity:.75;pointer-events:none}.work-card-left{flex:1;align-items:flex-start;gap:24px;display:flex}.work-card-text{flex-direction:column;flex:1;gap:6px;padding:12px 16px 20px;display:flex}.work-card-visual-wrapper{width:100%;position:relative}.work-card-visual{border-radius:8px;width:100%;height:280px;transition:transform .3s}.work-card-hero-img{object-fit:cover;object-position:top;width:100%;height:100%;transition:filter .2s;display:block}.work-card-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);background:#f2cc8f26;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;top:12px;left:12px}.work-card-badge.coming-soon{color:#3d405b;background:#ded5c8}.work-card-tags{flex-wrap:wrap;gap:6px;display:flex}.row-tag{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--color-grey);border:.5px solid var(--color-grey);border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:12px}.row-tag.inactive-tag{color:#ded5c8;border-color:#ded5c8}.row-title{font-family:var(--font-display);color:var(--color-text-heading);flex:1;font-size:28px}.row-subtitle{font-family:var(--font-body);color:var(--color-text-secondary);flex:1;font-size:16px}@media (width<=800px){.typed-headline{min-height:56px;font-size:36px}.bio{font-size:18px}.work-grid{grid-template-columns:1fr}.work-card{height:auto}.work-card-visual{height:220px}}@media (width<=480px){.typed-headline{min-height:44px;font-size:28px}.bio{font-size:16px}}.bee-scene{width:100%;padding:24px 0 32px;overflow:hidden}.bee-scene-inner{width:100%;height:140px;position:relative}.daisy-wrapper{position:absolute;bottom:0;left:8%}.daisy{image-rendering:pixelated;transform-origin:bottom;display:block}.bee{image-rendering:pixelated;display:block;position:absolute;bottom:72px;left:0}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-heading);text-align:left;font-weight:400;line-height:1.1}.page-title .bio-name{font-size:2.5rem}.about-profile-pic{border:1px solid var(--color-border-light);background:var(--color-accent);object-fit:cover;width:120px;height:120px;margin:var(--space-sm) auto 0;border-radius:50%;overflow:hidden}.about-hero{margin-bottom:var(--space-lg);position:relative}.about-bio p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.8}.about-bio{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.about-experience{margin-bottom:var(--space-lg);align-items:flex-start;gap:32px;display:flex}.about-exp-list{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);flex:0 0 55%}.about-exp-heading{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.08em;color:var(--color-text-heading);margin-bottom:var(--space-sm);font-weight:600}.about-exp-entries{margin:0;padding:0;list-style:none}.about-exp-entry{border-bottom:1px solid var(--color-border-light);grid-template-columns:160px 1fr 120px;align-items:baseline;gap:16px;padding:12px 0;display:grid}.about-exp-entry:last-child{border-bottom:none}.about-exp-company{color:var(--color-text-primary);font-family:var(--font-body);text-align:left}.about-exp-title,.about-exp-year{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);text-align:left}.about-skills{z-index:1;flex-direction:row;flex:1;align-items:flex-start;gap:16px;margin-left:-40px;display:flex;position:relative}.about-sticky{box-shadow:4px 4px 12px var(--color-border-light);border-radius:4px;max-width:280px;padding:20px 24px}.about-sticky.ux{background:var(--color-surface);border:1px solid var(--color-border-light);margin-left:24px}.about-sticky.dev{background:var(--color-surface);border:1px solid var(--color-border-light);margin-top:20px;margin-left:8px}.about-sticky-heading{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.08em;color:var(--color-text-heading);margin-bottom:10px;font-weight:600}.about-sticky p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}@media (width<=999px){.about-experience{flex-direction:column}.about-exp-list{flex:none;width:100%}.about-skills{flex-direction:row;order:-1;width:100%;margin-left:0}.about-sticky{flex:1;max-width:none;margin-top:0!important;margin-left:0!important}}@media (width<=599px){.about-skills{flex-direction:column}.about-exp-entry{grid-template-rows:auto auto;grid-template-columns:1fr auto}.about-exp-company{grid-area:1/1}.about-exp-title{grid-area:2/1}.about-exp-year{grid-area:1/2}}.textflip-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-md);text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.textflip-word-container{perspective:400px;height:1.5rem;margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.textflip-word{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.18em;color:var(--color-text-secondary);text-transform:lowercase;display:block}.textflip-heading{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-heading);font-weight:400;line-height:1.1}.textflip-sub{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-primary);margin-top:var(--space-xs);line-height:1.7}.showcase-card{padding:var(--space-lg) 0}.showcase-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:500}.showcase-frame{border-radius:var(--radius-md);min-height:320px;margin-bottom:var(--space-sm);background:#0a1120;border:.5px solid #f2cc8f33;flex-direction:column;display:flex;overflow:hidden}.showcase-frame-bar{border-bottom:.5px solid #f2cc8f14;flex-shrink:0;align-items:center;gap:7px;height:32px;padding:0 14px;display:flex}.showcase-dot{background:#f2cc8f80;border-radius:50%;width:10px;height:10px;display:block}.showcase-content{background:#0a1120;flex:1;justify-content:center;align-items:center;display:flex}.showcase-replay{color:var(--color-link);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;transition:color .2s,border-color .2s;display:flex}.showcase-replay:hover{color:var(--color-link-hover)}.showcase-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-heading);margin-bottom:var(--space-xs);font-weight:400}.showcase-desc{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:1.7}.showcase-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-heading);letter-spacing:.1em;padding-bottom:1px;text-decoration:none;transition:color .2s}.showcase-link:hover{color:var(--color-link-hover)}.case-study-layout{background:var(--color-bg-gradient);min-height:100vh}.cs-back-nav-top{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-heading);padding:var(--space-sm) var(--space-md);align-items:center;gap:6px;padding-top:80px;text-decoration:none;transition:color .2s;display:inline-flex}.cs-back-nav-top:hover{color:var(--color-text-primary)}.cs-guillemets{gap:1px;display:inline-flex}.cs-guillemets span{opacity:.3;font-size:var(--text-sm);line-height:1}.g1{animation:1.2s .4s infinite guillemet-pulse}.g2{animation:1.2s .2s infinite guillemet-pulse}.g3{animation:1.2s infinite guillemet-pulse}@keyframes guillemet-pulse{0%{opacity:.3}30%{opacity:1}60%{opacity:.3}to{opacity:.3}}.cs-back-nav-bottom{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-heading);margin-top:var(--space-md);align-items:center;gap:6px;text-decoration:none;transition:color .2s;display:inline-flex}.cs-back-nav-bottom:hover{color:var(--color-text-primary)}.cs-hero{object-fit:cover;width:100%;height:480px}.cs-container{max-width:800px;padding:0 var(--space-md) var(--space-xl);margin:0 auto}.cs-title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-text-heading);margin-top:var(--space-lg);margin-bottom:var(--space-md);line-height:1.1}.cs-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-xs);margin-bottom:var(--space-md);line-height:1.5}.cs-tldr{padding:var(--space-md) 0;margin-bottom:var(--space-lg);border-top:1px solid #f2cc8f40;border-bottom:1px solid #f2cc8f40}.cs-tldr-no-bottom{border-bottom:none}.cs-tldr-label{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.08em;color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:600;display:inline-block}.cs-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);grid-template-columns:140px 1fr;gap:0 16px;display:grid}.cs-meta-key{color:var(--color-text-secondary);border-bottom:.5px solid var(--color-border-light);padding:8px 0}.cs-meta-value{color:var(--color-text-primary);border-bottom:.5px solid var(--color-border-light);padding:8px 0}.no-border{border-bottom:none}.cs-meta-terminal{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.terminal-prompt{color:var(--color-text-secondary)}.terminal-cmd{color:var(--color-text-heading);transition:color .2s}.cs-meta-terminal:hover .terminal-cmd{color:var(--color-text-primary)}.terminal-cursor{background:var(--color-accent);vertical-align:middle;border-radius:1px;width:8px;height:.8em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.cs-hook{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.8}.cs-hook p{margin-bottom:var(--space-xs)}.cs-hook-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-heading);align-items:center;gap:6px;text-decoration:none;transition:color .2s;display:inline-flex}.cs-hook-link:hover{color:var(--color-text-primary)}.cs-audio-placeholder{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-lg);align-items:center;gap:8px;display:flex}.cs-body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.8}.cs-body h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-heading);margin-top:var(--space-lg);margin-bottom:var(--space-sm);line-height:1.2}.cs-body h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-heading);margin-top:var(--space-md);margin-bottom:var(--space-xs)}.cs-body p{margin-bottom:var(--space-sm)}.cs-body-link{font-family:var(--font-mono);color:var(--color-text-heading);text-decoration:none;transition:color .2s}.cs-body-link:hover{color:var(--color-text-primary)}.cs-other-projects{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid #f2cc8f40}.cs-other-projects-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm)}.cs-other-projects-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cs-other-project-link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-heading);align-items:center;gap:6px;text-decoration:none;transition:color .2s;display:inline-flex}.cs-other-project-link:hover{color:var(--color-text-primary)}.cs-other-project-chevron{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.cs-other-project-link:hover .cs-other-project-chevron{opacity:1;transform:translate(0)}.cs-body>p:first-child{margin-top:var(--space-md)}.cs-visual{border-radius:var(--radius-md);width:100%;height:auto;margin:var(--space-sm) 0;display:block}.case-study-image{margin-bottom:var(--space-sm);padding-bottom:2px;overflow:visible}.case-study-image--scroll{overflow:visible}.cs-scroll-container{cursor:grab;overflow:scroll hidden}.case-study-image--scroll .cs-visual{width:auto;max-width:none;height:auto;max-height:480px}@media (width<=800px){.case-study-image--scroll .cs-visual{max-height:280px}}.cs-hero-image{object-fit:cover;width:100%;height:480px;display:block}@media (width<=800px){.cs-hero-image{height:280px}}@media (width<=480px){.cs-hero-image{height:200px}}.scroll-to-top{width:48px;height:48px;font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-heading);cursor:pointer;z-index:100;background:0 0;border:1px solid #f2cc8f40;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.scroll-to-top:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.slideshow{margin:var(--space-md) 0}.slideshow-track{width:100%;overflow:hidden}.slideshow-image{border-radius:var(--radius-md);width:100%;height:auto;display:block}.slideshow-controls{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.slideshow-btn{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;transition:color .2s}.slideshow-btn:hover{color:var(--color-text-heading)}.slideshow-dots{align-items:center;gap:8px;display:flex}.slideshow-dot{background:var(--color-text-secondary);cursor:pointer;opacity:.4;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:opacity .2s,background .2s}.slideshow-dot.active{background:var(--color-text-heading);opacity:1}:root{--color-indigo:#3d405b;--color-yellow:#f2cc8f;--color-orange:#e07a57;--color-warm-white:#f4f1de;--color-grey:#ded5c8;--color-bg:var(--color-indigo);--color-bg-gradient:linear-gradient(160deg, #3d405b, #2e3150);--color-surface:#3d405b1a;--color-border-light:#f2cc8f0d;--color-border-subtle:#f2cc8f08;--color-shadow:#f2cc8f26;--color-text-heading:var(--color-yellow);--color-text-primary:var(--color-warm-white);--color-text-secondary:#f4f1decc;--color-accent:var(--color-orange);--color-hover:#f2cc8f1f;--color-disabled:var(--color-grey);--color-placeholder:#ded5c880;--color-link:var(--color-yellow);--color-link-hover:var(--color-warm-white);--color-selected:#f2cc8f0d;--color-dark:var(--color-indigo);--color-green:var(--color-indigo);--font-display:"Instrument Serif", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-label:"Syne", system-ui, sans-serif;--font-mono:"DM Mono", "Courier New", monospace;--text-xs:.875rem;--text-sm:1rem;--text-base:1.125rem;--text-lg:1.375rem;--text-xl:1.625rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4.5rem;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--max-width:1200px;--radius:4px;--radius-md:8px;--radius-lg:16px}.video-link{margin:var(--space-md) 0}.video-link-card{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface);text-decoration:none;transition:border-color .2s;display:block;overflow:hidden}.video-link-card:hover{border-color:var(--color-accent)}.video-link-card:hover .video-link-img{filter:brightness(1.08)}.video-link-thumb{aspect-ratio:16/9;background:var(--color-bg);width:100%;position:relative}.video-link-img{object-fit:cover;width:100%;height:100%;transition:filter .2s;display:block}.video-link-play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-link-play-btn{background:var(--color-yellow);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,transform .2s;display:flex}.video-link-card:hover .video-link-play-btn{background:var(--color-warm-white);transform:scale(1.08)}.video-link-footer{padding:var(--space-sm);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.video-link-title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-primary)}.video-link-watch{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-text-heading);align-items:center;gap:4px;display:flex}.video-link-skeleton{background:#f2cc8f12;width:100%;height:100%;position:relative;overflow:hidden}.video-link-shimmer{background:linear-gradient(90deg,#0000 0%,#f2cc8f21 50%,#0000 100%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer-sweep;position:absolute;inset:0}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.video-link-skeleton-footer{flex-direction:column;flex:1;gap:6px;padding:2px 0;display:flex}.video-link-skeleton-line{background:#f2cc8f1a;border-radius:4px;height:10px;position:relative;overflow:hidden}.video-link-skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#f2cc8f21,#0000) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer-sweep;position:absolute;inset:0}.video-link-skeleton-line.wide{width:65%}.video-link-skeleton-line.narrow{width:35%}.not-found-page{background-color:var(--color-indigo);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.not-found-texture{opacity:.75;mix-blend-mode:color-burn;pointer-events:none;z-index:0;background-image:url(/background-portfolio.jpeg);background-position:50%;background-size:cover;position:fixed;inset:0}.not-found-content{z-index:1;align-items:center;gap:var(--space-xs);text-align:center;padding:var(--space-md);flex-direction:column;display:flex;position:relative}.not-found-code{font-family:var(--font-display);color:var(--color-yellow);margin:0;font-size:7rem;line-height:1}.not-found-line{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-warm-white);opacity:.9;margin:0}.saber-img{width:280px;margin:var(--space-md) 0;filter:drop-shadow(0 0 6px #f2cc8f)drop-shadow(0 0 18px #f2cc8f)drop-shadow(0 0 40px #f2cc8f80);transform:scaleX(-1)}.not-found-home{margin-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-yellow);letter-spacing:.05em;align-items:center;gap:.4rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.not-found-home:hover{color:var(--color-warm-white)}