.cf109 .cf129-project{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);min-height:350px;overflow:hidden;background:#171426;color:#fff;text-decoration:none}
.cf109 .cf129-project-visual{position:relative;display:block;min-width:0;min-height:350px;overflow:hidden;background:#201a32}
.cf109 .cf129-project-backdrop{position:absolute;inset:-18px;width:calc(100% + 36px)!important;height:calc(100% + 36px)!important;max-height:none!important;object-fit:cover!important;filter:blur(20px) brightness(.52);transform:scale(1.08)}
.cf109 .cf129-project-image{position:relative;z-index:1;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center top;background:transparent}
.cf109 .cf129-project-badge{position:absolute;z-index:2;left:16px;top:16px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(22,16,39,.76);color:#fff;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(9px)}
.cf109 .cf129-project-badge svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cf109 .cf129-project-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;background:radial-gradient(circle at 100% 0,rgba(188,69,159,.24),transparent 38%),linear-gradient(145deg,#171426,#28203c)}
.cf109 .cf129-project-panel>small{align-self:flex-start;padding:6px 9px;border-radius:8px;background:rgba(205,167,255,.12);color:#d7b8ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cf109 .cf129-project-panel>strong{margin:13px 0 11px;color:#fff;font-size:clamp(23px,3vw,34px);line-height:1.04;letter-spacing:-.035em}
.cf109 .cf129-project-meta{display:flex;flex-wrap:wrap;gap:6px}
.cf109 .cf129-project-meta em{padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:rgba(255,255,255,.8);font-size:10px;font-style:normal;font-weight:750}
.cf109 .cf129-project-progress{display:block;margin-top:24px}
.cf109 .cf129-project-progress>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#fff;font-size:11px}
.cf109 .cf129-project-progress b{font-weight:900}.cf109 .cf129-project-progress span i{color:rgba(255,255,255,.58);font-style:normal}
.cf109 .cf129-project-progress>u{display:block;height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12);text-decoration:none}
.cf109 .cf129-project-progress>u>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9564f0,#ef5aa9);box-shadow:0 0 16px rgba(222,79,166,.45)}
.cf109 .cf129-project-cta{display:flex;align-items:center;gap:5px;margin-top:20px;color:#fff;font-size:11px;font-weight:950}
.cf109 .cf129-project-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.cf109 .cf129-project.is-diary .cf129-project-badge{background:rgba(105,45,130,.86)}
@media(max-width:720px){.cf109 .cf129-project{grid-template-columns:1fr}.cf109 .cf129-project-visual{min-height:330px}.cf109 .cf129-project-panel{padding:22px}.cf109 .cf129-project-panel>strong{font-size:27px}}
@media(max-width:440px){.cf109 .cf129-project-visual{min-height:285px}.cf109 .cf129-project-panel{padding:19px}.cf109 .cf129-project-panel>strong{font-size:24px}}