:root{--c1:#2c1810;--c2:#8B4513;--c3:#DEB887;--c4:#F5DEB3;--f-serif:'Playfair Display',serif;--f-sans:'Inter',sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,var(--c4),var(--c3));color:var(--c1);font-family:var(--f-sans);overflow-x:hidden}main{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}h1{font-family:var(--f-serif);font-size:clamp(3rem,8vw,6rem);color:var(--c1);margin-bottom:1rem;animation:titleFade 1s ease-out}@keyframes titleFade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}p{animation:subtitleFade 1s ease-out 0.3s forwards;opacity:0;font-size:1.2rem;color:var(--c2)}@keyframes subtitleFade{from{opacity:0}to{opacity:1}}.gallery{padding:6rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.work-card{background:white;padding:2rem;border:2px solid var(--c2);border-radius:8px;transition:all 0.3s ease;animation:cardFade 0.6s ease-out forwards;opacity:0}.card-1{animation-delay:0.1s}.card-2{animation-delay:0.2s}.card-3{animation-delay:0.3s}.card-4{animation-delay:0.4s}@keyframes cardFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-card:hover{border-color:var(--c1);box-shadow:0 10px 30px rgba(44,24,16,0.2);transform:translateY(-8px)}h2{font-family:var(--f-serif);font-size:1.5rem;color:var(--c1);margin-bottom:0.5rem}.process{padding:6rem 2rem;background:rgba(255,255,255,0.7);text-align:center}h2{text-align:center;margin-bottom:3rem}ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:800px;margin:0 auto;list-style:none}li{padding:2rem;background:var(--c4);border:2px solid var(--c2);border-radius:8px;transition:all 0.3s ease}li:hover{background:var(--c3);transform:scale(1.05)}span{display:block;font-family:var(--f-serif);font-size:2rem;font-weight:700;color:var(--c1);margin-bottom:0.5rem}.contact{padding:6rem 2rem;text-align:center}.contact h2{margin-bottom:2rem}.contact p{font-size:1.1rem;margin-bottom:2rem;color:var(--c2)}.cta{background:var(--c2);color:white;border:none;padding:1rem 2rem;font-family:var(--f-serif);font-size:1rem;font-weight:700;cursor:pointer;border-radius:4px;transition:all 0.3s ease}.cta:hover{background:var(--c1);transform:translateY(-3px)}@media(max-width:768px){section{padding:3rem 1.5rem}}