.portfolio-preview{margin:0;width:100%;min-width:0}.portfolio-preview-screen{position:relative;aspect-ratio:32/21;overflow:hidden;background:#252525;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 20px 60px -30px #0009}.portfolio-preview video{display:block;width:100%;height:100%;object-fit:contain}.portfolio-preview button{position:absolute;right:14px;bottom:14px;width:36px;height:36px;background:#171717b8;border:1px solid #ffffff40;border-radius:50%;color:white;font-size:12px;cursor:pointer;backdrop-filter:blur(8px)}.portfolio-preview button:focus-visible{outline:2px solid #9e896d;outline-offset:3px}.portfolio-preview figcaption{font-size:12px;opacity:.65;margin-top:16px;text-align:center}.portfolio-preview-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 60px 24px 24px;background:linear-gradient(transparent,#000b);color:white;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;text-shadow:0 1px 8px #0008}.portfolio-preview-caption.is-visible{opacity:1;transform:none}.portfolio-preview-caption strong{display:block;font-size:19px;line-height:1.3}.portfolio-preview-caption span{display:block;margin-top:5px;font-size:12px;line-height:1.5;opacity:.88}@media(max-width:480px){.portfolio-preview-caption{padding:32px 56px 16px 16px}.portfolio-preview-caption strong{font-size:15px}.portfolio-preview-caption span{font-size:10px}.portfolio-preview-screen{border-radius:12px}}@media(prefers-reduced-motion:reduce){.portfolio-preview-caption{transition:none;transform:none}}
.portfolio-preview-caption{bottom:16px;left:16px;right:60px;padding:12px 14px;background:rgba(18,18,18,.88);border:1px solid #ffffff18;border-radius:10px;backdrop-filter:blur(8px)}.portfolio-preview-caption strong{font-size:16px}.portfolio-preview-caption span{font-size:11px}@media(max-width:480px){.portfolio-preview-caption{bottom:10px;left:10px;right:55px;padding:10px}.portfolio-preview-caption strong{font-size:14px}.portfolio-preview-caption span{font-size:10px}}

@media(min-width:768px){#portfolio-ready{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);align-items:center}#portfolio-ready>div{min-width:0;padding-inline:24px}}