@charset "UTF-8";.onboarding-viewport{width:100vw;height:100vh;background-color:#000;position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:none;font-family:Space Grotesk,sans-serif;--theme-color: #00ff88}.intro-view-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0}.intro-grid-overlay{position:absolute;inset:-50%;pointer-events:none;z-index:1;opacity:calc(.35 + var(--advance-progress) / 250);transform:translate(calc(var(--mouse-x, 0) * -30px),calc(var(--mouse-y, 0) * -30px)) scale(calc(1 + var(--advance-progress) / 400));background-image:radial-gradient(circle,rgba(255,255,255,.5) 1.5px,transparent 1.5px);background-size:calc(70px - var(--advance-progress) * .1px) calc(70px - var(--advance-progress) * .1px);background-position:center;transition:transform .6s cubic-bezier(.25,1,.5,1),background-size .6s cubic-bezier(.25,1,.5,1),opacity .3s ease-out}.intro-complexity-layer{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc((var(--advance-progress) - 15) / 85);transform:scale(calc(.9 + var(--advance-progress) / 200));transition:opacity .2s ease-out,transform .5s ease-out}.intro-complexity-layer .tech-mark{position:absolute;color:#fffc;font-family:monospace;font-size:16px;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.intro-complexity-layer .mark-1{top:15%;left:20%;animation:flash .1s infinite}.intro-complexity-layer .mark-2{bottom:25%;right:18%;animation:flash .15s infinite reverse}.intro-complexity-layer .mark-3{top:25%;right:25%;font-size:10px;animation:flash .3s infinite}.intro-complexity-layer .mark-4{bottom:20%;left:25%;font-size:24px;animation:flash .08s infinite}.intro-complexity-layer .mark-center{top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:100;opacity:calc((var(--advance-progress) - 80) / 20);animation:flash .05s infinite}.neon-dot{width:12px;height:12px;background-color:var(--theme-color);border-radius:50%;box-shadow:0 0 10px var(--theme-color),0 0 20px var(--theme-color);margin-bottom:40px;animation:pulse 2s infinite alternate}@keyframes pulse{0%{transform:scale(.9);opacity:.7;box-shadow:0 0 5px var(--theme-color)}to{transform:scale(1.1);opacity:1;box-shadow:0 0 15px var(--theme-color),0 0 30px var(--theme-color)}}.onboarding-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;width:100%;max-width:600px;z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onboarding-text-wrapper h1,.onboarding-text-wrapper h2{margin:0;font-weight:400;color:#e0e0e0;letter-spacing:.3em;text-transform:uppercase}.onboarding-text-wrapper h1{font-size:16px}.onboarding-text-wrapper h2{font-size:12px;color:#888}.scroll-down-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.6;animation:bounce 2s infinite ease-in-out;pointer-events:none;z-index:50;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scroll-down-indicator span{font-size:10px;letter-spacing:.2em;color:#fff}.scroll-down-indicator .arrow{font-size:14px;color:var(--theme-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}.slide1-hold-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100;display:flex;justify-content:center;align-items:center}.slide1-hold-progress svg{transform:rotate(-90deg)}.slide1-hold-progress span{position:absolute;color:#fff;font-size:8px;letter-spacing:.2em}.skip-btn-container{position:absolute;bottom:40px;right:40px;display:flex;justify-content:center;align-items:center;width:100px;height:100px;cursor:pointer;cursor:var(--cursor-hover, pointer);z-index:999}.skip-btn-container:active{cursor:var(--cursor-click, pointer)}.skip-btn-container .skip-text{font-size:10px;color:#888;text-align:center;letter-spacing:.2em;line-height:1.4;transition:color .3s ease;-webkit-user-select:none;user-select:none}.skip-btn-container:hover .skip-text{color:#fff}.skip-btn-container .progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.skip-btn-container .progress-ring circle{fill:transparent;stroke:var(--theme-color);stroke-width:2;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .05s linear,stroke .3s ease}.countdown-container{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:100}.countdown-number{font-family:Anton,sans-serif;font-size:clamp(10rem,35vw,25rem);color:#fff;margin:0;line-height:1;text-transform:uppercase;text-shadow:0 0 50px rgba(239,239,239,.4);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px;animation:font-chaos 1s infinite,dither-static .15s steps(4) infinite}@keyframes font-chaos{0%,9%{font-family:Anton,sans-serif;font-weight:400;font-style:normal}10%,19%{font-family:Impact,sans-serif;font-weight:400;font-style:normal}20%,29%{font-family:Arial Black,sans-serif;font-weight:900;font-style:normal}30%,39%{font-family:Courier New,monospace;font-weight:700;font-style:normal}40%,49%{font-family:system-ui,-apple-system,sans-serif;font-weight:900;font-style:normal}50%,59%{font-family:Trebuchet MS,sans-serif;font-weight:700;font-style:normal}60%,69%{font-family:Georgia,serif;font-weight:700;font-style:normal}70%,79%{font-family:Verdana,sans-serif;font-weight:700;font-style:normal}80%,89%{font-family:Tahoma,sans-serif;font-weight:700;font-style:normal}90%,to{font-family:Lucida Console,Monaco,monospace;font-weight:700;font-style:normal}}.countdown-grid{transform:translate(calc(var(--mouse-x, 0) * -60px),calc(var(--mouse-y, 0) * -60px)) scale(1.25);transition:transform .1s linear}.countdown-complexity{transform:translate(calc(var(--mouse-x, 0) * 80px),calc(var(--mouse-y, 0) * 80px)) scale(1.1);transition:transform .1s linear}.countdown-complexity .tech-mark{transform:rotate(calc(var(--mouse-x, 0) * 90deg));transition:transform .2s ease}.glitch-overlay{position:absolute;inset:0;z-index:2;background-color:transparent;display:flex;justify-content:center;align-items:center;overflow:hidden;pointer-events:none}.glitch-overlay .tech-grid{position:absolute;inset:-50%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:100px 100px,100px 100px,50px 50px;background-position:center}.glitch-overlay .tech-cross{position:absolute;color:#fff6;font-family:monospace;font-size:16px;font-weight:300}.glitch-overlay .cross-1{top:20%;left:20%;animation:flash .1s infinite}.glitch-overlay .cross-2{bottom:30%;right:25%;animation:flash .2s infinite reverse}.glitch-overlay .cross-3{top:15%;right:15%;animation:flash .15s infinite}.glitch-overlay .cross-4{bottom:10%;left:30%;animation:flash .05s infinite}.glitch-overlay .cross-5{top:50%;left:10%;font-size:24px;animation:flash .12s infinite}.glitch-overlay .cross-6{bottom:50%;right:10%;font-size:20px;animation:flash .08s infinite reverse}@keyframes flash{0%,to{opacity:1;transform:scale(1) translate(0);filter:hue-rotate(0deg)}50%{opacity:0;transform:scale(1.5) translate(5px);filter:hue-rotate(90deg)}}.final-exit-overlay{position:fixed;inset:0;z-index:9999;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}.final-exit-overlay .final-grid{position:absolute;inset:-50%;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:100px 100px,100px 100px,50px 50px;background-position:center;z-index:1}.final-exit-text{font-family:Anton,sans-serif;font-size:clamp(3rem,8vw,6rem);color:#fff;margin:0;line-height:1.1;text-align:center;text-transform:uppercase;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px;animation:dither-static .15s steps(4) infinite}.home-container{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color, #000)}.sticker-ui-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:15px;justify-content:center;align-items:center;padding:10px 20px;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:40px;border:1px solid rgba(255,255,255,.1)}.sticker-ui-container h3{font-family:var(--font-body, sans-serif);font-size:.9rem;color:var(--text-dim, #888);letter-spacing:1px;text-transform:uppercase;background:#0009;padding:5px 40px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sticker-ui-container .sticker-bar{display:flex;background:#141414cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:20px;gap:10px;box-shadow:0 10px 30px #00000080}.sticker-ui-container .sticker-bar .sticker-btn{width:50px;height:50px;border-radius:12px;border:2px solid transparent;background:#ffffff0d;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.sticker-ui-container .sticker-bar .sticker-btn img{width:80%;height:80%;object-fit:contain;pointer-events:none}.sticker-ui-container .sticker-bar .sticker-btn:hover{background:#ffffff26;transform:translateY(-3px)}.sticker-ui-container .sticker-bar .sticker-btn.selected{border-color:var(--text-main, #fff);background:#fff3;box-shadow:0 0 15px #ffffff1a}.ui-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;padding:2rem;box-sizing:border-box}.esc-button-wrapper{pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:10px;opacity:.7;transition:opacity .3s;margin-bottom:20px}.esc-button-wrapper:hover{opacity:1}.esc-button-wrapper .esc-key{border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px;color:#fff;background:#0003}.esc-button-wrapper .esc-label{font-size:12px;font-weight:600;color:#fff;letter-spacing:1px;text-transform:uppercase}.bottom-instructions{margin-top:0;padding-top:20px;border-top:solid 1px rgba(255,255,255,.2);position:relative;width:200px;align-items:left;justify-content:left;text-align:left;pointer-events:none;z-index:-10}.bottom-instructions h3{margin:0;font-size:14px;font-weight:700;letter-spacing:3px;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bottom-instructions p{margin:4px 0 0;font-size:11px;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase}.background-giant-text{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:-100;pointer-events:none}.background-giant-text h1{font-size:clamp(2.5rem,10vw,8rem);line-height:.9;font-weight:200;letter-spacing:2px;margin:0;text-transform:uppercase;font-family:Anton,sans-serif;white-space:normal;padding:0 20px;color:#fff}.sticker-tooltip-wrapper{transform:translate3d(-50%,-50%,0);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none!important;-webkit-user-select:none;user-select:none}.sticker-tooltip-wrapper .green-dot-pulse{width:8px;height:8px;background-color:var(--theme-color, #00ff88);border-radius:50%;box-shadow:0 0 10px var(--theme-color, #00ff88);position:relative;z-index:10}.sticker-tooltip-wrapper .green-dot-pulse:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:1px solid var(--theme-color, #00ff88);animation:pulse-ring 2s infinite}.sticker-tooltip-wrapper .sticker-info-card{background:#0a0a0ae6;border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:6px;display:flex;flex-direction:column;align-items:center;white-space:nowrap;margin-bottom:2px}.sticker-tooltip-wrapper .sticker-info-card .info-label{font-size:8px;color:#aaa;letter-spacing:1px;margin-bottom:2px}.sticker-tooltip-wrapper .sticker-info-card .info-date{font-size:11px;font-weight:700;color:#fff;font-family:monospace}@keyframes pulse-ring{0%{width:100%;height:100%;opacity:.8}to{width:300%;height:300%;opacity:0}}.hint-overlay-container{position:fixed;bottom:140px;left:42%;transform:translate(-50%);z-index:90;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:max-content}.hint-overlay-container .hint-label{margin:0;font-family:var(--font-body, sans-serif);font-size:11px;font-weight:600;color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#0006;padding:6px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);white-space:nowrap}.hint-overlay-container .arrow-icon{font-size:20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1}.hint-overlay-container .rotate-icon-svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.new-home-container{min-height:100vh;width:100vw;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative;--theme-color: #00ff88}.hero-name-wrapper{display:flex;flex-direction:column;width:max-content;margin:0 auto;margin-top:5vh}.hero-top-row{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:-.2vw;z-index:2}.rotating-role-container{font-family:Space Grotesk,sans-serif;font-size:clamp(10px,1.2vw,16px);letter-spacing:.3em;color:#888;text-transform:uppercase;padding-bottom:4vw;margin-left:10px}.first-name{font-family:"Milanesa Serif",serif;font-size:clamp(6rem,15vw,15rem);font-weight:700;line-height:.8;color:#fff}.last-name{font-family:"Milanesa Serif",serif;font-size:clamp(9rem,24vw,24rem);font-weight:700;line-height:.75;color:#fff;display:flex;letter-spacing:-.02em}.letter-o{position:relative;display:inline-block}.dot-center-wrapper{position:absolute;top:62%;left:50%;width:0;height:0;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10}.dot-moving-wrapper{display:flex;justify-content:center;align-items:center}.neon-dot{width:clamp(6px,1.5vw,11px);height:clamp(6px,1.5vw,11px);background-color:var(--theme-color);border-radius:50%;box-shadow:0 0 15px var(--theme-color),0 0 30px var(--theme-color);animation:pulse-home 2s infinite alternate}@keyframes pulse-home{0%{transform:scale(.9);opacity:.8;box-shadow:0 0 5px var(--theme-color)}to{transform:scale(1.1);opacity:1;box-shadow:0 0 20px var(--theme-color),0 0 40px var(--theme-color)}}.home-actions{display:flex;align-items:center;gap:3rem;margin-top:8vh;z-index:10}.primary-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:15px 35px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-size:clamp(10px,1vw,14px);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.primary-btn:hover{background:#ffffff1a;border-color:var(--theme-color);box-shadow:0 0 20px #00000080;transform:translateY(-2px)}.secondary-btn{background:transparent;border:none;color:#666;font-family:Space Grotesk,sans-serif;font-size:clamp(8px,.8vw,10px);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:left;line-height:1.4;transition:color .3s ease}.secondary-btn:hover{color:#fff}.new-home-container{cursor:var(--cursor-normal)}.new-home-container:active{cursor:var(--cursor-click)}.new-home-container button,.new-home-container a,.primary-btn,.secondary-btn{cursor:var(--cursor-hover)}.new-home-container button:active,.new-home-container a:active,.primary-btn:active,.secondary-btn:active{cursor:var(--cursor-click)}.home-loading-screen{position:fixed;inset:0;z-index:99999;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff}.loader-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.loader-logo-container{width:120px;height:120px;margin-bottom:2rem}.loader-logo-container .loading-gif{width:100%;height:100%;object-fit:contain}.loader-user-info{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.dither-text{font-family:Anton,sans-serif;font-size:clamp(2rem,4vw,3rem);margin:0;text-transform:uppercase;color:#fff;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px;animation:dither-static .15s steps(4) infinite}.loader-details{font-family:monospace;color:#888;font-size:14px;letter-spacing:.2em}.loader-details p{margin:5px 0}.loading-bar-container{position:absolute;bottom:50px;width:300px;height:2px;background-color:#ffffff1a}.loading-bar-container .loading-bar-fill{height:100%;background-color:var(--theme-color, #00ff88);box-shadow:0 0 10px var(--theme-color)}@keyframes dither-static{0%{-webkit-mask-position:0px 0px;opacity:1}25%{-webkit-mask-position:5px 2px;opacity:.8}50%{-webkit-mask-position:-2px 20px;opacity:1}75%{-webkit-mask-position:0px -2px;opacity:.9}to{-webkit-mask-position:50px 0px;opacity:1}}.work-page-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#050505;color:#fff;font-family:Space Grotesk,sans-serif;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.work-page-container::-webkit-scrollbar{display:none}.work-page-container{-ms-overflow-style:none;scrollbar-width:none}.work-page-container:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.9;pointer-events:none;z-index:-1;background-image:url(https://grainy-gradients.vercel.app/noise.svg);filter:contrast(150%) brightness(6%)}.accordion-container{display:flex;width:100%;height:100%}.accordion-panel{flex:1;position:relative;border-right:1px solid rgba(255,255,255,.1);cursor:pointer;overflow:hidden;container-type:inline-size;transition:flex .6s cubic-bezier(.25,1,.5,1)}.accordion-panel .panel-bg-wrapper{position:absolute;inset:0;z-index:1}.accordion-panel .panel-bg-wrapper .panel-video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2);transition:filter .6s ease,transform .6s ease}.accordion-panel .dither-mask{position:absolute;inset:0;z-index:2;pointer-events:none;background-color:#0009;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px;transition:opacity .6s ease}.accordion-panel .vignette-mask{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%);transition:opacity .6s ease}.accordion-panel .panel-content{position:absolute;inset:0;z-index:10;padding:6rem 2rem 2rem;display:flex;flex-direction:column;justify-content:space-between}.accordion-panel .panel-meta{font-family:monospace;font-size:12px;color:#ffffff80;letter-spacing:.2em;transition:color .4s ease}.accordion-panel .panel-title{font-family:"Milanesa Serif",serif;font-weight:900;font-size:clamp(2rem,18cqw,10rem);margin:0;line-height:.85;text-transform:uppercase;color:transparent;-webkit-text-stroke:.9px rgba(255,255,255,.8);transition:all .1s cubic-bezier(.25,1,.5,1);writing-mode:horizontal-tb;transform:none;align-self:center;text-align:center;white-space:nowrap}.accordion-panel .panel-action{display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:10px;color:transparent;transition:color .4s ease}.accordion-panel .panel-action .arrow{font-size:16px;transform:translate(-20px);opacity:0;transition:all .4s ease}.accordion-panel:hover{flex:2}.accordion-panel:hover .panel-video{filter:grayscale(0%) contrast(1.1);transform:scale(1.05)}.accordion-panel:hover .dither-mask{opacity:0}.accordion-panel:hover .vignette-mask{opacity:.5}.accordion-panel:hover .panel-meta{color:#fff}.accordion-panel:hover .panel-title{color:var(--theme-color, #00ff88);-webkit-text-stroke:0px transparent;text-shadow:0 10px 40px rgba(0,255,136,.4);transform:scale(1.02)}.accordion-panel:hover .panel-action{color:#fff}.accordion-panel:hover .panel-action .arrow{transform:translate(0);opacity:1;color:var(--theme-color, #00ff88)}.global-scroll-indicator{position:absolute;bottom:20px;right:20px;z-index:20;font-family:monospace;font-size:10px;color:#fff6;display:flex;align-items:center;gap:10px}.global-scroll-indicator .arrow{animation:bounceX 2s infinite;display:inline-block;transform:rotate(90deg)}@keyframes bounceX{0%,to{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(5px)}}@media(max-width:768px){.accordion-container{flex-direction:column}.accordion-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.accordion-panel .panel-content{padding:2rem;justify-content:center;align-items:flex-start}.accordion-panel .panel-title{writing-mode:horizontal-tb;transform:none;font-size:3.5rem;align-self:flex-start;margin:10px 0}.accordion-panel:hover{flex:1.5}.global-scroll-indicator{display:none}}.navbar-container{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#000c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:2000;border-bottom:1px solid rgba(255,255,255,.05);--nav-theme-color: #00ff88}.navbar-container .logo-section-wrapper{display:flex;align-items:center;gap:15px;cursor:pointer;text-decoration:none;z-index:2001}.navbar-container .logo-section-wrapper .green-dot{width:7px;height:7px;background-color:var(--nav-theme-color);border-radius:50%;box-shadow:0 0 10px var(--nav-theme-color);position:relative;flex-shrink:0}.navbar-container .logo-section-wrapper .green-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--nav-theme-color);border-radius:50%;animation:pulse-dot-nav 2s infinite}.navbar-container .logo-section-wrapper .logo-text-container{height:35px;overflow:hidden}.navbar-container .logo-section-wrapper .logo-text-container .logo-text{display:block;font-family:"Milanesa Serif",serif;font-size:28px;font-weight:700;letter-spacing:2px;color:#fff;line-height:35px;white-space:nowrap}.navbar-container .logo-section-wrapper .logo-text-container .visitor-text{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;letter-spacing:4px;color:#ffffff80}.navbar-container .nav-menus{display:flex;gap:40px;position:absolute;left:50%;transform:translate(-50%)}.navbar-container .nav-menus a{text-decoration:none;color:#ffffff80;font-family:var(--font-title);font-size:12px;letter-spacing:3px;transition:color .3s ease}.navbar-container .nav-menus a:hover,.navbar-container .nav-menus a.active{color:#fff}.navbar-container .nav-right-section{display:flex;align-items:center;gap:30px;z-index:2001}.navbar-container .nav-sticker-section{display:flex;align-items:center;gap:15px;cursor:pointer;text-decoration:none}.navbar-container .nav-sticker-section .sticker-text{color:#fff9;font-family:var(--font-title);font-size:10px;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.navbar-container .nav-sticker-section .sticker-preview-box{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center}.navbar-container .nav-sticker-section .sticker-preview-box img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.navbar-container .nav-sticker-section .sticker-preview-box .sticker-glow{position:absolute;width:30px;height:30px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);z-index:-1}.navbar-container .nav-sticker-section:hover .sticker-text{color:#fff}.navbar-container .hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:30px;height:30px;background:transparent;border:none;cursor:pointer;outline:none}.navbar-container .hamburger-btn .line{width:24px;height:1.5px;background-color:#fff;transition:all .3s cubic-bezier(.25,.8,.25,1);transform-origin:center}.navbar-container .hamburger-btn.open .line-1{transform:translateY(3.7px) rotate(45deg)}.navbar-container .hamburger-btn.open .line-2{transform:translateY(-3.7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:1500;display:flex;justify-content:center;align-items:center;padding:20px}.mobile-menu-overlay .mobile-links-container{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.mobile-menu-overlay .mobile-links-container a{text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:300;letter-spacing:.2em;color:#fff6;text-transform:uppercase;transition:all .3s ease;position:relative}.mobile-menu-overlay .mobile-links-container a:hover,.mobile-menu-overlay .mobile-links-container a.active{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3)}.mobile-menu-overlay .mobile-links-container .mobile-sticker-link{margin-top:20px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);width:100%}.mobile-menu-overlay .mobile-links-container .mobile-sticker-link a{display:flex;flex-direction:column;align-items:center;gap:15px;font-size:12px;letter-spacing:2px;color:var(--nav-theme-color)}.mobile-menu-overlay .mobile-links-container .mobile-sticker-link a img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.mobile-menu-overlay .mobile-links-container .mobile-sticker-link a:hover{color:#fff}@keyframes pulse-dot-nav{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@media(max-width:900px){.navbar-container{padding:0 25px;height:70px}.navbar-container .nav-menus,.navbar-container .nav-sticker-section{display:none}.navbar-container .hamburger-btn{display:flex}.navbar-container .logo-section-wrapper .logo-text-container .logo-text{font-size:24px}.navbar-container .logo-section-wrapper .logo-text-container .visitor-text{font-size:10px;letter-spacing:2px}}@media(max-width:480px){.navbar-container{padding:0 15px}.navbar-container .logo-section-wrapper .logo-text-container .visitor-text{font-size:9px;letter-spacing:1px}}.contact-page-container{width:100vw;height:100vh;background-color:#000;overflow:hidden}.paper-form-wrapper{width:350px;background:transparent;padding:40px;display:flex;flex-direction:column;gap:20px;-webkit-user-select:none;user-select:none}.paper-form-wrapper .form-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.paper-form-wrapper .form-header h2{font-family:var(--font-title);font-size:12px;letter-spacing:3px;margin:0}.paper-form-wrapper .email-hint{font-family:monospace;font-size:10px;color:#373737;margin-bottom:5px}.paper-form-wrapper .field-group{display:flex;flex-direction:column;gap:4px}.paper-form-wrapper .field-group label{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#000}.paper-form-wrapper .field-group input,.paper-form-wrapper .field-group textarea{background:#fafafa;border:1px solid #eee;padding:8px;font-family:monospace;font-size:11px;width:100%}.paper-form-wrapper .field-group input:focus,.paper-form-wrapper .field-group textarea:focus{border-color:#0f8}.paper-form-wrapper .field-group textarea{height:80px}.paper-form-wrapper .send-btn{margin-top:10px;background:#000;color:#fff;border:none;padding:10px;font-family:var(--font-title);font-size:9px;letter-spacing:2px;cursor:pointer;transition:all .3s}.paper-form-wrapper .send-btn:hover{background:#0f8;color:#000;transform:translateY(-2px)}.napkin-tooltip{display:flex;align-items:center;gap:12px;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 16px;border-radius:100px;border:1px solid rgba(255,255,255,.1);white-space:nowrap;box-shadow:0 10px 30px #00000080}.napkin-tooltip span{color:#fff;font-family:var(--font-title),sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:900;font-style:italic}.napkin-tooltip .green-dot{width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.subtitle-wrapper{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:45px}.subtitle-wrapper .status-dot-mini{width:4px;height:4px;background:#0f8;border-radius:50%;box-shadow:0 0 5px #0f8;animation:blink 2s infinite}.subtitle-wrapper .form-subtitle{margin-bottom:0;color:#71717a;font-size:10px;text-transform:uppercase;letter-spacing:.25em;font-style:italic}.contact-form-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000026;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:999999;padding:20px}.contact-form-card{background-color:#09090b;border:1px solid #27272a;padding:50px 20px;border-radius:30px;width:100%;max-width:600px;text-align:center;position:relative;box-shadow:0 0 100px #000}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#52525b;font-size:24px;cursor:pointer;letter-spacing:.2em;transition:color .3s}.close-button:hover{color:#fff}.form-title{color:#fff;font-weight:900;font-size:28px;letter-spacing:-.05em;font-style:italic;margin-bottom:8px;text-transform:uppercase}.verification-box-real{margin-bottom:30px;display:flex;justify-content:center;width:100%;overflow:hidden;border-radius:10px}.main-form{text-align:left}.main-form .input-group{margin-bottom:25px;display:flex;flex-direction:column}.main-form .input-group label{color:#838394;font-size:9px;text-transform:uppercase;letter-spacing:.3em;margin-bottom:12px;margin-left:15px;font-weight:700}.main-form .input-group input,.main-form .input-group textarea{background:#18181b66;border:1px solid #27272a;border-radius:20px;padding:18px 22px;color:#fff;font-size:12px;outline:none;transition:border-color .3s;width:100%}.main-form .input-group input:focus,.main-form .input-group textarea:focus{border-color:#52525b}.main-form .input-group input::placeholder,.main-form .input-group textarea::placeholder{color:#47474d}.main-form .input-group textarea{height:130px;resize:none}.verification-box{padding:20px 0;border-top:1px solid #18181b;border-bottom:1px solid #18181b;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}.verification-box span{color:#3f3f46;font-size:8px;text-transform:uppercase;letter-spacing:.4em;font-weight:700}.verification-box .status-dot{width:6px;height:6px;background:#27272a;border-radius:50%;animation:pulse-zinc 2s infinite}.submit-button{width:100%;padding:20px;border:none;border-radius:22px;color:#000;font-weight:900;font-size:11px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000080}.submit-button:active{transform:scale(.96)}.cancel-button{width:100%;background:none;border:none;color:#3f3f46;font-size:9px;text-transform:uppercase;letter-spacing:.2em;margin-top:15px;cursor:pointer;font-weight:700;transition:color .3s}.cancel-button:hover{color:#a1a1aa}@keyframes pulse-zinc{0%{background:#27272a}50%{background:#52525b}to{background:#27272a}}@media(max-width:768px){.contact-form-overlay{padding:40px 15px 15px;align-items:flex-start;overflow-y:auto}.contact-form-card{padding:30px 20px;border-radius:30px;max-width:100%;margin-bottom:50px}.close-button{top:20px;right:20px;padding:10px}.form-title{font-size:22px}.form-subtitle{font-size:8px;letter-spacing:.15em;margin-bottom:30px}.main-form .input-group input,.main-form .input-group textarea{padding:15px;font-size:14px}.main-form .input-group textarea{height:100px}.verification-box-real{transform:scale(.85);transform-origin:center;margin-bottom:20px}.submit-button{padding:18px;font-size:10px}}.project-detail-page{background-color:#050505;min-height:100vh;padding:140px 20px 80px;color:#fff;font-family:Space Grotesk,sans-serif}.detail-container{max-width:1100px;margin:0 auto;background-color:#050505;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:4rem;position:relative}@media(max-width:768px){.detail-container{padding:2rem;border-radius:16px}}.internal-nav{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;width:100%}.internal-nav .term-btn{background:none;border:none;font-family:monospace;font-size:12px;color:#ffffff80;cursor:pointer;transition:color .3s ease;padding:0}.internal-nav .term-btn:hover{color:var(--theme-color, #00ff88)}.detail-header{margin-bottom:4rem;display:flex;justify-content:space-between;align-items:flex-start;gap:4rem}@media(max-width:768px){.detail-header{flex-direction:column;align-items:flex-start;gap:2rem}}.detail-header .title-area{flex:1}.detail-header .title-area .project-title{font-family:"Milanesa Serif",serif;font-size:clamp(2.5rem,4.5vw,4.5rem);font-weight:900;line-height:.9;margin:0 0 1.5rem;color:#fff;text-transform:uppercase}.detail-header .title-area .project-tags{display:flex;flex-wrap:wrap;gap:10px}.detail-header .title-area .project-tags .tag-capsule{font-family:monospace;font-size:10px;color:var(--theme-color, #00ff88);letter-spacing:.1em;padding:4px 12px;border:1px solid rgba(0,255,136,.3);border-radius:100px;background-color:#00ff880d}.detail-header .header-meta-grid{display:flex;flex-direction:column;gap:1rem;min-width:220px;font-family:monospace;font-size:11px;letter-spacing:.1em;margin-top:4px}.detail-header .header-meta-grid .meta-box{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:8px}.detail-header .header-meta-grid .meta-box .meta-key{color:#fff6}.detail-header .header-meta-grid .meta-box .meta-value{color:#fff;text-align:right}.detail-hero-wrapper{margin-bottom:6rem;position:relative;padding:8px}.detail-hero-wrapper .aspect-ratio-box{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #ffffff0d,0 10px 40px #000c;background:#000}.detail-hero-wrapper .aspect-ratio-box .tech-corner{position:absolute;color:var(--theme-color, #00ff88);font-family:monospace;font-size:12px;line-height:1;z-index:10;pointer-events:none}.detail-hero-wrapper .aspect-ratio-box .top-left{top:3px;left:5px}.detail-hero-wrapper .aspect-ratio-box .top-right{top:3px;right:5px}.detail-hero-wrapper .aspect-ratio-box .bottom-left{bottom:3px;left:5px}.detail-hero-wrapper .aspect-ratio-box .bottom-right{bottom:3px;right:5px}.detail-hero-wrapper .aspect-ratio-box .hero-media-element{width:100%;height:100%;display:block}.detail-hero-wrapper .aspect-ratio-box img.hero-media-element{object-fit:cover}.detail-hero-wrapper .aspect-ratio-box video.hero-media-element{object-fit:cover}.detail-hero-wrapper .aspect-ratio-box .no-media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:12px;font-family:monospace;letter-spacing:.2em}.carousel-hint-bar{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-family:monospace;font-size:10px;color:#fff6;letter-spacing:.1em}.carousel-hint-bar .view-all-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:monospace;font-size:10px;padding:6px 12px;border-radius:100px;cursor:pointer;transition:all .3s ease}.carousel-hint-bar .view-all-btn:hover{background:var(--theme-color, #00ff88);color:#000;border-color:var(--theme-color, #00ff88)}.hero-video-trigger{width:100%;height:100%;position:relative;cursor:pointer}.hero-video-trigger .hover-play-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-family:monospace;font-size:14px;color:var(--theme-color, #00ff88);letter-spacing:.1em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-video-trigger .hover-play-overlay .blink{animation:blink 1.5s infinite}.hero-video-trigger:hover .hover-play-overlay{opacity:1}.hero-stack-container{width:100%;height:100%;position:relative;overflow:hidden;background-color:#0e0e11;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;background-position:calc(50% + var(--mouse-x, 0) * 30px) calc(50% + var(--mouse-y, 0) * 30px);transition:background-position .1s ease-out}.hero-stack-container .stack-card{position:absolute;height:85%;max-width:75%;display:flex;align-items:center;justify-content:center;cursor:grab}.hero-stack-container .stack-card:active{cursor:grabbing}.hero-stack-container .stack-card img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff0d;background-color:#000}.hero-stack-container .stack-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.hero-stack-container .stack-nav:hover{background:var(--theme-color, #00ff88);color:#000;border-color:var(--theme-color, #00ff88)}.hero-stack-container .stack-nav.prev{left:20px}.hero-stack-container .stack-nav.next{right:20px}.zoomable-img{cursor:zoom-in}.detail-content .brutalist-p{width:100%;max-width:100%;color:#aaa;font-size:16px;line-height:1.6;margin-bottom:2rem;text-align:justify}.detail-content .brutalist-h2{font-family:Anton,sans-serif;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin:4rem 0 2rem;color:#fff;letter-spacing:1px}.detail-content .brutalist-h3{font-family:monospace;font-size:14px;color:var(--theme-color, #00ff88);margin:3rem 0 1.5rem;letter-spacing:.1em}.detail-content .brutalist-quote{border-left:2px solid var(--theme-color, #00ff88);padding-left:20px;margin:3rem 0;font-family:"Milanesa Serif",serif;font-style:italic;color:#fff;font-size:24px}.detail-content .brutalist-block-image,.detail-content .brutalist-block-video,.detail-content .brutalist-inline-carousel-wrapper{margin:4rem 0;position:relative;padding:4px}.detail-content .brutalist-block-image .tech-corner,.detail-content .brutalist-block-video .tech-corner,.detail-content .brutalist-inline-carousel-wrapper .tech-corner{position:absolute;color:#ffffff4d;font-family:monospace;font-size:10px;line-height:1;z-index:10;pointer-events:none}.detail-content .brutalist-block-image .top-left,.detail-content .brutalist-block-video .top-left,.detail-content .brutalist-inline-carousel-wrapper .top-left{top:-5px;left:-4px}.detail-content .brutalist-block-image .top-right,.detail-content .brutalist-block-video .top-right,.detail-content .brutalist-inline-carousel-wrapper .top-right{top:-5px;right:-4px}.detail-content .brutalist-block-image .bottom-left,.detail-content .brutalist-block-video .bottom-left,.detail-content .brutalist-inline-carousel-wrapper .bottom-left{bottom:-5px;left:-4px}.detail-content .brutalist-block-image .bottom-right,.detail-content .brutalist-block-video .bottom-right,.detail-content .brutalist-inline-carousel-wrapper .bottom-right{bottom:-5px;right:-4px}.detail-content .brutalist-block-image img,.detail-content .brutalist-block-image iframe,.detail-content .brutalist-block-video img,.detail-content .brutalist-block-video iframe,.detail-content .brutalist-inline-carousel-wrapper img,.detail-content .brutalist-inline-carousel-wrapper iframe{width:100%;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #ffffff0a,0 10px 40px #000c}.detail-content .brutalist-block-image iframe,.detail-content .brutalist-block-video iframe,.detail-content .brutalist-inline-carousel-wrapper iframe{aspect-ratio:16/9}.detail-content .brutalist-block-image .block-caption,.detail-content .brutalist-block-video .block-caption,.detail-content .brutalist-inline-carousel-wrapper .block-caption{text-align:right;font-family:monospace;font-size:10px;color:#fff6;margin-top:15px;letter-spacing:.1em;text-transform:uppercase}.detail-content .brutalist-inline-carousel-wrapper .aspect-ratio-box{aspect-ratio:16/9;position:relative;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.detail-footer{margin-top:6rem;padding-top:3rem;border-top:1px dashed rgba(255,255,255,.15)}.detail-footer .label-credits{font-family:monospace;color:#fff6;font-size:10px;letter-spacing:.2em;margin-bottom:1rem}.detail-footer .credits-list{font-family:monospace;color:#888;font-size:11px;line-height:1.8;margin:0;white-space:pre-line}.video-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#050505f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.video-modal-overlay .video-modal-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1200px}.video-modal-overlay .video-modal-content{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 50px #000c,0 0 30px #ffffff0d;overflow:hidden;position:relative}.video-modal-overlay .video-modal-content .modal-video-element{width:100%;height:100%;object-fit:contain;display:block}.video-modal-overlay .video-modal-content .interactive-vid{cursor:pointer}.video-modal-overlay .video-modal-content .video-feedback-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px #00000080}.video-modal-overlay .controls-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:800px}.video-modal-overlay .progress-bar-container{width:100%;height:16px;display:flex;align-items:center;cursor:pointer}.video-modal-overlay .progress-bar-container .minimal-progress-bar{-webkit-appearance:none;width:100%;height:2px;background:linear-gradient(to right,rgba(255,255,255,.9) var(--progress, 0%),rgba(255,255,255,.2) var(--progress, 0%));outline:none;border-radius:2px;transition:height .2s ease}.video-modal-overlay .progress-bar-container .minimal-progress-bar:hover{height:6px}.video-modal-overlay .progress-bar-container .minimal-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0px;height:0px}.video-modal-overlay .controls-island{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;align-items:center;background-color:#0f0f0fcc;border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;font-family:monospace;font-size:11px}.video-modal-overlay .controls-island .island-divider{width:1px;height:20px;background-color:#fff3;margin:0 5px;flex-shrink:0}.video-modal-overlay .controls-island button{background:none;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:100px;cursor:pointer;transition:all .3s ease;letter-spacing:.1em;white-space:nowrap;flex-shrink:0}.video-modal-overlay .controls-island button:hover{border-color:var(--theme-color, #00ff88);color:var(--theme-color, #00ff88);background:#00ff880d}.video-modal-overlay .controls-island .icon-btn{padding:8px 12px;display:flex;align-items:center;justify-content:center}.video-modal-overlay .controls-island .close-vid-btn{border-color:#ff0048;color:#ff0048}.video-modal-overlay .controls-island .close-vid-btn:hover{background:#ff00481a;color:#ff0048;border-color:#ff0048}@media(max-width:600px){.video-modal-overlay .controls-island{flex-wrap:wrap;border-radius:16px}.video-modal-overlay .controls-island .island-divider{display:none}}.grid-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;background-color:#050505;overflow-y:auto;padding:4rem 2rem;box-sizing:border-box}.grid-modal-overlay .grid-modal-header{max-width:1200px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:center}.grid-modal-overlay .grid-modal-header h2{font-family:monospace;color:var(--theme-color, #00ff88);font-size:14px;letter-spacing:.2em}.grid-modal-overlay .grid-modal-header .close-grid-btn{background:none;border:1px solid #ff0048;color:#ff0048;padding:8px 16px;border-radius:100px;font-family:monospace;cursor:pointer;transition:all .3s ease}.grid-modal-overlay .grid-modal-header .close-grid-btn:hover{background:#ff00481a}.grid-modal-overlay .grid-modal-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.grid-modal-overlay .grid-modal-content .grid-item{aspect-ratio:1/1;border-radius:8px;overflow:hidden;position:relative;cursor:zoom-in}.grid-modal-overlay .grid-modal-content .grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.grid-modal-overlay .grid-modal-content .grid-item .grid-hover-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-family:monospace;font-size:12px;color:#fff;letter-spacing:.1em}.grid-modal-overlay .grid-modal-content .grid-item:hover img{transform:scale(1.05)}.grid-modal-overlay .grid-modal-content .grid-item:hover .grid-hover-overlay{opacity:1}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.lightbox-overlay .lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #000c}.lightbox-overlay .lightbox-close-btn{position:absolute;top:30px;right:30px;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:100px;font-family:monospace;cursor:pointer;z-index:2;transition:all .3s ease}.lightbox-overlay .lightbox-close-btn:hover{border-color:#ff0048;color:#ff0048}.lightbox-overlay .lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;width:50px;height:50px;border-radius:50%;font-family:monospace;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.lightbox-overlay .lightbox-nav-btn:hover{background:var(--theme-color, #00ff88);color:#000;border-color:var(--theme-color, #00ff88)}.lightbox-overlay .lightbox-nav-btn.prev{left:30px}.lightbox-overlay .lightbox-nav-btn.next{right:30px}.lightbox-overlay .lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-family:monospace;font-size:12px;color:#fff9;letter-spacing:.2em;background:#00000080;padding:6px 16px;border-radius:100px}.brutalist-system-footer{width:100%;max-width:100%;height:100vh;background-color:#050505;color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column;padding-top:8rem;box-sizing:border-box;overflow-x:hidden}.footer-bento-grid{width:100%;margin:auto 0;display:grid;grid-template-areas:"id logo logo allwork" "id link1 link2 allwork";grid-template-columns:minmax(260px,320px) 1fr 1fr minmax(220px,320px);grid-template-rows:auto auto;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);box-sizing:border-box}.bento-box{border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;container-type:inline-size}.id-box{grid-area:id;border-bottom:none}.logo-box{grid-area:logo}.link-box:nth-child(3){grid-area:link1;border-bottom:none}.link-box:nth-child(4){grid-area:link2;border-bottom:none}.action-box{grid-area:allwork;border-right:none;border-bottom:none}.id-box{padding:3rem;align-items:center;justify-content:center}.id-content-wrapper{width:100%;max-width:220px;display:flex;flex-direction:column;gap:2rem;align-items:center}.id-card-3d-wrapper{width:100%;aspect-ratio:3/4;perspective:1000px;cursor:pointer}.id-card-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d}.id-card-face{position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);padding:8px;background-color:#000;backface-visibility:hidden;transition:border-color .4s ease}.id-card-front .author-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2);transition:filter .4s ease}.id-card-front .dither-overlay{position:absolute;inset:8px;pointer-events:none;background-color:#0000004d;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px;animation:dither-static .15s steps(4) infinite;transition:opacity .4s ease}.id-card-front .tech-corner{position:absolute;color:var(--theme-color, #00ff88);font-family:monospace;font-size:10px;line-height:1}.id-card-front .top-left{top:-6px;left:-4px}.id-card-front .top-right{top:-6px;right:-4px}.id-card-front .bottom-left{bottom:-6px;left:-4px}.id-card-front .bottom-right{bottom:-6px;right:-4px}.id-card-front:hover{border-color:var(--theme-color, #00ff88)}.id-card-front:hover .author-photo{filter:grayscale(0%) contrast(1.1)}.id-card-front:hover .dither-overlay{opacity:0}.id-card-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.id-card-back .back-title{font-family:monospace;font-size:12px;color:var(--theme-color, #00ff88);letter-spacing:.1em;margin:0}.id-card-back .social-links-container{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.id-card-back .social-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid rgba(255,255,255,.2);color:#fff9;transition:all .3s ease;border-radius:4px}.id-card-back .social-btn svg{width:20px;height:20px;fill:currentColor}.id-card-back .social-btn:hover{background-color:var(--theme-color, #00ff88);color:#000;border-color:var(--theme-color, #00ff88)}.id-meta-data{width:100%;font-family:monospace;font-size:11px;letter-spacing:.1em;display:flex;flex-direction:column;gap:12px}.id-meta-data .meta-row{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:4px}.id-meta-data .meta-key{color:#fff6;white-space:nowrap}.id-meta-data .meta-value{color:var(--theme-color, #00ff88);font-weight:700;text-align:right}.logo-box{align-items:center;justify-content:center;padding:2rem;position:relative}.logo-box .zone-label{position:absolute;top:15px;left:15px;font-family:monospace;font-size:10px;color:#ffffff4d}.logo-box .footer-hero-name{width:100%;display:flex;flex-direction:column;align-items:flex-end}.logo-box .first-name{font-family:"Milanesa Serif",serif;font-size:clamp(3rem,5vw,6rem);color:#fff;line-height:1;margin-bottom:-1vw;text-align:right;width:100%}.logo-box .last-name{font-family:"Milanesa Serif",serif;font-size:37cqw;color:#fff;line-height:.8;display:flex;letter-spacing:-3px;text-align:right;justify-content:flex-end}.logo-box .letter-o{position:relative;display:inline-block;color:#fff}.logo-box .letter-o .dot-center-wrapper{position:absolute;top:68%;left:50%;width:0;height:0;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;pointer-events:none}.logo-box .letter-o .dot-moving-wrapper{display:flex;justify-content:center;align-items:center}.logo-box .letter-o .neon-dot{width:clamp(4px,1vw,15px);height:clamp(4px,1vw,15px);background-color:var(--theme-color, #00ff88);border-radius:50%;box-shadow:0 0 8px var(--theme-color, #00ff88),0 0 15px var(--theme-color, #00ff88)}.link-box{justify-content:center;align-items:center;padding:2rem;cursor:pointer;transition:background-color .3s ease}.link-box .zone-label{position:absolute;top:15px;left:15px;font-family:monospace;font-size:10px;color:#ffffff4d}.link-box .term-btn{background:none;border:none;color:#ffffff80;font-family:monospace;font-size:clamp(10px,.9vw,1vw);letter-spacing:.1em;cursor:pointer;transition:all .3s ease;white-space:nowrap}.link-box:hover{background-color:#00ff880d}.link-box:hover .term-btn{color:var(--theme-color, #00ff88);text-shadow:0 0 10px rgba(0,255,136,.5)}.action-box{justify-content:center;padding:3rem;cursor:pointer;background-color:transparent;transition:background-color .3s ease}.action-box .action-content{position:relative;z-index:2;display:flex;flex-direction:column}.action-box .action-label{font-family:monospace;font-size:10px;color:#fff6;letter-spacing:.2em;margin-bottom:10px;transition:color .3s ease}.action-box h2{font-family:Anton,sans-serif;font-size:3rem;margin:0;line-height:1;color:#fff;transition:color .3s ease}.action-box .action-arrow{font-size:2.5rem;color:var(--theme-color, #00ff88);margin-top:30px;transition:transform .3s ease}.action-box .barcode-pattern{position:absolute;bottom:2rem;left:2rem;width:60px;height:25px;background-image:repeating-linear-gradient(90deg,#fff,#fff 2px,transparent 2px,transparent 6px,#fff 6px,#fff 7px,transparent 7px,transparent 10px);opacity:.1;transition:all .3s ease}.action-box:hover{background-color:var(--theme-color, #00ff88)}.action-box:hover .action-label,.action-box:hover h2,.action-box:hover .action-arrow{color:#000}.action-box:hover .action-arrow{transform:translate(15px)}.action-box:hover .barcode-pattern{opacity:.8;filter:invert(1)}.footer-status-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-family:monospace;font-size:10px;color:#fff6;background-color:#000;width:100%;box-sizing:border-box;margin-top:auto}.footer-status-bar .status-left{display:flex;align-items:center;gap:10px}.footer-status-bar .status-left .status-dot{width:6px;height:6px;background-color:var(--theme-color, #00ff88);border-radius:50%;box-shadow:0 0 10px var(--theme-color, #00ff88);animation:pulse 2s infinite}@media(max-width:1024px){.footer-bento-grid{grid-template-areas:"logo" "id" "link1" "link2" "allwork";grid-template-columns:1fr;grid-template-rows:auto}.bento-box{border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}.link-box:nth-child(3),.link-box:nth-child(4),.id-box{border-bottom:1px solid rgba(255,255,255,.15)}.action-box{border-bottom:none;min-height:200px}}.design-page-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#000;color:#fff;font-family:Space Grotesk,sans-serif;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.design-page-container::-webkit-scrollbar{display:none}.design-page-container{-ms-overflow-style:none;scrollbar-width:none}.design-page-container .ui-layer{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:4rem;pointer-events:none}.page-header{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:14px;color:#fff9;pointer-events:auto}.interactive-hero-wrapper{position:absolute;inset:0;width:100%;height:100%;z-index:5;display:flex;align-items:center;justify-content:center}.interactive-hero-wrapper .vector-canvas{display:block;width:100%;height:100%;cursor:default}.interactive-hero-wrapper .ui-overlay{position:absolute;inset:150px 0 0;z-index:20;padding:90px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.interactive-hero-wrapper .ui-overlay .top-bar{text-align:center;width:100%}.interactive-hero-wrapper .ui-overlay .bottom-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}.interactive-hero-wrapper .ui-overlay .manifesto-mini .main-text{margin-top:-150px;font-size:13px;font-weight:900;color:#0f8;letter-spacing:.5em;margin-bottom:8px;text-transform:uppercase}.interactive-hero-wrapper .ui-overlay .manifesto-mini .sub-text{font-size:11px;color:#71717a;letter-spacing:.1em;align-items:center;text-align:center;text-transform:uppercase}.interactive-hero-wrapper .ui-overlay .hint-text{font-size:12px;color:#888;letter-spacing:.2em;animation:blink 2.5s infinite;text-align:center}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10;pointer-events:none}.scroll-indicator .scroll-text{font-size:10px;font-weight:700;letter-spacing:.3em;color:#ffffff80;text-transform:uppercase;animation:blink 3s infinite}.scroll-indicator .scroll-line{width:1px;height:60px;background:#0f83;position:relative;overflow:hidden}.scroll-indicator .scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0f8;animation:dropLine 2s cubic-bezier(.77,0,.175,1) infinite}@keyframes dropLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.brands-header h2{font-family:"Milanesa Serif",serif;font-size:3.5rem;font-weight:400;margin:0;color:#fff}@media(max-width:768px){.brands-section{padding:4rem 0}.archive-section{padding:8rem 2rem 2rem}}.animation-page-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#000;color:#fff;font-family:Space Grotesk,sans-serif;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.animation-page-container::-webkit-scrollbar{display:none}.animation-page-container{-ms-overflow-style:none;scrollbar-width:none}.animation-page-container .ui-layer{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:4rem;pointer-events:auto}.animation-header{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:14px;color:#fff9}.animation-header .back-btn{background:none;border:none;color:#fff;font-family:monospace;cursor:pointer;transition:color .3s ease}.animation-header .back-btn:hover{color:var(--theme-color, #00ff88)}.projects-list-container{flex:1;display:flex;flex-direction:column;justify-content:center}.projects-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}.project-item{display:flex;align-items:flex-start;gap:20px;cursor:pointer;opacity:.5;transition:opacity .3s ease,transform .3s ease}.project-item .project-index{font-family:monospace;font-size:1rem;margin-top:1.5rem;color:#ffffff80}.project-item .project-title{font-family:Anton,sans-serif;font-size:clamp(4rem,8vw,8rem);margin:0;line-height:.9;color:transparent;-webkit-text-stroke:.02px rgba(255,255,255,.8);transition:all .3s ease}.project-item:hover,.project-item.active{opacity:1;transform:translate(20px)}.project-item:hover .project-index,.project-item.active .project-index{color:var(--theme-color, #00ff88)}.project-item:hover .project-title,.project-item.active .project-title{color:var(--theme-color, #00ff88);-webkit-text-stroke:1px var(--theme-color, #00ff88);text-shadow:0 0 40px rgba(0,255,136,.4)}.project-details-terminal{position:absolute;bottom:4rem;right:4rem;font-family:monospace;font-size:12px;color:#0f8;text-align:right}.project-details-terminal .blinking-cursor{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.archive-header h2{font-family:"Milanesa Serif",serif;font-size:3.5rem;font-weight:900;margin:0;letter-spacing:0px}.grid-item{position:relative;cursor:pointer;group:hover}.all-work-page{background-color:#050505;min-height:100vh;color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column}.directory-header{padding:10rem 4rem 4rem;border-bottom:1px solid rgba(255,255,255,.15)}.title-wrapper{margin-bottom:3rem}.title-wrapper h1{font-family:Anton,sans-serif;font-size:clamp(3rem,6vw,5rem);margin:0;line-height:1;letter-spacing:2px}.title-wrapper p{font-family:monospace;font-size:12px;color:var(--theme-color, #00ff88);letter-spacing:.2em;margin-top:10px}.control-panel{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:flex-start}.search-bar{display:flex;align-items:center;border:1px solid rgba(255,255,255,.3);padding:10px 15px;background-color:#00000080;width:100%;max-width:400px;transition:border-color .3s ease}.search-bar:focus-within{border-color:var(--theme-color, #00ff88);box-shadow:0 0 10px #0f83}.search-bar .prompt{font-family:monospace;color:var(--theme-color, #00ff88);margin-right:10px}.search-bar input{background:transparent;border:none;outline:none;color:#fff;font-family:monospace;font-size:14px;width:100%}.search-bar input::placeholder{color:#ffffff4d}.search-bar .clear-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:monospace;font-size:12px}.search-bar .clear-btn:hover{color:#f36}.tags-container{display:flex;flex-wrap:wrap;gap:10px;flex:1;min-width:300px}.tag-btn{background:transparent;border:1px dashed rgba(255,255,255,.3);color:#ffffff80;font-family:monospace;font-size:12px;padding:8px 16px;cursor:pointer;transition:all .3s ease;letter-spacing:.1em}.tag-btn:hover{border-color:#fffc;color:#fff}.tag-btn.active{background-color:var(--theme-color, #00ff88);color:#000;border-style:solid;border-color:var(--theme-color, #00ff88);font-weight:700;box-shadow:0 0 15px #00ff884d}.sort-container{display:flex;align-items:center;gap:10px;margin-left:auto}.sort-container .sort-label{font-family:monospace;font-size:10px;color:#fff6}.sort-container .sort-btn{background:transparent;border:none;color:var(--theme-color, #00ff88);font-family:monospace;font-size:14px;cursor:pointer;transition:text-shadow .3s ease}.sort-container .sort-btn:hover{text-shadow:0 0 10px var(--theme-color, #00ff88)}.master-grid-container{padding:4rem;flex:1}.loading-state,.no-results{font-family:monospace;color:var(--theme-color, #00ff88);font-size:14px;text-align:center;padding:4rem 0}.loading-state .blinking,.no-results .blinking{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.master-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;width:100%}.grid-item .grid-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.15);background-color:#111}.grid-item .grid-image-wrapper .placeholder-img{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:monospace;color:#fff3;font-size:12px}.grid-item .grid-info{margin-top:1rem;border-top:1px solid rgba(255,255,255,.2);padding-top:10px;display:flex;justify-content:space-between;align-items:flex-end}.grid-item .grid-info h3{font-family:Anton,sans-serif;font-size:1rem;margin:0;line-height:1;transition:color .3s ease}.grid-item .grid-info .grid-meta{font-family:monospace;font-size:10px;color:#666;white-space:nowrap}@media(max-width:768px){.directory-header{padding:8rem 2rem 2rem}.master-grid-container{padding:2rem}.control-panel{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}}.video-page-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#000;color:#fff;font-family:Space Grotesk,sans-serif;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.video-page-container::-webkit-scrollbar{display:none}.video-page-container{-ms-overflow-style:none;scrollbar-width:none}.snap-section{width:100%;height:100vh;scroll-snap-align:start;position:relative;overflow:hidden}.video-background-wrapper{position:absolute;inset:0;z-index:1}.video-background-wrapper .fullscreen-video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2)}.video-overlay-dither{position:absolute;inset:0;z-index:2;pointer-events:none;background-color:#0006;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px}.video-overlay-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.8) 100%)}.video-page-container .ui-layer{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:4rem;pointer-events:auto}.page-header{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:14px;color:#fff9}.page-header .back-btn{background:none;border:none;color:#fff;font-family:monospace;cursor:pointer;transition:color .3s ease}.page-header .back-btn:hover{color:var(--theme-color, #00ff88)}.splash-center-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.milanesa-splash-text{font-family:"Milanesa Serif",serif;font-size:clamp(6rem,15vw,18rem);font-weight:black;margin:0;line-height:.9;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.8)}.rotating-subtitle-container{display:flex;align-items:center;gap:10px;margin-top:1rem;font-family:monospace;font-size:clamp(14px,2vw,18px);color:var(--theme-color, #00ff88)}.rotating-subtitle-container .static-bracket{color:#fff6}.rotating-subtitle-container .subtitle-mask{overflow:hidden;height:30px;display:flex;justify-content:center;align-items:center;min-width:180px}.rotating-subtitle-container .dynamic-subtitle{font-weight:700;letter-spacing:.2em;white-space:nowrap}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:monospace;font-size:10px;color:#ffffff80;display:flex;flex-direction:column;align-items:center;gap:5px;animation:float 2s infinite ease-in-out}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.brands-section{background-color:#050505;padding:8rem 0;display:flex;flex-direction:column;justify-content:center}.brands-header{margin-bottom:6rem;display:flex;flex-direction:column;align-items:center;text-align:center}.brands-header h2{font-family:"Milanesa Serif",serif;font-size:3.5rem;font-weight:700;margin:0;color:#fff}.brands-header p{font-family:monospace;color:#888;font-size:12px;margin-top:15px;letter-spacing:.2em}.marquee-wrapper{width:100%;overflow:hidden;position:relative;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px)}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2}.marquee-wrapper:before{left:0;background:linear-gradient(to right,#050505,transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,#050505,transparent)}.marquee-track{display:flex;align-items:center;width:max-content;animation:scroll-marquee 25s linear infinite}.brand-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:250px;padding:3rem 0;border-right:1px dashed rgba(255,255,255,.1)}.brand-item .brand-logo{width:80px;height:80px;object-fit:contain;filter:grayscale(100%) brightness(200%);transition:filter .3s ease,transform .3s ease}.brand-item .brand-name{margin-top:15px;font-family:monospace;font-size:10px;color:#ffffff4d;letter-spacing:.2em;transition:color .3s ease}.brand-item:hover .brand-logo{filter:grayscale(0%) brightness(100%);transform:scale(1.1)}.brand-item:hover .brand-name{color:var(--theme-color, #00ff88)}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.archive-section{background-color:#050505;padding:8rem 4rem 4rem;display:flex;flex-direction:column}.archive-header{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;text-align:center}.archive-header h2{font-family:"Milanesa Serif",serif;font-size:3.5rem;margin:0}.archive-header p{font-family:monospace;color:#888;font-size:12px;margin-top:15px;letter-spacing:.2em}.brutalist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%}.grid-item{position:relative;cursor:pointer}.grid-item .grid-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.grid-item .grid-image-wrapper img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .4s ease,transform .4s ease}.grid-item .grid-image-wrapper .dither-mask{position:absolute;inset:0;pointer-events:none;background-color:#00000080;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px;transition:opacity .4s ease}.grid-item .grid-info{margin-top:1rem;border-top:1px solid rgba(255,255,255,.2);padding-top:10px;display:flex;justify-content:space-between;align-items:center}.grid-item .grid-info h3{font-family:Anton,sans-serif;font-size:1.5rem;margin:0;transition:color .3s ease}.grid-item .grid-info .grid-meta{font-family:monospace;font-size:10px;color:#666}.grid-item:hover .grid-image-wrapper{border-color:var(--theme-color, #00ff88)}.grid-item:hover .grid-image-wrapper img{filter:grayscale(0%);transform:scale(1.05)}.grid-item:hover .grid-image-wrapper .dither-mask{opacity:0}.grid-item:hover .grid-info h3{color:var(--theme-color, #00ff88)}@media(max-width:768px){.milanesa-splash-text{font-size:4rem}.brands-section{padding:4rem 0}.archive-section{padding:8rem 2rem 2rem}}.cv-page-container{min-height:100vh;background-color:#050505;color:#fff;font-family:Space Grotesk,sans-serif;display:flex;flex-direction:column}.cv-minimal-nav{padding:8rem 2rem 2rem;display:flex;justify-content:space-between;width:100%;max-width:850px;margin:0 auto;box-sizing:border-box}.cv-minimal-nav .nav-action{background:none;border:none;font-family:monospace;font-size:12px;color:#ffffff80;cursor:pointer;transition:color .3s ease;pointer-events:auto}.cv-minimal-nav .nav-action:hover{color:var(--theme-color, #00ff88)}.cv-minimal-nav .download-btn{border:1px dashed rgba(255,255,255,.3);padding:8px 16px;border-radius:4px}.cv-minimal-nav .download-btn:hover{border-style:solid;border-color:var(--theme-color, #00ff88)}.cv-content-wrapper{display:flex;justify-content:center;align-items:center;padding:2rem;flex:1;width:100%;box-sizing:border-box;margin-bottom:4rem}#cv-download-target{background-color:#050505;width:100%;max-width:850px;aspect-ratio:8.5/11;display:flex;flex-direction:column;box-sizing:border-box;container-type:inline-size}.bento-cv-grid{flex:1;display:grid;grid-template-areas:"id exp exp" "edu tools future" "edu useless useless" "edu contact contact" "barcode barcode barcode";grid-template-columns:260px 1.6fr 1fr;grid-template-rows:auto auto auto auto 0fr;border:1px solid rgba(255,255,255,.15)}.cv-box{padding:2rem;display:flex;flex-direction:column;position:relative;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.cv-box .box-title{font-family:monospace;font-size:10px;color:#ffffff4d;margin:0 0 1.5rem;letter-spacing:.2em}.box-header{margin-bottom:1.5rem}.box-header .box-title{margin-bottom:4px}.box-header .box-subtitle{font-family:monospace;font-size:8px;color:#fff6;margin:0;letter-spacing:.1em;text-transform:uppercase}.id-box{grid-area:id;align-items:center;text-align:center;gap:2rem}.exp-box{grid-area:exp;border-right:none}.edu-box{grid-area:edu}.tools-box{grid-area:tools}.contact-box{grid-area:contact;border-right:none}.barcode-box .barcode-metadata{display:flex;justify-content:space-between;font-family:monospace;font-size:9px;color:#ffffff4d;letter-spacing:.1em}.cv-photo-wrapper{width:150px;height:200px;position:relative;border:1px solid rgba(255,255,255,.3);padding:6px;box-sizing:border-box}.cv-photo-wrapper .photo-clipper{width:100%;height:100%;overflow:hidden;position:relative}.cv-photo-wrapper .photo-clipper img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2)}.cv-photo-wrapper .dither-overlay{position:absolute;inset:6px;pointer-events:none;background-color:#0003;-webkit-mask-image:radial-gradient(circle,transparent 1px,black 1.5px);mask-image:radial-gradient(circle,transparent 1px,black 1.5px);-webkit-mask-size:4px 4px;mask-size:4px 4px}.cv-photo-wrapper .tech-corner{position:absolute;color:var(--theme-color, #00ff88);font-family:monospace;font-size:10px;line-height:1}.cv-photo-wrapper .top-left{top:-6px;left:-4px}.cv-photo-wrapper .top-right{top:-6px;right:-4px}.cv-photo-wrapper .bottom-left{bottom:-6px;left:-4px}.cv-photo-wrapper .bottom-right{bottom:-6px;right:-4px}.cv-meta-info{display:flex;flex-direction:column;gap:8px;width:100%}.cv-meta-info h1{font-family:"Milanesa Serif",serif;font-size:2.5rem;margin:0;line-height:1;color:#fff}.cv-meta-info .cv-role{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;color:#fff}.cv-meta-info .cv-age{font-family:monospace;font-size:10px;color:var(--theme-color, #00ff88);margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15)}.job-entry{margin-bottom:1.2rem}.job-entry:last-child{margin-bottom:0}.job-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2px;margin-bottom:5px}.job-header h3{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;margin:0;display:flex;align-items:baseline;flex-wrap:wrap}.job-header .job-title-highlight{color:var(--theme-color, #00ff88)}.job-header .job-company{color:#fff;font-weight:400;margin-left:5px}.job-header .job-date{font-family:monospace;font-size:10px;color:#ffffff80;white-space:nowrap;margin-left:10px}.job-desc{font-family:monospace;font-size:10.5px;color:#999;line-height:1.2;margin:0;text-align:justify}.job-clients{font-family:monospace;font-size:9px;color:#fff6;line-height:1.4;margin-top:5px}.job-clients .interactive-client{color:#fff;cursor:pointer;text-decoration:underline;text-underline-offset:1px;transition:all .3s ease}.job-clients .interactive-client:hover{color:#000;background-color:var(--theme-color, #00ff88);text-decoration:none}.edu-entry{display:flex;flex-direction:column;gap:3px;margin-bottom:1.2rem}.edu-entry:last-child{margin-bottom:0}.edu-entry h3{font-size:11px;margin:0;line-height:1.3;display:flex;align-items:center;flex-wrap:wrap}.edu-entry .gold-badge{display:inline-block;margin-right:6px;padding:2px 5px;font-family:monospace;font-size:8px;letter-spacing:.1em;color:gold;border:1px solid #ffd700;border-radius:2px;text-decoration:none;transition:all .3s ease}.edu-entry .gold-badge:hover{background-color:gold;color:#000;box-shadow:0 0 10px #ffd70066}.edu-entry .edu-date{font-family:monospace;font-size:9px;color:var(--theme-color, #00ff88)}.edu-entry p{font-family:monospace;font-size:9px;color:#888;margin:0;line-height:1.4;text-align:justify}.tool-tags{display:flex;flex-wrap:wrap;gap:6px}.tool-tags span{font-family:monospace;font-size:9px;color:#fff9;padding:4px 6px;border:1px dashed rgba(255,255,255,.2)}.future-box{grid-area:future;border-right:none}.future-box .box-header{text-align:right}.future-box .tool-tags{justify-content:flex-end}.contact-links{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:monospace;font-size:11px;color:#fff}.contact-divider{width:1px;height:12px;background-color:#ffffff4d}.useless-box{grid-area:useless;border-right:none}.useless-box .useless-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.useless-box .useless-list li{font-family:monospace;font-size:8.5px;color:#ffffff59;line-height:1.4;transition:color .3s ease}.useless-box .useless-list li:hover{color:#fff}.useless-box .useless-list li:nth-child(2n){text-align:right}.barcode-box{grid-area:barcode;border-bottom:none;border-right:none;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:2rem}.barcode-box .barcode-visual{width:140px;height:30px}.barcode-box .barcode-metadata{display:flex;justify-content:space-between;align-items:flex-end;font-family:monospace;font-size:9px;color:#ffffff4d;letter-spacing:.1em}.barcode-box .barcode-metadata .timestamp-container{text-align:right;line-height:1.4}.barcode-box .barcode-metadata .timestamp-container .live-time{color:var(--theme-color, #00ff88);font-weight:700}.future-box .box-header{white-space:nowrap}@media(max-width:768px){#cv-download-target{aspect-ratio:auto;height:auto}.cv-minimal-nav{padding:6rem 1rem 1rem;max-width:100%}.cv-content-wrapper{padding:1rem}.bento-cv-grid{grid-template-areas:"id" "exp" "edu" "tools" "future" "useless" "contact" "barcode";grid-template-columns:1fr}.cv-box{border-right:none}.barcode-box{display:none}.contact-links{flex-direction:column;gap:8px;align-items:flex-start}.contact-divider{display:none}.future-box .box-header{text-align:left;white-space:normal}.future-box .tool-tags{justify-content:flex-start}.useless-box .useless-list{grid-template-columns:1fr}.useless-box .useless-list li:nth-child(2n){text-align:left}}@font-face{font-family:"Milanesa Serif";src:url(/fonts/MilanesaSerif-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Milanesa Serif";src:url(/fonts/MilanesaSerif-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Milanesa Serif";src:url(/fonts/MilanesaSerif-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Milanesa Serif";src:url(/fonts/MilanesaSerif-Thin.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}:root{--bg-color: #000000;--text-main: #ffffff;--text-dim: #888888;--accent-glow: rgba(255, 255, 255, .3);--font-title: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,button{font-family:var(--font-title)}::-webkit-scrollbar{width:8px;background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}