@font-face{font-family:Strretch Sans;src:url(https://fonts.cdnfonts.com/s/96328/StrretchSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@property --gradient-color-1{syntax: "<color>"; inherits: false; initial-value: #0528F2;}@property --gradient-color-2{syntax: "<color>"; inherits: false; initial-value: #0554F2;}@property --gradient-color-3{syntax: "<color>"; inherits: false; initial-value: #056CF2;}@property --gradient-color-4{syntax: "<color>"; inherits: false; initial-value: #056CF2;}@property --gradient-color-5{syntax: "<color>"; inherits: false; initial-value: #F2E205;}@property --gradient-color-6{syntax: "<color>"; inherits: false; initial-value: #F2CB05;}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-brand: "Strretch Sans", "Strretch Sans Free", sans-serif;--font-mono: "Inter", monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--transition-fast: .16s var(--ease-out);--transition-smooth: .24s var(--ease-out);--transition-bounce: .28s var(--ease-out);--sidebar-width: 360px;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 36px;--radius-full: 9999px;--bg-app: #06070a;--bg-sidebar-glass: rgba(14, 16, 22, .72);--bg-card-glass: rgba(18, 21, 28, .65);--bg-card-hover: rgba(28, 33, 44, .78);--bg-pill-glass: rgba(255, 255, 255, .08);--bg-pill-hover: rgba(255, 255, 255, .16);--bg-input-glass: rgba(12, 14, 19, .72);--text-main: #f4f5f8;--text-muted: #a0a2b8;--text-dim: #6d6e86;--glass-border: 1px solid rgba(255, 255, 255, .14);--glass-border-hover: 1px solid rgba(255, 255, 255, .3);--glass-border-top: 1px solid rgba(255, 255, 255, .28);--accent: #056CF2;--accent-rgb: 5, 108, 242;--accent-hover: #0554F2;--accent-green: #10b981;--glass-shadow: inset 0 1px 1px rgba(255, 255, 255, .15), 0 20px 40px rgba(0, 0, 0, .6);--glass-shadow-hover: inset 0 1px 2px rgba(255, 255, 255, .3), 0 25px 50px rgba(0, 0, 0, .75), 0 0 35px rgba(5, 108, 242, .3);--shadow-glow: 0 0 30px rgba(5, 108, 242, .35);--lightbox-bg: rgba(5, 6, 9, .95)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none;width:0;height:0}*{-webkit-tap-highlight-color:transparent}html{font-family:var(--font-sans);font-weight:800;background-color:#06070a;color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea,p,span,a,h2,h3,h4,li,div{font-family:var(--font-sans);font-weight:800}body{min-height:100vh;overflow-x:hidden;line-height:1.5;background-image:radial-gradient(at 10% 15%,var(--gradient-color-1) 0px,transparent 65%),radial-gradient(at 85% 15%,var(--gradient-color-2) 0px,transparent 65%),radial-gradient(at 15% 50%,var(--gradient-color-3) 0px,transparent 65%),radial-gradient(at 85% 55%,var(--gradient-color-4) 0px,transparent 65%),radial-gradient(at 20% 85%,var(--gradient-color-5) 0px,transparent 65%),radial-gradient(at 80% 85%,var(--gradient-color-6) 0px,transparent 65%);background-color:#06070a;background-size:140% 140%;animation:lavalampGradient 18s ease-in-out infinite alternate}@keyframes lavalampGradient{0%{--gradient-color-1: #0528F2;--gradient-color-2: #0554F2;--gradient-color-3: #056CF2;--gradient-color-4: #056CF2;--gradient-color-5: #F2E205;--gradient-color-6: #F2CB05;background-position:0% 0%}33%{--gradient-color-1: #F2CB05;--gradient-color-2: #0528F2;--gradient-color-3: #0554F2;--gradient-color-4: #056CF2;--gradient-color-5: #056CF2;--gradient-color-6: #F2E205;background-position:50% 100%}66%{--gradient-color-1: #F2E205;--gradient-color-2: #F2CB05;--gradient-color-3: #0528F2;--gradient-color-4: #0554F2;--gradient-color-5: #056CF2;--gradient-color-6: #056CF2;background-position:100% 50%}to{--gradient-color-1: #0528F2;--gradient-color-2: #0554F2;--gradient-color-3: #056CF2;--gradient-color-4: #056CF2;--gradient-color-5: #F2E205;--gradient-color-6: #F2CB05;background-position:0% 0%}}.film-grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}img,video{max-width:100%;display:block}.app-layout{position:relative;z-index:2;display:flex;min-height:100vh;width:100%;max-width:1760px;margin:0 auto;padding:1.25rem 1.25rem 1.25rem 0;gap:1.5rem}.sidebar{width:var(--sidebar-width);flex-shrink:0;height:calc(100vh - 2.5rem);position:sticky;top:1.25rem;margin-left:1.25rem;background:var(--bg-sidebar-glass);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--glass-shadow);overflow-y:auto;z-index:50;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:2.25rem 1.85rem;gap:1.85rem}.section-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.75rem;font-family:var(--font-mono)}.profile-card{display:flex;flex-direction:column;gap:.75rem;width:100%}.brand-logo-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 0 .75rem}.brand-logo-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:70%;background:radial-gradient(ellipse at center,rgba(255,255,255,.25) 0%,rgba(59,130,246,.2) 45%,transparent 75%);filter:blur(22px);pointer-events:none;border-radius:50%;z-index:0}.brand-logo-img{position:relative;z-index:1;width:100%;height:auto;max-height:85px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 35px rgba(59,130,246,.6));transition:transform .2s var(--ease-out),filter .2s var(--ease-out)}@media (hover: hover) and (pointer: fine){.brand-logo-img:hover{transform:scale(1.04);filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 30px rgba(255,255,255,.95)) drop-shadow(0 0 50px rgba(59,130,246,.9))}}.profile-bio{font-size:.88rem;color:var(--text-muted);line-height:1.6}.highlight-white{color:#fff;font-weight:800;text-shadow:0 0 10px rgba(255,255,255,.25)}.sidebar-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;margin-top:.25rem}.info-column{display:flex;flex-direction:column}.info-list{list-style:none;display:flex;flex-direction:column;padding:0;margin:0}.info-item{font-size:.85rem;font-weight:500;color:var(--text-muted);padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .16s var(--ease-out),padding-left .16s var(--ease-out)}@media (hover: hover) and (pointer: fine){.info-item:hover{color:var(--text-main);padding-left:.2rem}}.contact-card{margin-top:auto;display:flex;flex-direction:column;gap:.6rem;padding-top:.75rem}.contact-label{margin-bottom:.15rem;margin-left:.15rem}.email-box{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .5rem .5rem .9rem;background:var(--bg-input-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--glass-border);border-radius:var(--radius-md)}.email-address{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-copy-email{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 0;width:100px;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background .2s var(--ease-out);flex-shrink:0;box-shadow:0 4px 15px #3b82f659;border:1px solid rgba(255,255,255,.2)}@media (hover: hover) and (pointer: fine){.btn-copy-email:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}}.btn-copy-email:active{transform:scale(.97)}.btn-copy-email .icon{width:14px;height:14px}.social-links{display:flex;gap:.6rem;margin-top:.25rem}.social-btn{flex:1;height:44px;border-radius:var(--radius-md);background:var(--bg-pill-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--glass-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:transform .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out),border-color .16s var(--ease-out),box-shadow .16s var(--ease-out);box-shadow:inset 0 1px 1px #ffffff1a}.social-btn svg{width:20px;height:20px}@media (hover: hover) and (pointer: fine){.social-btn:hover{background:var(--bg-pill-hover);color:#fff;border-color:var(--accent-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow)}}.social-btn:active{transform:scale(.95)}.feed{flex:1;min-width:0;padding:0 1rem 1.25rem}.feed-container{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:2.25rem}.hero-showreel-section{width:100%}.showreel-card{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);box-shadow:var(--glass-shadow);cursor:pointer;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}@media (hover: hover) and (pointer: fine){.showreel-card:hover{border-color:#ffffff47;box-shadow:var(--glass-shadow-hover)}}.showreel-video-wrap{position:relative;width:100%;aspect-ratio:21 / 9;background-color:#000;overflow:hidden}.showreel-video-wrap video,.showreel-video-wrap img,.showreel-poster{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity var(--transition-smooth),transform var(--transition-smooth)}@media (hover: hover) and (pointer: fine){.showreel-card:hover video,.showreel-card:hover img,.showreel-card:hover .showreel-poster{opacity:1;transform:scale(1.02)}}.showreel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#000000d9);display:flex;flex-direction:column;justify-content:space-between;padding:2.25rem;color:#fff}.badge-pill{align-self:flex-start;font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:.4rem .85rem;border-radius:var(--radius-full);background:#ffffff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);letter-spacing:.08em}.showreel-info{margin-top:auto;max-width:620px}.showreel-title{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.showreel-subtitle{font-size:.95rem;color:#fffc;line-height:1.4}.play-btn-large{position:absolute;top:50%;right:2.75rem;transform:translateY(-50%);width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #3b82f699;border:1px solid rgba(255,255,255,.3);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.play-btn-large svg{width:30px;height:30px;margin-left:4px}@media (hover: hover) and (pointer: fine){.play-btn-large:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 0 50px #3b82f6cc}}.play-btn-large:active{transform:translateY(-50%) scale(.95)}.feed-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:var(--glass-border)}.feed-title-wrap{display:flex;align-items:baseline;gap:.75rem}.feed-heading{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.project-counter{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}.mobile-filter-bar{display:none}.mobile-filter-bar select{padding:.55rem 1rem;background:var(--bg-card-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-main);border:var(--glass-border);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;outline:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem}.project-card{display:flex;flex-direction:column;background:var(--bg-card-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--glass-shadow);transition:transform .24s var(--ease-out),border-color .24s var(--ease-out),box-shadow .24s var(--ease-out);animation:card-appear .3s var(--ease-out) forwards}.project-card:nth-child(1){animation-delay:0ms}.project-card:nth-child(2){animation-delay:50ms}.project-card:nth-child(3){animation-delay:.1s}.project-card:nth-child(4){animation-delay:.15s}@keyframes card-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover: hover) and (pointer: fine){.project-card:hover{transform:translateY(-6px);border-color:#ffffff4d;box-shadow:var(--glass-shadow-hover)}.project-card:hover .card-preview-video{opacity:1}.project-card:hover .card-poster{transform:scale(1.04)}}.project-card:active{transform:translateY(-2px) scale(.98)}.card-media-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;overflow:hidden}.card-poster{width:100%;height:100%;object-fit:cover;transition:opacity .16s var(--ease-out),transform .24s var(--ease-out)}.card-preview-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s var(--ease-out)}.card-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .16s var(--ease-out)}.card-play-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#2563eb 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000080,0 0 25px #3b82f699;border:1px solid rgba(255,255,255,.3);transform:scale(.9);opacity:0;transition:transform .16s var(--ease-out),opacity .16s var(--ease-out)}.card-play-icon svg{width:24px;height:24px;margin-left:2px}.duration-tag{position:absolute;bottom:.75rem;right:.75rem;font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:.22rem .6rem;border-radius:var(--radius-sm);background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.18)}.category-badge{position:absolute;top:.75rem;left:.75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.28rem .65rem;border-radius:var(--radius-sm);background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.18)}.card-details{padding:1.35rem;display:flex;flex-direction:column;gap:.65rem}.card-header-meta{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-dim)}.client-name{font-weight:600;color:var(--text-muted)}.release-year{font-family:var(--font-mono)}.card-title{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text-main);line-height:1.3}.card-software-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.sw-pill,.tag{font-family:var(--font-mono);font-size:.68rem;font-weight:500;padding:.18rem .5rem;border-radius:var(--radius-sm);background:var(--bg-pill-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);border:1px solid rgba(255,255,255,.08)}.tag-separator{color:var(--text-dim);font-family:var(--font-mono);font-size:.78rem;font-weight:700;align-self:center;-webkit-user-select:none;user-select:none}.sw-pill.ratio-pill,.tag.ratio-tag{background:#056cf240!important;color:#60a5fa!important;border:1px solid rgba(5,108,242,.5)!important;font-weight:700!important}.feed-footer{padding-top:2.25rem;border-top:var(--glass-border);display:flex;justify-content:center;align-items:center;width:100%}.footer-easter-egg{position:relative;font-family:var(--font-sans);font-size:.85rem;font-weight:800;color:var(--text-dim);letter-spacing:.1em;padding:0 1.25rem;border-radius:var(--radius-full);background:var(--bg-pill-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:155px;height:38px;box-sizing:border-box;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}@media (hover: hover) and (pointer: fine){.footer-easter-egg:hover{color:var(--text-main);background:var(--bg-pill-hover);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 18px #ffffff1f}}.footer-easter-egg:active{transform:scale(.97)}.footer-text-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.footer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;will-change:transform,opacity;width:100%;height:100%}.default-text{opacity:1;transform:translate(0)}.smiley-text{opacity:0;transform:translate(100%);font-size:1.25rem;font-weight:900;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 18px rgba(255,255,255,.4);line-height:1;letter-spacing:0}.slide-exit-left{animation:slideExitLeft .38s cubic-bezier(.16,1,.3,1) forwards}.slide-enter-right{animation:slideEnterRight .38s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideExitLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideEnterRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.lightbox-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth)}.lightbox-modal.active{opacity:1;pointer-events:auto}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--lightbox-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.lightbox-content{position:relative;z-index:10;width:92%;max-width:1120px;max-height:92vh;display:flex;flex-direction:column;background:var(--bg-card-glass);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-hover);overflow:hidden;opacity:0;transform:scale(.95);transition:transform .24s var(--ease-drawer),opacity .24s var(--ease-out)}.lightbox-modal.active .lightbox-content{opacity:1;transform:scale(1)}.lightbox-top-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.35rem;background:var(--bg-sidebar-glass);border-bottom:var(--glass-border)}.lightbox-counter{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.lightbox-counter .divider{color:var(--text-dim)}.lightbox-controls-top{display:flex;align-items:center;gap:.5rem}.lb-nav-btn,.lb-close-btn{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-pill-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}@media (hover: hover) and (pointer: fine){.lb-nav-btn:hover,.lb-close-btn:hover{background:var(--bg-pill-hover);border-color:#ffffff4d;color:var(--accent-hover);transform:translateY(-1px)}}.lb-nav-btn:active,.lb-close-btn:active{transform:scale(.95)}.lb-nav-btn svg,.lb-close-btn svg{width:18px;height:18px}.lightbox-body-container{display:flex;flex-direction:column;width:100%;overflow:hidden}.lightbox-player-wrapper{position:relative;width:100%;background-color:#000}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;max-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-container video,.video-container iframe{width:100%;height:100%;object-fit:contain}.lightbox-content.vertical-layout{width:95%!important;max-width:920px!important;height:82vh!important;max-height:680px!important}.lightbox-content.vertical-layout .lightbox-body-container{display:flex!important;flex-direction:row!important;flex:1!important;height:calc(100% - 60px)!important;min-height:0!important;overflow:hidden!important}.lightbox-content.vertical-layout .lightbox-player-wrapper{height:100%!important;width:380px!important;aspect-ratio:9 / 16!important;flex:0 0 auto!important;max-width:48%!important;background-color:#000!important;border-right:var(--glass-border)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}.lightbox-content.vertical-layout .video-container{width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:9 / 16!important}.lightbox-content.vertical-layout .vimeo-iframe,.lightbox-content.vertical-layout .video-container video{width:100%!important;height:100%!important;aspect-ratio:9 / 16!important;object-fit:contain!important;border:0!important}.lightbox-content.vertical-layout .lightbox-info-drawer{flex:1!important;height:100%!important;overflow-y:auto!important;border-left:var(--glass-border)!important;padding:1.8rem 2rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.lightbox-content.vertical-layout .lb-info-top{display:flex!important;flex-direction:column!important;gap:.5rem!important}.lightbox-content.vertical-layout .lb-software-badges{margin-top:auto!important;padding-top:1.5rem!important;flex-direction:column!important;align-items:flex-start!important}@media (max-width: 768px){.lightbox-content.vertical-layout{height:90vh!important;max-height:none!important}.lightbox-content.vertical-layout .lightbox-body-container{flex-direction:column!important;height:auto!important;overflow-y:auto!important}.lightbox-content.vertical-layout .lightbox-player-wrapper{width:100%!important;max-width:100%!important;height:55vh!important;border-right:none!important;border-bottom:var(--glass-border)!important}.lightbox-content.vertical-layout .lightbox-info-drawer{height:auto!important;padding:1.5rem!important}}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;padding:.85rem 1.35rem;background:linear-gradient(0deg,#000000e0,#0000);display:flex;align-items:center;gap:1rem;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.video-container:hover .custom-video-controls{opacity:1}.v-control-btn{color:#fff;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.v-control-btn:hover{color:var(--accent)}.v-control-btn svg{width:20px;height:20px}.v-progress-container{flex:1;height:6px;background:#ffffff40;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.v-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent) 0%,#60a5fa 100%);border-radius:3px;transition:width .1s linear}.v-time-display{font-family:var(--font-mono);font-size:.75rem;color:#ffffffd9;flex-shrink:0}.lightbox-info-drawer{padding:1.6rem;background:var(--bg-card-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:.9rem;overflow-y:auto}.lb-info-top{display:flex;flex-direction:column;gap:.3rem}.lb-tag-year-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lb-category{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-hover)}.lb-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin-top:.1rem}.lb-client{font-weight:600;font-size:.82rem;color:var(--text-muted)}.lb-year{font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim)}.lb-description{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin-top:.6rem}.lb-software-badges{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.badge-label{font-size:.76rem;font-weight:600;color:var(--text-dim)}.software-tags{display:flex;flex-wrap:wrap;gap:.4rem}.toast-notification{position:fixed;bottom:2rem;right:2rem;z-index:2000;display:flex;align-items:center;gap:.65rem;padding:.8rem 1.35rem;background:var(--bg-card-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-main);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-hover);font-size:.85rem;font-weight:600;opacity:0;transform:translateY(20px);pointer-events:none;transition:transform .28s var(--ease-out),opacity .2s var(--ease-out)}.toast-notification.active{opacity:1;transform:translateY(0);pointer-events:auto}.toast-notification svg{width:18px;height:18px;color:var(--accent-green)}@media (max-width: 1024px){.app-layout{flex-direction:column;padding:1.25rem;gap:1.5rem}.sidebar{width:100%;height:auto;position:relative;top:0;margin-left:0;border-radius:var(--radius-lg)}.sidebar-inner{padding:1.6rem;gap:1.5rem}.feed{padding:0}.showreel-overlay{padding:1.5rem}.showreel-title{font-size:1.5rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.lightbox-content{width:95vw!important;max-width:95vw!important;height:90vh!important;max-height:90vh!important;border-radius:var(--radius-md)!important}.lightbox-top-bar{padding:.75rem 1rem!important}.lb-nav-btn,.lb-close-btn{width:40px!important;height:40px!important}.lightbox-body-container{flex-direction:column!important;height:calc(100% - 60px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.lightbox-player-wrapper{width:100%!important;max-width:100%!important;height:45vh!important;min-height:220px!important;border-right:none!important;border-bottom:var(--glass-border)!important;flex-shrink:0}.lightbox-content.vertical-layout .lightbox-player-wrapper{height:52vh!important}.lightbox-info-drawer{height:auto!important;padding:1.25rem 1rem!important;gap:.85rem!important}}@media (max-width: 640px){.app-layout{padding:.75rem .65rem calc(1.5rem + env(safe-area-inset-bottom,0px));gap:1rem}.sidebar{border-radius:var(--radius-md)}.sidebar-inner{padding:1.25rem 1rem;gap:1.2rem}.profile-card{gap:.85rem}.brand-logo-wrap{height:38px}.profile-bio{font-size:.85rem;line-height:1.4}.sidebar-info-grid{gap:1rem}.info-column .section-label{font-size:.72rem}.info-item{font-size:.82rem}.showreel-video-wrap{aspect-ratio:16 / 9;border-radius:var(--radius-md)}.showreel-overlay{padding:1.1rem 1rem}.badge-pill{font-size:.65rem;padding:.25rem .65rem;letter-spacing:.05em}.showreel-title{font-size:1.25rem;margin-bottom:.25rem}.showreel-subtitle{font-size:.8rem;line-height:1.35;color:#ffffffe0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-header{padding-bottom:.5rem}.feed-heading{font-size:1.25rem}.project-counter{font-size:.75rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem}.email-box{padding:.45rem .45rem .45rem .75rem;gap:.4rem}.email-address{font-size:.72rem}.btn-copy-email{width:90px;min-width:90px;font-size:.72rem;padding:.45rem 0}.social-btn{height:44px;min-height:44px}.lb-title{font-size:1.2rem}.lb-client{font-size:.85rem}.lb-description{font-size:.85rem;line-height:1.45}.lb-software-badges{flex-direction:column;align-items:flex-start;gap:.4rem}.footer-easter-egg{height:40px;padding:0 1.2rem}}@media (max-width: 380px){.email-box{flex-direction:column;align-items:stretch;gap:.5rem;padding:.65rem}.btn-copy-email{width:100%;min-width:100%}.showreel-title{font-size:1.1rem}.showreel-subtitle{font-size:.75rem}}