:root{--main:#8E867E;--main2:#7C756E;--sand:#C5A880;--copper:#C69274;--copper-d:#9A6A4E;--bg:#F0EEE9;--ink:#282828;--muted:#5C5852;--rule:#D9D5CE}
body{margin:0;font-family:"Avenir Next",Avenir,"Nunito Sans",-apple-system,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--main);padding-top:env(safe-area-inset-top)}
.nav .bar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 22px;max-width:1280px;margin:0 auto;box-sizing:border-box}
.logo{text-decoration:none;color:#fff;display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.logo svg{display:block;width:92px;height:auto}
.logo span{display:block;font-size:8px;font-weight:500;letter-spacing:.42em;padding-left:.42em;margin-top:7px}
.burger{width:48px;height:48px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.burger svg{width:26px;height:26px}
.menu{display:none;background:var(--main);padding:8px 22px 28px}
.menu.open{display:block}
.menu a{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.dnav{display:none}
.sfoot{background:var(--main);color:rgba(255,255,255,.92);padding:56px 22px calc(56px + env(safe-area-inset-bottom));text-align:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-top:1px solid var(--copper)}
.sfoot .links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin:28px 0}
.sfoot .links a{color:inherit;text-decoration:none;padding:12px 0}
.sfoot .legal{font-size:10px;opacity:.85;line-height:2;margin:0;color:inherit}
.ahero .img::after{background:linear-gradient(180deg,rgba(40,40,40,.22) 30%,rgba(40,40,40,.6) 100%)!important}
.ahero h1{font-weight:400;letter-spacing:.08em}
.more a:hover{color:var(--copper-d)}
@media (min-width:1024px){.burger,.menu,.menu.open{display:none!important}.dnav{display:flex;gap:28px}.dnav a{color:#fff;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid transparent}.dnav a:hover{border-bottom-color:var(--copper)}.nav .bar{height:80px;padding:0 40px}.logo svg{width:108px}}
/* serif headlines (areas index) */
.ahero h1,.band h2,.w>h2{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;text-transform:none;letter-spacing:0}
.ahero h1{font-weight:300;font-size:clamp(56px,14vw,124px);line-height:.95}
.band h2{font-weight:400;font-size:36px;line-height:1.12}
@media (min-width:1024px){.band h2{font-size:46px}}

/* readability */
:root{--muted:#46423D}
body{font-weight:400}
p,li,label{font-weight:400}

/* copper detail only */
:root{--copper-d:#7C756E}

/* brand book */
:root{--copper:#C5A880;--copper-d:#7C756E;--aegean:#227078}
body,.ab,.g0{background:#F0EEE9}
.nav.clear{background:var(--main)}
.g20,.g39,.g58,.gh,.ppimg,.ph0{background:#E6E2DB}
.g12,.g36,.g84,.g21,.g40,.crumb,.k{letter-spacing:.2em}
.g50,.g34 a,.ab p a,.g47 a{color:var(--aegean)}
.areas li a:hover,.areas li a:active{background:var(--aegean);border-color:var(--aegean);color:#fff}
.more a:hover,.g86:hover .g87{color:var(--aegean)}
input:focus,select:focus,textarea:focus,.g72:focus,.g73:focus,.g75:focus{border-bottom-color:var(--aegean)}