/* 이런 사장님께 — 카드 세 장. 그림은 4:3, 올리면 빨간 재단선과 「0N · 4:3」 표, 제목이 빨개진다(metic measure-frame) */
.fit__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.fit .sec__top br{display:none}
@media (max-width:900px){.fit .sec__top br{display:inline}}
.fit__card{display:block}
.fit__media{position:relative;aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--r);background:var(--paper2)}
.fit__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:transform .9s var(--ease)}
.fit__card:hover .fit__media img{transform:scale(1.025)}
/* 재단선 — 테두리 바깥으로 14px 삐져나온 가는 빨간 선 */
.fit__g{position:absolute;z-index:1;background:var(--pt);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .5s var(--ease)}
.fit__g--t,.fit__g--b{left:-14px;right:-14px;height:1px;transform:scaleX(.6)}
.fit__g--l,.fit__g--r{top:-14px;bottom:-14px;width:1px;transform:scaleY(.6)}
.fit__g--t{top:-1px}.fit__g--b{bottom:-1px}.fit__g--l{left:-1px}.fit__g--r{right:-1px}
.fit__label{position:absolute;z-index:2;left:-1px;bottom:calc(100% + 6px);padding:2px 6px;font-size:10px;color:#fff;background:var(--pt);opacity:0;transform:translateY(4px);transition:opacity .25s var(--ease),transform .5s var(--ease)}
.fit__card:hover .fit__g,.fit__card:focus-visible .fit__g{opacity:.55;transform:none}
.fit__card:hover .fit__label,.fit__card:focus-visible .fit__label{opacity:1;transform:none}
.fit__media img{clip-path:inset(0 round var(--r))}
.fit__meta{margin-top:16px;font-size:12px;color:var(--steel)}
.fit__title{margin-top:8px;font-size:clamp(20px,1.6vw,24px);font-weight:700;letter-spacing:-.03em;line-height:var(--lh-h);transition:color .3s var(--ease)}
.fit__card:hover .fit__title{color:var(--pt)}
.fit__desc{margin-top:8px;font-size:15px;line-height:var(--lh-b);color:var(--ink2)}
@media (max-width:900px){.fit__list{grid-template-columns:1fr;gap:40px}}