/* ------------------------------------------------ */
.ok02-about{padding:clamp(35px, 6.2vw, 120px) 0;background:#ffffff;color:#000000;overflow:hidden;position:relative;}
.ok02-about .section-label {display:flex;align-items:center;gap:1rem;margin-bottom:3rem;}
.ok02-about .section-label span {font-size:10px;font-weight:700;letter-spacing:0.5em;color:#a3a3a3;text-transform:uppercase;}
.ok02-about .section-label .line {width:3rem;height:1px;background:#e5e5e5;}
.ok02-about .section-label h2 {font-size:1.5rem;font-weight:600;letter-spacing:-0.02em;text-transform:uppercase;}

@media (min-width:768px) {
.ok02-about .section-label{margin-bottom:5rem;}
}
@media (max-width:480px) {
.ok02-about .section-label span{letter-spacing:0.2em;}
}

.about-grid {display:grid;grid-template-columns:1fr;gap:3rem;align-items:start;}
.about-list {margin-bottom:0;}
.about-list h3{font-size:clamp(22px, 2.5vw, 48px);font-weight:600;margin-bottom:3rem;line-height:1.2;}
.about-list .about-item{display:flex;gap:1.5rem;}
.about-list .about-item+.about-item{margin-top:2.5rem;}
.about-list .about-item .icon {flex-shrink:0;width:4rem;height:4rem;border-radius:50%;border:1px solid #f5f5f5;display:flex;align-items:center;justify-content:center;transition:all 0.5s ease;}
.about-list .about-item .icon i{font-size:1.6rem;}
.about-list .about-item .text h4{font-size:1rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:4px;}
.about-list .about-item .text p{font-size:12px;color:#a3a3a3;text-transform:uppercase;letter-spacing:0.1em;line-height:1.625;}
.about-list .about-item:hover .icon {background:#000;color:#fff;border-color:#000;}

.about-card {background:#fafafa;padding:2rem;border-radius:2px;border-left:2px solid #000;}
.about-card .card-label {font-size:10px;font-weight:700;letter-spacing:0.4em;color:#a3a3a3;text-transform:uppercase;margin-bottom:2rem;}
.about-card .card-title {font-size:1.5rem;font-weight:300;line-height:1.5;margin-bottom:2rem;color:#525252;}
.about-card .card-text p {color:#737373;font-weight:300;line-height:1.8;font-size:14px;margin-bottom:1rem;}
.about-card .card-text p:last-of-type {margin-bottom:0;}
.about-card .card-stats {margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e5e5;display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.about-card .card-stats .number{display:block;font-size:2rem;font-weight:300;color:#000;margin-bottom:4px;}
.about-card .card-stats .label{font-size:9px;font-weight:700;letter-spacing:0.1em;color:#a3a3a3;text-transform:uppercase;}

@media (min-width:992px) {
.about-grid {grid-template-columns:1fr 1.4fr;gap:4rem;}
}
@media (min-width:768px) {
.about-list .about-item .icon{width:3.5rem;height:3.5rem;}
.about-list .about-item .icon i{font-size:1.35rem;}
.about-card {padding:3rem;}
}