/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2026 | 20:21:37 */
/* Workflow presentation, scoped to social: no navigation rail. */
.pf-social{--pf-ink:var(--black,#0b0b0c);--pf-paper:var(--white,#fdfdfd);--pf-lime:var(--neon-3,#b0f000);--pf-muted:#a6a4a9;position:relative;isolation:isolate;width:100%;min-width:0;color:var(--pf-paper);font-family:Inter,"Inter Display",Arial,sans-serif}
.pf-social,.pf-social *{box-sizing:border-box}
.pf-social__inner{width:100%;min-height:0;padding:32px 0;display:flex;flex-direction:column;justify-content:center}
.pf-social__media{width:100%;min-width:0}
.pf-social__stage{position:relative;width:min(100%,calc((100svh - 230px)*.8));aspect-ratio:4/5;margin-inline:auto;overflow:visible}
.pf-social .pf-social__swiper{position:relative;width:100%;height:100%;overflow:visible;touch-action:pan-x}
.pf-social .swiper-wrapper{position:relative;width:100%;height:100%;transform:none!important}
.pf-social .swiper-slide{position:absolute;inset:0;width:100%;height:100%;transform-origin:center;transition:none!important;will-change:transform,opacity}
.pf-social .swiper-slide:not(:first-child){visibility:hidden}
.pf-social__card{width:100%;height:100%;border:1px solid #ffffff26;border-radius:22px;overflow:hidden;background:var(--pf-ink);isolation:isolate;will-change:filter}
.pf-social .pf-social__image{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;margin:0;object-fit:contain!important;pointer-events:none}
.pf-social__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;position:relative;z-index:30;color:var(--pf-muted)}
.pf-social__hint{font:10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.pf-social__hint::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pf-lime);margin-right:10px;vertical-align:middle}
.pf-social__navigation{display:flex;align-items:center;gap:12px}
.pf-social__navigation button{display:grid;place-items:center;flex-shrink:0;border:1px solid #ffffff26;border-radius:50%;width:36px;height:36px;padding:0;background:#111310e6;color:var(--pf-paper);font:18px Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.pf-social__navigation button:hover:not(:disabled){background:var(--pf-lime);color:var(--pf-ink)}
.pf-social__navigation button:disabled{opacity:.3;cursor:default}
.pf-social__counter{font:11px ui-monospace,monospace;color:var(--pf-lime);white-space:nowrap}
.pf-social button:focus-visible,.pf-social__swiper:focus-visible{outline:2px solid var(--pf-lime);outline-offset:6px}


@media(max-width:767px){.pf-social__stage{width:100%}.pf-social__inner{padding:24px 0}.pf-social__card{border-radius:16px}.pf-social__controls{margin-top:16px;gap:8px}.pf-social__hint{font-size:8px;max-width:100px;line-height:1.6}.pf-social__hint::before{display:none}.pf-social__navigation{gap:7px}.pf-social__navigation button{width:30px;height:30px}}
@media(max-height:650px){.pf-social__stage{width:100%}}
@media(prefers-reduced-motion:reduce){.pf-social *{transition:none!important}}

/* Mobile: contain the Workflow entrance/exit inside the artwork viewport. */
@media (max-width:767px){
  .pf-social{width:100%;max-width:100%;min-width:0;height:auto!important;min-height:0!important}
  .pf-social .pf-social__inner{position:relative!important;top:auto!important;width:100%;height:auto!important;min-height:0;padding:16px 0}
  .pf-social__media{width:100%;max-width:100%;min-width:0}
  .pf-social .pf-social__stage{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:4/5;overflow:hidden;border-radius:16px;isolation:isolate}
  .pf-social .pf-social__swiper{width:100%;height:100%;overflow:hidden}
  .pf-social .pf-social__controls{width:100%;max-width:100%;padding-inline:4px;gap:8px;flex-wrap:wrap}
  .pf-social__navigation{flex:0 0 auto;margin-left:auto}
  .pf-social__hint{min-width:0;flex:0 1 100px}
}

/* Tablet/mobile: release the carousel and the marked Elementor text column. */
@media(max-width:1024px){
 .pf-social{height:auto!important;min-height:0!important}
 .pf-social .pf-social__inner{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}
 .social-copy-sticky{position:static!important;top:auto!important;align-self:auto!important}
}
