/* Scoped editorial presentation for the Home Stories section. */
body.hs-page {
  --hs-ink: #222;
  --hs-heading: #4a5568;
  --hs-muted: #7b8087;
  --hs-gold: #b99543;
  --hs-gold-dark: #806526;
  --hs-blue: #e7eff1;
  --hs-line: #e4e5e5;
  margin: 0;
  background: #fff;
  color: var(--hs-ink);
  font-family: "DM Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
.hs-page *, .hs-page *::before, .hs-page *::after { box-sizing: border-box; }
.hs-page img { max-width: 100%; }
.hs-page a { color: inherit; text-underline-offset: .17em; }
.hs-page a:hover { color: var(--hs-gold-dark); }
.hs-page button, .hs-page input { font: inherit; }
.hs-page button { cursor: pointer; }
.hs-page :focus-visible { outline: 3px solid #8b701f; outline-offset: 4px; }
.hs-page [hidden] { display: none !important; }
.hs-page .hs-skip-link {
  position: fixed; left: 16px; top: -100px; z-index: 100003;
  padding: 12px 18px; background: #fff; color: #222; border: 2px solid var(--hs-gold);
}
.hs-page .hs-skip-link:focus { top: 12px; }
.hs-header { background: #fff; border-bottom: 1px solid #f4f4f3; }
.hs-header-inner {
  width: calc(100% - 64px); max-width: 1168px; min-height: 120px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 48px;
}
.hs-logo {
  display: inline-flex; flex: 0 0 200px; align-items: center; gap: 12px;
  text-decoration: none; font-family: "DM Sans", Arial, sans-serif;
  color: #222; font-size: 18px; font-weight: 600; letter-spacing: .055em;
}
.hs-logo-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 39px; color: var(--hs-gold); flex: 0 0 36px;
}
.hs-logo-mark svg { width: 36px; height: 39px; }
.hs-logo small { display: block; color: #8e8e86; font-size: 8px; letter-spacing: .25em; margin-top: 3px; font-weight: 400; }
.hs-nav {
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 22px;
  font-size: 10px; line-height: 1.6; letter-spacing: 2px; font-weight: 500; text-transform: uppercase;
}
.hs-nav a { text-decoration: none; white-space: nowrap; }
.hs-nav a[aria-current="page"] { color: var(--hs-gold-dark); }
.hs-header [data-hs-menu] {
  display: none; background: transparent; border: 1px solid #ddd; border-radius: 0;
  padding: 9px 11px; color: #4a5568; font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
}
.hs-titleband { background: var(--hs-blue); }
.hs-title-inner { max-width: 1080px; margin: 0 auto; padding: 42px 24px 37px; text-align: center; }
.hs-title-inner h1 {
  max-width: 1010px; margin: 0 auto 21px; font-family: "DM Serif Display", Georgia, serif;
  font-size: 36.8px; line-height: 44.16px; font-weight: 400; letter-spacing: 0; color: var(--hs-heading);
}
.hs-meta {
  display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px 12px;
  font-size: 11px; line-height: 1.7; font-weight: 400; text-transform: uppercase;
  letter-spacing: 1.3px; color: #8a816d;
}
.hs-meta a { text-decoration: none; border-bottom: 1px solid #c2b596; }
.hs-meta time { white-space: nowrap; }
.hs-dek { max-width: 710px; margin: 18px auto 0; color: #5c6773; font-size: 16px; line-height: 1.7; }
.hs-layout {
  width: calc(100% - 64px); max-width: 1168px; margin: 48px auto 76px;
  display: grid; grid-template-columns: minmax(0, 760px) minmax(0, 350px); gap: 32px;
  align-items: start;
}
.hs-article { min-width: 0; font-size: 19px; line-height: 33.25px; }
.hs-article p { margin: 0 0 22px; }
.hs-article h2, .hs-article h3, .hs-sidebar h2, .hs-sidebar h3 {
  color: var(--hs-heading); font-family: "DM Serif Display", Georgia, serif; letter-spacing: 0;
}
.hs-article h2 { margin: 0 0 23px; font-size: 28px; line-height: 1.3; font-weight: 400; }
.hs-article h3 { margin: 0 0 16px; font-size: 25px; line-height: 1.35; font-weight: 400; }
.hs-section { margin: 47px 0 0; scroll-margin-top: 36px; }
.hs-section h2 { margin-bottom: 23px; }
.hs-figure { margin: 0 0 21px; }
.hs-image {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
  border: 4px solid #fff; outline: 1px solid #e7e7e5; background-color: #e7e6df;
}
.hs-image.hs-atlas {
  aspect-ratio: 2 / 1; height: auto; background-image: url("images/home-atlas.png");
  background-repeat: no-repeat; background-size: 300% 400%; background-origin: padding-box;
}
.hs-atlas[data-hs-image="retro-kitchen"] { background-position: 0% 0%; }
.hs-atlas[data-hs-image="wood-cabinets"] { background-position: 50% 0%; }
.hs-atlas[data-hs-image="breakfast-nook"] { background-position: 100% 0%; }
.hs-atlas[data-hs-image="patterned-floor"] { background-position: 0% 33.333333%; }
.hs-atlas[data-hs-image="retro-living"] { background-position: 50% 33.333333%; }
.hs-atlas[data-hs-image="reading-corner"] { background-position: 100% 33.333333%; }
.hs-atlas[data-hs-image="glassware"] { background-position: 0% 66.666667%; }
.hs-atlas[data-hs-image="pantry"] { background-position: 50% 66.666667%; }
.hs-atlas[data-hs-image="wall-phone"] { background-position: 100% 66.666667%; }
.hs-atlas[data-hs-image="dining-room"] { background-position: 0% 100%; }
.hs-atlas[data-hs-image="entryway"] { background-position: 50% 100%; }
.hs-atlas[data-hs-image="ceramics"] { background-position: 100% 100%; }
.hs-figure figcaption { margin: 9px 4px 0; font-size: 11px; line-height: 1.6; color: #7a7c7d; }
.hs-image-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; margin: 11px 0 20px; }
.hs-image-tools > div, .hs-votes { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.hs-save-image, .hs-save-card button, .hs-page [data-hs-save-article], .hs-page [data-hs-share] {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 36px; padding: 9px 15px; background: var(--hs-gold); color: #fff;
  border: 1px solid var(--hs-gold); border-radius: 0; font-size: 10px; line-height: 1.5;
  font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none;
}
.hs-save-image:hover, .hs-save-card button:hover, .hs-page [data-hs-save-article]:hover { background: #a58435; color: #fff; }
.hs-save-image[aria-pressed="true"], .hs-page [data-hs-save-article][aria-pressed="true"] { background: #726647; border-color: #726647; }
.hs-vote {
  display: inline-flex; align-items: center; justify-content: center; min-height: 36px;
  padding: 8px 13px; background: #fff; color: #737373; border: 1px solid #d9dcdd;
  border-radius: 0; font-size: 11px; line-height: 1.5; font-weight: 400; letter-spacing: 0;
}
.hs-vote:hover { border-color: #a89465; color: #584e37; }
.hs-vote[aria-pressed="true"] { border-color: var(--hs-gold); background: #f9f5eb; color: #6f561f; }
.hs-page [data-hs-share] { background: #fff; color: #737373; border-color: #d9dcdd; }
.hs-related-tags {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 15px; margin: 22px 0 32px;
  color: #8a8a84; font-size: 10px; line-height: 1.9; text-transform: uppercase; letter-spacing: 1px;
}
.hs-related-tags a { text-decoration: none; color: #7e7667; border-bottom: 1px solid #bca164; }
.hs-save-card {
  margin: 40px 0 45px; padding: 29px 28px; background: var(--hs-blue); text-align: center;
}
.hs-save-card h2, .hs-save-card h3 { margin: 0 0 10px; font-size: 26px; }
.hs-save-card p { max-width: 570px; margin: 0 auto 17px; font-size: 15px; line-height: 1.7; color: #65717a; }
.hs-save-card button { min-height: 41px; }
.hs-sidebar { min-width: 0; padding-top: 3px; }
.hs-sidebar h2 { margin: 0 0 23px; font-size: 25px; line-height: 1.3; font-weight: 400; }
.hs-sidebar h3 { margin: 0 0 11px; font-size: 21px; line-height: 1.35; font-weight: 400; }
.hs-sidebar p { color: #6b7076; font-size: 14px; line-height: 1.8; }
.hs-sidebar .hs-story-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.hs-sidebar .hs-story-card { border-bottom: 1px solid var(--hs-line); padding-bottom: 22px; }
.hs-sidebar .hs-image { margin-bottom: 14px; }
.hs-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.hs-story-card { min-width: 0; }
.hs-story-card a { text-decoration: none; }
.hs-story-card .hs-image { margin-bottom: 15px; }
.hs-story-card h2, .hs-story-card h3 { margin: 0 0 11px; font-family: "DM Serif Display", Georgia, serif; color: var(--hs-heading); font-size: 26px; line-height: 1.3; font-weight: 400; }
.hs-story-card p { font-size: 14px; line-height: 1.8; color: #69717a; margin: 0 0 15px; }
.hs-card-category { display: block; color: #97876a; font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 10px; }
.hs-article .hs-story-grid { margin-top: 25px; }
.hs-sources { border-top: 1px solid var(--hs-line); margin-top: 45px; padding-top: 26px; font-size: 14px; line-height: 1.8; }
.hs-sources h2 { font-size: 24px; }
.hs-sources ul { margin: 0; padding-left: 19px; }
.hs-sources li { margin-bottom: 9px; }
.hs-disclosure { color: #7f8285; font-size: 12px; line-height: 1.8; }
.hs-footer { border-top: 1px solid var(--hs-line); padding: 34px 24px; background: #fafafa; color: #7c7c78; font-size: 11px; line-height: 1.9; }
.hs-footer > div { max-width: 1168px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px 30px; }
.hs-footer p { margin: 0; }
.hs-footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
.hs-footer a { text-decoration: none; }
.hs-progress { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 100001; pointer-events: none; background: transparent; }
.hs-progress[data-hs-progress] { right: auto; width: 0; background: var(--hs-gold); }
.hs-progress > [data-hs-progress] { display: block; width: 0; height: 100%; background: var(--hs-gold); }
.hs-page.admin-bar .hs-progress { top: 32px; }
.hs-nextbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 999;
  display: flex; align-items: center; justify-content: center; gap: 18px;
  min-height: 65px; padding: 12px 56px 12px 24px; border-top: 1px solid #d8d9d6;
  background: rgba(255,255,255,.98); box-shadow: 0 -4px 18px rgba(0,0,0,.035);
  color: #4a5568; font-size: 13px; line-height: 1.45;
}
.hs-nextbar a { max-width: 760px; color: #4a5568; text-decoration-color: #b99543; font-weight: 500; }
.hs-nextbar > span { flex: 0 0 auto; color: #958267; font-size: 10px; text-transform: uppercase; letter-spacing: 1.3px; }
.hs-nextbar [data-hs-dismiss] {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 33px; height: 33px;
  background: #fff; border: 1px solid #ddd; color: #696b6c; font-size: 17px; line-height: 1;
}
.hs-page.hs-next-visible { padding-bottom: 80px; }
.hs-hub { width: calc(100% - 64px); max-width: 1168px; margin: 48px auto 72px; }
.hs-hub .hs-story-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.hs-hub-intro { max-width: 760px; margin: 0 0 35px; font-size: 18px; line-height: 1.8; }
.hs-hub-content { padding-top: 28px; }
.hs-category-nav { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0 0 28px; padding: 14px 0; border-top: 1px solid var(--hs-line); border-bottom: 1px solid var(--hs-line); font-size: 13px; line-height: 1.5; }
.hs-category-nav a { display: inline-block; padding: 5px 0; text-decoration: none; }
.hs-hub-content > h2 { margin: 26px 0; font: 400 30px/1.3 "DM Serif Display", Georgia, serif; color: var(--hs-heading); }
.hs-page .hs-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; max-width: 570px; margin: 0 0 30px; }
.hs-page .hs-search label { grid-column: 1 / -1; display: block; font-size: 14px; line-height: 1.5; }
.hs-page .hs-search input { min-width: 0; width: 100%; margin: 0; padding: 12px; border: 1px solid #cfd4d6; border-radius: 0; background: #fff; color: #222; }
.hs-page .hs-search button { margin: 0; padding: 11px 19px; border: 1px solid var(--hs-gold); background: var(--hs-gold); color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
.hs-page a.hs-story-card { display: block; text-decoration: none; }
.hs-empty { padding: 30px 0; font-size: 16px; color: #737373; }
.hs-page [data-hs-saved-grid]:not([data-hs-ready="true"]),
.hs-page [data-hs-saved-empty]:not([data-hs-ready="true"]) { visibility: hidden; }
@media (max-width: 1050px) {
  .hs-header-inner { gap: 25px; }
  .hs-logo { flex-basis: 180px; }
  .hs-nav { gap: 15px; letter-spacing: 1.5px; }
  .hs-layout { grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; }
}
@media (max-width: 800px) {
  .hs-header-inner { width: calc(100% - 40px); min-height: 80px; flex-wrap: wrap; gap: 0; padding: 18px 0; }
  .hs-logo { flex: 1; font-size: 17px; }
  .hs-logo-mark, .hs-logo-mark svg { width: 31px; height: 34px; }
  .hs-header [data-hs-menu] { display: inline-flex; }
  .hs-nav { display: none; flex: 0 0 100%; justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; gap: 23px; padding: 19px 0 3px; margin-top: 10px; border-top: 1px solid #eee; scrollbar-width: thin; }
  .hs-nav.is-open { display: flex; }
  .hs-title-inner { padding: 34px 20px 30px; }
  .hs-title-inner h1 { font-size: 32px; line-height: 1.2; margin-bottom: 19px; }
  .hs-meta { font-size: 9px; letter-spacing: 1px; gap: 5px 10px; }
  .hs-dek { font-size: 15px; }
  .hs-layout { width: calc(100% - 40px); margin-top: 30px; margin-bottom: 48px; display: block; }
  .hs-article { font-size: 18px; line-height: 1.75; }
  .hs-article h2 { font-size: 27px; }
  .hs-section { margin-top: 38px; }
  .hs-sidebar { padding-top: 42px; margin-top: 40px; border-top: 1px solid var(--hs-line); }
  .hs-sidebar .hs-story-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  .hs-sidebar .hs-story-card h3 { font-size: 22px; }
  .hs-story-grid { gap: 23px; }
  .hs-save-card { margin: 31px 0 36px; padding: 25px 19px; }
  .hs-save-card h2, .hs-save-card h3 { font-size: 25px; }
  .hs-image-tools { margin-top: 9px; }
  .hs-hub { width: calc(100% - 40px); margin-top: 32px; }
  .hs-hub .hs-story-grid { gap: 25px; }
  .hs-page.admin-bar .hs-progress { top: 46px; }
  .hs-nextbar { justify-content: flex-start; gap: 8px; min-height: 72px; padding: 10px 53px 10px 20px; }
  .hs-nextbar > span { display: none; }
}
@media (max-width: 520px) {
  .hs-article h2 { font-size: 26px; line-height: 1.32; }
  .hs-title-inner h1 { font-size: 32px; }
  .hs-image-tools { gap: 8px; }
  .hs-image-tools > div, .hs-votes { gap: 6px; }
  .hs-save-image { padding-left: 10px; padding-right: 10px; letter-spacing: 1px; }
  .hs-vote { padding-left: 10px; padding-right: 10px; font-size: 10px; }
  .hs-story-grid, .hs-hub .hs-story-grid, .hs-sidebar .hs-story-grid { grid-template-columns: minmax(0,1fr); }
  .hs-story-card h2, .hs-story-card h3 { font-size: 25px; }
  .hs-related-tags { font-size: 9px; gap: 6px 12px; }
  .hs-footer { padding-left: 20px; padding-right: 20px; }
}
@media (prefers-reduced-motion: no-preference) {
  .hs-page button, .hs-page a { transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
}
@media print {
  .hs-header, .hs-sidebar, .hs-image-tools, .hs-save-card, .hs-nextbar, .hs-progress, .hs-footer { display: none !important; }
  .hs-layout, .hs-hub { display: block; width: 100%; max-width: none; margin: 20px 0; }
  .hs-titleband { background: none; }
  .hs-page.hs-next-visible { padding-bottom: 0; }
  .hs-section { break-inside: avoid; }
}
.hs-measurement-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:2147483000;max-width:620px;margin:0 auto;padding:18px 20px;background:#fff;color:#243442;border:1px solid #cad4da;box-shadow:0 6px 28px #182b3b26;border-radius:8px;font:15px/1.5 'DM Sans',sans-serif}
.hs-measurement-banner[hidden]{display:none}
.hs-measurement-title{font-size:17px}
.hs-measurement-description{margin:7px 0 14px}
.hs-measurement-actions{display:flex;gap:10px;flex-wrap:wrap}
.hs-measurement-actions button{padding:9px 14px;border:1px solid #405c6b;border-radius:4px;background:#fff;color:#243442;cursor:pointer;font:600 14px 'DM Sans',sans-serif}
.hs-measurement-actions .hs-measurement-allow{background:#405c6b;color:#fff}
.hs-measurement-actions button:disabled{opacity:.5;cursor:default}
.hs-measurement-preferences{border:0;padding:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.hs-measurement-actions button:focus-visible,.hs-measurement-preferences:focus-visible{outline:3px solid #c48b43;outline-offset:3px}
@media(max-height:680px){html:has(body.hs-profile-gompon) #mg-gpt-popup-close-btn{position:fixed;top:40px;right:16px;left:auto;z-index:2}}
.hs-ad-placement{margin:32px 0;min-width:0;max-width:100%}
.hs-ad-placement-label{display:block;margin:0 0 8px;color:#777;font:11px/1.4 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}