*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080808;overflow-x:hidden;color:#f0ede8}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:#2a2520}::selection{background:#fff8dc26;color:#fff}a{text-decoration:none;color:inherit}@keyframes blink{0%,to{opacity:1}50%{opacity:.12}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.nav-cta{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.2em;color:#4a4540;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.09);padding:10px 22px;cursor:pointer;transition:color .2s,border-color .2s}.nav-cta:hover{color:#f0ede8;border-color:#ffffff47}.reel-btn{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#f0ede88c;background:none;border:1px solid rgba(255,255,255,.1);padding:14px 30px;cursor:pointer;transition:color .22s,border-color .22s;display:inline-flex;align-items:center;gap:14px}.reel-btn:hover{color:#f0ede8;border-color:#ffffff52}.work-row{display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid rgba(255,255,255,.05);padding:28px 0;cursor:pointer;transition:background .2s;border-radius:2px}.work-row:hover{background:#ffffff06}.work-row.active{background:#e23b2e0f;box-shadow:inset 2px 0 #e23b2e}.work-row.active:hover{background:#e23b2e14}.work-row:hover .work-arrow{opacity:1;transform:translate(0)}.work-arrow{opacity:0;transform:translate(-8px);transition:opacity .2s,transform .22s}.work-thumb{width:180px;aspect-ratio:16/9;flex-shrink:0;overflow:hidden;background:#141210;border:1px solid rgba(255,255,255,.06)}.work-thumb video{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.work-row{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}.work-thumb{width:100%}}.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c8c3b940}@media (max-width: 768px){.framework-grid{grid-template-columns:repeat(2,1fr)}}.framework-cell{background:#f2f0eb;padding:40px 32px 44px}.cta-btn{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#f0ede8;background:none;border:1px solid rgba(255,255,255,.18);padding:18px 44px;cursor:pointer;transition:background .2s,border-color .2s;display:inline-flex;align-items:center;gap:14px}.cta-btn:hover{background:#ffffff0d;border-color:#ffffff61}.latest-yt{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f0ede8;text-decoration:none;background:none;border:1px solid rgba(226,59,46,.55);padding:16px 26px;cursor:pointer;transition:background .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:12px}.latest-yt:hover{background:#e23b2e1a;border-color:#e23b2ee6}.latest-yt--disabled{border-color:#ffffff1f;color:#5a5550;cursor:default}.latest-yt--disabled:hover{background:none;border-color:#ffffff1f}.latest-pulse{animation:latest-pulse 1.6s ease-in-out infinite}@keyframes latest-pulse{0%,to{opacity:1}50%{opacity:.35}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#040404f2;display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .3s}.lightbox-overlay.open{opacity:1;pointer-events:auto}.lightbox-inner{width:min(1100px,100%);aspect-ratio:16/9;background:#0a0908;position:relative}.lightbox-inner video{width:100%;height:100%;object-fit:cover;display:block}.lightbox-close{position:absolute;top:-36px;right:0;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.2em;color:#5a5550;text-transform:uppercase;cursor:pointer;background:none;border:none;transition:color .2s}.lightbox-close:hover{color:#f0ede8}