.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-main{flex:1}.page-banner{background:linear-gradient(#fef9c359 0%,#faf8f5 100%);border-bottom:1px solid #5e3c2814;padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}.page-banner-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#fef08a80 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-20%;right:10%}.page-banner-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.page-tag{letter-spacing:.1em;color:#886248;background:#fef9c3;border:1px solid #fef08a;border-radius:9999px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.page-title{color:#24160f;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.2rem,4.5vw,3.25rem);font-weight:800;line-height:1.2}.page-subtitle{color:#664633;max-width:650px;margin:0;font-size:1.15rem;line-height:1.65}.page-content-section{max-width:1200px;margin:0 auto;padding:5rem 1.5rem}.about-detailed-grid{grid-template-columns:1.2fr .8fr;gap:3.5rem;margin-bottom:4.5rem;display:grid}.story-card{background:#fff;border:1.5px solid #5e3c2814;border-radius:24px;padding:2.75rem;box-shadow:0 6px 24px -4px #24160f0a}.story-card h3{color:#24160f;margin-bottom:1.25rem;font-size:1.65rem;font-weight:700}.story-card p{color:#5c4033;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.75}.values-grid{flex-direction:column;gap:1.25rem;display:flex}.value-item{background:#fff;border:1.5px solid #5e3c2814;border-radius:18px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 4px 16px #24160f08}.value-item:hover{background:#fffbeb;border-color:#fef08a;transform:translate(4px);box-shadow:0 6px 20px -2px #fef08a66}.value-icon{background:#fef9c3;border:1px solid #fef08a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.value-item h4{color:#24160f;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.value-item p{color:#664633;margin:0;font-size:.9rem;line-height:1.5}.timeline-section-title{color:#24160f;text-align:center;margin-bottom:3rem;font-size:1.85rem;font-weight:800}.timeline-list{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.timeline-card{background:#fff;border:1.5px solid #5e3c2814;border-radius:20px;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 16px #24160f0a}.timeline-year{color:#886248;white-space:nowrap;background:#fef9c3;border:1px solid #fef08a;border-radius:9999px;height:fit-content;padding:.35rem .85rem;font-size:.9rem;font-weight:800}.timeline-details h4{color:#24160f;margin-bottom:.35rem;font-size:1.2rem;font-weight:700}.timeline-details p{color:#5c4033;margin:0;font-size:.95rem;line-height:1.6}.projects-filter-bar{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.filter-btn{color:#4e3425;cursor:pointer;background:#fff;border:1.5px solid #5e3c281a;border-radius:9999px;padding:.5rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s}.filter-btn:hover,.filter-btn.active{color:#24160f;background:#fef9c3;border-color:#fef08a;box-shadow:0 2px 12px -2px #facc154d}.skills-mastery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.mastery-card{background:#fff;border:1.5px solid #5e3c2814;border-radius:20px;padding:2rem;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 18px #24160f0a}.mastery-card:hover{border-color:#fef08a;transform:translateY(-4px);box-shadow:0 12px 28px -6px #24160f14,0 0 20px -2px #fef08a66}.mastery-top{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.mastery-icon{font-size:1.8rem}.mastery-top h3{color:#24160f;margin:0;font-size:1.25rem;font-weight:700}.mastery-card p{color:#664633;margin-bottom:1.25rem;font-size:.9rem;line-height:1.55}.progress-track{background:#faf8f5;border:1px solid #5e3c2814;border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fef08a 0%,#382419 100%);border-radius:9999px;height:100%}.page-cta-banner{text-align:center;color:#fff;background:linear-gradient(135deg,#24160f 0%,#382419 100%);border:2px solid #fef08a4d;border-radius:24px;margin-top:4rem;padding:3.5rem 2rem;box-shadow:0 16px 36px -8px #24160f33,0 0 28px -4px #fef08a4d}.page-cta-banner h3{margin-bottom:.75rem;font-size:2rem;font-weight:800}.page-cta-banner p{color:#fef08a;max-width:550px;margin:0 auto 2rem;font-size:1.05rem}.page-cta-btn{color:#24160f;background:#fef9c3;border-radius:9999px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #facc1559}.page-cta-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #facc1580}@media (max-width:968px){.about-detailed-grid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width:640px){.page-banner{padding:3rem 1rem 2.5rem}.page-content-section{padding:3rem 1rem}.story-card{border-radius:20px;padding:1.5rem 1.25rem}.page-cta-banner{border-radius:20px;padding:2.5rem 1.25rem}}