/* Figma 547:234581 — project 03. Sticker shadows follow their alpha silhouette. */
.project-three {position:relative;width:868px;height:213px;margin-left:calc(var(--portfolio-content-left) + 14.164px);padding-top:6px;}
.project-three-card {position:relative;width:868px;height:149px;border-radius:26px;overflow:hidden;}
.project-three-surface {position:absolute;left:0;top:23px;width:868px;height:126px;border-radius:26px;overflow:hidden;background:#f3f3f3;}
.project-three-texture {position:absolute;inset:0;display:block;width:868px;height:126px;object-fit:cover;}
.project-three-sticker {position:absolute;display:block;object-fit:fill;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.12));}
.three-mascot-center {left:620px;top:49px;width:100.571px;height:96px;}.three-mascot-left {left:519px;top:24px;width:77.188px;height:80px;}.three-mascot-right {left:746.384px;top:18.242px;width:105px;height:112px;}
.three-label {position:absolute;display:flex;align-items:center;justify-content:center;margin:0;border-radius:100px;outline:4px solid white;transform-origin:0 0;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.12));white-space:nowrap;font:700 36px/normal DouyinSans,sans-serif;color:white;}
.three-number {left:3.409px;top:18.793px;width:55.995px;height:55.995px;background:#ffd505;color:black;transform:rotate(-8deg);padding-top:1px;}
.three-title {left:59.166px;top:51.301px;width:416px;height:53px;background:#00a1ff;transform:rotate(3deg);}
.three-category {left:262.564px;top:21.165px;width:78px;height:42px;background:#4765ec;font-size:28px;transform:rotate(-4deg);}
@media(max-width:1279.98px) {.project-three {margin-left:278.164px;}}