/* Match the other case pages' 1024px card composition at 868px display width. */
.douyin-related{position:relative;width:868px;margin-left:calc(var(--portfolio-content-left) + 15.164px);padding:40.6875px 0;font-family:Inter,system-ui,sans-serif;color:#111;}
.douyin-related h2{margin:0 0 33.90625px;text-align:center;font-size:20.34375px;line-height:27.125px;font-weight:700;}
.douyin-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20.34375px;}
.douyin-related-card{display:flex;flex-direction:column;min-width:0;background:white;border-radius:6.78125px;overflow:hidden;box-shadow:0 1px 2px rgb(0 0 0 / .05);}
.douyin-related-cover{overflow:hidden;flex:none;}
.douyin-related-cover img{display:block;width:100%;height:162.75px;object-fit:cover;transition:transform .5s;}
.douyin-related-card:hover img{transform:scale(1.1);}
.douyin-related-copy{padding:13.5625px;display:flex;flex-direction:column;flex:1;}
.douyin-related h3{margin:0 0 3.390625px;font-size:13.5625px;line-height:20.34375px;font-weight:600;}
.douyin-related p{margin:0 0 10.171875px;font-size:11.8671875px;line-height:16.953125px;color:#4b5563;}
.douyin-related-copy a{margin-top:auto;align-self:flex-start;font-size:11.8671875px;line-height:16.953125px;font-weight:500;color:#06f;text-decoration:none;}
.douyin-related-copy a:hover{text-decoration:underline;}
.douyin-related-back{text-align:center;margin-top:40.6875px;}
.douyin-related-back a{display:inline-flex;padding:10.171875px 27.125px;border-radius:5.0859375px;background:#000;color:white;font-size:13.5625px;line-height:20.34375px;font-weight:500;text-decoration:none;}
.douyin-related a:focus-visible{outline:2px solid #06f;outline-offset:4px;}
@media(max-width:1279.98px){.douyin-related{margin-left:279.164px;}}
@media(prefers-reduced-motion:reduce){.douyin-related-cover img{transition:none;}}