/* A restrained champagne monogram and editorial wordmark. */
.brand{gap:14px}
.brand .brand-mark{display:block;width:49px;height:49px;flex-shrink:0;object-fit:contain;filter:none;color:#d8c39b;transition:opacity .2s}
.brand .brand-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;letter-spacing:4.2px;line-height:1;color:#f1ede5}
.brand .brand-sub{display:flex;align-items:center;gap:7px;margin-top:9px;font-family:var(--font);font-size:6px;font-weight:550;letter-spacing:2.9px;line-height:1.4;color:#c4b18d}
.brand .brand-sub::before,.brand .brand-sub::after{content:'';width:13px;height:1px;background:linear-gradient(90deg,#d8c39b80,#d8c39b20)}
.brand .brand-sub::after{background:linear-gradient(90deg,#d8c39b20,#d8c39b80)}
.brand:hover .brand-mark{opacity:.85}
.site-footer .brand .brand-mark{width:46px;height:46px}
.site-footer .brand .brand-wordmark{font-size:23px;letter-spacing:3.8px}
.site-footer .brand .brand-sub{font-size:6px;letter-spacing:2.6px}
.site-footer .brand .brand-sub::before,.site-footer .brand .brand-sub::after{width:10px}
@media(max-width:760px){
  .brand{gap:11px}
  .brand .brand-mark{width:43px;height:43px}
  .brand .brand-wordmark{font-size:21px;letter-spacing:3.6px}
  .brand .brand-sub{font-size:5px;letter-spacing:2.4px;margin-top:7px;gap:5px}
  .brand .brand-sub::before,.brand .brand-sub::after{width:11px}
  .site-footer .brand .brand-mark{width:42px;height:42px}
  .site-footer .brand .brand-wordmark{font-size:21px;letter-spacing:3.2px}
  .site-footer .brand .brand-sub{font-size:5px;letter-spacing:2.2px}
  .site-footer .brand .brand-sub::before,.site-footer .brand .brand-sub::after{width:8px}
}
@media(max-width:370px){.brand .brand-wordmark{font-size:19px;letter-spacing:3.2px}.brand .brand-mark{width:40px;height:40px}.brand{gap:9px}}
