.fhaus.fh3d{position:relative;background:linear-gradient(180deg,var(--fh-bg) 0%,var(--fh-bg-2) 50%,var(--fh-bg) 100%)}.fh3d-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;pointer-events:none}.fh3d-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.fh3d-canvas canvas{width:100%;height:100%;display:block}.fh3d-head{position:absolute;top:clamp(84px,12vh,140px);left:var(--fh-pad);right:var(--fh-pad);z-index:2}.fh3d-head .h2{max-width:14ch}.fh3d-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:no-preference){.fh3d-live .fh3d-grain{animation:fh3dGrain 1.2s steps(4) infinite}}@keyframes fh3dGrain{0%,to{transform:translate(0)}25%{transform:translate(-2%,1.5%)}50%{transform:translate(1.5%,-2%)}75%{transform:translate(-1%,-1%)}}.fh3d-steps{position:relative;z-index:4;margin-top:-100vh;margin-top:-100svh}.fh3d-step{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--fh-pad)}.fh3d-card{width:min(430px,92vw);background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--fh-line);border-radius:var(--fh-r-lg);padding:clamp(26px,3vw,38px);box-shadow:0 24px 56px #2f3d2b1f;opacity:.4;transform:translateY(18px) scale(.98);transition:opacity .55s ease,transform .6s cubic-bezier(.22,.61,.21,1)}.fh3d-step.is-active .fh3d-card{opacity:1;transform:none}.fh3d-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--fh-gold-soft);color:var(--fh-green);font-weight:800;font-size:14px;margin-bottom:16px}.fh3d-card h3{font-family:var(--fh-serif);font-weight:600;font-size:clamp(22px,2.2vw,28px);line-height:1.15;color:var(--fh-green)}.fh3d-card p{margin-top:12px;font-size:15px;line-height:1.65;color:var(--fh-ink-2)}.fh3d-card .btn-text{margin-top:18px}.fh3d-step-img{display:none;border-radius:var(--fh-r-md);overflow:hidden;margin-top:18px;aspect-ratio:4/3}.fh3d-step-img img{width:100%;height:100%;object-fit:cover}@media(max-width:760px){.fh3d-step{justify-content:center;align-items:flex-end;padding-bottom:9vh}}.fh3d-fallback .fh3d-sticky{position:relative;height:auto;padding:clamp(56px,7vw,104px) 0 0}.fh3d-fallback .fh3d-canvas,.fh3d-fallback .fh3d-grain{display:none}.fh3d-fallback .fh3d-head{position:static;padding:0 var(--fh-pad)}.fh3d-fallback .fh3d-steps{margin-top:0;padding-bottom:clamp(40px,5vw,72px)}.fh3d-fallback .fh3d-step{min-height:0;justify-content:center;padding:clamp(18px,2.4vw,28px) var(--fh-pad)}.fh3d-fallback .fh3d-card{opacity:1;transform:none;width:min(640px,92vw)}.fh3d-fallback .fh3d-step-img{display:block}
/*# sourceMappingURL=/cdn/shop/t/13/assets/fhaus-3d.css.map */