.hero-section{position:relative;overflow:hidden;padding-top:var(--spacing-20);padding-bottom:var(--spacing-16);min-height:calc(100vh - 80px);display:flex;align-items:center}.hero-grid{display:grid;gap:var(--spacing-12);align-items:center}@media (min-width:1024px){.hero-section{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.hero-grid{grid-template-columns:1.2fr 0.8fr}}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-tagline{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand);margin-bottom:var(--spacing-4);display:inline-block}.hero-title{margin-bottom:var(--spacing-6);color:var(--color-text)}.hero-desc{font-size:clamp(var(--text-lg), 2vw, var(--text-2xl));color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--spacing-8);font-weight:400}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-12)}.hero-visual{width:100%;position:relative}.hero-image-container{aspect-ratio:1;background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-xl);overflow:hidden;padding:var(--spacing-8);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px -15px rgba(17,31,53,.05)}.hero-image-container img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg)}.process-section{background-color:var(--color-white);border-top:1px solid var(--color-outline);border-bottom:1px solid var(--color-outline)}.process-intro{max-width:var(--max-width-reading);margin-bottom:var(--spacing-16)}.process-timeline{display:grid;gap:var(--spacing-8)}.process-step{position:relative;padding-top:var(--spacing-6)}.process-step::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--color-outline)}.process-step.active::before{background-color:var(--color-brand)}.step-num{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:rgba(17,31,53,.1);margin-bottom:var(--spacing-4);transition:color var(--transition-normal)}.process-step:hover .step-num{color:var(--color-brand)}.step-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--spacing-2)}.step-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--lh-body)}.section-header{margin-bottom:var(--spacing-12)}@media (min-width:768px){.process-timeline{grid-template-columns:repeat(4,1fr)}.section-header{margin-bottom:var(--spacing-16)}}.section-header-title{margin-bottom:var(--spacing-4)}.section-header-desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px}.cta-banner{background-color:var(--color-brand);color:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--spacing-12) var(--spacing-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6)}@media (min-width:768px){.cta-banner{padding:var(--spacing-20)}}.cta-banner h2{color:var(--color-white);max-width:600px;margin-bottom:0}.cta-banner p{color:rgba(255,255,255,.9);max-width:500px;font-size:var(--text-lg);margin-bottom:0}.cta-banner .btn-secondary{border-color:var(--color-white);color:var(--color-white)}.cta-banner .btn-secondary:hover{background-color:var(--color-white);color:var(--color-brand)}.about-grid{display:grid;gap:var(--spacing-12);align-items:start}.about-photo-wrapper{aspect-ratio:4/5;background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-xl);overflow:hidden;padding:var(--spacing-4)}.about-photo{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg)}.skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;margin-top:var(--spacing-6);margin-bottom:var(--spacing-8)}.skill-tag{background-color:var(--color-white);border:1px solid var(--color-outline);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text);transition:border-color var(--transition-fast),color var(--transition-fast)}.skill-tag:hover{border-color:var(--color-brand);color:var(--color-brand)}.experience-section{display:grid;gap:var(--spacing-12);border-top:1px solid var(--color-outline);padding-top:var(--spacing-16);margin-top:var(--spacing-16)}.experience-list{display:flex;flex-direction:column;gap:var(--spacing-12)}.experience-role{border-top:1px solid var(--color-outline);padding-top:var(--spacing-8)}.experience-role:first-child{border-top:none;padding-top:0}.experience-role-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.experience-role-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-1);color:var(--color-text)}.experience-role-company{font-size:var(--text-sm);font-weight:700;color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em}.experience-role-date{font-size:var(--text-xs);font-weight:600;background-color:var(--color-white);border:1px solid var(--color-outline);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);color:var(--color-text-muted)}.experience-role-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;max-width:65ch}.portfolio-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-12);list-style:none}.filter-btn{background-color:var(--color-white);border:1px solid var(--color-outline);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);cursor:pointer;font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast)}.filter-btn.active,.filter-btn:hover{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}.contact-grid{display:grid;gap:var(--spacing-12);align-items:start}.contact-info-card{background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-xl);padding:var(--spacing-8)}.contact-info-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-6);margin-top:var(--spacing-8)}.contact-info-item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.contact-info-icon{width:40px;height:40px;background-color:var(--color-brand-light);border-radius:var(--border-radius-md);color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-icon svg{width:20px;height:20px}.contact-info-label{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--spacing-1)}.contact-info-value{font-size:var(--text-sm);color:var(--color-text-muted)}.contact-form-wrapper{background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-xl);padding:var(--spacing-8)}.service-details-grid{display:grid;gap:var(--spacing-12);align-items:start}@media (min-width:1024px){.about-grid{grid-template-columns:1fr 1.2fr}.experience-section{grid-template-columns:0.8fr 1.2fr}.experience-title-sticky{position:sticky;top:120px}.contact-grid{grid-template-columns:1fr 1.2fr}.service-details-grid{grid-template-columns:1.2fr 0.8fr}}.service-deliverables{background-color:var(--color-white);border:1px solid var(--color-outline);border-radius:var(--border-radius-xl);padding:var(--spacing-8)}.deliverables-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-4)}.deliverables-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-base);color:var(--color-text)}.deliverables-item svg{color:var(--color-brand);flex-shrink:0}