:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--bg-color:#000;--text-primary:#fff;--text-muted:#888}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}#root{width:100%;height:100%;position:relative}.portfolio-layout{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.background-beams{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-header{z-index:10;pointer-events:none;mix-blend-mode:difference;width:100%;padding:3rem;position:absolute;top:0;left:0}.logo-text{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text-primary);cursor:pointer;text-transform:lowercase;opacity:.9;pointer-events:auto;font-size:1.5rem;font-weight:800;text-decoration:none;transition:opacity .3s}.logo-text:hover{opacity:1}.portfolio-content{z-index:5;pointer-events:auto;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.menu-container{width:100%;height:100%}.portfolio-footer{z-index:10;pointer-events:none;text-align:right;width:100%;padding:3rem;position:absolute;bottom:0;left:0}.copyright-text{font-family:var(--font-sans);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:300}.portfolio-content .menu-wrap{background-color:#0000!important}.portfolio-content .menu__item{border-top-color:#0000!important}.portfolio-content .menu__item-link{font-family:var(--font-display);letter-spacing:-.02em;white-space:normal;padding:0 1rem;font-size:6vh;font-weight:800;line-height:1.1;transition:letter-spacing .4s}.portfolio-content .menu__item-link:hover{letter-spacing:.05em}.portfolio-content .marquee{border-top:1px solid #0000;border-bottom:1px solid #0000}.portfolio-content .marquee span{font-family:var(--font-display);letter-spacing:-.02em;font-size:6vh;font-weight:800}@media (width<=768px){.portfolio-header,.portfolio-footer{padding:1.5rem}.portfolio-content .menu__item-link{font-size:5vh}}.beams-container{width:100%;height:100%;position:relative}.menu-wrap{width:100%;height:100%;overflow:hidden}.menu{flex-direction:column;height:100%;margin:0;padding:0;display:flex}.menu__item{text-align:center;border-top:1px solid;flex:1;position:relative;overflow:hidden}.menu__item:first-child{border-top:none}.menu__item-link{cursor:pointer;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;height:100%;font-size:4vh;font-weight:600;text-decoration:none;display:flex;position:relative}.menu__item-link:hover,.menu__item-link:focus:not(:focus-visible){color:inherit}.marquee{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(101%)}.marquee__inner-wrap{width:100%;height:100%;overflow:hidden}.marquee__inner{will-change:transform;align-items:center;width:fit-content;height:100%;display:flex;position:relative}.marquee__part{flex-shrink:0;align-items:center;display:flex}.marquee span{white-space:nowrap;text-transform:uppercase;padding:0 1vw;font-size:4vh;font-weight:400;line-height:1}.marquee__img{background-position:50%;background-size:cover;border-radius:50px;width:200px;height:7vh;margin:2em 2vw;padding:1em 0}