*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#faf7f5;color:#333}#root{width:100%}html,body{height:100%;margin:0;background-color:#242323}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.section{padding:80px 20px;text-align:center}.section h2{font-size:2rem;margin-bottom:40px;color:#fff}.section-steps h2{font-size:2rem;margin-bottom:40px;color:#080808}.section-description{max-width:700px;margin:12px auto 40px;color:#666;font-size:1rem;line-height:1.6}.alt{background:#f7f7f7}.alt h2{color:#222}.peg-header{position:fixed;top:0;width:100%;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:2px 40px;box-shadow:0 2px 8px #00000014;z-index:1000}.logo{font-weight:700;font-size:1.4rem}.logo img{height:70px;width:auto}@media(max-width:768px){.logo img{height:56px}}.nav{display:flex;gap:24px}.nav a{text-decoration:none;color:#333;font-weight:500}.hamburger{display:none;font-size:28px;cursor:pointer}@media(max-width:768px){.hamburger{display:block}.nav{position:absolute;top:70px;left:0;width:100%;background:#fff;flex-direction:column;align-items:center;gap:20px;padding:20px 0;display:none;box-shadow:0 6px 18px #0000001a}.nav.open{display:flex}}.hero{height:90vh;background:url(/images/hero3.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px}.hero-content{transform:translateY(-40px)}.hero h1{font-family:Playfair Display,serif;font-size:2.5rem;color:#fff;margin-bottom:20px}.hero p{color:#ddd}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;max-width:1400px;margin:auto}.card{border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card-img1{display:flex;flex-direction:column;justify-content:flex-end;padding:20px;height:280px;background:#ddd;background:url(/images/card1.jpg) center/cover no-repeat}.card-img2{display:flex;flex-direction:column;justify-content:flex-end;height:280px;background:#ddd;background:url(/images/card2.jpg) center/cover no-repeat}.card-img3{display:flex;flex-direction:column;justify-content:flex-end;height:280px;background:#ddd;background:url(/images/card3.jpg) center/cover no-repeat}.card h3{padding:20px}.card-img1,.card-img2,.card-img3{height:280px;position:relative;background-size:cover;background-position:center}.card-textbox{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:2;width:85%}.card-textbox h3{font-size:1.25rem;font-weight:600;margin-bottom:1px;color:#fff}.card-textbox p{font-size:.9rem;opacity:.95}.card-img1:after,.card-img2:after,.card-img3:after{content:"";position:absolute;inset:0;background:#00000059;z-index:1}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1600px;margin:40px auto 0;text-align:center}.step{padding:20px}.material-symbols-outlined{font-size:48px;color:#c79a2b;margin-bottom:12px}.step h3{font-size:1.2rem;font-weight:600;padding-bottom:20px}.step p{font-size:.9rem;opacity:.95}.portfolio-list{max-width:1200px;margin:50px auto 0}.portfolio-row{display:flex;align-items:center;gap:50px;margin-bottom:80px}.portfolio-row img{width:55%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 8px 28px #0000001f}.portfolio-text{width:45%}.portfolio-text h3{font-size:1.8rem;margin-bottom:16px;color:#fff}.portfolio-text p{font-size:1.05rem;color:#fff;line-height:1.6}.reverse{flex-direction:row-reverse}@media(max-width:768px){.portfolio-row,.reverse{flex-direction:column}.portfolio-row img,.portfolio-text{width:100%}.portfolio-row img{height:260px}.portfolio-text{text-align:center}}.peg-footer{background:#fffdfd;color:#222;text-align:center;padding:40px 20px}.peg-footer nav{margin-bottom:15px}.peg-footer nav a{color:#222;margin:0 12px;text-decoration:none}.peg-footer nav a:hover{text-decoration:underline}@media(max-width:768px){.card-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.peg-header{padding:12px 20px}}
