.bounceCardsContainer{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.card{aspect-ratio:1;background:#fff;border:5px solid #e5e5e5;border-radius:25px;width:200px;position:absolute;overflow:hidden;box-shadow:0 4px 10px #0003}.bounceCardsContainer--light .card{background:#fff!important}.bounceCardsContainer--light .card__label{font-weight:700;color:#000!important}.bounceCardsContainer--light .card__icon{background:#f5f5f5!important}.bounceCardsContainer--light .card__icon-svg{color:#22c55e!important}.card .image{object-fit:cover;width:100%;height:100%}.card--label{aspect-ratio:auto;justify-content:center;align-items:center;width:auto;min-width:200px;max-width:280px;min-height:180px;padding:2px;display:flex}.card__label-content{align-items:flex-start;gap:12px;width:100%;min-width:0;height:100%;padding:20px 10px;display:flex}.card__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card__icon{background:var(--background,#f5f5f5);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.card__icon-svg{width:20px;height:20px;color:var(--accent,#a8d946);flex-shrink:0}.card__label{color:#000;font-size:.875rem;font-weight:600}.card__description{color:#444;margin:0;font-size:.75rem;font-weight:300;line-height:1.4}.bounceCardsContainer--light .card__description{color:#444!important}
.menu-wrap{box-sizing:border-box;width:100%;height:100%;overflow:hidden}.menu{flex-direction:column;height:100%;margin:0;padding:0;display:flex}.menu__item{text-align:center;box-sizing:border-box;border-top:1px solid;flex:1;position:relative;overflow:hidden}.menu__item--active .menu__item-link{padding-block:14px}.menu__item--active .marquee{opacity:0}.menu__item:first-child{border-top:none}.menu__item-link{-webkit-line-clamp:2;line-clamp:2;text-align:center;cursor:pointer;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;-webkit-box-align:center;-webkit-box-pack:center;width:100%;height:100%;padding:16px 14px;font-size:clamp(18px,4.2vh,48px);font-weight:600;line-height:1.03;text-decoration:none;display:-webkit-box;position:relative;overflow:hidden}.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:clamp(16px,4.2vh,44px);font-weight:400;line-height:1}.marquee__img{border-radius:50px;width:200px;height:7vh;margin:2em 2vw;padding:1em 0;position:relative;overflow:hidden}.marquee__img-image{object-fit:cover;object-position:50% 50%}.menu__details{opacity:0;box-sizing:border-box;width:100%;max-height:0;transition:max-height .4s,opacity .4s,padding .4s;overflow:hidden}.menu__details--open{opacity:1;max-height:min(520px,70vh);padding:16px 24px 20px}.menu__details-inner{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:16px;display:grid}.menu__details-text,.menu__details-image{min-width:0}.menu__details-text{text-align:left;color:var(--muted-foreground);overflow-wrap:anywhere;word-break:break-word;margin-bottom:.5rem;margin-left:.5rem;font-size:1.125rem;line-height:1.6}.menu__details-image{aspect-ratio:4/3;border-radius:16px;width:100%;max-height:280px;position:relative;overflow:hidden}.menu__details-image-el{object-fit:cover;object-position:center}@media (max-width:768px){.menu__item-link{padding:14px 12px;font-size:clamp(16px,5.2vh,34px)}.menu__details-inner{grid-template-columns:minmax(0,1fr)}}
.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,20%)}.web-dev-hero-card-swap-anchor{isolation:isolate;position:relative}.card-swap-container.card-swap-container--hero{transform-origin:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (max-width:1023px){.card-swap-container.card-swap-container--hero{transform:translate(-50%,-50%)scale(.96)}}@media (max-width:768px){.card-swap-container.card-swap-container--hero{transform:translate(-50%,-50%)scale(.9)}}@media (max-width:480px){.card-swap-container.card-swap-container--hero{transform:translate(-50%,-50%)scale(.82)}}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#000;border:1px solid #fff;border-radius:12px;position:absolute;top:50%;left:50%}.swap-card-image-wrapper{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.swap-card-surface{color:var(--card-foreground);box-shadow:0 25px 50px -12px #00000040;border-color:var(--border)!important;background:var(--card)!important}@media (max-width:768px){.card-swap-container:not(.card-swap-container--hero){transform:scale(.75)translate(25%,25%)}}@media (max-width:480px){.card-swap-container:not(.card-swap-container--hero){transform:scale(.55)translate(25%,25%)}}