*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Georgia,serif;background:#FAFAF8;color:#2C2C2C;}.container{max-width:1000px;margin:0 auto;padding:0 20px;}nav{position:fixed;top:0;width:100%;background:rgba(250,250,248,0.95);backdrop-filter:blur(10px);z-index:1000;padding:25px 40px;display:flex;justify-content:space-between;border-bottom:1px solid #E8E8E8;}
.logo{font-size:1.2rem;font-weight:300;letter-spacing:4px;}nav ul{display:flex;list-style:none;gap:40px;}nav a{color:#2C2C2C;text-decoration:none;font-size:0.9rem;letter-spacing:2px;transition:opacity 0.3s;}nav a:hover{opacity:0.6;}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1.1;margin-bottom:20px;letter-spacing:-1px;}
.hero p{font-size:1.1rem;letter-spacing:3px;color:#666;}
.work{padding:100px 0;}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#fff;}
.port-item{overflow:hidden;aspect-ratio:1;}
.port-item.large{grid-column:span 2;grid-row:span 2;}
.port-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s;}
.port-item:hover img{transform:scale(1.05);}
.services{padding:100px 0;background:#F5F5F3;}
.services h2{text-align:center;font-size:2.5rem;font-weight:300;margin-bottom:60px;letter-spacing:2px;}
.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;}
.service-list h3{font-size:1.5rem;margin-bottom:15px;font-weight:400;}
.service-list p{color:#666;line-height:1.8;font-size:1.05rem;}
.contact{padding:100px 0;}
.contact h2{text-align:center;font-size:2.5rem;font-weight:300;margin-bottom:50px;letter-spacing:2px;}
.contact form{display:grid;gap:20px;}
.contact input,.contact textarea{width:100%;padding:18px;border:1px solid #E8E8E8;background:#fff;font-family:inherit;font-size:1rem;transition:border-color 0.3s;}
.contact input:focus,.contact textarea:focus{outline:none;border-color:#2C2C2C;}
.btn{width:100%;padding:18px;background:#2C2C2C;color:#fff;border:none;cursor:pointer;font-size:1rem;letter-spacing:2px;transition:background 0.3s;}
.btn:hover{background:#1A1A1A;}
footer{background:#2C2C2C;color:#999;padding:50px;text-align:center;font-size:0.9rem;letter-spacing:2px;}
@media (max-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr);}.port-item.large{grid-column:span 2;grid-row:span 2;}.service-list{grid-template-columns:1fr;}}