/* Generated by tools/frontend/build.mjs; edit source CSS. */
.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto minmax(6.5rem,1fr) auto;gap:1rem 1.4rem;min-height:0;height:auto;padding:clamp(1.5rem,2.3vw,2.5rem)}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card:after{display:none}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__copy{grid-area:1 / 1;max-width:none;min-width:0;padding:0}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__info>span{font-size:clamp(1.65rem,2.1vw,2.75rem);line-height:1.08;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__visual{position:relative;grid-area:1 / 2 / 3 / 3;align-self:center;display:grid;grid-template-columns:minmax(0,1fr);top:auto;right:auto;width:100%;height:auto;min-width:0;margin:0}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen{position:relative;grid-area:1 / 1;align-self:start;box-sizing:border-box;inset:auto;width:100%;height:auto;margin:0 0 1rem;padding:1.65rem 0 0;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;transform:none}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;transform:none}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--secondary{align-self:end;justify-self:end;width:70%;margin:4rem 0 0}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--secondary:before{height:1.65rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--mobile{align-self:end;justify-self:end;width:42%;max-width:12rem;margin:3rem 0 0;padding:.7rem .2rem .45rem;border:5px solid #0c0e16;border-radius:1.3rem;background:#0c0e16}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--mobile:before{top:.14rem;left:38%;right:38%;height:.25rem;border-radius:1rem;background:#343943}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--mobile img{border-radius:.65rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motifs{position:relative;grid-area:2 / 1;align-self:stretch;left:auto;bottom:auto;width:100%;height:auto;min-height:6.5rem;margin:0}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motif{left:4%;right:auto;top:auto;bottom:.6rem;width:clamp(3rem,4vw,4rem);height:clamp(3rem,4vw,4rem)}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motif:nth-child(2){left:43%;right:auto;top:.6rem;bottom:auto;width:clamp(2.5rem,3.4vw,3.5rem);height:clamp(2.5rem,3.4vw,3.5rem)}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motif:nth-child(3){left:auto;right:3%;top:auto;bottom:.7rem;width:clamp(2.1rem,2.8vw,3rem);height:clamp(2.1rem,2.8vw,3rem)}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__footer{position:relative;z-index:2;grid-area:3 / 1 / 4 / 3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14)}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__link{position:relative;flex:0 0 auto;inset:auto;width:3rem;height:3rem;font-size:1.1rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__meta{position:relative;grid-area:auto;left:auto;right:auto;bottom:auto;min-height:0;gap:1rem;margin:0;padding:0;border:0;font-size:.85rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__meta span+span:before{margin-right:1rem}@media(max-width:767px){.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:1.25rem;padding:1.25rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__info>span{font-size:clamp(1.5rem,6.2vw,2rem)}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__visual{grid-area:2 / 1;align-self:start}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--primary{margin-bottom:4.5rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--mobile{max-width:10rem;margin-top:1.5rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__screen--secondary.showcase-card__screen--desktop{width:42%;margin-top:1.5rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motifs{grid-area:2 / 1;align-self:end;width:54%;height:4.5rem;min-height:0;margin:0}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motif{width:2.2rem;height:2.2rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motif:nth-child(2){width:2rem;height:2rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__motif:nth-child(3){width:1.7rem;height:1.7rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__footer{grid-area:3 / 1;gap:.75rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__link{width:2.6rem;height:2.6rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__meta{gap:.6rem;font-size:.7rem}.service-detail--websites .showcase--elevated[data-web-showcase] .showcase-card__meta span+span:before{margin-right:.6rem}}