@charset "UTF-8";:root{--color-bg:#0a0a0a;--color-text:rgba(255, 255, 255, 0.85);--color-accent:#ffcc00;--color-headings:#ffffff;--color-text-muted:rgba(255, 255, 255, 0.5);--color-text-placeholder:rgba(255, 255, 255, 0.25);--glass-bg:rgba(10, 10, 12, 0.72);--glass-border:rgba(255, 255, 255, 0.12);--glass-text-hover:#ffffff;--input-bg:rgba(0, 0, 0, 0.25);--border-alpha:0.15;--static-bg:transparent;--static-border:none;--static-radius:0;--static-padding:0;--static-filter:none;--font-main:'Helvetica Neue', Helvetica, Arial, sans-serif;--spacing-unit:1rem}body.light-mode .video-item,body.light-mode .contact-card,body.light-mode .static-content,body.light-mode .submit-btn{--color-text:rgba(15, 15, 20, 0.85);--color-headings:#0a0a0c;--color-text-muted:rgba(15, 15, 20, 0.55);--color-text-placeholder:rgba(15, 15, 20, 0.35);--glass-bg:rgba(255, 255, 255, 0.86);--glass-border:rgba(0, 0, 0, 0.12);--glass-text-hover:#0a0a0c;--input-bg:rgba(255, 255, 255, 0.95);--border-alpha:0.28;--static-bg:rgba(255, 255, 255, 0.86);--static-border:1px solid rgba(0, 0, 0, 0.12);--static-radius:20px;--static-padding:2.2rem;--static-filter:blur(20px) saturate(140%)}.video-item,.contact-card,.static-content,.submit-btn,.video-title,.video-description,.meta-label,.video-year,.software-tag,.contact-header h3,.contact-header p,.form-group label,.form-group input,.form-group textarea,.static-content h3,.static-content p,.static-content li{transition:background-color .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,border-radius .25s ease,padding .25s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{background-color:#0a0a0a}body{position:relative;z-index:0;background-color:#0a0a0a;--bg-dark:#0a0a0a;--bg-glow:rgba(255, 255, 255, 0.03);--glow-x:75%;--glow-y:50%;background:radial-gradient(circle at var(--glow-x) var(--glow-y),var(--bg-glow) 0%,var(--bg-dark) 100%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-main);line-height:1.6;overflow-x:clip}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}main{position:relative;z-index:1}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10vw;position:relative}section:not(#contact)::before{content:'';position:absolute;bottom:0;left:10vw;right:10vw;height:1px;background-image:linear-gradient(to right,rgba(var(--active-color,255,255,255),.1) 60%,transparent 40%);background-size:16px 1px;background-repeat:repeat-x;animation:blueprintLineFlowHorizontal 30s linear infinite;pointer-events:none;z-index:2}section h1{font-size:clamp(3rem,5vw,6rem);animation:titleGlowPulse 4s infinite ease-in-out;transition:text-shadow .3s ease;position:relative;z-index:2}section h1:hover{animation-play-state:paused;text-shadow:0 0 25px rgba(var(--active-color),.7),0 0 50px rgba(var(--active-color),.35),0 4px 12px rgba(0,0,0,.9)}section h2{font-size:clamp(3.825rem,6.375vw,7.225rem);color:rgba(var(--section-color,255,255,255),1);animation:sectionTitleGlowPulse 4s infinite ease-in-out;transition:text-shadow .3s ease,color .3s ease;position:relative;z-index:2}section h2:hover{animation-play-state:paused;text-shadow:0 0 25px rgba(var(--section-color,255,255,255),.7),0 0 50px rgba(var(--section-color,255,255,255),.35),0 4px 12px rgba(0,0,0,.9)}@keyframes titleGlowPulse{0%{text-shadow:0 0 10px rgba(var(--active-color),.15),0 0 20px rgba(var(--active-color),.05),0 4px 12px rgba(0,0,0,.9)}50%{text-shadow:0 0 18px rgba(var(--active-color),.5),0 0 35px rgba(var(--active-color),.25),0 4px 12px rgba(0,0,0,.9)}100%{text-shadow:0 0 10px rgba(var(--active-color),.15),0 0 20px rgba(var(--active-color),.05),0 4px 12px rgba(0,0,0,.9)}}@keyframes sectionTitleGlowPulse{0%{text-shadow:0 0 10px rgba(var(--section-color,255,255,255),.15),0 0 20px rgba(var(--section-color,255,255,255),.05),0 4px 12px rgba(0,0,0,.9)}50%{text-shadow:0 0 18px rgba(var(--section-color,255,255,255),.5),0 0 35px rgba(var(--section-color,255,255,255),.25),0 4px 12px rgba(0,0,0,.9)}100%{text-shadow:0 0 10px rgba(var(--section-color,255,255,255),.15),0 0 20px rgba(var(--section-color,255,255,255),.05),0 4px 12px rgba(0,0,0,.9)}}#menu-pilule{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:100;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:.6rem}#menu-pilule ul{list-style:none;display:flex;gap:.4rem;align-items:stretch;position:relative;z-index:2}#menu-pilule li{display:flex}#menu-pilule a{color:rgba(255,255,255,.45);text-decoration:none;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.8rem 1.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:color .3s ease;width:100%}#menu-pilule a:hover{color:#fff}#menu-pilule a:hover .nav-icon{color:#fff;transform:scale(1.08)}#menu-pilule a.active{color:#fff}#menu-pilule a.active .nav-icon{color:#fff}#menu-pilule .nav-icon{width:24px;height:24px;color:rgba(255,255,255,.5);transition:color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);display:block}#menu-pilule .nav-text{display:block;line-height:1}#menu-pilule .nav-indicator{position:absolute;top:0;left:0;height:100%;background:rgba(var(--active-color,255,255,255),.16);border:1px solid rgba(var(--active-color,255,255,255),.35);box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 1px 1px rgba(var(--active-color,255,255,255),.2);border-radius:18px;z-index:1;pointer-events:none;transition:transform .55s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1);transform-origin:left center}h1,h2{font-size:clamp(4rem,8vw,10rem);font-weight:700;line-height:.9;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1rem}.subtitle,.description{font-size:1.25rem;max-width:400px;color:var(--color-headings)}.scroll-navigation{position:fixed;top:2rem;right:2.2rem;left:auto;z-index:100;display:flex;flex-direction:column;gap:.8rem;pointer-events:auto}.scroll-btn{width:48px;height:48px;border-radius:14px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--active-color,255,255,255),var(--border-alpha,.15));color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);outline:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease,color .3s ease}.scroll-btn svg{width:20px;height:20px;stroke:currentColor;transition:transform .3s cubic-bezier(.16,1,.3,1)}.scroll-btn:hover{color:#fff;background:rgba(var(--active-color,255,255,255),.18);border-color:rgba(var(--active-color,255,255,255),.35);box-shadow:0 4px 20px rgba(var(--active-color,255,255,255),.2);transform:translateY(-2px)scale(1.05)}.scroll-btn:hover#scroll-prev svg{transform:translateY(-2px)}.scroll-btn:hover#scroll-next svg{transform:translateY(2px)}.scroll-btn:active{transform:scale(.95)}.theme-icon-toggle{background:0 0;border:none;cursor:pointer;padding:.5rem 0;width:48px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .3s ease,transform .3s ease;outline:none;align-self:center}.theme-icon-toggle svg{width:20px;height:20px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.theme-icon-toggle:hover{color:var(--color-text);transform:scale(1.12)}.theme-icon-toggle:hover svg{transform:rotate(20deg)}.theme-icon-toggle .theme-icon-sun{display:block}.theme-icon-toggle .theme-icon-moon{display:none}body.light-mode .theme-icon-toggle .theme-icon-sun{display:none}body.light-mode .theme-icon-toggle .theme-icon-moon{display:block}.hero-section{min-height:100vh;position:relative;padding:0 5vw}.hero-section .content-wrapper{position:fixed;left:5vw;top:calc(32vh + var(--brand-progress,0) * (2.2rem - 32vh));z-index:100;width:auto;max-width:1400px;margin:0;transition:top .08s ease-out}.hero-section .content-wrapper:hover h1{filter:drop-shadow(0 0 22px rgba(var(--active-color,255,255,255),.75))}.hero-section h1{font-size:clamp(4rem,10vw,12rem)!important;background:linear-gradient(135deg,#ffcc00 0%,#00ccff 25%,#ff0064 50%,#ff6600 75%,#64ff64 100%);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(255,255,255,var(--brand-progress,0));color:rgba(255,255,255,var(--brand-progress,0));background-clip:text;animation:textGradientFlow 8s ease infinite;margin-bottom:.8rem;text-shadow:none!important;filter:drop-shadow(0 0 15px rgba(var(--active-color,255,255,255),.35));transform:scale(calc(1 - var(--brand-progress,0) * .81));transform-origin:left top;transition:transform .08s ease-out,filter .3s ease,color .08s ease-out,-webkit-text-fill-color .08s ease-out}.hero-section .subtitle{max-width:none;line-height:1.1;margin-top:0}.hero-section .subtitle .char-fade{display:inline-block;transition:transform .08s ease-out}@keyframes textGradientFlow{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes blueprintLineFlowVertical{from{background-position-y:0}to{background-position-y:160px}}@keyframes blueprintLineFlowHorizontal{from{background-position-x:0}to{background-position-x:160px}}@keyframes blueprintBorderPulse{0%{opacity:.8}50%{opacity:1}100%{opacity:.8}}#motion{--section-color:255, 204, 0}[id="3d"]{--section-color:0, 204, 255}#musique{--section-color:255, 0, 100}#voix{--section-color:255, 102, 0}#contact{--section-color:100, 255, 100}body.light-mode #contact{--section-color:20, 140, 70}.content-section{padding:10vh 5vw}.grid-layout{display:grid;grid-template-columns:minmax(0,3.5fr)minmax(0,6.5fr);gap:8vw;width:100%;max-width:1750px;margin:0}.column-title{height:100%;position:relative;padding-left:0}.column-title::after{content:'';position:absolute;top:5vh;right:-2.5vw;width:1px;height:90%;background-image:linear-gradient(to bottom,rgba(var(--active-color,255,255,255),.12) 60%,transparent 40%);background-size:1px 16px;background-repeat:repeat-y;animation:blueprintLineFlowVertical 25s linear infinite;pointer-events:none;z-index:1}.sticky-title{position:-webkit-sticky;position:sticky;top:30vh;z-index:10}.sticky-title h2{transform:none;transition:transform .08s ease-out}.sticky-title .description,.sticky-title .software-badges{opacity:var(--title-content-opacity,1);transition:opacity .1s ease-out}.column-media{display:flex;flex-direction:column;align-items:flex-start;gap:7.5vh;width:100%}.content-section:not(#contact) .column-media::before{content:'';display:block;height:9vh;pointer-events:none}.video-item{width:92%;padding:1.5rem;background:var(--glass-bg);backdrop-filter:blur(20px)saturate(140%);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid rgba(var(--section-color,var(--active-color,255,255,255)),var(--border-alpha,.16));border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.25);position:relative;transform:none;opacity:1;display:flex;flex-direction:column;gap:1.25rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease,background-color .3s ease}.video-item::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:14px;border:1px dashed rgba(255,255,255,6%);pointer-events:none;transition:border-color .4s ease}.video-item:hover{transform:scale(var(--coverflow-scale,1));border-color:rgba(var(--active-color),.3);box-shadow:0 12px 40px rgba(var(--active-color),.12)}.video-item:hover::before{border-color:rgba(var(--active-color),.22);animation:blueprintBorderPulse 2s infinite ease-in-out}.video-ratio{position:relative;width:100%;padding-bottom:56.25%;background:#111;margin-bottom:1.2rem;border-radius:12px;overflow:hidden}.video-ratio iframe,.video-ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.video-details{display:flex;flex-direction:column;gap:.75rem}.video-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:.5rem}.video-title{font-size:1.35rem;font-weight:700;color:var(--color-headings);margin:0;letter-spacing:-.02em}.video-year{font-family:monospace;font-size:.8rem;color:var(--color-headings);font-weight:600;background:var(--glass-border);padding:2px 8px;border-radius:4px;border:1px solid var(--glass-border)}.video-meta{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--color-text-muted);font-family:monospace}.video-meta .meta-row{display:flex;gap:.5rem}.video-meta .meta-label{color:var(--color-text-muted);text-transform:uppercase}.video-description{font-size:.95rem;line-height:1.6;color:var(--color-text);margin:0}.video-softwares{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.software-tag{font-family:monospace;font-size:.72rem;padding:2px 8px;border-radius:4px;background:var(--glass-border);border:1px solid var(--glass-border);color:var(--color-text);transition:all .3s ease}.video-item:hover .software-tag{border-color:rgba(var(--section-color,var(--active-color)),.35);background:rgba(var(--section-color,var(--active-color)),.08);color:var(--glass-text-hover);box-shadow:0 0 10px rgba(var(--section-color,var(--active-color)),.1)}#contact .grid-layout{align-items:center}#contact .column-title h2{font-size:clamp(2.55rem,4.25vw,4.845rem)}.contact-card{width:100%;padding:2.2rem;background:var(--glass-bg);backdrop-filter:blur(20px)saturate(140%);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid rgba(var(--section-color,var(--active-color,255,255,255)),var(--border-alpha,.16));border-radius:24px;box-shadow:0 12px 40px rgba(0,0,0,.3);position:relative;display:flex;flex-direction:column;gap:1.8rem}.contact-card::before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border-radius:18px;border:1px dashed var(--glass-border);pointer-events:none}.contact-header h3{font-size:1.6rem;font-weight:700;color:var(--color-headings);margin-bottom:.4rem}.contact-header p{font-size:.95rem;color:var(--color-text-muted);line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:1.25rem;z-index:2}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-family:monospace;font-size:.75rem;color:rgba(var(--section-color),.85);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.8rem 1.1rem;background:var(--input-bg,rgba(0,0,0,.2));border:1px solid var(--glass-border);border-radius:10px;color:var(--color-headings);font-size:.95rem;outline:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:rgba(var(--section-color),.4);background:rgba(var(--section-color),.03);box-shadow:0 0 15px rgba(var(--section-color),.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-placeholder,rgba(255,255,255,.2))}.submit-btn{padding:.9rem 1.8rem;background:rgba(var(--section-color),.15);border:1px solid rgba(var(--section-color),.35);border-radius:10px;color:var(--color-headings);font-family:monospace;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background:rgba(var(--section-color),.25);border-color:rgba(var(--section-color),.5);box-shadow:0 0 20px rgba(var(--section-color),.2);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.video-trigger{cursor:pointer}.video-trigger .click-overlay{position:absolute;inset:0;z-index:10;background:0 0;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.video-trigger .play-btn{width:60px;height:60px;background:rgba(255,255,255,.9);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding-left:5px;opacity:0;transform:scale(.8);box-shadow:0 6px 20px rgba(0,0,0,.35);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.video-trigger:hover .play-btn{opacity:1;transform:scale(1)}.video-trigger:hover img{transform:scale(1.05)}#video-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s ease}#video-modal.active{opacity:1;visibility:visible}#video-modal .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}#video-modal .modal-close{position:absolute;top:2rem;right:3rem;background:0 0;border:none;color:#fff;width:50px;height:50px;cursor:pointer;z-index:2001;transition:transform .3s ease}#video-modal .modal-close:hover{transform:scale(1.1)rotate(90deg)}#video-modal .modal-close svg{width:100%;height:100%}#video-modal .modal-rotation-warning{display:none}#video-modal .modal-content{position:relative;width:90%;max-width:1200px;z-index:2001;transform:translateY(20px)scale(.98);transition:transform .4s cubic-bezier(.175,.885,.32,1.1)}#video-modal.active .modal-content{transform:translateY(0)scale(1)}#video-modal.modal-vertical .modal-content{width:90%;max-width:420px}#video-modal.modal-vertical .modal-content .video-ratio{padding-bottom:177.78%}@media(max-width:980px) and (orientation:portrait){#video-modal.active .modal-rotation-warning{display:flex;align-items:center;justify-content:center;gap:.6rem;background:rgba(10,10,12,.9);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 14px;border-radius:30px;color:#fff;font-size:.82rem;font-weight:500;margin:0 auto 12px;width:fit-content;box-shadow:0 4px 15px rgba(0,0,0,.3)}#video-modal.active .modal-rotation-warning .warning-icon{width:16px;height:16px;animation:rotatePhone 2.5s infinite ease-in-out}}@media(max-width:980px) and (orientation:landscape){#video-modal.active .modal-content{width:100vw;height:100vh;max-width:none;transform:none}#video-modal.active .modal-content .video-ratio{padding-bottom:0;height:100vh;width:100vw;border-radius:0;margin-bottom:0}#video-modal.active .modal-content .video-ratio iframe,#video-modal.active .modal-content .video-ratio video{width:100vw;height:100vh;top:0;left:0;border-radius:0}#video-modal.active .modal-close{top:1rem;right:1.5rem;width:36px;height:36px;background:rgba(0,0,0,.6);border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}}@media(max-width:980px){#video-modal.modal-vertical .modal-rotation-warning{display:none!important}}@media(max-width:980px) and (orientation:portrait){#video-modal.modal-vertical.active .modal-content{width:100vw;height:100vh;max-width:none;transform:none}#video-modal.modal-vertical.active .modal-content .video-ratio{padding-bottom:0;height:100vh;width:100vw;border-radius:0;margin-bottom:0}#video-modal.modal-vertical.active .modal-content .video-ratio iframe,#video-modal.modal-vertical.active .modal-content .video-ratio video{width:100vw;height:100vh;top:0;left:0;border-radius:0}#video-modal.modal-vertical.active .modal-close{top:1rem;right:1.5rem;width:36px;height:36px;background:rgba(0,0,0,.6);border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}}@media(max-width:980px) and (orientation:landscape){#video-modal.modal-vertical.active .modal-content{width:calc(100vh * 9/16);height:100vh;max-width:none;transform:none;margin:0 auto}#video-modal.modal-vertical.active .modal-content .video-ratio{padding-bottom:0;height:100vh;width:100%;border-radius:0;margin-bottom:0}#video-modal.modal-vertical.active .modal-content .video-ratio iframe,#video-modal.modal-vertical.active .modal-content .video-ratio video{width:100%;height:100vh;top:0;left:0;border-radius:0}#video-modal.modal-vertical.active .modal-close{top:1rem;right:1.5rem;width:36px;height:36px;background:rgba(0,0,0,.6);border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}}@keyframes rotatePhone{0%{transform:rotate(0)}35%{transform:rotate(-90deg)}65%{transform:rotate(-90deg)}100%{transform:rotate(0)}}@media(max-width:768px){.hero-section{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:0 1.5rem}.hero-section .content-wrapper{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;text-align:center!important;margin:0 auto!important}.hero-section .content-wrapper h1{font-size:clamp(2.5rem,8vw,4.5rem)!important;transform:none!important;margin-bottom:1rem;text-align:center!important}.hero-section .content-wrapper .subtitle{font-size:1.1rem!important;transform:none!important;text-align:center!important}.hero-section .content-wrapper .subtitle .char-fade{opacity:1!important;transform:none!important}.grid-layout{grid-template-columns:1fr}.video-item{width:100%!important}.column-title{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sticky-title{position:relative;top:auto;margin-bottom:0;transform:none!important}.sticky-title h2{transform:none!important}.sticky-title .description,.sticky-title .software-badges{opacity:1!important}.column-title::after{display:none}.column-media::before{display:none!important}.scroll-navigation{top:1rem;right:1rem;left:auto;gap:.5rem}.scroll-btn{width:42px;height:42px;border-radius:10px}.scroll-btn svg{width:18px;height:18px}}@media(max-width:768px){#menu-pilule{bottom:.8rem;width:95vw;max-width:460px;padding:.3rem;border-radius:16px}#menu-pilule ul{gap:0;width:100%}#menu-pilule li{flex:1;display:flex;justify-content:center}#menu-pilule a{font-size:.58rem;padding:.6rem .1rem;gap:.3rem;letter-spacing:.01em}#menu-pilule .nav-icon{width:18px;height:18px}#menu-pilule .nav-indicator{border-radius:12px}}.software-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.software-item{display:flex;flex-direction:column;align-items:center;width:76px}.software-item:hover .software-icon{transform:scale(1.06)translateY(-2px);border-color:rgba(var(--active-color),.35);box-shadow:0 4px 15px rgba(var(--active-color),.15);color:rgba(var(--active-color),1)}.software-item:hover .software-label{color:#eee}.software-icon{width:48px;height:48px;background:rgba(10,10,12,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease,color .3s ease}.software-icon svg{width:24px;height:24px;display:block}.software-label{font-size:.65rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-top:.5rem;width:100%;line-height:1.2;transition:color .3s ease}.sub-page #scroll-nav{display:none!important}#subpage-header{position:fixed;top:2.2rem;left:5vw;z-index:100}#subpage-header .brand-link{color:#fff;text-decoration:none;font-family:var(--font-main);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;transition:opacity .3s ease}#subpage-header .brand-link:hover{opacity:.85}.static-page-container{padding-top:15vh;min-height:100vh}.static-content{font-family:var(--font-main);color:var(--color-text);font-size:.95rem;line-height:1.8;background:var(--static-bg,transparent);border:var(--static-border,none);border-radius:var(--static-radius,0);padding:var(--static-padding,0);backdrop-filter:var(--static-filter,none);-webkit-backdrop-filter:var(--static-filter,none)}.static-content h3{font-size:1.25rem;color:var(--color-headings);margin-top:2.2rem;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.static-content p{margin-bottom:1.2rem}.static-content ul,.static-content ol{margin-bottom:1.2rem;padding-left:1.2rem}.static-content ul li,.static-content ol li{margin-bottom:.5rem}.static-content a{color:rgba(var(--section-color,255,204,0),1);text-decoration:underline;transition:color .3s ease}.static-content a:hover{color:#fff}.site-footer{padding:4rem 5vw;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,4%);font-family:monospace;font-size:.78rem;color:rgba(255,255,255,.45);margin-top:auto}.site-footer .footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.site-footer .footer-links{display:flex;gap:2rem}.site-footer .footer-link{color:rgba(255,255,255,.45);text-decoration:none;transition:color .3s ease}.site-footer .footer-link:hover{color:#fff}@media(max-width:768px){#subpage-header{position:relative;top:auto;left:auto;padding:2.5rem 1.5rem 0;text-align:center;display:block}.static-page-container{padding-top:2vh}.site-footer{padding:3rem 1.5rem 8rem;text-align:center}.site-footer .footer-content{flex-direction:column;gap:1.2rem}.site-footer .footer-links{flex-direction:column;gap:.8rem}}#bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,2%) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,2%) 1px,transparent 1px);background-size:80px 80px;background-position:50% 0;transition:background-image .4s ease}body.light-mode #bg-grid{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px)}.bestof-showcase{width:100%;margin-bottom:3.5rem}.bestof-showcase .bestof-showcase-title{font-family:var(--font-main);color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.bestof-showcase .bestof-showcase-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,8%)}body.light-mode .bestof-showcase-title::after{background:rgba(0,0,0,8%)}.bestof-card{position:relative;border-radius:16px;overflow:hidden;background:rgba(10,10,12,.75);border:1px solid var(--theme-color,rgba(255,255,255,.15));box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px 0 var(--theme-shadow,rgba(255,255,255,8%));transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;width:100%;padding-bottom:56.25%}.bestof-card video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:none;transition:all .4s ease}.bestof-card:hover{border-color:var(--theme-color,rgba(255,255,255,.35));box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 35px 5px var(--theme-shadow,rgba(255,255,255,.16));transform:translateY(-6px)}.bestof-card:hover video{filter:none}.bestof-card:hover .bestof-overlay{background:0 0}.bestof-card:hover .bestof-overlay .bestof-play-btn{opacity:1;transform:translate(-50%,-50%)scale(1.1);background:#fff}body.light-mode .bestof-card{background:rgba(255,255,255,.86);border-color:var(--theme-color,rgba(0,0,0,.12));box-shadow:0 8px 32px rgba(0,0,0,6%),0 0 15px 0 var(--theme-shadow,rgba(0,0,0,3%))}body.light-mode .bestof-card:hover{border-color:var(--theme-color,rgba(0,0,0,.25));box-shadow:0 12px 40px var(--theme-shadow,rgba(0,0,0,8%)),0 0 25px 3px var(--theme-shadow,rgba(0,0,0,6%))}.bestof-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:0 0;transition:all .3s ease;z-index:2}.bestof-overlay .bestof-label{position:absolute;top:1.2rem;left:1.2rem;font-family:var(--font-main);color:#fff;font-weight:500;font-size:1.1rem;letter-spacing:.05rem;text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9)}.bestof-overlay .bestof-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85);opacity:0;width:60px;height:60px;background:rgba(255,255,255,.75);backdrop-filter:blur(4px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.bestof-overlay .bestof-play-btn svg{width:20px;height:20px;color:#000;margin-left:2px}.sound-badge-overlay{position:absolute;top:14px;left:14px;z-index:3;display:flex;align-items:center;gap:8px;background:rgba(10,10,12,.65);border:1px solid var(--theme-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 12px;border-radius:50px;color:#fff;font-size:.76rem;font-family:var(--font-main);pointer-events:none;user-select:none;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:all .3s ease;animation:soundBadgePulse 3s infinite ease-in-out}.sound-badge-overlay .sound-badge-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--theme-color);border-radius:50%;color:#fff;box-shadow:0 0 8px var(--theme-shadow)}.sound-badge-overlay .sound-badge-icon svg{width:11px;height:11px}.sound-badge-overlay .sound-badge-text{font-weight:500;letter-spacing:.02rem}body.light-mode .sound-badge-overlay{background:rgba(255,255,255,.82);color:#1a1a1c;box-shadow:0 4px 16px rgba(0,0,0,8%)}@keyframes soundBadgePulse{0%,100%{transform:scale(1);box-shadow:0 4px 16px rgba(0,0,0,.4)}50%{transform:scale(1.025);box-shadow:0 4px 20px var(--theme-shadow)}}.voice-showcase{width:100%;margin-bottom:3.5rem}.voice-showcase .voice-showcase-title{font-family:var(--font-main);color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.voice-showcase .voice-showcase-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,8%)}body.light-mode .voice-showcase-title::after{background:rgba(0,0,0,8%)}.voice-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}@media(max-width:768px){.voice-showcase-grid{grid-template-columns:1fr}}.voice-card{position:relative;border-radius:16px;overflow:hidden;background:rgba(10,10,12,.75);border:1px solid rgba(255,102,0,.12);box-shadow:0 8px 32px rgba(0,0,0,.25);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;width:100%}.voice-card:hover{border-color:rgba(255,102,0,.5);box-shadow:0 12px 40px rgba(255,102,0,.18);transform:translateY(-4px)}.voice-card:hover .voice-video-wrapper video{filter:none}.voice-card:hover .voice-overlay{background:0 0}.voice-card:hover .voice-overlay .voice-play-btn{transform:translate(-50%,-50%)scale(1.1);background:#fff}body.light-mode .voice-card{background:rgba(255,255,255,.86);border-color:rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,6%)}body.light-mode .voice-card:hover{border-color:rgba(255,102,0,.4);box-shadow:0 12px 40px rgba(255,102,0,.12)}.voice-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.voice-video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:none;transition:all .4s ease}.voice-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:0 0;transition:all .3s ease;z-index:2}.voice-overlay .voice-label{position:absolute;top:2rem;left:50%;transform:translateX(-50%);width:100%;text-align:center;font-family:var(--font-main);color:#fff;font-weight:700;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.15rem;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.95),0 4px 20px rgba(0,0,0,.75)}.voice-overlay .voice-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.75);backdrop-filter:blur(4px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.voice-overlay .voice-play-btn svg{width:20px;height:20px;color:#000;margin-left:2px}.retro-loader-container{position:absolute;top:50%;left:75%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:260px;font-family:courier new,Courier,monospace;color:#fc0;text-shadow:0 0 8px rgba(255,204,0,.5);z-index:10;transition:opacity .5s ease-out,transform .5s ease-out;pointer-events:none;user-select:none}@media(max-width:768px){.retro-loader-container{left:50%;top:65%}}.retro-loader-title{font-size:.82rem;font-weight:700;letter-spacing:2px;animation:blinkText 1.2s infinite steps(2)}.retro-loader-bar{width:100%;height:22px;border:3px solid #fc0;padding:2px;background:rgba(0,0,0,.85);box-shadow:0 0 12px rgba(255,204,0,.25);border-radius:4px}.retro-loader-progress{height:100%;width:0%;background:#fc0;box-shadow:0 0 8px #ffcc00;background-image:linear-gradient(90deg,transparent 0px,transparent 4px,#ffcc00 4px,#ffcc00 12px);background-size:12px 100%;transition:width .1s cubic-bezier(.1,.8,.2,1);border-radius:1px}.retro-loader-percent{font-size:.88rem;font-weight:700;letter-spacing:1px}body.light-mode .retro-loader-container{color:#f80;text-shadow:0 0 8px rgba(255,136,0,.3)}body.light-mode .retro-loader-container .retro-loader-bar{border-color:#f80;box-shadow:0 0 10px rgba(255,136,0,.15)}body.light-mode .retro-loader-container .retro-loader-progress{background-color:#f80;box-shadow:0 0 6px #ff8800;background-image:linear-gradient(90deg,transparent 0px,transparent 4px,#ff8800 4px,#ff8800 12px)}@keyframes blinkText{0%,100%{opacity:1}50%{opacity:.35}}.contact-socials{margin-top:2rem;display:flex;flex-direction:column;gap:1.2rem}.social-link{display:inline-flex;align-items:center;gap:.88rem;color:var(--color-text-muted);text-decoration:none;font-family:var(--font-main);font-size:.88rem;font-weight:500;transition:all .3s ease;width:fit-content}.social-link .social-icon{width:20px;height:20px;transition:transform .3s ease}.social-link span{border-bottom:1px solid transparent;transition:border-color .3s ease}.social-link:hover{color:var(--color-text)}.social-link:hover .social-icon{transform:scale(1.15)rotate(-6deg)}.social-link:hover span{border-color:var(--color-text)}