/* Contact */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0A1628;--gold:#C9A962;--cream:#FAF8F5;--white:#fff;--muted:#6B7280;--font-display:'Cormorant Garamond',serif;--font-body:'Outfit',sans-serif;--radius:12px}
body{font-family:var(--font-body);background:var(--cream);color:var(--navy)}
a{text-decoration:none}button,input,textarea{font-family:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 24px}em{font-style:italic;color:var(--gold)}
.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:rgba(10,22,40,.95);backdrop-filter:blur(16px)}
.header__inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;gap:10px;align-items:center}
.logo__mark{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold)}
.logo__text{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cream)}
.nav{display:flex;gap:22px}
.nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(250,248,245,.7)}
.nav a.active,.nav a:hover{color:var(--gold)}
.nav-toggle{display:none;cursor:pointer;border:none;background:none;flex-direction:column;gap:5px}.nav-toggle span{width:22px;height:2px;background:#fff}

.hero-contact{padding:140px 0 50px;background:var(--navy);text-align:center}
.hero-contact h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);color:var(--white);font-weight:400}

.contact-page{padding:80px 0 100px}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}
.contact-info h2{font-family:var(--font-display);font-size:1.75rem;margin-bottom:32px}
.info-block{margin-bottom:28px}
.info-block h3{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.info-block p{color:var(--muted);font-weight:300;line-height:1.7}
.info-links{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.info-link{font-size:1.1rem;color:var(--navy);font-weight:500;transition:color .3s}
.info-link:hover{color:var(--gold)}
.map-placeholder{border-radius:var(--radius);overflow:hidden}

.contact-form{background:var(--white);padding:40px;border-radius:var(--radius);box-shadow:0 8px 40px rgba(10,22,40,.08)}
.contact-form h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;border:1px solid rgba(10,22,40,.1);border-radius:8px;font-size:.9rem;margin-bottom:16px;outline:none;transition:border-color .3s;background:var(--cream)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}
.btn-submit{width:100%;padding:16px;background:var(--navy);color:var(--gold);border:none;border-radius:50px;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all .3s}
.btn-submit:hover{background:var(--gold);color:var(--navy);transform:translateY(-2px)}

.footer{background:var(--navy);padding:24px;text-align:center;color:rgba(255,255,255,.5);font-size:.85rem}
.reveal{opacity:0;transform:translateY(30px)}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.nav{position:fixed;right:-100%;top:0;width:260px;height:100vh;background:var(--navy);flex-direction:column;padding:80px 32px;transition:right .4s}.nav.open{right:0}.nav-toggle{display:flex}}