.hero{min-height:80vh;display:grid;grid-template-columns:.95fr 1.45fr;align-items:center;grid-gap:56px;gap:56px;padding:70px 0}.hero-left{min-height:520px;background:#f3e8df;border-radius:6px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:space-between}.hero-leftFirst{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-leftFirst img{width:200px;height:200px;object-fit:cover;border-radius:50%;margin-bottom:28px}.hero-leftFirst h2{font-size:38px;font-weight:500;letter-spacing:1px;text-align:center;color:#111827;margin-bottom:30px}.hero-leftFirst h3{font-size:28px;font-weight:400;letter-spacing:1px;color:#111827}.hero-leftSecond{height:70px;background:#fff;display:flex;align-items:center;justify-content:center;gap:26px}.hero-leftSecond a{width:22px;height:22px;color:#222;transition:.3s ease}.hero-leftSecond a:hover{color:#6b3f2a;transform:translateY(-3px)}.hero-right h1{font-size:48px;font-weight:500;color:#111827;margin-bottom:4px}.hero-right>h3{font-size:28px;font-weight:400;color:#7b6254;margin-bottom:18px;text-transform:capitalize}.hero-rightButtons{display:flex;gap:18px;margin-bottom:24px}.hero-rightButtons a{min-width:150px;height:45px;border-radius:30px;border:1px solid #d8c7ba;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#5b3928;font-weight:600;transition:.3s ease;background:#fff}.hero-rightButtons a:first-child{background:#5b3928;color:#fff;border-color:#5b3928}.hero-rightButtons a:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(91,57,40,.18)}.about-card,.approach-card{border:1px solid #dac9bd;border-radius:10px;padding:24px 28px;background:hsla(0,0%,100%,.45)}.about-card{display:flex;gap:18px;align-items:flex-start;margin-bottom:26px}.about-card span{font-size:68px;line-height:1;color:#c9b5a7;font-family:serif}.about-card p,.approach-card p,.skill-card p{font-size:16px;line-height:1.7;color:#222;margin:0;padding-top:4px}.tech-section{margin-bottom:24px}.approach-card h4,.tech-section h4{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;color:#5b3928;margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}.approach-card h4 svg,.tech-section h4 svg{background:#8b6a58;color:#fff;width:18px;height:18px;padding:9px;border-radius:50%}.tech-list{display:flex;flex-wrap:wrap;gap:12px}.tech-list span{border:1px solid #d8c7ba;border-radius:20px;padding:8px 18px;color:#5b3928;background:hsla(0,0%,100%,.5);font-size:15px}.skill-cards{border-top:1px solid #cfc0b4;border-bottom:1px solid #cfc0b4;padding:30px 0;margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.skill-card{display:grid;grid-template-columns:54px 1fr;grid-column-gap:16px;column-gap:16px;align-items:flex-start}.skill-card svg{grid-row:span 2;background:#eadbd0;color:#5b3928;width:26px;height:26px;padding:14px;border-radius:14px}.skill-card h5{font-size:15px;font-weight:700;color:#111827;margin-bottom:-4px}.skill-card p{font-size:15px}.approach-card{padding:22px 26px}.approach-card h4{margin-bottom:10px}@media (max-width:1200px){.hero{grid-template-columns:1fr;gap:40px}.hero-left{max-width:620px;width:100%;margin:0 auto}}@media (max-width:768px){.hero{padding:40px 16px}.hero-right h1{font-size:36px}.hero-right>h3{font-size:23px}.hero-rightButtons{flex-wrap:wrap}.skill-cards{grid-template-columns:1fr}.hero-leftFirst h3{font-size:22px}}