.saas-marketing .pm-portfolio-carousel{position:relative;width:100%;max-width:min(76rem,100%);margin-inline:auto}.saas-marketing .pm-portfolio-carousel-stage{display:grid;grid-template-columns:minmax(0,1fr);contain:layout}.saas-marketing .pm-portfolio-carousel-panel{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility .45s cubic-bezier(.22,1,.36,1)}.saas-marketing .pm-portfolio-carousel-panel-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}@media (prefers-reduced-motion:reduce){.saas-marketing .pm-portfolio-carousel-panel{transition:none}}.saas-marketing .pm-portfolio-carousel-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.25rem}.saas-marketing .pm-portfolio-carousel-nav{min-height:2.75rem;min-width:2.75rem;flex-shrink:0;border-radius:9999px;border-color:hsl(0 0% 100%/.14);background:hsl(0 0% 100%/.06);color:hsl(var(--pm-on-dark))}.saas-marketing .pm-portfolio-carousel-nav:hover{background:hsl(0 0% 100%/.12);border-color:hsl(0 0% 100%/.22)}.saas-marketing .pm-portfolio-carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;max-width:min(100%,16rem)}.saas-marketing .pm-portfolio-carousel-dot{width:.5rem;height:.5rem;border-radius:9999px;border:none;padding:0;background:hsl(0 0% 100%/.28);transition:transform .2s ease,background-color .2s ease}.saas-marketing .pm-portfolio-carousel-dot-active{background:hsl(var(--pm-accent));transform:scale(1.2)}.saas-marketing .pm-portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:56rem;margin-inline:auto}@media (min-width:900px){.saas-marketing .pm-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.saas-marketing .pm-portfolio-card{display:flex;flex-direction:column;gap:.875rem;padding:.875rem;border-radius:1rem;border:1px solid hsl(var(--pm-border-dark));background:hsl(0 0% 100%/.03)}@media (min-width:640px){.saas-marketing .pm-portfolio-card{padding:1rem}}.saas-marketing .pm-portfolio-frame{overflow:hidden;border-radius:.625rem;border:1px solid hsl(0 0% 100%/.12);background:hsl(222 22% 11%);box-shadow:0 10px 28px hsl(0 0% 0%/.28)}.saas-marketing .pm-portfolio-frame-bar{display:flex;align-items:center;gap:.3125rem;padding:.3125rem .5rem;background:hsl(0 0% 100%/.06);border-bottom:1px solid hsl(0 0% 100%/.06)}.saas-marketing .pm-portfolio-frame-dot{width:.375rem;height:.375rem;border-radius:9999px;background:hsl(0 0% 100%/.2)}.saas-marketing .pm-portfolio-frame-url{flex:1;min-width:0;margin-left:.125rem;font-size:.6875rem;font-weight:500;color:hsl(var(--pm-on-dark-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-marketing .pm-portfolio-frame-screen{display:block;position:relative;overflow:hidden;background:hsl(0 0% 100%);transition:opacity .15s ease}.saas-marketing .pm-portfolio-frame-screen:hover{opacity:.92}.saas-marketing .pm-portfolio-preview{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;contain:layout paint;background:linear-gradient(145deg,hsl(220 14% 18%),hsl(220 10% 28%))}@media (min-width:768px){.saas-marketing .pm-portfolio-preview{aspect-ratio:16/9}}.saas-marketing .pm-portfolio-preview-carousel{isolation:isolate}.saas-marketing .pm-portfolio-preview-stack{position:absolute;inset:0}.saas-marketing .pm-portfolio-preview-image{transition:opacity .4s cubic-bezier(.22,1,.36,1)}.saas-marketing .pm-portfolio-preview-image-active{opacity:1;z-index:1}.saas-marketing .pm-portfolio-preview-image-inactive{opacity:0;z-index:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.saas-marketing .pm-portfolio-preview-image{transition:none}}.saas-marketing .pm-portfolio-preview-nav{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;color:hsl(0 0% 100%/.95);background:hsl(0 0% 0%/.55);border:1px solid hsl(0 0% 100%/.18);transform:translateY(-50%);opacity:.82;transition:opacity .15s ease,background .15s ease;box-shadow:0 2px 8px hsl(0 0% 0%/.25)}.saas-marketing .pm-portfolio-preview-carousel:focus-within .pm-portfolio-preview-nav,.saas-marketing .pm-portfolio-preview-carousel:hover .pm-portfolio-preview-nav{opacity:1;background:hsl(0 0% 0%/.72)}.saas-marketing .pm-portfolio-preview-nav-prev{left:.375rem}.saas-marketing .pm-portfolio-preview-nav-next{right:.375rem}.saas-marketing .pm-portfolio-preview-dots{position:absolute;left:50%;bottom:.5rem;z-index:3;display:flex;gap:.375rem;transform:translateX(-50%)}.saas-marketing .pm-portfolio-preview-dot{width:.5rem;height:.5rem;border-radius:9999px;background:hsl(0 0% 100%/.4);border:1px solid hsl(0 0% 100%/.2);padding:0;transition:background .15s ease,transform .15s ease}.saas-marketing .pm-portfolio-preview-dot-active{background:hsl(0 0% 100%/.95);border-color:hsl(0 0% 100%/.95);transform:scale(1.2)}.saas-marketing .pm-portfolio-body{display:flex;flex-direction:column;gap:.875rem}@media (min-width:480px){.saas-marketing .pm-portfolio-body{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem}}.saas-marketing .pm-portfolio-copy{min-width:0}.saas-marketing .pm-portfolio-name{margin:0 0 .25rem;font-size:1rem;font-weight:700;line-height:1.25;color:hsl(var(--pm-on-dark))}.saas-marketing .pm-portfolio-niche{margin:0 0 .5rem;font-size:.8125rem;line-height:1.45;color:hsl(var(--pm-on-dark-muted))}.saas-marketing .pm-portfolio-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.saas-marketing .pm-portfolio-tags li{padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;color:hsl(var(--pm-on-dark-muted));background:hsl(0 0% 100%/.06);border:1px solid hsl(0 0% 100%/.08)}.saas-marketing .pm-portfolio-visit{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.75rem;padding:.5rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:600;white-space:nowrap;color:hsl(var(--pm-on-dark));background:hsl(0 0% 100%/.08);border:1px solid hsl(0 0% 100%/.12);transition:background .15s ease,border-color .15s ease}.saas-marketing .pm-portfolio-visit:hover{background:hsl(0 0% 100%/.12);border-color:hsl(0 0% 100%/.2)}@media (min-width:480px){.saas-marketing .pm-portfolio-visit{flex-shrink:0}}