:root{--color-primary: #1a3a5c;--color-secondary: #4a90c2;--color-accent: #5ba4d4;--color-dark: #1a2a3a;--color-light: #ffffff;--color-text: #333333;--color-text-light: #666666;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Open Sans", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400}.btn{display:inline-block;padding:15px 30px;border:2px solid var(--color-light);color:var(--color-light);font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer;background:transparent}.btn:hover{background:var(--color-light);color:var(--color-primary)}.site-header{width:100%}.header-top{background:#0c254a;padding:20px 0}.logo{max-width:500px;margin:0 auto}.logo a{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--color-light)}.logo-icon{width:60px;height:60px}.logo-text{display:flex;flex-direction:column;text-align:left}.logo-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:400;letter-spacing:1px}.logo-tagline{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;opacity:.9}.main-nav{display:flex;justify-content:center;padding:0 0 15px;background:#0c254a}.nav-container{background:var(--color-secondary);min-width:800px;padding:12px 60px;border-radius:4px}.main-nav ul{list-style:none;display:flex;justify-content:center;gap:40px}.main-nav a{color:var(--color-light);font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;transition:opacity .3s ease}.main-nav a:hover{opacity:.8}.hero{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-light);background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:#1a3a5cb3}.hero-content{position:relative;z-index:1;padding:40px 20px}.hero h1{font-size:3rem;margin-bottom:10px}.hero .subtitle{font-size:1.2rem;margin-bottom:30px;letter-spacing:2px}.hero .tagline{font-size:1.8rem;font-weight:600;margin-bottom:30px}.page-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:60px 20px;text-align:center;color:var(--color-light)}.page-hero h1{font-size:3rem;margin-bottom:15px}.page-hero .subtitle{font-size:1.1rem}.page-hero:after{content:"";display:block;width:60px;height:3px;background:var(--color-light);margin:20px auto 0}.site-footer{background:var(--color-dark);color:var(--color-light);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:1rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-family:var(--font-body);font-weight:600}.footer-section p{line-height:1.8}.footer-section a{color:var(--color-accent);transition:opacity .3s}.footer-section a:hover{opacity:.8}.footer-map{width:100%;height:200px;border:0;border-radius:4px}.footer-disclaimer{font-size:.85rem;line-height:1.7;color:#aaa;border-top:1px solid #333;padding-top:30px}.social-links{margin-top:20px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-secondary);border-radius:4px;color:var(--color-light);transition:background .3s}.social-links a:hover{background:var(--color-accent)}.about-intro{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:80px 20px;color:var(--color-light)}.about-intro-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:center}.about-intro h1{font-size:3rem;margin-bottom:20px}.about-intro h1:after{content:"";display:block;width:60px;height:3px;background:var(--color-light);margin-top:20px}.about-intro p{font-size:1.1rem}.about-image{text-align:right}.about-image img{max-width:350px;border-radius:4px;box-shadow:0 10px 30px #0000004d}.bio-section{padding:80px 20px;background:var(--color-light)}.bio-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:center}.bio-content.reverse{direction:rtl}.bio-content.reverse>*{direction:ltr}.bio-image img{max-width:100%;border-radius:4px}.bio-image.framed{background:var(--color-secondary);padding:20px 20px 20px 40px}.bio-image.framed img{filter:grayscale(100%)}.bio-text h2{font-size:2.5rem;color:var(--color-primary);margin-bottom:20px}.bio-text h2:after{content:"";display:block;width:60px;height:3px;background:var(--color-secondary);margin-top:20px}.bio-text p{color:var(--color-text-light);margin-bottom:20px}.contact-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:80px 20px;text-align:center;color:var(--color-light)}.contact-hero h1{font-size:3rem;margin-bottom:15px}.contact-hero h1:after{content:"";display:block;width:60px;height:3px;background:var(--color-light);margin:20px auto}.contact-hero .subtitle{font-size:1.1rem}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:-50px auto 60px;padding:0 20px;position:relative;z-index:1}.contact-card{background:var(--color-light);padding:40px 30px;text-align:center;border-radius:4px;box-shadow:0 5px 20px #0000001a}.contact-card h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);margin-bottom:20px;font-family:var(--font-body);font-weight:600}.contact-card p{color:var(--color-text);line-height:1.8}.contact-card a{color:var(--color-accent)}.contact-map{width:100%;max-width:1100px;height:400px;margin:0 auto 60px;display:block;border:0;border-radius:4px}@media (max-width: 900px){.about-intro-content,.bio-content{grid-template-columns:1fr}.about-image{text-align:center;order:-1}.bio-content.reverse{direction:ltr}.contact-cards{grid-template-columns:1fr;max-width:400px}.hero h1{font-size:2rem}.page-hero h1,.about-intro h1,.contact-hero h1{font-size:2.2rem}}@media (max-width: 850px){.nav-container{min-width:auto;width:90%}}@media (max-width: 600px){.logo a{flex-direction:column;gap:10px}.logo-text{text-align:center}.logo-name{font-size:1.2rem}.logo-tagline{font-size:.75rem}.main-nav ul{gap:20px}.footer-content{grid-template-columns:1fr}}
