:root{--ink:#10302b;--ink2:#0b221e;--cream:#f4efe4;--brass:#b99a5b;--text:#2a2a26}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:'Hanken Grotesk',sans-serif;color:var(--text);background:var(--cream);line-height:1.7}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.12}
.caps{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500}
.eyebrow{color:var(--brass);display:block;margin-bottom:1rem}
.navbar{background:rgba(11,34,30,.94);backdrop-filter:blur(12px);padding:.9rem 0 .7rem}
.brand{display:block;text-align:center;color:var(--cream);font-family:'Cormorant Garamond',serif;font-size:1.55rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;font-weight:400}
.brand small{display:block;font-family:'Hanken Grotesk',sans-serif;font-size:.6rem;letter-spacing:.32em;color:var(--brass);margin-top:.15rem}
.navbar .nav-link{color:rgba(244,239,228,.8);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;padding:.5rem .9rem;transition:color .3s}
.navbar .nav-link:hover{color:var(--brass)}
.navbar-toggler{border:1px solid rgba(244,239,228,.35);border-radius:0;position:absolute;right:12px;top:18px}
.navbar-toggler-icon{filter:invert(1)}
.navbar-collapse{justify-content:center}
@media(max-width:991px){.brand{text-align:left;font-size:1.15rem;letter-spacing:.14em}.navbar .container{position:relative}}
.btn-brass,.btn-ghost{border-radius:0;padding:15px 36px;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;transition:.3s}
.btn-brass{background:var(--brass);color:var(--ink2);border:1px solid var(--brass)}
.btn-brass:hover{background:transparent;color:var(--brass)}
.btn-ghost{border:1px solid rgba(244,239,228,.35);color:var(--cream)}
.btn-ghost:hover{border-color:var(--brass);color:var(--brass)}
.btn-ghost.dark{border-color:rgba(16,48,43,.35);color:var(--ink)}
.hero{background:var(--ink);color:var(--cream);padding:72px 0 80px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(2.6rem,5.5vw,4.6rem);max-width:12em}
.hero .sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.4rem;opacity:.8;letter-spacing:.02em;margin:1.2rem 0 2rem;max-width:30em}
.hero-photo{width:100%;max-height:min(66vh,480px);object-fit:cover;object-position:center;border-radius:2px;border:1px solid rgba(185,154,91,.4);padding:8px;display:block}
.hero-cap{color:rgba(244,239,228,.6);margin-top:.8rem}
.route{width:100%;height:auto;display:block;color:var(--brass)}
.route-wrap{opacity:.55;margin-top:2.5rem}
section{padding:96px 0}
@media(max-width:767px){section{padding:64px 0}.hero{padding:48px 0 56px}.hero .sub{font-size:1.2rem}}
h2{font-size:clamp(2.1rem,4vw,3.2rem);color:var(--ink)}
.lead-w{max-width:820px}
.dark-s{background:var(--ink);color:var(--cream)}.dark-s h2{color:var(--cream)}
.hair{border-top:1px solid rgba(185,154,91,.3)}
.area{border-top:1px solid rgba(16,48,43,.2);padding:1.6rem 0 .5rem}
.area h3{font-size:1.9rem;color:var(--ink);margin-bottom:.8rem}
.area ul{list-style:none;padding:0;margin:0;columns:1}
.area li{padding:.25rem 0;font-size:.95rem;border-bottom:1px solid rgba(16,48,43,.08)}
.stat{border-top:1px solid rgba(185,154,91,.35);padding-top:1rem}
.stat b{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:3.4rem;line-height:1;display:block;color:var(--cream)}
.stat span{color:var(--brass)}
.person img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 25%;border-radius:2px;border:1px solid rgba(16,48,43,.2);padding:6px;background:#fff0;display:block}
.person h3{font-size:1.45rem;color:var(--ink);margin:.9rem 0 .1rem}
.person .role{color:#7a6636;display:block;margin-bottom:.5rem}
.person p{font-size:.9rem;margin:0}
.office{border-top:1px solid rgba(185,154,91,.35);padding-top:1.4rem}
.office h3{font-size:2rem;color:var(--cream)}
.office a{color:var(--cream);text-decoration:none;border-bottom:1px solid rgba(185,154,91,.5)}
.office a:hover{color:var(--brass)}
.office img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;margin-bottom:1rem}
.map{width:100%;height:260px;border:0;filter:grayscale(.4);margin-top:1rem}
.langs{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.6rem;color:var(--brass)}
.reslink{color:var(--ink);border-bottom:1px solid var(--brass);text-decoration:none}
.reslink:hover{color:#7a6636}
footer{background:var(--ink2);color:rgba(244,239,228,.7);padding:40px 0;text-align:center}
footer a{color:var(--brass);text-decoration:none}