html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#A67C4E;color:#F8F3EA}
.nav-blur{backdrop-filter:saturate(150%) blur(14px)}
.lu{background-image:linear-gradient(#A67C4E,#A67C4E);background-size:0 1px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .4s ease}
.lu:hover{background-size:100% 1px}
.article-copy{font-size:16px;line-height:1.95;color:#5E4A38}
.article-copy>p{margin:0 0 1.75rem}
.article-copy>h2{font-family:"Cormorant Garamond","Noto Serif TC",serif;font-size:2rem;line-height:1.35;color:#2B2320;margin:3.75rem 0 1.5rem}
.article-copy strong{font-weight:600;color:#2B2320}
.article-copy ul{padding-left:1.25rem}
.article-copy li{margin:.45rem 0}
.article-copy img{display:block;max-width:100%;height:auto}
.article-copy video{display:block;width:100%;height:auto}
.article-media{margin:3rem auto;max-width:720px}
.article-callout{background:#F8F3EA;border-left:3px solid #A67C4E;padding:1.25rem 1.5rem;margin:1.5rem 0}
.article-card{background:#F8F3EA;border:1px solid rgba(43,35,32,.08);border-radius:.5rem;padding:1.5rem}
@media(min-width:1024px){
  .article-hero{height:600px}
  .article-hero-media{height:600px;min-height:0}
  .article-hero-media>img,.article-hero-media>video{width:100%;height:100%;object-fit:cover}
}
@media(max-width:767px){
  .article-copy{font-size:15px;line-height:1.9}
  .article-copy>h2{font-size:1.65rem;margin-top:2.75rem}
  .article-media{margin:2rem auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}