@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#333;background-color:#f8f5f2;font-family:Montserrat,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.highlight{background:linear-gradient(135deg,#d2af8e 0%,#c3956a 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}:focus-visible{outline-offset:2px;outline:3px solid #d2af8e80}.skip-to-content{color:#fff;z-index:9999;background:#d2af8e;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}.areas-page{background:#f7f4f0}.areas-content{padding:4rem 0 5rem}.areas-hero{text-align:center;margin-top:5rem;margin-bottom:3rem}.areas-hero .areas-title{color:#255456;font-family:Playfair Display,serif;font-size:2.8rem}.areas-hero .areas-subtitle{color:#666;max-width:760px;margin:0 auto}.areas-section{margin-top:3rem}.areas-section-title{color:#255456;margin-bottom:1.5rem;font-size:1.6rem;font-weight:700}.areas-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.area-card{background:#fff;border:1px solid #e8e4e0;border-radius:12px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #25545614}.area-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #2554561f}.area-image{background:#eee;height:180px}.area-image img{object-fit:cover;width:100%;height:100%}.area-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.area-name{color:#255456;font-size:1.15rem;font-weight:700}.area-desc{color:#666;font-size:.95rem;line-height:1.6}@media (max-width:1100px){.areas-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.areas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.areas-grid{grid-template-columns:1fr}}
