/* Figma 547:234443. The 2604×378 texture is a 3× export displayed at 868×126.
   Label shadows include the 4px outside white stroke; text stays outside filter compositing. */
@font-face { font-family:Mynerve; src:url("assets/fonts/Mynerve-01.ttf") format("truetype"); font-weight:400; font-display:swap; }
@font-face { font-family:DouyinSans; src:url("assets/fonts/DouyinSans-Bold.ttf") format("truetype"); font-weight:700; font-display:swap; }
.project-intro { position:relative; height:205px; width:868px; margin-left:calc(var(--portfolio-content-left) + 14.1641px); padding-top:6px; }
.project-intro-card { position:relative; height:149px; border-radius:26px; overflow:hidden; }
.project-intro-surface { position:absolute; inset:23px 0 0; border-radius:26px; overflow:hidden; background:#f3f3f3; }
.intro-texture { position:absolute; inset:0; width:868px; height:126px; object-fit:cover; }
.intro-label { position:absolute; display:flex; align-items:center; justify-content:center; font-family:DouyinSans,sans-serif; font-weight:700; }
.intro-label>span,.intro-label>h2 { display:flex; align-items:center; justify-content:center; flex:none; margin:0; border:0; outline:4px solid white; border-radius:100px; color:white; white-space:nowrap; line-height:normal; font:inherit; padding:3px 12px; }
.intro-number { left:3.41px; top:11px; width:63.243px; height:63.243px; font-size:36px; }
.intro-number>span { width:55.995px; height:55.995px; padding:5px 10px 4px; color:black; background:#ffd505; transform:rotate(-8deg); box-shadow:5px 5px 0 4px #0000002e; }
.intro-title { left:56.39px; top:51.3px; width:386.248px; height:73.024px; font-size:36px; }
.intro-title>h2 { background:#00a1ff; transform:rotate(3deg); box-shadow:5px 5px 0 4px #0000001f; }
.intro-category { left:242.69px; top:8.87px; width:139.143px; height:53.693px; font-size:28px; }
.intro-category>span { background:#5977fb; transform:rotate(-5deg); box-shadow:5px 5px 0 4px #0000002e; }
.project-stickers { position:absolute; inset:0; pointer-events:none; }
.project-sticker { position:absolute; display:flex; align-items:center; justify-content:center; pointer-events:auto; transition:translate 280ms var(--toc-ease); }
.project-sticker img { display:block; flex:none; object-fit:contain; transform:rotate(var(--sticker-angle)); filter:drop-shadow(5px 12px 0 #0000001f); }
.sticker-list { left:731.5px; top:61.65px; width:110.938px; height:116.933px; --sticker-angle:13deg; }
.sticker-list img { width:95px; height:103px; }
.sticker-grid { left:651.57px; top:29.96px; width:107.753px; height:141.511px; --sticker-angle:-2deg; }
.sticker-grid img { width:107px; height:142px; }
.sticker-small { left:582.09px; top:54.01px; width:96.493px; height:121.337px; --sticker-angle:-7deg; }
.sticker-small img { width:88px; height:116px; }
.sticker-gmv { left:443.29px; top:70.41px; width:126.64px; height:91.10px; --sticker-angle:-3deg; }
.sticker-gmv img { width:127px; height:92px; filter:drop-shadow(5px 5px 0 #0000002e); }
@media(hover:hover) { .project-sticker:hover { translate:0 -5px; } }
@media(max-width:1279.98px) { .project-intro { margin-left:278.1641px; } }
@media(prefers-reduced-motion:reduce) { .project-sticker { transition:none; } .project-sticker:hover { translate:none; } }