.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%))}.saas-marketing .pm-portfolio-preview-carousel{isolation:isolate}.saas-marketing .pm-portfolio-preview-label{position:absolute;left:.5rem;bottom:.5rem;z-index:2;max-width:calc(100% - 1rem);padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;color:hsl(0 0% 100%/.92);background:hsl(0 0% 0%/.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.saas-marketing .pm-portfolio-preview-nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;color:hsl(0 0% 100%/.95);background:hsl(0 0% 0%/.45);border:1px solid hsl(0 0% 100%/.12);transform:translateY(-50%);opacity:0;transition:opacity .15s ease}.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}.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:.375rem;z-index:2;display:flex;gap:.25rem;transform:translateX(-50%)}.saas-marketing .pm-portfolio-preview-dot{width:.375rem;height:.375rem;border-radius:9999px;background:hsl(0 0% 100%/.35);border:none;padding:0}.saas-marketing .pm-portfolio-preview-dot-active{background:hsl(0 0% 100%/.95);transform:scale(1.15)}.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}}