.portfolio-showcase[hidden]{display:none}.portfolio-showcase{max-width:100%;min-width:0;margin:24px 0 30px}.portfolio-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.portfolio-heading h2{margin:0;font-size:25px;display:flex;align-items:center;gap:12px;color:#43213e;font-family:var(--head)}.portfolio-heading h2 i{display:grid;place-items:center;color:#f52a88;background:#fff;border:1px solid #ffd6e9;width:43px;height:43px;border-radius:15px;font-style:normal}.portfolio-heading p{margin:5px 0 0;color:#9c7790;font-size:12px}.portfolio-photo:focus-visible{outline:3px solid #ed287f;outline-offset:3px}.portfolio-window{overflow:hidden;width:100%;max-width:100%;padding:5px 0 14px;touch-action:pan-y}.portfolio-track{display:flex;width:max-content;animation:portfolio-train var(--portfolio-time,120s) linear infinite;animation-play-state:paused;transform:translateX(0)}.portfolio-track.is-running{animation-play-state:running;will-change:transform}.portfolio-group{display:flex;align-items:stretch;gap:10px;padding-right:10px;--portfolio-photo-height:196px}.portfolio-photo{display:block;width:calc(var(--portfolio-photo-height) * var(--portfolio-ratio,1.333333));height:var(--portfolio-photo-height);flex:0 0 auto;background:#fff;border:0;border-radius:13px;overflow:hidden;padding:0;cursor:zoom-in;box-shadow:0 5px 14px #a7295b12}.portfolio-photo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:13px;pointer-events:none}.portfolio-showcase.is-static .portfolio-track{animation:none;transform:none}.portfolio-showcase.is-static .portfolio-window{overflow-x:auto;touch-action:pan-x pan-y;scrollbar-width:thin}.portfolio-showcase.is-static .portfolio-copy{display:none}.portfolio-showcase.is-static .portfolio-group{padding-right:0}.portfolio-lightbox .sheet-head{display:flex;justify-content:space-between;align-items:center}.portfolio-lightbox h3{font-size:16px;margin:0}.portfolio-lightbox img{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:14px;background:#fff5fa}.portfolio-lightbox p{font-size:12px;color:#98728a}.portfolio-lightbox .portfolio-light-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.portfolio-light-nav button{min-width:44px;min-height:44px}.portfolio-lightbox small{color:#98728a}@keyframes portfolio-train{to{transform:translateX(calc(-1 * var(--portfolio-distance,1000px)))}}
@media(max-width:680px){.portfolio-heading{align-items:flex-start;gap:8px;flex-wrap:wrap}.portfolio-heading h2{font-size:22px}.portfolio-heading p{font-size:11px}.portfolio-photo{border-radius:11px}.portfolio-group{--portfolio-photo-height:166px}}
@media(prefers-reduced-motion:reduce){.portfolio-track{animation:none!important;will-change:auto!important}.portfolio-window{overflow-x:auto;touch-action:pan-x pan-y}.portfolio-copy{display:none}}