.portfolio-tiles{width:min(1100px,100vw - 48px);margin:40px 0 48px;position:relative;left:50%;transform:translate(-50%)}.portfolio-tiles__grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.article-detail__prose .portfolio-tiles__grid>li{margin:0;padding:0;list-style:none}.article-detail__prose .portfolio-tiles__grid>li:before{content:none}.article-detail__prose .portfolio-tiles__grid>li::marker{content:none}.portfolio-tile{background:#16202b;border:1px solid #bacbda29;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.portfolio-tile__media,.portfolio-tile__plate{aspect-ratio:16/9;background:#0d141c;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.portfolio-tile__video{cursor:auto;-o-object-fit:cover;object-fit:cover;background:#0d141c}.portfolio-tile__media{cursor:pointer}.portfolio-tile__media img,.article-detail__prose .portfolio-tile__media img{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%;margin:0;display:block}.portfolio-tile__media iframe{border:0;width:100%;height:100%;display:block}.portfolio-tile__plate{aspect-ratio:16/6;background:radial-gradient(120% 140% at 50% 0,#38d43024 0%,#0d141c00 62%),#0d141c;justify-content:center;align-items:center;display:flex}.portfolio-tile__badge{color:var(--color-green,#38d430);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d141cd1;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:700;position:absolute;top:14px;left:14px}.portfolio-tile__logo,.article-detail__prose .portfolio-tile__logo{-o-object-fit:contain;object-fit:contain;filter:brightness(1.1);border-radius:0;width:auto;max-width:62%;height:46px;margin:0}.portfolio-tile__badge--static{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;font-size:18px;position:static}.portfolio-tile__play{border:2px solid var(--color-green,#38d430);color:#fff;background:#0d141cb8;border-radius:999px;justify-content:center;align-items:center;width:66px;height:66px;padding-left:4px;transition:transform .18s,background .18s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-tile__media:hover .portfolio-tile__play,.portfolio-tile__media:focus-visible .portfolio-tile__play{background:var(--color-green,#38d430);color:#0d141c;transform:translate(-50%,-50%)scale(1.08)}.portfolio-tile__media:focus-visible{outline:2px solid var(--color-green,#38d430);outline-offset:-2px}.portfolio-tile__body{padding:18px 20px 22px}.article-detail__prose .portfolio-tile__body p{margin:0}.portfolio-tile__title{color:#fff;font-size:24px;font-weight:700;line-height:1.2}.article-detail__prose .portfolio-tile__subtitle{color:var(--color-blue-lightest,#dbe2e6);margin-top:6px;font-size:18px;line-height:1.35}.article-detail__prose .portfolio-tile__note{color:var(--color-blue-light,#bacbda);margin-top:10px;font-size:16px;line-height:1.45}.portfolio-tile__link{color:var(--color-green,#38d430);margin-top:14px;font-size:16px;font-weight:600;display:inline-block}@media (prefers-reduced-motion:reduce){.portfolio-tile__play{transition:none}}