.portfolio{padding:0 16px 94px}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:24px 0 13px}.portfolio-heading span{display:block;margin-bottom:3px;color:#1479d1;font-size:11px;font-weight:800}.portfolio-heading h2{margin:0;color:#102a55;font-size:18px;line-height:1.55}.portfolio-heading>b{padding:6px 10px;border-radius:11px;background:#e8f3ff;color:#1479d1;font-size:11px;white-space:nowrap}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-card{position:relative;overflow:hidden;border:1px solid #e0ebf8;border-radius:18px;background:#fff;box-shadow:0 8px 22px #1b54a212}.portfolio-card>img,.portfolio-card video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#102a55}.portfolio-card video{cursor:pointer}.portfolio-fullscreen{position:absolute;top:9px;left:9px;z-index:2;width:34px;height:34px;border:1px solid #ffffffaa;border-radius:10px;background:#102a55c9;color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 3px 11px #061a3b77}.portfolio-fullscreen:active{transform:scale(.94)}.portfolio-card-copy{padding:10px 11px 12px}.portfolio-card-copy h3{overflow:hidden;margin:0;color:#19345d;font-size:13px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis}.portfolio-card-copy p{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:#71819a;font-size:10px;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}.portfolio-play{position:absolute;top:calc(50% - 22px);right:calc(50% - 22px);display:grid;width:44px;height:44px;border:2px solid #fff;border-radius:50%;place-items:center;background:#1264d8df;box-shadow:0 5px 15px #0a3c8599;color:#fff;font-size:16px;pointer-events:none}@media(min-width:700px){.portfolio{max-width:820px;margin:0 auto;padding-right:24px;padding-left:24px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-card>img,.portfolio-card video{aspect-ratio:4/5}}@media(max-width:360px){.portfolio-grid{gap:9px}.portfolio-card-copy{padding:8px}.portfolio-card-copy h3{font-size:12px}}