html,body,#root{height:100%;margin:0}:root{--muted: #f3f3f3;font-family:Inter,system-ui,sans-serif}.app{min-height:97.5vh;display:flex;flex-direction:column;max-width:90%;padding:0 5%}.hero{display:flex;flex-direction:column;flex:1;min-height:0;padding:2rem 0}.menu{display:flex;justify-content:space-around;gap:1rem;align-items:flex-start;padding:0 5%}.menu-item-wrapper{position:relative;flex:0 0 180px;display:block;box-sizing:border-box}.menu-item{display:block;width:100%;box-sizing:border-box;padding:.75rem 1.5rem;border:2px solid var(--muted);border-bottom:2px solid var(--muted);border-radius:.75rem .75rem 0 0;background:#f3f3f3;cursor:pointer;white-space:nowrap;text-align:center;z-index:2;position:relative}.menu-item-wrapper:hover .dropdown,.dropdown.open{display:block}.menu-item-wrapper:hover .menu-item{background:var(--muted);color:#111}.dropdown{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;border:2px solid var(--muted);border-top:none;border-radius:0 0 .75rem .75rem;background:#fff;display:none;z-index:1;padding:.25rem 0}.dropdown.open{transform:translate(0) scaleY(1);opacity:1;pointer-events:auto}.dropdown-item{padding:.5rem 1rem;cursor:pointer;transition:background .2s;white-space:nowrap}@media (max-width: 768px){.dropdown-item{font-size:.8rem;margin-bottom:5px}.dropdown.open{background:#fff;border:2px solid var(--muted);border-top:none;border-radius:0 0 .75rem .75rem}}.dropdown-item:hover{background:var(--muted);color:#111}.project-preview{position:absolute;top:2.5%;left:102.5%;width:120px;height:200px;min-width:120px;max-width:120px;max-height:200px;padding:.75rem;border:1px solid var(--muted);border-radius:.5rem;overflow:hidden;box-shadow:0 8px 20px #0000001f;background:#f9f9f9b8;z-index:20;transform-origin:left center;opacity:0;pointer-events:none;transform:translate(8px) scale(.98);transition:opacity .16s ease,transform .16s ease;display:flex;align-items:flex-start}.project-preview.open{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.project-preview .preview-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(20%) blur(.5px) saturate(.9);opacity:.75;transform:scale(1.01);pointer-events:none;z-index:0}.project-preview .preview-overlay{position:absolute;inset:0;background:linear-gradient(#fff9,#fff9);z-index:1;pointer-events:none}.project-preview .preview-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.25rem;color:#111}.project-name{font-weight:600;font-size:.9rem;color:#111}.project-desc,.project-tech,.project-role{font-size:.85rem;color:#111}.project-preview a{margin-top:.25rem;color:#111;font-weight:400;font-size:.85rem}@media (max-width: 768px){.project-preview{position:absolute;top:100%;left:0;width:100%;transform:scaleY(0);transform-origin:top;transition:transform .2s ease;z-index:10}.project-preview.open{transform:scaleY(1)}.project-preview .preview-bg{opacity:.06;filter:blur(1px) grayscale(30%)}}.hero-center{display:flex;justify-content:center;align-items:center;flex:1 1 auto}.hero-logo{max-width:100%;width:100%;height:auto}.site-footer{position:relative;display:flex;justify-content:space-around;align-items:flex-start;gap:1rem;padding:1rem 0;margin-top:auto;font-size:.95rem;color:#111}.footer-left{display:flex;flex-direction:column;gap:.5rem;max-width:65%}.footer-right{display:flex;align-items:center;justify-content:flex-end;min-width:180px}.about-toggle{background:transparent;border:2px solid transparent;padding:0;font:inherit;cursor:pointer;color:#111;text-decoration:none;display:inline-block;line-height:1}.about-panel{position:absolute;bottom:100%;left:2.5%;width:67%;margin-bottom:.25rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.75rem;box-shadow:0 6px 18px #0000001a;padding:.75rem;z-index:10;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.about-panel.open,.site-footer.about-open .about-panel{opacity:1;transform:translateY(0);pointer-events:auto}.about-text{margin:0 0 .5rem;line-height:1.25;font-size:.92rem;color:#222}@media (max-width: 768px){.about-text{font-size:.8rem}}.about-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{font-size:.78rem;padding:.2rem .4rem;border-radius:999px;background:#f3f3f3;color:#333;border:1px solid rgba(0,0,0,.04)}@media (max-width: 768px){.badge{font-size:.675rem}}.about-roles{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.about-role{display:flex;align-items:baseline;gap:.5rem}.role-badge{flex-shrink:0;font-weight:600;font-size:.85rem;padding:.2rem .4rem;border-radius:.4rem;background:#f3f3f3;color:#222;border:1px solid rgba(0,0,0,.05)}@media (max-width: 768px){.role-badge{font-size:.725rem}}.role-desc{font-size:.85rem;color:#444}@media (max-width: 768px){.role-desc{font-size:.725rem}}.footer-email{color:#111;text-decoration:none;padding-bottom:2px}.footer-email:hover{color:#000;text-decoration:underline}@media (max-width: 768px){.site-footer{flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.footer-left{max-width:100%}.footer-right{justify-content:flex-start}.about-panel{width:90%}}@media (max-width: 768px){.menu{align-items:center;gap:.5rem}.menu-item-wrapper{flex:0 0 80px}.dropdown{position:absolute;top:100%;left:0;width:100%;overflow:hidden;max-height:0;transition:max-height .25s ease;border:0px solid var(--muted);background:#f3f3f3}.dropdown.open{max-height:500px}}.mobile-menu-wrapper{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;padding:0;box-sizing:border-box}.carousel-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;line-height:1;padding:6px;-webkit-user-select:none;user-select:none}.mobile-menu{width:100%;overflow-x:hidden;overflow-y:visible;position:relative}.mobile-menu-track{display:flex;justify-content:center;align-items:flex-start;height:160px;position:relative}:root{--carousel-item-width: 42.5%;--carousel-item-side-gap: 5%}.mobile-menu-item{position:relative;flex:0 0 var(--carousel-item-width);margin:0 var(--carousel-item-side-gap);box-sizing:border-box;cursor:pointer;transition:transform .18s ease,opacity .18s ease;opacity:.6;transform:scale(.95);min-width:0;z-index:1}.mobile-menu-item.active{opacity:1;transform:scale(1);z-index:3}.mobile-menu-item.left-peek,.mobile-menu-item.right-peek{pointer-events:auto;z-index:2}@media (max-width: 768px){.mobile-menu-item{padding-bottom:0}.dropdown .project-preview{display:none!important;visibility:hidden!important;pointer-events:none!important}.project-preview-portal{position:absolute;background:#111;color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;max-width:92vw;box-shadow:0 10px 30px #00000059;animation:fadeIn .16s ease-out}.project-preview-portal-inner{display:flex;flex-direction:column;gap:10px;padding:12px;box-sizing:border-box;min-height:80px;background:linear-gradient(180deg,#0009,#00000059)}.project-preview-portal-inner .preview-bg{position:absolute;left:0;right:0;top:0;height:100%;background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;pointer-events:none;z-index:0;filter:grayscale(20%) blur(.25px) saturate(.9);opacity:.95}.project-preview-portal-inner .preview-overlay{position:absolute;inset:0;background:#f9f9f9b8;z-index:1}.project-preview-portal-inner .preview-content{position:relative;z-index:2;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 768px){.dropdown .project-preview{display:none!important}}