/* ------------------------------------------------ */
.ok02-identity{padding:clamp(35px, 6.2vw, 120px) 0;background:#0a0a0a;position:relative;overflow:hidden;}
.ok02-identity .identity-dots {position:absolute;inset:0;opacity:0.1;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#afaaaa 1px,transparent 0);background-size:40px 40px;}
.ok02-identity .wp{position:relative;z-index:10;}

.ok02-identity .header-row {display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;}
@media (min-width:1024px) {
.ok02-identity .header-row {flex-direction:row;align-items:flex-end;justify-content:space-between;}
}
.ok02-identity .header-label {display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.ok02-identity .header-label .line{width:2rem;height:1px;background:rgba(255,255,255,0.2);}
.ok02-identity .header-label span {font-size:10px;font-weight:700;letter-spacing:0.5em;color:rgba(255,255,255,0.4);text-transform:uppercase;}
.ok02-identity .header-row h2 {font-size:clamp(24px, 3.15vw, 60px);font-weight:600;color:#fff;letter-spacing:-0.04em;line-height:1.2;}
.ok02-identity .header-right p {color:rgba(255,255,255,0.4);font-weight:300;line-height:1.625;font-size:14px;margin-bottom:16px;}
@media (min-width:1024px) {
.ok02-identity .header-right p {max-width:320px;margin-left:auto;}
}
.ok02-identity .header-right .est {font-size:2.25rem;font-weight:900;color:#fff;letter-spacing:-0.04em;}


.identity-grid {display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;}
@media (min-width:768px) {
.identity-grid {grid-template-columns:1fr 1fr;}
}
@media (min-width:1024px) {
.identity-grid {grid-template-columns:repeat(4,1fr);}
}

.identity-card {background:#0a0a0a;padding:2.5rem;display:flex;flex-direction:column;position:relative;transition:background 0.7s ease;}
.identity-card .corner {position:absolute;top:0;right:0;width:32px;height:32px;border-top:1px solid transparent;border-right:1px solid transparent;transition:border-color 0.5s ease;}

.identity-card .card-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;}
.identity-card .card-top .icon{width:40px;height:40px;border-radius:2px;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);transition:all 0.5s ease;}
.identity-card .card-top .icon i{font-size:20px;}
.identity-card .card-top .icon img{max-width:20px;max-height:20px;}
.identity-card .card-top .num {font-size:2.25rem;font-weight:900;color:rgba(255,255,255,0.03);transition:color 0.5s ease;}
.identity-card .card-top .num i{font-size:20px;}

.identity-card .card-mid{flex-grow:1;}
.identity-card .card-mid .title{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:0.025em;transition:transform 0.5s ease;}
.identity-card .card-mid p{font-size:12px;color:rgba(255,255,255,0.4);font-weight:300;line-height:2;transition:color 0.5s ease;}

.identity-card .card-bot{margin-top:3rem;display:flex;align-items:center;gap:1rem;}
.identity-card .card-bot .tag{font-size:9px;font-weight:700;letter-spacing:0.2em;color:rgba(255,255,255,0.2);text-transform:uppercase;white-space:nowrap;}
.identity-card .card-bot .tag-line{flex-grow:1;height:1px;background:rgba(255,255,255,0.05);position:relative;overflow:hidden;}
.identity-card .card-bot .tag-line .tag-line-fill{position:absolute;inset:0;background:rgba(255,255,255,0.2);transform:translateX(-100%);transition:transform 0.7s ease-in-out;}

.identity-card:hover {background:rgba(255,255,255,0.02);}
.identity-card:hover .corner {border-color:rgba(255,255,255,0.1);}
.identity-card:hover .card-top .icon{background:#fff;color:#000;border-color:#fff;transform:rotate(-12deg);}
.identity-card:hover .card-top .icon img{filter:brightness(0);}
.identity-card:hover .card-top .num{color:rgba(255,255,255,0.08);}
.identity-card:hover .card-mid .title{transform:translateX(4px);}
.identity-card:hover .card-mid p{color:rgba(255,255,255,0.6);}
.identity-card:hover .card-bot .tag-line .tag-line-fill{transform:translateX(0);}

@media (max-width:767px) {
.identity-center-line {display:none;}
}
@media (max-width:480px) {
.identity-card{padding:2rem;}
.identity-card .card-top{margin-bottom:2rem;}
.identity-card .card-mid .title{font-size:16px;}
.identity-card .card-bot{margin-top:2rem;}
}