body{line-height:1.6;color:#333;background-color:#fdf4db!important;background-image:url(/img/bg2.png);background-repeat:repeat!important;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:10}.section-header{text-align:center;padding:20px 0;position:relative}.section-subtitle{font-size:14px;font-weight:500;color:var(--secondary-color);color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;opacity:0;animation:fadeInUp .8s ease forwards}.section-title{font-family:Playfair Display,serif;font-size:48px;font-weight:600;color:#2C3E50;line-height:1.2;margin-bottom:24px;position:relative;opacity:0;animation:fadeInUp .8s ease .2s forwards}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px;animation:expandWidth 1s ease 1s forwards;transform-origin:center;scale:0 1}.section-description{font-size:18px;color:#6B7280;max-width:600px;margin:0 auto;line-height:1.6;opacity:0;animation:fadeInUp .8s ease .4s forwards}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px;position:relative;z-index:5}.project-card{background:rgba(255,255,255,.95);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;border:2px solid rgba(197,158,114,.226);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(30px);animation:cardSlideIn .6s ease forwards}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(197,161,114,.05),transparent 50%);opacity:0;transition:opacity .3s ease;z-index:1}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px rgba(133,197,114,.2)}.project-image{position:relative;height:280px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-image img{transform:scale(1.08)}.project-status{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:10px 18px;border-radius:25px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px var(--secondary-color);z-index:2;animation:pulse 2s infinite}.project-content{padding:32px;position:relative;z-index:2}.project-name{font-family:Playfair Display,serif;font-size:24px;font-weight:600;color:var(--primary-color-M);margin-bottom:12px;line-height:1.3;transition:color .3s ease}.project-card:hover .project-name{color:var(--primary-color)}.project-location{color:#6B7280;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.location-icon{width:16px;height:16px;transition:fill .3s ease}.location-icon,.project-card:hover .location-icon{fill:var(--primary-color)}.project-features{margin-bottom:24px}.features-title{font-size:16px;font-weight:600;color:var(--primary-color);margin-bottom:12px}.features-list{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{color:var(--primary-color-M);padding:8px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--primary-color);transition:all .3s ease}.project-card:hover .feature-tag{border-color:rgba(47,24,4,.402);transform:translateY(-1px)}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e5e7eb}.completion-year{font-size:14px;color:#6B7280;font-weight:500}.view-details{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background:linear-gradient(135deg,var(--primary-color-M),var(--primary-color-M));color:white;padding:12px 24px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600;transition:all .4s ease;box-shadow:0 4px 15px rgba(197,165,114,.3);position:relative;overflow:hidden}.view-details:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.view-details:hover:before{left:100%}.view-details:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(197,165,114,.5);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.roman-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.roman-column{position:absolute;opacity:.08;animation:floatColumn 20s ease-in-out infinite}.roman-column-1{top:10%;left:-5%;width:150px;height:400px;animation-delay:0s}.roman-column-2{top:60%;right:-3%;width:120px;height:350px;animation-delay:-5s}.roman-column-3{top:30%;left:80%;width:100px;height:300px;animation-delay:-10s}.roman-arch{position:absolute;opacity:.06;animation:archFloat 25s ease-in-out infinite}.roman-arch-1{top:20%;left:60%;width:200px;height:150px;animation-delay:-3s}.roman-arch-2{bottom:20%;left:10%;width:180px;height:130px;animation-delay:-8s}.roman-dome{position:absolute;opacity:.05;animation:domeRotate 30s linear infinite}.roman-dome-1{top:5%;right:15%;width:250px;height:200px;animation-delay:-2s}.roman-dome-2{bottom:10%;right:70%;width:200px;height:160px;animation-delay:-15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{to{scale:1 1}}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatColumn{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(2deg)}50%{transform:translateY(-10px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(1deg)}}@keyframes archFloat{0%,to{transform:translateX(0) scale(1)}25%{transform:translateX(10px) scale(1.02)}50%{transform:translateX(-5px) scale(.98)}75%{transform:translateX(8px) scale(1.01)}}@keyframes domeRotate{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.05)}50%{transform:rotate(180deg) scale(.95)}75%{transform:rotate(270deg) scale(1.02)}to{transform:rotate(1turn) scale(1)}}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px}.roman-arch,.roman-column,.roman-dome{display:none}}@media (max-width:768px){.section-title{font-size:36px}.projects-grid{grid-template-columns:1fr;gap:24px}.project-content{padding:24px}.container{padding:0 16px}}@media (max-width:480px){.section-title{font-size:28px}.project-image{height:220px}}.foggy-section{position:relative;width:100%;height:100%;overflow:hidden;box-shadow:0 20px 40px rgba(20,51,4,.168);background:#1a1a1a}.foggy-section img{width:100%;height:100%;object-fit:cover;display:block}.fog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.fog-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 800px 400px at 50% 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 30%,rgba(255,255,255,.1) 60%,transparent 100%);animation:fogMove1 12s ease-in-out infinite;opacity:.7}.fog-overlay:after{content:"";position:absolute;top:-30%;right:-50%;width:150%;height:150%;background:radial-gradient(ellipse 600px 300px at 30% 70%,rgba(200,200,255,.3) 0,rgba(200,255,205,.15) 40%,rgba(200,200,255,.05) 70%,transparent 100%);animation:fogMove2 15s ease-in-out infinite reverse;opacity:.8}.fog-layer-1,.fog-layer-2,.fog-layer-3{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,.1) 50%,transparent 100%);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.fog-layer-1{width:300px;height:150px;top:20%;left:-100px;animation:fogDrift1 18s infinite;opacity:.4}.fog-layer-2{width:400px;height:200px;top:60%;right:-150px;animation:fogDrift2 22s infinite;opacity:.3;background:radial-gradient(ellipse,rgba(220,220,255,.25) 0,rgba(220,220,255,.1) 40%,transparent 100%)}.fog-layer-3{width:250px;height:125px;top:40%;left:50%;animation:fogDrift3 16s infinite;opacity:.5;background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(255,255,255,.08) 60%,transparent 100%)}@keyframes fogMove1{0%,to{transform:translate(0) scale(1) rotate(0deg);opacity:.7}25%{transform:translate(20px,-30px) scale(1.1) rotate(2deg);opacity:.5}50%{transform:translate(-15px,20px) scale(.9) rotate(-1deg);opacity:.8}75%{transform:translate(30px,10px) scale(1.05) rotate(1.5deg);opacity:.6}}@keyframes fogMove2{0%,to{transform:translate(0) scale(1) rotate(0deg);opacity:.8}33%{transform:translate(-25px,15px) scale(1.15) rotate(-2deg);opacity:.6}66%{transform:translate(20px,-20px) scale(.95) rotate(1deg);opacity:.9}}@keyframes fogDrift1{0%,to{transform:translateX(-100px);opacity:.4}50%{transform:translateX(calc(100vw + 100px));opacity:.2}}@keyframes fogDrift2{0%,to{transform:translateX(50px);opacity:.3}50%{transform:translateX(-450px);opacity:.1}}@keyframes fogDrift3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}25%{transform:translate(-30%,-60%) scale(1.2);opacity:.3}50%{transform:translate(-70%,-40%) scale(.8);opacity:.6}75%{transform:translate(-40%,-70%) scale(1.1);opacity:.4}}.particle{position:absolute;background:rgba(255,255,255,.1);border-radius:50%;animation:float 20s linear infinite;opacity:0}.particle:first-child{width:4px;height:4px;left:10%;animation-delay:0s}.particle:nth-child(2){width:6px;height:6px;left:20%;animation-delay:2s}.particle:nth-child(3){width:3px;height:3px;left:30%;animation-delay:4s}.particle:nth-child(4){width:5px;height:5px;left:40%;animation-delay:6s}.particle:nth-child(5){width:4px;height:4px;left:50%;animation-delay:8s}.particle:nth-child(6){width:7px;height:7px;left:60%;animation-delay:10s}.particle:nth-child(7){width:3px;height:3px;left:70%;animation-delay:12s}.particle:nth-child(8){width:5px;height:5px;left:80%;animation-delay:14s}.particle:nth-child(9){width:4px;height:4px;left:90%;animation-delay:16s}@keyframes float{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translateX(50px);opacity:0}}.foggy-section:hover .fog-overlay:before{animation-duration:8s}.foggy-section:hover .fog-overlay:after{animation-duration:10s}@media (max-width:900px){.foggy-section{width:100vw;height:60vh}}