/* BRYANWORKS v1.2.31 – modern Articles index only. Scoped to avoid touching homepage or other pages. */
.dh-articles{--dh-ink:#1c282d;--dh-muted:#667077;--dh-line:#e6e3de;background:#fff;color:var(--dh-ink)}
.dh-articles a{text-decoration:none}
.dh-articles a:focus-visible,.dh-articles button:focus-visible{outline:3px solid var(--dh-accent,#bf4332);outline-offset:4px}
.dh-articles-masthead{padding:76px 0 83px;background:#f6f3ee;position:relative}
.dh-articles-masthead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5ded5}
.dh-articles-masthead-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(44px,6vw,100px);align-items:center}
.dh-articles-masthead-copy{padding:42px 0}
.dh-articles-kicker{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.21em;font:700 12px/1.5 var(--bw-font,"Inter",Arial,sans-serif);color:var(--dh-accent)}
.dh-articles-kicker-line{height:1px;width:33px;background:currentColor}
.dh-articles-masthead h1{font:500 clamp(74px,7.5vw,118px)/.95 "Bodoni Moda",Georgia,serif;letter-spacing:-.085em;color:var(--dh-ink);margin:27px 0 29px;overflow-wrap:break-word}
.dh-articles-heading-period{color:var(--dh-accent)}
.dh-articles-intro-text{margin:0 0 29px;color:#59636a;line-height:1.75;max-width:460px;font-size:16px}
.dh-articles-cover-story{background:#fff;box-shadow:0 22px 58px rgba(35,40,39,.075);min-width:0}
.dh-articles-cover-photo{display:block;position:relative;overflow:hidden;height:clamp(330px,34vw,490px);background-color:#c9b7a8;background-position:center;background-size:cover}
.dh-articles-cover-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.dh-articles-cover-photo:hover img{transform:scale(1.04)}
.dh-articles-cover-label{position:absolute;left:24px;bottom:24px;padding:11px 15px;background:#fdfaf5;color:#243036;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.15em}
.dh-articles-cover-caption{padding:31px clamp(20px,3vw,43px) 37px}
.dh-articles-cover-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:750;color:var(--dh-accent);margin-bottom:17px}
.dh-articles-cover-caption h2{font:500 clamp(27px,3vw,41px)/1.16 "Bodoni Moda",Georgia,serif;letter-spacing:-.045em;margin:0 0 12px;color:var(--dh-ink)}
.dh-articles-cover-caption h2 a{color:inherit}
.dh-articles-cover-caption p{margin:0;color:#667077;line-height:1.6;font-size:13px}
.dh-articles-cover-empty{height:440px;background:linear-gradient(145deg,#e8e2da,#c5bdb1)}
.dh-articles-collection{padding:72px 0 94px}
.dh-articles-heading-row{display:flex;align-items:end;gap:20px;justify-content:space-between;border-bottom:1px solid var(--dh-line);padding-bottom:33px;margin-bottom:29px}
.dh-articles-heading-row h2{font:500 clamp(47px,5.3vw,79px)/1 "Bodoni Moda",Georgia,serif;letter-spacing:-.065em;color:var(--dh-ink);margin:0}
.dh-articles-heading-row>p{font-size:13px;color:var(--dh-muted);max-width:350px;line-height:1.6}
.dh-articles-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
.dh-articles-tools .dh-inner-filters{margin:0;gap:7px}
.dh-articles .dh-filter{border:1px solid #e3dfd9;border-radius:99px;min-height:39px;padding:10px 14px;font-size:11px;background:#fff;transition:all .2s}
.dh-articles .dh-filter.is-active{color:#fff;background:var(--dh-ink);border-color:var(--dh-ink)}
.dh-articles .dh-filter:not(.is-active):hover{color:var(--dh-accent);border-color:var(--dh-accent)}
.dh-articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:53px 27px}
.dh-articles-grid .dh-article-card{min-width:0;grid-column:auto}
.dh-articles-grid .dh-article-image{aspect-ratio:1.39;display:block;position:relative;background-color:#d8d2c9;background-position:center;background-size:cover;overflow:hidden}
.dh-articles-grid .dh-article-image img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .4s ease}
.dh-articles-grid .dh-article-image:hover img{transform:scale(1.06)}
.dh-articles-grid .dh-article-body{padding:22px 2px 0}
.dh-articles-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:0 0 12px;color:var(--dh-accent);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.095em}
.dh-articles-card-meta span+span{color:#8b8f90;padding-left:13px;border-left:1px solid #c9cbd0}
.dh-articles-grid .dh-article-body h3{font:500 clamp(25px,2.15vw,33px)/1.15 "Bodoni Moda",Georgia,serif;color:var(--dh-ink);letter-spacing:-.04em;margin:0 0 13px}
.dh-articles-grid .dh-article-body h3 a{color:inherit}
.dh-articles-grid .dh-article-body h3 a:hover{color:var(--dh-accent)}
.dh-articles-grid .dh-article-summary{font:400 13px/1.7 var(--bw-font,"Inter",Arial,sans-serif);color:var(--dh-muted);margin:0 0 15px}
.dh-articles-text-link{display:inline-flex;gap:22px;align-items:center;color:#273339;font-size:12px;font-weight:750;padding-bottom:6px;border-bottom:1px solid #adb3b3}
.dh-articles-text-link:hover{color:var(--dh-accent);border-color:var(--dh-accent)}
.dh-articles .dh-no-results{border:1px dashed #dedad3;border-radius:10px;background:#faf8f5;margin-top:15px}
.dh-articles .dh-no-results p{margin-top:0}
.dh-articles .dh-no-results a{color:var(--dh-accent);font-weight:700}
@media(max-width:1100px){.dh-articles-masthead-layout{gap:35px}.dh-articles-masthead h1{font-size:clamp(66px,9vw,115px)}}
@media(max-width:780px){.dh-articles-masthead{padding:40px 0 55px}.dh-articles-masthead-layout{grid-template-columns:1fr;gap:17px}.dh-articles-masthead-copy{padding:15px 0 0}.dh-articles-masthead h1{font-size:clamp(65px,12vw,102px);margin:15px 0}.dh-articles-cover-photo{height:390px}.dh-articles-collection{padding:67px 0}.dh-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 21px}.dh-articles-heading-row h2{font-size:58px}}
@media(max-width:550px){.dh-articles-masthead{padding:25px 0 40px}.dh-articles-masthead h1{font-size:clamp(61px,15vw,92px)}.dh-articles-cover-photo{height:265px}.dh-articles-cover-caption{padding:24px 21px 26px}.dh-articles-cover-caption h2{font-size:28px}.dh-articles-collection{padding:49px 0 65px}.dh-articles-heading-row{padding-bottom:23px}.dh-articles-heading-row h2{font-size:49px}.dh-articles-tools{margin-bottom:29px}.dh-articles .dh-inner-filters{padding-bottom:0}.dh-articles-grid{grid-template-columns:1fr;gap:38px}.dh-articles-grid .dh-article-body h3{font-size:27px}.dh-articles-grid .dh-article-image{aspect-ratio:1.42}.dh-articles-cover-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.dh-articles a,.dh-articles img,.dh-articles button{transition:none!important}}


/* v1.2.28: White elevated article cards across the Articles page. */
.dh-articles-grid .dh-article-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid rgba(30,35,42,.06);
  box-shadow:0 9px 30px rgba(24,29,36,.10);
  overflow:hidden;
  min-width:0;
  height:100%;
}
.dh-articles-grid .dh-article-image{background-color:#fff}
.dh-articles-grid .dh-article-body{padding:22px 24px 26px;flex:1}
@media(max-width:550px){.dh-articles-grid .dh-article-body{padding:20px 20px 24px}}

/* v1.2.30: Category-only controls, centered on desktops, tablets, and phones. */
.dh-articles .dh-articles-tools{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin-bottom:36px;
}
.dh-articles .dh-articles-tools .dh-inner-filters{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  width:100%;
  max-width:100%;
  overflow:visible;
  gap:9px;
  margin:0;
  padding:0;
}
@media(max-width:550px){
  .dh-articles .dh-articles-tools{margin-bottom:29px}
  .dh-articles .dh-articles-tools .dh-inner-filters{gap:8px}
}


/* v1.2.31: The hero is intentionally full bleed. This more-specific selector
   supersedes the theme-wide "uncropped featured images" (object-fit: contain)
   rule, without changing article card thumbnails or other pages. */
.dh-articles .dh-articles-cover-story .dh-articles-cover-photo{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
  background:#fff;
}
.dh-articles .dh-articles-cover-story .dh-articles-cover-photo > img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
}
.dh-articles .dh-articles-cover-caption .dh-articles-feature-read{
  margin-top:24px;
  font:750 12px/1.4 var(--bw-font,"Inter",Arial,sans-serif);
}
@media(max-width:550px){
  .dh-articles .dh-articles-cover-caption .dh-articles-feature-read{margin-top:19px}
}


/* v1.2.53: An entire Articles card (including text/white space) opens its own
   article in the current tab. Preserve semantic image, heading and CTA links. */
.dh-articles .dh-article-card-linked { position: relative; cursor: pointer; }
.dh-articles .dh-articles-grid .dh-article-card-linked .dh-article-body h3 a::after,
.dh-articles .dh-articles-cover-story.dh-article-card-linked .dh-articles-cover-caption h2 a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  cursor: pointer;
}
.dh-articles .dh-article-card-linked:focus-within {
  outline: 2px solid var(--dh-accent, #bf4332);
  outline-offset: 3px;
}
.dh-articles .dh-article-card-linked:hover .dh-article-body h3 a,
.dh-articles .dh-article-card-linked:hover .dh-articles-cover-caption h2 a {
  color: var(--dh-accent, #bf4332);
}