/* ABOUT */
.about-section { border-top: 1px solid var(--border); background: var(--bg-1); }
.about-grid { display: grid; grid-template-columns: 280px 1fr; gap: clamp(40px, 6vw, 80px); align-items: center; }
.about-photo-container {
    position: relative;
    width: 260px; height: 260px;
    flex-shrink: 0;
}
.about-photo-container::before {
    content: ''; position: absolute;
    top: -14px; left: -14px;
    width: 60px; height: 60px;
    border-top: 1px solid var(--text-primary); border-left: 1px solid var(--text-primary);
    pointer-events: none;
}
.about-photo-container::after {
    content: ''; position: absolute;
    bottom: -14px; right: -14px;
    width: 60px; height: 60px;
    border-bottom: 1px solid var(--text-primary); border-right: 1px solid var(--text-primary);
    pointer-events: none;
}
.profile-photo {
    width: 260px; height: 260px; border-radius: 0; object-fit: cover;
    border: 1px solid var(--border); display: block;
    transition: transform 0.5s var(--ease-out); filter: grayscale(60%);
}
.profile-photo:hover { transform: scale(1.03); filter: grayscale(0%); }
#about-text { font-size: 17px; color: var(--text-secondary) !important; line-height: 1.8; margin-bottom: 28px; font-weight: 300; }
.skills-grid-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.skill-tag {
    background: transparent; color: var(--text-primary);
    padding: 8px 16px; border-radius: 0;
    font-family: var(--font-display);
    font-size: 10px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
    border: 1px solid var(--text-primary); transition: all 0.3s ease;
}
.skill-tag:hover { background: var(--text-primary); color: var(--bg); }