.wopm-portfolio{--wopm-accent:var(--e-global-color-primary,var(--wp--preset--color--primary,#225e72));--wopm-radius:16px;color:inherit;font:inherit;line-height:1.65;width:100%}.wopm-portfolio *{box-sizing:border-box}.wopm-portfolio h3{font-family:inherit;color:inherit;line-height:1.3}.wopm-description{font-size:1.1em;max-width:75ch}.wopm-reflections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.8rem;margin:1.5rem 0}.wopm-reflections h3{font-size:1.05em;margin:0 0 .6rem}.wopm-tools{display:flex;gap:.5rem;flex-wrap:wrap;padding:0!important;list-style:none!important}.wopm-tools li{border:1px solid currentColor;border-radius:999px;padding:.2rem .8rem;font-size:.85em}.wopm-button,.wopm-start,.wopm-exit{font:inherit;cursor:pointer;border:1px solid currentColor;border-radius:8px;padding:.65rem 1.1rem;text-decoration:none;background:var(--wopm-accent,#225e72);color:#fff}.wopm-portfolio a:focus-visible,.wopm-portfolio button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.wopm-viewer{margin:2rem 0}.wopm-device{position:relative;margin:0 auto 1.5rem;overflow:hidden;border:10px solid #25272b;border-top-width:24px;border-radius:14px;background:#111;box-shadow:0 12px 30px #0002;max-width:100%;width:100%}.wopm-device img{display:block;width:100%;height:auto;margin:0}.wopm-device--desktop{border-bottom-width:26px}.wopm-device--laptop{border-bottom-width:32px;border-radius:16px 16px 8px 8px}.wopm-device--tablet{max-width:760px;border-width:18px;border-radius:28px}.wopm-device--phone{max-width:360px;border-width:12px;border-top-width:28px;border-bottom-width:22px;border-radius:36px}.wopm-device--none{border:0;border-radius:var(--wopm-radius);box-shadow:none;background:transparent}.wopm-screen{position:relative;aspect-ratio:16/10;width:100%;background:#fff}.wopm-device--tablet .wopm-screen{aspect-ratio:3/4}.wopm-device--phone .wopm-screen{aspect-ratio:9/18}.wopm-screen>.wopm-cover{height:100%;object-fit:cover;object-position:top}.wopm-screen iframe{position:absolute;inset:0;display:block;border:0;width:100%;height:100%;background:white}.wopm-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 28px #0005;white-space:nowrap}.wopm-viewer-controls{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.wopm-viewer-help,.wopm-viewer-status{font-size:.85em;opacity:.8}.wopm-exit{display:none}.wopm-device:fullscreen{width:100vw;max-width:none;height:100vh;border:0;border-radius:0;margin:0;background:#fff;padding-top:52px}.wopm-device:fullscreen .wopm-screen{height:100%;aspect-ratio:auto}.wopm-device:fullscreen .wopm-exit{display:block;position:absolute;top:5px;right:12px;z-index:2;padding:.3rem .8rem}.wopm-screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2rem;margin:2rem 0}.wopm-screenshots figure{margin:0}.wopm-screenshots figcaption{font-size:.9em;text-align:center;margin-top:.5rem}.wopm-video{margin:1.5rem 0}.wopm-video iframe{max-width:100%;aspect-ratio:16/9;width:100%;height:auto}.wopm-grid{display:grid;grid-template-columns:repeat(var(--wopm-columns,3),minmax(0,1fr));gap:1.5rem}.wopm-card{border:1px solid #8884;border-radius:var(--wopm-radius);overflow:hidden;background:transparent;transition:transform .2s}.wopm-card:hover{transform:translateY(-3px)}.wopm-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#8881}.wopm-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.wopm-card-body{padding:1.25rem}.wopm-card-body h3{font-size:1.2em;margin:0 0 .6rem}.wopm-card-body h3 a{color:inherit;text-decoration:none}.wopm-card-body p{font-size:.95em;margin:0}.wopm-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.wopm-filters a{color:inherit;text-decoration:none;border:1px solid #8885;padding:.35rem .85rem;border-radius:999px}.wopm-filters a[aria-current]{background:var(--wopm-accent);color:white}.wopm-pagination ul{display:flex;list-style:none;gap:1rem;padding:0;margin:2rem 0}.wopm-portfolio .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.wopm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.wopm-grid{grid-template-columns:1fr}.wopm-device:not(.wopm-device--phone){border-width:3px;border-top-width:10px;border-radius:6px}.wopm-reflections{gap:1rem}}@media(prefers-reduced-motion:reduce){.wopm-card{transition:none}.wopm-card:hover{transform:none}}
.wopm-device--desktop:not(:fullscreen){overflow:visible;margin-bottom:3.5rem}.wopm-device--desktop:not(:fullscreen)::after{content:"";position:absolute;left:35%;bottom:-54px;width:30%;height:28px;background:linear-gradient(90deg,transparent 25%,#3c3f43 25%,#3c3f43 75%,transparent 75%);border-bottom:7px solid #25272b;border-radius:0 0 5px 5px}.wopm-device--laptop:not(:fullscreen)::after{content:"";position:absolute;bottom:-23px;left:40%;width:20%;height:7px;background:#73777b;border-radius:0 0 8px 8px}.wopm-device--phone:not(:fullscreen)::before{content:"";position:absolute;top:-20px;left:35%;width:30%;height:5px;border-radius:9px;background:#74777b}.wopm-device--phone:not(:fullscreen){overflow:visible}.wopm-device--phone .wopm-screen{overflow:hidden;border-radius:12px}.wopm-device:fullscreen .wopm-screen{border-radius:0}@media(max-width:520px){.wopm-device--desktop:not(:fullscreen)::after{bottom:-30px;height:20px}.wopm-device--desktop:not(:fullscreen){margin-bottom:2.5rem}}
.wopm-device-options{display:flex;gap:.4rem;flex-wrap:wrap;padding:.65rem;background:#f4f5f6;color:#202428}.wopm-device-choice{font:inherit;font-size:.85rem;line-height:1.3;cursor:pointer;padding:.5rem .75rem;border:1px solid #ccd0d4;border-radius:6px;background:#fff;color:#202428}.wopm-device-choice[aria-pressed=true]{background:var(--wopm-accent,#225e72);border-color:transparent;color:#fff}.wopm-viewer--static .wopm-screen{overflow:auto}.wopm-viewer--static .wopm-screen>.wopm-cover{height:auto;object-fit:contain}.wopm-mobile-cover{display:none!important}.wopm-has-mobile .wopm-device--phone .wopm-cover{display:none}.wopm-has-mobile .wopm-device--phone .wopm-mobile-cover{display:block!important}.wopm-screenshots img{display:block;width:100%;height:auto;border-radius:var(--wopm-radius)}.wopm-device:fullscreen{display:flex;flex-direction:column}.wopm-device:fullscreen .wopm-screen{flex:1;min-height:0;width:100%;margin:auto}.wopm-device--phone:fullscreen .wopm-screen{max-width:360px}.wopm-device--tablet:fullscreen .wopm-screen{max-width:760px}.wopm-device--laptop:fullscreen .wopm-screen{max-width:1100px}
.wopm-device--laptop:not(:fullscreen){max-width:960px}