/* ===== About Page Styles ===== */
.about-page{padding:50px 0;background:var(--white)}.about-grid{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}.about-image-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);position:relative}.about-image-wrap img{width:100%;height:auto;min-height:250px;object-fit:cover}@media(min-width:768px){.about-image-wrap img{min-height:350px}}.about-text h2{font-size:clamp(1.3rem,2.5vw,1.8rem);color:var(--primary-dark);margin-bottom:12px}.about-text p{color:var(--text-light);line-height:1.8;margin-bottom:16px}.about-text p:last-child{margin-bottom:0}.about-highlights{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}@media(min-width:480px){.about-highlights{grid-template-columns:1fr 1fr}}.about-highlights li{display:flex;align-items:center;gap:10px;font-size:0.9rem;padding:6px 0;color:var(--text);border-bottom:1px solid var(--border)}.about-highlights li:last-child{border-bottom:none}.about-highlights li .check{color:var(--success);font-weight:700;font-size:1.1rem;flex-shrink:0}

/* ===== Stats ===== */
.stats-section{background:var(--primary-dark);color:var(--text-white);padding:50px 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:center}@media(min-width:576px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stats-item .number{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--accent);display:block}.stats-item .label{font-size:0.85rem;opacity:0.8;margin-top:4px;display:block}

/* ===== Gallery ===== */
.gallery-section{padding:50px 0;background:var(--bg)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:576px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.gallery-item{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all var(--transition);border:1px solid var(--border)}.gallery-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.gallery-item .img-wrap{position:relative;padding-bottom:66%;overflow:hidden;background:var(--bg)}.gallery-item .img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.gallery-item:hover .img-wrap img{transform:scale(1.05)}.gallery-item .info{padding:12px 14px 14px}.gallery-item .info h4{font-size:0.95rem;font-weight:600;color:var(--text);margin-bottom:2px}.gallery-item .info p{font-size:0.8rem;color:var(--text-light)}

/* ===== Contact Info ===== */
.contact-info-section{padding:40px 0;background:var(--white);border-top:1px solid var(--border)}.contact-info-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:576px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.contact-info-grid{grid-template-columns:repeat(3,1fr)}}.contact-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);transition:all var(--transition)}.contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.contact-card .icon{font-size:1.5rem;flex-shrink:0;width:40px;text-align:center}.contact-card .content{flex:1;min-width:0}.contact-card .content .label{font-size:0.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px}.contact-card .content .value{font-size:0.95rem;color:var(--text);word-break:break-word}.contact-card .content .value a{color:var(--primary)}.contact-card .content .value a:hover{color:var(--primary-light)}

/* ===== Sub Navigation (About sub pages) ===== */
.sub-nav{background:var(--bg);border-bottom:1px solid var(--border);padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.sub-nav ul{display:flex;gap:0;min-width:max-content;padding:0 16px}.sub-nav ul li a{display:block;padding:14px 20px;color:var(--text-light);font-size:0.9rem;font-weight:500;border-bottom:3px solid transparent;transition:all var(--transition);white-space:nowrap}.sub-nav ul li a:hover{color:var(--primary);border-bottom-color:var(--primary-light)}.sub-nav ul li a.active{color:var(--primary);border-bottom-color:var(--accent)}@media(max-width:575px){.sub-nav ul li a{padding:12px 14px;font-size:0.8rem}}

/* ===== Certificate Page ===== */
.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:576px){.cert-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.cert-grid{grid-template-columns:repeat(4,1fr)}}.cert-item{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);padding:16px;text-align:center;transition:all var(--transition)}.cert-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--primary)}.cert-item img{width:100%;max-height:180px;object-fit:contain;margin-bottom:10px}.cert-item h4{font-size:0.9rem;color:var(--text);font-weight:500}

/* ===== Responsive About ===== */
@media(max-width:575px){.about-page{padding:30px 0}.gallery-section{padding:30px 0}.stats-section{padding:30px 0}.gallery-grid{gap:10px}.gallery-item .info{padding:8px 10px 10px}.gallery-item .info h4{font-size:0.8rem}.gallery-item .info p{font-size:0.7rem}.contact-card{padding:12px 14px}.contact-card .content .value{font-size:0.85rem}.about-highlights{grid-template-columns:1fr}.contact-info-grid{grid-template-columns:1fr}.cert-grid{grid-template-columns:1fr 1fr}}

@media(max-width:480px){.page-banner{min-height:160px}.page-banner-content{padding:30px 16px}.page-banner-content h1{font-size:1.3rem}.cert-grid{grid-template-columns:1fr 1fr}}

@media(min-width:768px){.about-page{padding:60px 0}.gallery-section{padding:60px 0}.stats-section{padding:60px 0}}