.ok02-contact-info{padding-bottom:clamp(35px, 6.2vw, 7.5rem);background:#fafafa;color:#000000;border-bottom:1px solid rgba(0,0,0,0.05);position:relative;overflow:hidden;}
.ok02-contact-info .dot-bg {position:absolute;inset:0;opacity:0.05;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#000 1px,transparent 0);background-size:32px 32px;}
.ok02-contact-info .bg-text {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20vw;font-weight:700;color:rgba(0,0,0,0.02);user-select:none;pointer-events:none;text-transform:uppercase;}
.ok02-contact-info .section-header {text-align:center;margin-bottom:3rem;}
.ok02-contact-info .section-header span{font-size:10px;font-weight:700;letter-spacing:0.5em;text-transform:uppercase;margin-bottom:1rem;color:rgba(0,0,0,0.3);}
.ok02-contact-info .section-header .title{font-size:clamp(24px, 3.75vw, 72px);font-weight:700;text-transform:uppercase;letter-spacing:-0.02em;}

.ok02-contact-info .card-grid{display:grid;grid-template-columns:1fr;gap:2rem;position:relative;}
.ok02-contact-info .card-grid .item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem;border-radius:3rem;background:#ffffff;border:1px solid rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 0.7s;position:relative;overflow:hidden;}
.ok02-contact-info .card-grid .item .num {position:absolute;bottom:-4px;right:-2px;font-size:5rem;font-weight:900;font-style:italic;color:rgba(0,0,0,0.03);transition:color 0.7s;line-height:1;}
.ok02-contact-info .card-grid .item .icon{margin-bottom:2.5rem;padding:1.5rem;background:#fafafa;color:#000000;display:inline-flex;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.05);transition:all 0.5s;}
.ok02-contact-info .card-grid .item .icon i{font-size:1.8rem;}
.ok02-contact-info .card-grid .item h6{font-size:11px;font-weight:700;letter-spacing:0.4em;text-transform:uppercase;margin-bottom:1.5rem;color:rgba(0,0,0,0.3);transition:color 0.3s;}
.ok02-contact-info .card-grid .item p{font-size:1.125rem;line-height:1.6;font-weight:300;color:rgba(0,0,0,0.7);transition:color 0.5s;max-width:280px;}
.ok02-contact-info .card-grid .item .card-line {margin-top:2rem;width:2rem;height:1px;background:rgba(255,255,255,0.3);opacity:0;transition:opacity 0.7s;}

.ok02-contact-info .card-grid .item:hover {background:#000000;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.ok02-contact-info .card-grid .item:hover .num {color:rgba(255,255,255,0.05);}
.ok02-contact-info .card-grid .item:hover .icon{background:rgba(255,255,255,0.1);color:#ffffff;transform:rotate(360deg);}
.ok02-contact-info .card-grid .item:hover h6{color:rgba(255,255,255,0.4);}
.ok02-contact-info .card-grid .item:hover p{color:#ffffff;}
.ok02-contact-info .card-grid .item:hover .card-line {opacity:1;}

@media (min-width:768px) {
.ok02-contact-info .card-grid {grid-template-columns:repeat(3,1fr);}
.ok02-contact-info .section-header{margin-bottom:6rem;}
}