/* ABOUT INTRO */
        .about-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.about-img-wrap { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4/3; background: var(--card); border: 1px solid var(--border); }
.about-img-placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.about-img-placeholder i { font-size: 64px; color: var(--red); opacity: 0.6; }
.about-img-placeholder span { font-size: 14px; color: var(--txt-3); }
.about-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.about-text h2 { font-size: clamp(22px,3vw,32px); margin-bottom: 20px; }
.about-text p { font-size: 15px; color: var(--txt-2); line-height: 1.8; margin-bottom: 16px; }
.about-checks { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 24px 0; }
.about-checks li { display: flex; gap: 12px; font-size: 14px; color: var(--txt-2); }
.about-checks li i { color: var(--red); font-size: 18px; flex-shrink: 0; margin-top: 1px; }
/* STATS */
        .stats-bar { background: var(--dark-3); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 48px; display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; text-align: center; }
.stat-item-v { border-right: 1px solid var(--border); padding-right: 32px; }
.stat-item-v:last-child { border-right: none; padding-right: 0; }
.stat-num { font-size: clamp(32px,4vw,48px); font-weight: 900; color: var(--red); }
.stat-unit { font-size: 18px; font-weight: 700; color: var(--txt-2); }
.stat-lbl { font-size: 13px; color: var(--txt-3); margin-top: 8px; }
/* PORTFOLIO GRID */
        .port-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.port-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; transition: all 0.3s var(--ease); }
.port-card:hover { border-color: var(--border-red); transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,0.4); }
.port-img { height: 200px; background: var(--dark-3); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.port-img img { width: 100%; height: 100%; object-fit: cover; }
.port-img-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.port-img-placeholder i { font-size: 40px; color: var(--red); opacity: 0.5; }
.port-img-placeholder span { font-size: 12px; color: var(--txt-3); }
.port-info { padding: 16px 20px; }
.port-info h3 { font-size: 14px; font-weight: 600; color: var(--txt); }
/* TIMELINE */
        .timeline { position: relative; display: flex; flex-direction: column; gap: 0; }
.timeline::before { content: ''; position: absolute; left: 24px; top: 12px; bottom: 12px; width: 2px; background: linear-gradient(to bottom, var(--red), transparent); }
.tl-item { display: flex; gap: 32px; padding: 0 0 40px 0; position: relative; }
.tl-dot { width: 50px; height: 50px; border-radius: 50%; background: var(--card); border: 2px solid var(--red); display: flex; align-items: center; justify-content: center; color: var(--red); font-size: 20px; flex-shrink: 0; box-shadow: 0 0 16px var(--red-glow); z-index: 1; }
.tl-content { padding-top: 10px; }
.tl-year { font-size: 12px; color: var(--red); font-weight: 600; margin-bottom: 6px; letter-spacing: 0.05em; }
.tl-title { font-size: 16px; font-weight: 700; margin-bottom: 6px; }
.tl-desc { font-size: 13px; color: var(--txt-2); line-height: 1.6; }

/* RESPONSIVE */
@media(max-width:1100px){ .stats-bar{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1fr 1fr;gap:32px} }
@media(max-width:900px){ .about-layout{grid-template-columns:1fr;gap:40px} .port-grid{grid-template-columns:repeat(2,1fr)} .nav-links,.nav-phone{display:none} .nav-menu-btn{display:flex} }
@media(max-width:600px){ .stats-bar{grid-template-columns:1fr;padding:32px} .port-grid{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr} .footer-bottom{flex-direction:column;text-align:center} .stat-item-v{border-right:none;padding-right:0;border-bottom:1px solid var(--border);padding-bottom:24px} .stat-item-v:last-child{border-bottom:none} }