.concept-card .concept-art{height:auto;min-height:0;aspect-ratio:1.27;position:relative;overflow:hidden;background:#fbf6ee;isolation:isolate}
.concept-card .concept-square{position:absolute;width:64%;aspect-ratio:1;left:50%;top:50%;border-radius:14px;transform:translate(-50%,-50%) rotate(-8deg)}
.concept-study .concept-square{background:#ff8b58}
.concept-still .concept-square{background:#dcff0b;transform:translate(-50%,-50%) rotate(-9deg)}
.concept-clarity .concept-square{background:#c4a8f5;transform:translate(-50%,-50%) rotate(-7deg)}
.concept-common .concept-square{background:#f8c9de;transform:translate(-50%,-50%) rotate(7deg)}
.concept-card .concept-mockup{position:absolute;z-index:2;left:50%;top:50%;width:96%;height:auto;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(10px 14px 13px #31251c25);transition:transform .4s ease}
.concept-study .concept-mockup{width:88%;top:51%;transform:translate(-50%,-50%) rotate(2deg)}
.concept-still .concept-mockup{width:93%;transform:translate(-50%,-50%) rotate(-3deg)}
.concept-clarity .concept-mockup{width:100%;top:51%;transform:translate(-50%,-50%) rotate(-2deg)}
.concept-common .concept-mockup{width:98%;top:52%;transform:translate(-50%,-50%) rotate(2deg)}
.concept-study:hover .concept-mockup{transform:translate(-50%,-50%) rotate(2deg) scale(1.025)}
.concept-still:hover .concept-mockup{transform:translate(-50%,-50%) rotate(-3deg) scale(1.025)}
.concept-clarity:hover .concept-mockup{transform:translate(-50%,-50%) rotate(-2deg) scale(1.025)}
.concept-common:hover .concept-mockup{transform:translate(-50%,-50%) rotate(2deg) scale(1.025)}
.concept-card .concept-detail{position:absolute;z-index:3;left:4%;bottom:5%;width:19%;aspect-ratio:1.3;background:#fff;border:4px solid #fff;box-shadow:7px 9px 15px #512d1e2b;transform:rotate(-9deg);overflow:hidden}
.concept-card .concept-detail img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;mix-blend-mode:normal}
.concept-caption{display:flex;justify-content:space-between;align-items:start;gap:16px;padding-top:17px;color:#111}
.concept-caption h3{font-size:23px;font-weight:600;line-height:1.1;letter-spacing:-.06em;margin:0 0 5px}
.concept-caption p{font-size:12px;color:#6a6a66;margin:0;line-height:1.4}
.concept-caption>span{font-size:23px;line-height:1}
@media(max-width:700px){.concept-card .concept-square{border-radius:11px}.concept-caption h3{font-size:21px}}