/* Figma 415:83135: updated typography and geometry; existing asset shadows preserved. */
.design-section { position:relative; margin-left:calc(var(--portfolio-content-left) + 16.1641px); width:868px; height:593px; font-family:"PingFang SC",sans-serif; }
.design-subtitle { position:absolute; top:55.71px; left:0; margin:0; font:700 22px/27px DouyinSans,sans-serif; color:#343434; }
.design-photo-position { position:absolute; left:-4.28px; top:113.29px; width:586.521px; height:377.857px; display:flex; align-items:center; justify-content:center; }
.design-photo { display:block; flex:none; width:574.375px; height:358.029px; border:4px solid white; border-radius:18px; object-fit:cover; transform:rotate(-2deg); box-shadow:0 8px 22.6px #0000001c; }
.design-wire-position { position:absolute; left:379px; top:206.1px; width:280.895px; height:264.288px; display:flex; align-items:center; justify-content:center; }
.design-wire { position:relative; width:243px; height:222px; flex:none; background:#f3f4f4; border:4px solid white; border-radius:18px; box-shadow:0 9px 26.1px #0000001a; overflow:hidden; transform:rotate(11deg); }
.wire-column { position:absolute; display:flex; flex-direction:column; gap:2.592px; width:117.612px; }
.wire-left { left:1.67px; top:-126.74px; }.wire-right { left:121.55px; top:-142.94px; }
.wire-product { width:117.612px; padding-bottom:5.184px; border-radius:7.776px 5.184px 5.184px 7.776px; overflow:hidden; background:white; flex:none; }
.wire-photo { position:relative; height:117.936px; width:117.288px; }
.wire-photo img { position:absolute; top:0; left:0; width:117.612px; height:156.816px; }
.wire-lines { position:relative; width:107.244px; margin:5.184px auto 0; display:flex; flex-direction:column; gap:5.184px; }
.wire-lines i { display:block; border-radius:2.592px; background:#eceded; height:11.664px; }
.wire-lines i:nth-child(2) { width:82.296px; height:7.776px; }
.wire-lines i:nth-child(3) { width:30.456px; height:12.96px; background:#e4e4e5; }
.wire-lines i:nth-child(4) { width:102.384px; height:12.96px; border-radius:64.8px; }
.wire-guide { width:117.288px; height:128.304px; flex:none; border-radius:10.368px; padding:5.18px; background:white; }
.wire-guide p { margin-left:2.59px; font-size:7.128px; line-height:9.979px; color:#16182399; white-space:nowrap; }
.wire-guide>div { margin-top:4.92px; height:103.032px; border-radius:5.184px; background:#e4e9f9; }
.design-arrow { display:block; pointer-events:none; }
.arrow-one { position:absolute; left:423.6px; top:143.34px; width:179.367px; height:38.663px; }
.arrow-two-position { position:absolute; left:617.01px; top:292.92px; width:79.779px; height:56.692px; display:flex; align-items:center; justify-content:center; }
.arrow-two { width:76.573px; height:27.244px; transform:rotate(26deg); }
.design-annotation { position:absolute; display:flex; flex-direction:column; gap:6px; }
.annotation-one { left:621.99px; top:147.26px; }.annotation-two { left:688px; top:344.58px; }
.design-annotation h4 { margin:0; display:flex; align-items:center; gap:6px; font-size:16px; line-height:23px; font-weight:500; color:rgba(25,22,25,.75); white-space:nowrap; }
.design-annotation h4 span { width:16px; height:16px; flex:none; border-radius:50%; background:#b09fff; color:white; text-align:center; font:400 11.2px/16px Inter,sans-serif; }
.design-annotation p { font-size:12px; line-height:23px; color:#767676; white-space:nowrap; }
@media(max-width:1279.98px) { .design-section { margin-left:280.1641px; } }

/* Apply the edge outside each supplied asset, preserving its full image area. */
.design-photo { border:0; border-radius:18px; box-shadow:0 0 0 4px white,0 8px 22.6px 4px #0000001c; }
.design-wire { display:block; border:0; border-radius:18px; object-fit:contain; box-shadow:0 0 0 4px white,0 9px 26.1px 4px #0000001a; }

.design-wire { transition:transform 280ms cubic-bezier(.22,.61,.36,1); }
@media(hover:hover) { .design-wire:hover { transform:rotate(14deg); } }
@media(prefers-reduced-motion:reduce) { .design-wire { transition:none; }.design-wire:hover { transform:rotate(11deg); } }

.design-heading { position:relative; top:-.29px; }
.design-heading h2 { margin:0; font:700 26px/34px DouyinSans,sans-serif; color:rgba(25,22,24,.9); }