.service-example.example-websites{background:0 0;border-radius:0;justify-self:center;width:100%;max-width:680px;padding:0}.website-showcase{width:100%;min-width:0;container-type:inline-size}.website-stack{isolation:isolate;aspect-ratio:1;width:100%;position:relative;overflow:visible}.website-preview{--offset-x:0cqw;--offset-y:0cqw;--delay:.15s;aspect-ratio:4/5;width:54%;transform:translate(-50%, -50%) translate(var(--offset-x), var(--offset-y)) perspective(240cqw) rotateX(22deg) rotateY(-12deg) rotateZ(-16deg);transform-origin:50%;backface-visibility:hidden;background:#fbfaf7;border-radius:3px;position:absolute;top:50%;left:50%;box-shadow:0 2px 3px #17201d12,0 16px 32px -14px #17201d30}.website-preview img{object-fit:contain;border-radius:inherit;-webkit-user-select:none;user-select:none;width:100%;height:100%}.website-preview-garden{--offset-x:-10cqw;--offset-y:8cqw;--delay:0s;z-index:1}.website-preview-hotel{z-index:2}.website-preview-architecture{--offset-x:10cqw;--offset-y:-8cqw;--delay:.18s;z-index:3}.website-showcase[data-motion=waiting] .website-preview{opacity:0}.website-showcase[data-motion=enter] .website-preview{animation:website-stack-arrive 1s cubic-bezier(.2, .75, .25, 1) var(--delay) both}@keyframes website-stack-arrive{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--offset-x), calc(var(--offset-y) + 9cqw)) perspective(240cqw) rotateX(30deg) rotateY(-12deg) rotateZ(-12deg) scale(.96)}to{opacity:1;transform:translate(-50%, -50%) translate(var(--offset-x), var(--offset-y)) perspective(240cqw) rotateX(22deg) rotateY(-12deg) rotateZ(-16deg)}}@media (width>=901px){.service-hero-websites .service-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:26px;padding-block:22px 35px}}@media (width<=900px){.service-hero-websites .service-hero-grid{gap:15px}}@media (prefers-reduced-motion:reduce){.website-showcase[data-motion] .website-preview{opacity:1;animation:none}}