@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.marquee-selected-works{align-items:center;width:100%;display:flex;overflow:hidden}.marquee-selected-works__track{white-space:nowrap;will-change:transform;backface-visibility:hidden;align-items:center;animation:25s linear infinite marquee-scroll;display:flex}.marquee-selected-works__segment{flex-shrink:0;align-items:center;display:flex}.marquee-selected-works__text{letter-spacing:-.05em;font-size:13vw;font-weight:500;line-height:.8}.marquee-selected-works__dash{margin:0 3vw;font-size:13vw;font-weight:300;transform:translateY(-2px)}@media (max-width:1023px){.marquee-selected-works__track{animation-duration:10s}}.scroll-stack-scroller{background-color:#000;width:100%;height:100%;overflow-y:auto}.scroll-stack-inner{flex-direction:column;align-items:center;padding:10vh 0 50vh;display:flex}.scroll-stack-card{border-radius:60px;width:92%;max-width:1200px;height:auto;max-height:78vh;margin-bottom:2rem;display:block;position:relative;background:0 0!important;border:none!important}.scroll-stack-card>.inner-content{text-align:left;flex-direction:column;gap:1.25rem;display:flex;background-color:#000!important;border-radius:60px!important;padding:2.25rem 2.5rem!important}.card-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.id-brand-group{align-items:center;gap:1.5rem;display:flex}.huge-number{color:#fff;font-family:Inter,sans-serif;font-size:4.5rem;font-weight:900;line-height:.8}.label{text-transform:uppercase;color:#fff;letter-spacing:.02em;font-size:1.2rem;font-weight:900;display:block}.client-name{color:#fff;opacity:.95;font-size:.85rem;font-weight:500}.live-btn-star{cursor:pointer;text-decoration:none;transition:transform .3s}.live-btn-star:hover{transform:scale(1.05)}.live-btn-star>.inner-content{color:#fff;text-transform:uppercase;font-size:.75rem;font-weight:700;background:#000!important;border-radius:100px!important;padding:.8rem 2rem!important}.content-grid{flex:1;grid-template-columns:minmax(300px,1.25fr) 1fr;align-items:center;gap:2.5rem;height:min(340px,40vh);min-height:0;display:grid;overflow:hidden}.main-image-frame{aspect-ratio:16/9;background:#09090b;border:1px solid #ffffff26;border-radius:28px;justify-content:center;align-items:center;width:100%;height:100%;max-height:min(340px,40vh);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #000c}.main-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:28px;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.main-image-frame:hover .main-image{transform:scale(1.05)}.project-description{align-items:center;min-height:0;padding:1rem 1.5rem;display:flex;overflow:hidden}.project-description p{color:#f8f8f8;opacity:.9;margin:0;font-size:1.15rem;font-weight:400;line-height:1.6}@media (max-width:1024px){.content-grid{grid-template-columns:1fr;gap:1.5rem;height:auto}.main-image-frame{aspect-ratio:16/9;border-radius:22px;width:100%;height:auto;max-height:none}.main-image{border-radius:22px}.project-description p{font-size:1rem}}@media (max-width:768px){.card-top-row{flex-direction:column;align-items:flex-start;gap:1rem}.id-brand-group{flex-wrap:wrap;gap:1rem}.huge-number{font-size:3rem}.label{font-size:1rem}.live-btn-star{align-self:flex-start}.content-grid{grid-template-columns:1fr;gap:1rem;height:auto}.main-image-frame{aspect-ratio:16/9;border-radius:20px;width:100%;height:auto;max-height:none}.main-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:20px;width:100%;height:100%}.project-description{padding:.5rem 0}.project-description p{font-size:.95rem;line-height:1.6}.scroll-stack-card{border-radius:30px}.scroll-stack-card>.inner-content{gap:1rem;border-radius:30px!important;padding:1.5rem!important}}@media (max-width:480px){.huge-number{font-size:2.5rem}.label{font-size:.9rem}.client-name{font-size:.75rem}.live-btn-star>.inner-content{font-size:.7rem;padding:.6rem 1.5rem!important}.main-image-frame{aspect-ratio:16/9;border-radius:16px;width:100%;height:auto}.main-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:16px;width:100%;height:100%}.project-description p{font-size:.85rem}.scroll-stack-card>.inner-content{padding:1rem!important}}
.menu__item{height:11vh;position:relative;overflow:hidden}.menu__item-link{text-transform:uppercase;color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:1.5rem;height:100%;padding-left:10%;font-size:3.5vh;font-weight:900;text-decoration:none;transition:opacity .3s;display:flex}.menu__item-arrow{transform-origin:50%;width:3.5vh;height:3.5vh;transition:transform .3s}.menu__item.is-open .menu__item-link{opacity:.1}@media (hover:hover){.menu__item:hover .menu__item-link{opacity:.1}}.marquee{pointer-events:none;z-index:2;cursor:pointer;align-items:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:0;left:0;transform:translateY(101%)}@media (hover:hover){.menu__item:hover .marquee{pointer-events:all;transform:translateY(0)}}.menu__item.is-open .marquee{pointer-events:all;transform:translateY(0)}.marquee__inner{white-space:nowrap;align-items:center;height:100%;display:flex}.marquee__part{border-right:2px solid #fff3;align-items:center;padding-right:6vw;display:flex}.marquee__icon-box{align-items:center;gap:1.5rem;margin:0 4vw;display:flex}.marquee__icon{width:auto;height:5vh}.marquee__text{color:#fff;text-transform:uppercase;font-family:Inter,sans-serif;font-size:3vh;font-weight:700}.marquee__icon[alt=GitHub],.marquee__icon[alt=Express]{filter:invert()brightness(2)}@media (min-width:769px) and (max-width:1024px){.marquee__part{padding-right:4vw}.marquee__icon-box{gap:1.2rem;margin:0 3vw}.marquee__icon{height:4vh}.marquee__text{font-size:2.2vh}}@media (max-width:768px){.menu__item{height:80px}.menu__item-link{gap:10px;padding-left:20px;font-size:24px}.menu__item-arrow{width:24px;height:24px}.marquee__part{padding-right:40px}.marquee__icon-box{gap:15px;margin:0 30px}.marquee__icon{height:30px}.marquee__text{font-size:16px}}