.service-detail{align-self:stretch;display:flex;flex-direction:column;padding:0;overflow:hidden;background:linear-gradient(180deg,#080c11,#070a0e)}
.service-detail__visual{position:relative;height:270px;flex:0 0 270px;overflow:hidden;border-bottom:1px solid var(--line);background:#040609}
.service-detail__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,6,9,.78)),linear-gradient(90deg,rgba(3,6,9,.18),transparent 45%);pointer-events:none}
.service-detail__visual img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.015);filter:saturate(.9) contrast(1.08)}
.service-detail__visual span{position:absolute;z-index:1;right:18px;bottom:16px;font:8px var(--mono);letter-spacing:.14em;color:#b8ff35}
.service-detail__visual span i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#b8ff35;box-shadow:0 0 10px #b8ff35}
.service-detail>#detailCode{display:block;margin:25px 30px 0}
.service-detail>#detailTitle{margin:16px 30px 0}
.service-detail>#detailText{margin:12px 30px 0}
.service-detail>#detailList{margin:20px 30px 24px}
@media(max-width:900px){.service-detail__visual{height:300px;flex-basis:300px}.service-detail{min-height:620px}}
@media(max-width:520px){.service-detail__visual{height:220px;flex-basis:220px}.service-detail{min-height:545px}.service-detail>#detailCode{margin:23px 22px 0}.service-detail>#detailTitle,.service-detail>#detailText,.service-detail>#detailList{margin-left:22px;margin-right:22px}}
@media(prefers-reduced-motion:reduce){.service-detail__visual img{transform:none}}