.WebsiteTemplates-module__3dTPJW__heroCopy>*{animation:.8s cubic-bezier(.2,.7,.2,1) both WebsiteTemplates-module__3dTPJW__heroReveal}.WebsiteTemplates-module__3dTPJW__heroCopy>:nth-child(2){animation-delay:.12s}.WebsiteTemplates-module__3dTPJW__heroCopy>:nth-child(3){animation-delay:.24s}.WebsiteTemplates-module__3dTPJW__heroCopy>:nth-child(4){animation-delay:.36s}.WebsiteTemplates-module__3dTPJW__showcase{perspective:1100px;isolation:isolate;height:405px;margin-top:28px;position:relative}.WebsiteTemplates-module__3dTPJW__showcase:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#93c5fd55,#c4b5fd22 45%,#0000 70%);border-radius:50%;animation:8s ease-in-out infinite WebsiteTemplates-module__3dTPJW__haloBreathe;position:absolute;inset:12% -5% -4%}.WebsiteTemplates-module__3dTPJW__showcaseStage{width:100%;height:100%;transform:rotateX(var(--tilt-x,0deg))rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out;position:relative}.WebsiteTemplates-module__3dTPJW__preview{--angle:0deg;--delay:.2s;width:47%;height:310px;transform:rotate(var(--angle));animation:WebsiteTemplates-module__3dTPJW__previewReveal 1.1s cubic-bezier(.16,1,.3,1)var(--delay)both;position:absolute}.WebsiteTemplates-module__3dTPJW__preview0{--angle:-8deg;top:45px;left:0}.WebsiteTemplates-module__3dTPJW__preview1{--delay:.38s;z-index:2;height:350px;top:0;left:28%}.WebsiteTemplates-module__3dTPJW__preview2{--angle:8deg;--delay:.56s;top:60px;right:-1%}.WebsiteTemplates-module__3dTPJW__previewWindow{width:100%;height:100%;animation:7s ease-in-out infinite WebsiteTemplates-module__3dTPJW__previewFloat;animation-delay:calc(var(--delay) + 1.1s);background:#fff;border:5px solid #fff;border-radius:14px;transition:box-shadow .35s,scale .35s;position:relative;overflow:hidden;box-shadow:0 20px 50px #164f7826}.WebsiteTemplates-module__3dTPJW__preview1 .WebsiteTemplates-module__3dTPJW__previewWindow{animation-duration:8s}.WebsiteTemplates-module__3dTPJW__preview2 .WebsiteTemplates-module__3dTPJW__previewWindow{animation-duration:9s}.WebsiteTemplates-module__3dTPJW__previewWindow:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff5 48%,#0000 65%);transition:transform .9s;position:absolute;inset:0;transform:translate(-120%)}.WebsiteTemplates-module__3dTPJW__previewImage{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:calc(100% - 28px);transition:object-position 5s ease-in-out,-o-object-position 5s ease-in-out}@media (hover:hover) and (pointer:fine){.WebsiteTemplates-module__3dTPJW__preview:hover{z-index:4}.WebsiteTemplates-module__3dTPJW__preview:hover .WebsiteTemplates-module__3dTPJW__previewWindow{animation-play-state:paused;scale:1.045;box-shadow:0 28px 65px #164f783b}.WebsiteTemplates-module__3dTPJW__preview:hover .WebsiteTemplates-module__3dTPJW__previewWindow:after{transform:translate(120%)}.WebsiteTemplates-module__3dTPJW__preview:hover .WebsiteTemplates-module__3dTPJW__previewImage{-o-object-position:bottom;object-position:bottom}}@keyframes WebsiteTemplates-module__3dTPJW__heroReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes WebsiteTemplates-module__3dTPJW__previewReveal{0%{opacity:0;transform:translateY(65px)rotate(0)scale(.88)}to{opacity:1;transform:translateY(0)rotate(var(--angle))scale(1)}}@keyframes WebsiteTemplates-module__3dTPJW__previewFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes WebsiteTemplates-module__3dTPJW__haloBreathe{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}.WebsiteTemplates-module__3dTPJW__browserBar{color:#94a3b8;background:#fff;border-bottom:1px solid #edf2f7;align-items:center;gap:4px;height:28px;padding:0 10px;display:flex}.WebsiteTemplates-module__3dTPJW__browserBar i{background:#cbd5e1;border-radius:50%;width:5px;height:5px}.WebsiteTemplates-module__3dTPJW__browserBar i:first-child{background:#fda4af}.WebsiteTemplates-module__3dTPJW__browserBar i:nth-child(2){background:#fcd34d}.WebsiteTemplates-module__3dTPJW__browserBar i:nth-child(3){background:#86efac}.WebsiteTemplates-module__3dTPJW__browserBar span{text-align:center;flex:1;font-size:9px}.WebsiteTemplates-module__3dTPJW__heroLabel{z-index:3;background:#ffffffed;border:1px solid #e0f2fe;border-radius:18px;align-items:center;gap:12px;padding:14px 22px;display:flex;position:absolute;bottom:4px;left:20%;box-shadow:0 12px 32px #164f781a}.WebsiteTemplates-module__3dTPJW__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .25s,border-color .25s;overflow:hidden}.WebsiteTemplates-module__3dTPJW__card:hover{border-color:#7dd3fc;box-shadow:0 14px 32px #164f7812}.WebsiteTemplates-module__3dTPJW__imageLink{background:#eaf2f8;display:block}.WebsiteTemplates-module__3dTPJW__imageViewport{height:300px;position:relative;overflow:hidden}.WebsiteTemplates-module__3dTPJW__cardImage{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;transition:object-position 4s ease-in-out,-o-object-position 4s ease-in-out}.WebsiteTemplates-module__3dTPJW__imageLink:hover .WebsiteTemplates-module__3dTPJW__cardImage,.WebsiteTemplates-module__3dTPJW__imageLink:focus-visible .WebsiteTemplates-module__3dTPJW__cardImage{-o-object-position:bottom;object-position:bottom}.WebsiteTemplates-module__3dTPJW__viewBadge{white-space:nowrap;color:#fff;opacity:0;background:#0c4a6ee8;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,8px)}.WebsiteTemplates-module__3dTPJW__imageLink:hover .WebsiteTemplates-module__3dTPJW__viewBadge,.WebsiteTemplates-module__3dTPJW__imageLink:focus-visible .WebsiteTemplates-module__3dTPJW__viewBadge{opacity:1;transform:translate(-50%)}.WebsiteTemplates-module__3dTPJW__card a:focus-visible{outline-offset:-3px;outline:3px solid #38bdf8}@media (max-width:1023px){.WebsiteTemplates-module__3dTPJW__showcase{width:100%;max-width:550px;height:280px;margin:0 auto}.WebsiteTemplates-module__3dTPJW__preview{height:215px}.WebsiteTemplates-module__3dTPJW__preview1{height:245px}.WebsiteTemplates-module__3dTPJW__preview2{top:30px}.WebsiteTemplates-module__3dTPJW__preview0{top:20px}.WebsiteTemplates-module__3dTPJW__heroLabel{bottom:0}}@media (max-width:639px){.WebsiteTemplates-module__3dTPJW__showcase{display:none}.WebsiteTemplates-module__3dTPJW__imageViewport{height:180px}}@media (prefers-reduced-motion:reduce){.WebsiteTemplates-module__3dTPJW__card,.WebsiteTemplates-module__3dTPJW__cardImage,.WebsiteTemplates-module__3dTPJW__viewBadge{transition:none}.WebsiteTemplates-module__3dTPJW__imageLink:hover .WebsiteTemplates-module__3dTPJW__cardImage,.WebsiteTemplates-module__3dTPJW__imageLink:focus-visible .WebsiteTemplates-module__3dTPJW__cardImage{-o-object-position:top;object-position:top}.WebsiteTemplates-module__3dTPJW__heroCopy>*,.WebsiteTemplates-module__3dTPJW__preview,.WebsiteTemplates-module__3dTPJW__previewWindow,.WebsiteTemplates-module__3dTPJW__showcase:before{animation:none}.WebsiteTemplates-module__3dTPJW__showcaseStage{transition:none;transform:none}.WebsiteTemplates-module__3dTPJW__previewWindow,.WebsiteTemplates-module__3dTPJW__previewImage{transition:none}.WebsiteTemplates-module__3dTPJW__preview:hover .WebsiteTemplates-module__3dTPJW__previewWindow{scale:1}.WebsiteTemplates-module__3dTPJW__preview:hover .WebsiteTemplates-module__3dTPJW__previewImage{-o-object-position:top;object-position:top}.WebsiteTemplates-module__3dTPJW__previewWindow:after{display:none}}