.tjd-premium .r-project{background:#fff;border:1px solid #172b421f;box-shadow:0 12px 30px -12px #20364424;padding:20px;border-radius:22px;box-sizing:border-box;min-width:0;opacity:1;transform:none}
.r-project h3{margin:16px 0;font-size:23px;line-height:1.2}.r-project .d-meta{gap:10px;align-items:start;font-size:11px}.r-project .d-meta span:last-child{text-align:right;max-width:65%;white-space:normal}
.r-player{position:relative;aspect-ratio:16/10;background:#eaf0ef;border-radius:14px;overflow:hidden}.r-player img,.r-player video{width:100%;height:100%;object-fit:contain;display:block}.r-player [hidden]{display:none!important}.tjd-premium .r-player .r-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;min-height:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none;cursor:pointer;line-height:1;transition:transform .2s}.r-play svg{display:block;width:40px;height:44px;pointer-events:none;filter:drop-shadow(0 1px 3px #10213699)}.tjd-premium .r-player .r-play:hover{background:transparent;transform:translate(-50%,-50%) scale(1.08)}.r-play:focus-visible{outline:3px solid #1749ff;outline-offset:3px}.r-media-status{position:absolute;left:12px;right:12px;top:12px;font-size:13px;color:#102b42;background:#fffffff2;border-radius:8px;padding:8px}.r-media-status:empty{display:none}.r-caption{font-size:12px!important;color:#586779!important;margin:10px 0!important}.r-tags{display:flex;flex-wrap:wrap;list-style:none;gap:6px;padding:0;margin:18px 0 0}.r-tags li{font-size:11px;background:#eef3f3;color:#365266;border-radius:16px;padding:5px 9px}.r-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0}.r-work-page h1{max-width:850px;font-size:clamp(36px,5vw,68px);line-height:1.05}.r-work-page .p-body-copy{max-width:700px}.r-work-grid .r-project{width:auto;margin:0}.r-project p{font-size:15px;line-height:1.55}
@media(max-width:1050px){.r-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.r-work-grid{grid-template-columns:1fr}.tjd-premium .r-project{padding:16px}}
