/* Generated by tools/frontend/build.mjs; edit source CSS. */
.service-detail--websites .showcase-card__motifs{position:absolute;z-index:3;left:clamp(2.2rem,4vw,4rem);bottom:calc(clamp(6.9rem,9vw,9.2rem) + 5.1rem);width:11.5rem;height:4.4rem;color:#ffffffc7;pointer-events:none}.service-detail--websites .showcase-card__motif{position:absolute;display:block;width:2.75rem;height:2.75rem;left:.2rem;bottom:.1rem;--motif-angle: -12deg;--motif-delay: 0ms;--motif-duration: 5.8s;--motif-lift: -6px}.service-detail--websites .showcase-card__motif:nth-child(2){left:4.5rem;bottom:1.7rem;width:2.4rem;height:2.4rem;--motif-angle: 9deg;--motif-delay: .11s;--motif-duration: 6.6s}.service-detail--websites .showcase-card__motif:nth-child(3){left:auto;right:.1rem;bottom:.45rem;width:2rem;height:2rem;--motif-angle: -6deg;--motif-delay: .22s;--motif-duration: 5.2s}.service-detail--websites .showcase-card__motif svg{display:block;width:100%;height:100%;transform:rotate(var(--motif-angle))}.service-detail--websites .showcase-card__motifs--compact{left:calc(clamp(2.2rem,4vw,4rem) + 5.7rem);bottom:6rem;width:9rem;height:3.3rem}.service-detail--websites .showcase-card__motifs--compact .showcase-card__motif:nth-child(2){left:3.5rem;bottom:.8rem;width:2.1rem;height:2.1rem}.service-detail--websites .showcase-card__motifs--compact .showcase-card__motif:nth-child(3){width:1.8rem;height:1.8rem}.service-detail--websites .showcase-card__motifs.is-entering .showcase-card__motif{animation:project-motif-arrive .7s cubic-bezier(.22,1,.36,1) var(--motif-delay) both}.service-detail--websites .showcase-card__motifs.is-floating svg{animation:project-motif-float var(--motif-duration) ease-in-out var(--motif-delay) infinite}@keyframes project-motif-arrive{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes project-motif-float{0%,to{transform:translateY(0) rotate(var(--motif-angle))}50%{transform:translateY(var(--motif-lift)) rotate(calc(var(--motif-angle) + 4deg))}}@media(max-width:1199px)and (min-width:768px){.service-detail--websites .showcase--elevated[data-web-showcase] .web-showcase-layout{grid-template-columns:minmax(0,1fr)}.service-detail--websites .showcase-card__motifs--compact{bottom:5rem}}@media(max-width:1024px)and (min-width:768px){.service-detail--websites .showcase-card__motifs{left:2rem}.service-detail--websites .showcase-card__motifs--compact{left:7.7rem}}@media(max-width:991px)and (min-width:768px){.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card--bannchen{min-height:40rem}}@media(max-width:767px){.service-detail--websites .showcase-card__motifs,.service-detail--websites .showcase-card__motifs--compact{position:relative;left:auto;bottom:auto;width:10rem;height:3.75rem;margin-top:1rem}.service-detail--websites .showcase-card__motif{width:2.3rem;height:2.3rem}.service-detail--websites .showcase-card__motif:nth-child(2),.service-detail--websites .showcase-card__motifs--compact .showcase-card__motif:nth-child(2){left:4rem;bottom:1.2rem;width:2.1rem;height:2.1rem}.service-detail--websites .showcase-card__motif:nth-child(3){width:1.8rem;height:1.8rem}}@media(max-width:640px){.service-detail--websites .showcase-card__visual+.showcase-card__motifs{margin-top:-4.5rem}}@media(prefers-reduced-motion:reduce){.service-detail--websites .showcase-card__motif,.service-detail--websites .showcase-card__motif svg{animation:none!important}}