@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Cormorant+Garamond:ital,wght@0,500;1,400;1,500&family=Inter:wght@400;500&display=swap');

:root{
  --navy:#1F3A5F; --ink:#1b1e26; --parch:#EFEADD; --card:#F7F3E9;
  --grey:#5C6470; --hair:#D7D0C0; --light:#F4EFE3; --gold:#9A7B3F; --navy-soft:#cdd6e2;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{margin:0;background:var(--parch);color:var(--ink);
  font-family:"Inter",-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;}
img,svg{max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
.wm{font-family:"Cinzel",serif;font-weight:600;letter-spacing:.16em;}

/* header / nav */
header.nav{display:flex;justify-content:space-between;align-items:center;
  gap:12px 20px;flex-wrap:wrap;
  padding:20px 44px;border-bottom:1px solid var(--hair);position:sticky;top:0;
  background:rgba(239,234,221,.94);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;}
.brand{display:flex;align-items:center;gap:12px;color:var(--navy);}
.brand .wm{font-size:15px;}
.nav-links{display:flex;gap:28px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);}
.nav-links a{padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .2s;}
.nav-links a:hover,.nav-links a.active{border-bottom-color:var(--navy);}

/* hero */
.hero{background:var(--navy);color:var(--light);text-align:center;padding:118px 24px 104px;}
.hero .mark{margin-bottom:28px;}
.hero h1{font-family:"Cinzel",serif;font-weight:600;font-size:clamp(28px,8vw,46px);letter-spacing:.18em;margin:0;color:var(--light);overflow-wrap:break-word;}
.hero .tagline{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:23px;color:var(--navy-soft);margin:16px 0 0;}
.hero .position{max-width:640px;margin:36px auto 0;font-size:16px;color:#e2e7ee;letter-spacing:.01em;}

/* layout */
main{max-width:840px;margin:0 auto;padding:0 44px;}
.page-head{text-align:center;padding:84px 0 6px;}
.page-head .ey{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.page-head h2{font-family:"Cinzel",serif;font-weight:600;font-size:30px;letter-spacing:.13em;color:var(--navy);margin:12px 0 0;}
section{padding:48px 0;border-bottom:1px solid var(--hair);}
section:last-of-type{border-bottom:none;}
.lead{font-family:"Cormorant Garamond",serif;font-size:24px;line-height:1.5;color:var(--ink);max-width:720px;margin:0 auto;text-align:center;}
p{font-size:16px;color:#2c313b;}
.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);font-weight:500;margin:0 0 20px;text-align:center;}

/* pillars */
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:8px;}
.col{text-align:center;}
.col h3{font-family:"Cinzel",serif;font-weight:500;font-size:14px;letter-spacing:.1em;color:var(--navy);margin:0 0 10px;}
.col p{font-size:14.5px;color:#3a3f48;margin:0;}

/* practice items */
.items{margin-top:4px;}
.item{padding:24px 0;border-top:1px solid var(--hair);display:grid;grid-template-columns:1fr 1.9fr;gap:28px;align-items:baseline;}
.item:first-child{border-top:none;}
.item h3{font-family:"Cinzel",serif;font-weight:500;font-size:15px;letter-spacing:.06em;color:var(--navy);margin:0;}
.item p{font-size:15px;color:#3a3f48;margin:0;}

/* regions */
.region{padding:28px 0;border-top:1px solid var(--hair);}
.region:first-of-type{border-top:none;}
.region h3{font-family:"Cinzel",serif;font-weight:500;font-size:16px;letter-spacing:.06em;color:var(--navy);margin:0;}
.region .countries{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:7px 0 9px;}
.region p{margin:0;font-size:15px;color:#3a3f48;}
.closing{text-align:center;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:21px;color:var(--navy);margin-top:8px;}

/* links row */
.more{display:flex;justify-content:center;gap:40px;margin-top:8px;}
.more a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--hair);padding-bottom:4px;}
.more a:hover{border-bottom-color:var(--navy);}

/* contact */
.contact-block{text-align:center;padding:30px 0 6px;}
.contact-block .addr{font-family:"Cormorant Garamond",serif;font-size:24px;color:var(--navy);margin:0 0 6px;}
.contact-block .small{font-size:13.5px;color:var(--grey);}

/* footer */
footer{background:var(--navy);color:#c2ccda;text-align:center;padding:42px 24px;font-size:12px;letter-spacing:.07em;margin-top:0;}
footer .wm{color:var(--light);font-size:13px;display:inline-block;margin-bottom:8px;}
footer .line{opacity:.8;}
footer .sep{margin:0 9px;opacity:.45;}

@media(max-width:680px){
  header.nav{padding:14px 18px;} .nav-links{gap:14px 16px;font-size:10.5px;flex-wrap:wrap;}
  .brand .wm{font-size:13px;}
  main{padding:0 20px;} .cols{grid-template-columns:1fr;gap:24px;}
  .item{grid-template-columns:1fr;gap:6px;}
  .region .countries{line-height:1.5;}
  .hero{padding:80px 20px 70px;} .hero h1{letter-spacing:.14em;}
  .hero .tagline{font-size:20px;} .hero .position{font-size:15px;}
  .lead{font-size:21px;}
  .more{flex-direction:column;gap:14px;align-items:center;}
  .contact-block .addr{font-size:20px;}
}
@media(max-width:400px){
  header.nav{padding:12px 14px;}
  .nav-links{gap:10px 12px;font-size:10px;letter-spacing:.1em;}
  .brand .wm{font-size:12px;} .brand{gap:8px;}
  main{padding:0 16px;}
  .hero{padding:64px 16px 56px;} .hero h1{letter-spacing:.1em;}
}