.portfolio-videos-section{color:#102b46;background:#f8f8f4;padding:72px 0}.portfolio-videos-section h2{margin:12px 0 16px;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.5}.portfolio-videos-intro{color:#627078;max-width:780px;margin-bottom:34px;font-size:15px;line-height:1.9}.portfolio-videos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;display:grid}.portfolio-videos-grid article{min-width:0}.portfolio-video-poster{aspect-ratio:9/14;background:#e8e8e1;border-radius:16px;width:100%;display:block;position:relative;overflow:hidden}.portfolio-video-poster img{object-fit:cover;transition:transform .2s}.portfolio-video-poster:hover img{transform:scale(1.025)}.portfolio-video-poster>span{color:#102b46;background:#fffffff0;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0002}.portfolio-videos-grid h3{overflow-wrap:anywhere;margin:16px 0 8px;font-size:18px;font-weight:600;line-height:1.6}.portfolio-videos-grid p{color:#627078;overflow-wrap:anywhere;margin:0 0 10px;font-size:14px;line-height:1.8}.portfolio-videos-grid small{color:#8a6b33;font-size:13px}.portfolio-video-dialog{color:#fff;background:#0b1420;border:0;border-radius:14px;width:min(1050px,96vw);max-height:94dvh;margin:auto;padding:20px;overflow:auto}.portfolio-video-dialog::backdrop{background:#000c}.portfolio-video-dialog header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.portfolio-video-dialog h2{margin:0;font-size:17px}.portfolio-video-dialog button{border:1px solid #ffffff50;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.portfolio-video-dialog video{object-fit:contain;background:#000;width:100%;max-height:75dvh;display:block}.portfolio-videos-section :focus-visible{outline-offset:4px;outline:2px solid #c6a66b}@media (max-width:1023px){.portfolio-videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.portfolio-videos-section{padding:48px 0}.portfolio-videos-grid{grid-template-columns:1fr}.portfolio-video-poster{max-height:580px}.portfolio-video-dialog{margin:auto;padding:14px}}.portfolio-video-dialog iframe{aspect-ratio:16/9;background:#000;border:0;width:100%;min-height:220px;max-height:75dvh;display:block}.portfolio-youtube-link{color:#e2c78f;text-underline-offset:4px;margin-top:14px;font-size:13px;text-decoration:underline;display:inline-block}