.an-scroll-gallery{padding:var(--section-vertical-padding-desktop, 60px) 0;background:linear-gradient(135deg,#f8fafc,#fff);position:relative;overflow:hidden}.an-scroll-gallery:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(116,40,134,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(89,30,102,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(116,40,134,.03) 0%,transparent 50%);pointer-events:none}.an-scroll-gallery-wrapper{position:relative;z-index:1}.an-scroll-gallery-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:40px;max-width:var(--page-width);margin-left:auto;margin-right:auto;padding:0 2rem}.an-scroll-gallery-content{flex:1;max-width:600px}.an-scroll-gallery-content .subheading{color:#591e66;font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px;font-family:var(--font-display)}.an-scroll-gallery-content .heading{color:#101828;font-size:48px;line-height:1.2;font-weight:700;margin:0 0 24px;font-family:var(--font-display)}.an-scroll-gallery-content .content{color:#475467;font-size:18px;line-height:1.6;margin:0 0 32px;font-family:var(--font-primary)}.an-line-accent{width:80px;height:4px;background:linear-gradient(90deg,#591e66,#742886);border-radius:2px}.an-scroll-gallery-controls{display:flex;gap:16px;flex-shrink:0}.an-scroll-btn{width:56px;height:56px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(116,40,134,.1);border-radius:50%;box-shadow:0 4px 20px #591e661a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#591e66;transition:all .3s cubic-bezier(.4,0,.2,1)}.an-scroll-btn:hover{background:#591e661a;border-color:#74288633;transform:scale(1.05);box-shadow:0 6px 24px #591e6626}.an-scroll-btn:focus{outline:2px solid #591E66;outline-offset:2px;box-shadow:0 0 0 4px #591e661a}.an-scroll-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.an-scroll-btn svg{width:20px;height:20px}.an-scroll-gallery-container{position:relative;overflow:hidden;margin-bottom:30px}.an-scroll-gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:20px 0 20px 2rem;scrollbar-width:none;-ms-overflow-style:none}.an-scroll-gallery-track::-webkit-scrollbar{display:none}.an-story-card{flex:0 0 auto;width:240px;opacity:0;transform:translateY(30px);animation:slideUpFade .6s ease forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.an-story-image-wrapper{position:relative;width:100%;height:300px;border-radius:16px;overflow:hidden;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #591e660a;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.an-story-card:hover .an-story-image-wrapper{transform:translateY(-8px);box-shadow:0 8px 24px #591e6614;border-color:#74288633}.an-story-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.an-story-card:hover .an-story-image{transform:scale(1.05)}.an-story-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#591e660d}.an-story-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#591e66,#742886,#591e66);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:24px;z-index:2}.an-story-card:hover .an-story-overlay{opacity:1;visibility:visible;pointer-events:auto}.an-story-link{align-self:flex-end}.an-story-link a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:#591e66;text-decoration:none;transition:all .3s ease}.an-story-link a:hover{background:#fff;transform:scale(1.1)}.an-story-content{color:#fff}.an-story-quote{font-size:16px;line-height:1.5;margin:0 0 20px;font-style:italic;font-family:var(--font-primary);color:#fff!important}.an-story-company{color:#fff;font-size:20px;line-height:1.3;font-weight:600;font-family:var(--font-display);margin:0 0 8px}.an-story-project{color:#fffc;font-size:14px;font-weight:500;font-family:var(--font-primary);margin:0}.an-story-empty{text-align:center;padding:60px 20px;color:#667085;font-family:var(--font-primary)}.an-scroll-gallery-footer{display:flex;justify-content:center;align-items:center;gap:20px;max-width:var(--page-width);margin-left:auto;margin-right:auto;padding:0 2rem}.an-scroll-gallery-dots{display:flex;gap:12px}.an-scroll-gallery-dots .dot{width:12px;height:12px;border-radius:50%;background:#591e6633;cursor:pointer;transition:all .3s ease}.an-scroll-gallery-dots .dot.active{background:#591e66;transform:scale(1.2)}.an-scroll-gallery-dots .dot:hover{background:#591e6699}@media (max-width: 750px){.an-scroll-gallery{padding:var(--section-vertical-padding-mobile, 40px) 0}.an-scroll-gallery-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.an-scroll-gallery-content .heading{font-size:32px}.an-scroll-gallery-content .content{font-size:17px!important;line-height:26px!important}.an-scroll-gallery-controls{order:-1;align-self:flex-end}.an-scroll-btn{width:48px;height:48px}.an-story-card{width:220px}.an-story-image-wrapper{height:280px}.an-scroll-gallery-track{gap:16px;padding:20px 0 20px 16px}.an-scroll-gallery-footer{justify-content:center}}@media (max-width: 480px){.an-scroll-gallery-content .heading{font-size:28px}.an-scroll-gallery-content .content{font-size:16px!important;line-height:24px!important}.an-story-card{width:200px}.an-story-image-wrapper{height:250px}.an-scroll-gallery-track{gap:12px}}@media (prefers-reduced-motion: reduce){.an-story-card,.an-story-image,.an-scroll-btn,.an-story-overlay{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.an-scroll-gallery{background:#fff}.an-story-image-wrapper{border:2px solid #000000;background:#fff}.an-scroll-btn{background:#fff;border:2px solid #000000;color:#000}}.an-story-content blockquote{color:#fff!important;border-left-color:#fff6!important}.an-scroll-gallery .an-story-content blockquote.an-story-quote,.an-scroll-gallery .an-story-content blockquote.an-story-quote *{color:#fff!important}.an-scroll-gallery .an-story-content blockquote.an-story-quote{border-left-color:#ffffff59!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
/*# sourceMappingURL=/cdn/shop/t/69/assets/an-scroll-gallery.css.map */