/* Blog layouts inherit the site's palette, navigation and typography. */
@font-face {
  font-family: "Google Sans Flex";
  src: url("/assets/fonts/google-sans-flex-latin.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
body[data-page="blog"] {
  background: var(--sand-2);
  letter-spacing: 0;
}
body[data-page="blog"] .blog-main {
  width: min(var(--max), 100%);
  margin: 0 auto;
  padding: 155px 36px 92px;
  min-height: 65vh;
}
body[data-page="blog"] .blog-heading {
  border-left: 6px solid var(--red);
  padding: 8px 0 8px 26px;
  margin: 24px 0 36px;
}
body[data-page="blog"] .blog-heading .eyebrow {
  color: var(--red);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 12px;
}
body[data-page="blog"] h1 {
  font-size: 44px;
  line-height: 1.15;
  color: var(--brown);
  max-width: 900px;
  margin: 12px 0 20px;
  overflow-wrap: break-word;
  letter-spacing: 0;
}
body[data-page="blog"] h2 {
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0;
}
body[data-page="blog"] .lead {
  font-size: 20px;
  line-height: 1.6;
  max-width: 760px;
  color: var(--brown-2);
}
body[data-page="blog"] .crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  color: var(--muted);
  margin-bottom: 28px;
}
body[data-page="blog"] .crumb a {
  text-decoration: none;
}
body[data-page="blog"] .blog-categories {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  border-bottom: 1px solid #bdb4aa;
  padding: 0 0 16px;
}
body[data-page="blog"] .blog-categories a {
  text-decoration: none;
  line-height: 1.5;
  color: var(--brown);
  font-weight: 600;
}
body[data-page="blog"] .blog-categories a[aria-current] {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 3px;
}
body[data-page="blog"] .blog-filter {
  display: flex;
  align-items: end;
  gap: 12px;
  margin-top: 22px;
}
body[data-page="blog"] .blog-filter label {
  display: grid;
  gap: 6px;
  font-size: 14px;
}
body[data-page="blog"] select {
  font: inherit;
  background: white;
  border: 1px solid #bdb4aa;
  padding: 10px;
  max-width: 100%;
  min-height: 44px;
}
body[data-page="blog"] .article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-top: 36px;
}
body[data-page="blog"] .article-grid article {
  background: #f9f8f5;
  border: 1px solid #d0c8be;
  padding: 14px 14px 22px;
  min-width: 0;
}
body[data-page="blog"] .article-grid a {
  text-decoration: none;
}
body[data-page="blog"] .article-grid h2 {
  font-size: 23px;
  color: var(--brown);
  margin: 22px 8px 12px;
}
body[data-page="blog"] .article-grid a:hover h2 {
  color: var(--red);
}
body[data-page="blog"] .article-grid p,
body[data-page="blog"] .article-grid time {
  margin: 0 8px 16px;
  color: var(--brown-2);
  line-height: 1.6;
}
body[data-page="blog"] .article-grid time {
  font-size: 13px;
}
body[data-page="blog"] .article-grid img,
body[data-page="blog"] .blog-placeholder {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background: white;
}
body[data-page="blog"] .blog-placeholder {
  display: grid;
  place-items: center;
  background: var(--brown);
}
body[data-page="blog"] .blog-placeholder .brand-mark {
  width: 65%;
  height: 60%;
}
body[data-page="blog"] .blog-article {
  max-width: 860px;
  margin: auto;
}
body[data-page="blog"] .blog-terms,
body[data-page="blog"] .blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0;
  color: var(--red);
  font-weight: 600;
}
body[data-page="blog"] .blog-tags {
  font-size: 14px;
  border-top: 1px solid #c8beb5;
  padding-top: 24px;
}
body[data-page="blog"] .byline {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}
body[data-page="blog"] .article-cover {
  width: 100%;
  max-height: 580px;
  object-fit: contain;
  background: white;
  margin: 32px 0;
}
body[data-page="blog"] .prose {
  font-size: 18px;
  line-height: 1.8;
  overflow-wrap: anywhere;
  color: var(--brown);
}
body[data-page="blog"] .prose h2,
body[data-page="blog"] .prose h3 {
  margin-top: 36px;
  color: var(--brown);
}
body[data-page="blog"] .prose img {
  max-width: 100%;
  height: auto;
}
body[data-page="blog"] .prose pre {
  overflow: auto;
  background: #f8f7f4;
  padding: 16px;
}
body[data-page="blog"] .prose blockquote {
  border-left: 3px solid var(--red);
  margin-left: 0;
  padding-left: 24px;
}
body[data-page="blog"] .article-contact,
body[data-page="blog"] .blog-related {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 2px solid var(--red);
}
body[data-page="blog"] .article-contact a {
  display: inline-block;
  margin: 8px 20px 0 0;
}
body[data-page="blog"] .blog-related li {
  margin: 12px 0;
}
body[data-page="blog"] .preview-label {
  color: var(--red);
  font-weight: bold;
}
body[data-page="blog"] .blog-empty {
  padding: 48px 0;
}
body[data-page="blog"] .contact-grid.three {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}
body[data-page="blog"] .contact-footer {
  margin-top: 0;
}
@media (max-width: 1100px) {
  body[data-page="blog"] .brand {
    width: 230px;
    height: 145px;
  }
  body[data-page="blog"] .site-header {
    padding-left: 255px;
    padding-right: 16px;
  }
  body[data-page="blog"] .site-nav a {
    min-width: 0;
    padding: 0 12px;
  }
  body[data-page="blog"] .article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 959px) {
  body[data-page="blog"] .site-header {
    padding: 0 18px;
  }
  body[data-page="blog"] .brand {
    position: relative;
    width: 158px;
    height: 104px;
    flex-shrink: 0;
    margin-bottom: -12px;
    left: auto;
  }
  body[data-page="blog"] .blog-main {
    padding-top: 48px;
  }
  body[data-page="blog"] .site-nav a {
    font-size: 15px;
    padding: 0 10px;
  }
}
@media (max-width: 679px) {
  body[data-page="blog"] .blog-main {
    padding: 44px 20px 72px;
  }
  body[data-page="blog"] .site-header {
    min-height: 72px;
  }
  body[data-page="blog"] .brand {
    width: 142px;
    height: 94px;
  }
  body[data-page="blog"] .site-nav {
    inset: 82px 12px auto;
    z-index: 4;
  }
  body[data-page="blog"] .site-nav a {
    padding: 14px 16px;
    font-size: 17px;
  }
  body[data-page="blog"] h1 {
    font-size: 32px;
  }
  body[data-page="blog"] .lead {
    font-size: 18px;
  }
  body[data-page="blog"] .blog-heading {
    padding-left: 18px;
  }
  body[data-page="blog"] .article-grid {
    grid-template-columns: 1fr;
  }
  body[data-page="blog"] .contact-grid.three {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  body[data-page="blog"] .blog-filter {
    flex-wrap: wrap;
  }
  body[data-page="blog"] .blog-filter label {
    min-width: 0;
  }
  body[data-page="blog"] .contact-grid {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* Shared footer composition and catalog-style blog distribution. */
body[data-page="blog"]{background:#fff}
body[data-page="blog"] .blog-main{padding:154px 0 64px}
body[data-page="blog"] .blog-list{display:grid;grid-template-columns:252px minmax(0,1fr);background:var(--sand-2);align-items:stretch;min-height:600px}
body[data-page="blog"] .blog-sidebar{background:var(--red);padding:32px 24px;color:#fff}
body[data-page="blog"] .blog-sidebar h2{font-size:24px;color:white;margin:0 0 24px}
body[data-page="blog"] .blog-categories{display:grid;gap:0;border:0;padding:0}
body[data-page="blog"] .blog-categories a{display:flex;justify-content:space-between;align-items:center;gap:14px;color:white;padding:18px 0;border-bottom:1px solid #ffffff66;font-size:18px;font-weight:500}
body[data-page="blog"] .blog-categories a[aria-current]{color:#fff;font-weight:800;text-decoration:none}
body[data-page="blog"] .blog-categories span{background:var(--yellow);color:var(--ink);padding:3px 8px;min-width:30px;text-align:center;font-size:14px}
body[data-page="blog"] .blog-results{padding:30px;min-width:0}
body[data-page="blog"] .blog-heading{border:0;padding:0;margin:20px 0}
body[data-page="blog"] .blog-search{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
body[data-page="blog"] .blog-search .search-box{flex:1 1 220px;margin:0;min-width:0}
body[data-page="blog"] .blog-search input{width:100%;min-width:0}
body[data-page="blog"] .blog-search .blog-tag-filter{max-width:100%;display:flex}
body[data-page="blog"] .article-grid{gap:22px;margin-top:26px}
body[data-page="blog"] .article-grid h2{font-size:21px}
body[data-page="blog"] .blog-article{padding:32px;background:var(--sand-2);max-width:960px}
body[data-page="blog"] .contact-footer{width:min(var(--max),100%);margin:0 auto}
body[data-page="blog"] .contact-ribbon{width:650px;max-width:72%;margin:0 0 0 calc(50% - 325px - 162px);padding:12px 18px;font-size:1.34rem}
body[data-page="blog"] .contact-grid{width:calc(100% - 96px);padding:56px 0 44px;gap:34px}
body[data-page="blog"] .contact-grid.three{grid-template-columns:minmax(0,1fr) 2px minmax(0,1.08fr) 2px minmax(0,1fr);align-items:stretch}
body[data-page="blog"] .contact-grid section{min-width:0}
body[data-page="blog"] .contact-divider{display:block;background:var(--yellow);width:2px}
body[data-page="blog"] .contact-grid h2{font-size:1.2rem;margin-bottom:14px}
body[data-page="blog"] .contact-form-card,body[data-page="blog"] .contact-location{display:flex;flex-direction:column}
body[data-page="blog"] .contact-form{flex:1;grid-template-rows:auto 54px auto 54px auto minmax(96px,1fr) auto auto auto}
body[data-page="blog"] .map-embed{flex:1;min-height:245px;width:100%}
body[data-page="blog"] .contact-location .button{width:100%}
@media(max-width:1100px){body[data-page="blog"] .blog-list{grid-template-columns:210px minmax(0,1fr)}body[data-page="blog"] .blog-results{padding:24px}body[data-page="blog"] .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="blog"] .contact-ribbon{margin-left:7%;width:65%}body[data-page="blog"] .contact-grid{width:calc(100% - 48px);gap:20px}body[data-page="blog"] .contact-form{grid-template-rows:auto 44px auto 44px auto minmax(96px,1fr) auto auto auto}}
@media(max-width:959px){body[data-page="blog"] .blog-main{padding-top:48px}body[data-page="blog"] .contact-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body[data-page="blog"] .contact-divider{display:none}body[data-page="blog"] .contact-grid .schedule-row,body[data-page="blog"] .contact-grid .phone-row{grid-template-columns:1fr}body[data-page="blog"] .contact-form input{min-width:0}}
@media(max-width:759px){body[data-page="blog"] .contact-grid.three{grid-template-columns:1fr;gap:28px}body[data-page="blog"] .contact-grid{width:calc(100% - 40px);padding:28px 0 36px}body[data-page="blog"] .contact-divider{display:block;width:100%;height:1px}body[data-page="blog"] .contact-ribbon{width:90%;max-width:90%;margin:0 auto;font-size:1.1rem}body[data-page="blog"] .map-embed{height:300px;flex:auto}body[data-page="blog"] .contact-form{grid-template-rows:auto 48px auto 48px auto 120px auto auto auto}}
@media(max-width:679px){body[data-page="blog"] .blog-main{padding:44px 0 64px}body[data-page="blog"] .blog-list{grid-template-columns:1fr}body[data-page="blog"] .blog-sidebar{padding:22px 20px}body[data-page="blog"] .blog-sidebar h2{font-size:20px;margin-bottom:12px}body[data-page="blog"] .blog-categories{display:flex;flex-wrap:wrap;gap:12px 20px}body[data-page="blog"] .blog-categories a{padding:8px 0;font-size:16px}body[data-page="blog"] .blog-results{padding:24px 20px}body[data-page="blog"] .article-grid{grid-template-columns:1fr}body[data-page="blog"] .blog-article{padding:24px 20px}}
/* Editorial edition: shared masthead, unframed stories and a reading column. */
body[data-page="blog"] .blog-main { padding: 0 0 80px; }
body[data-page="blog"] .editorial-hero { min-height: 470px; display:flex; align-items:center; background: url('/assets/img/hero/hero-vidrieria-del-sur.jpg') center / cover; padding:120px 5% 55px; }
body[data-page="blog"] .editorial-hero > div { width:42%; }
body[data-page="blog"] .editorial-hero h1 {font-size:58px;color:var(--red);margin:0 0 12px;}
body[data-page="blog"] .editorial-hero p {font-size:28px;line-height:1.25;margin:0;}
body[data-page="blog"] .editorial-body {padding:0 36px;}
body[data-page="blog"] .editorial-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 0;border-bottom:1px solid #d9d4d0;margin-bottom:36px;}
body[data-page="blog"] .editorial-topics {display:flex;flex:1;flex-wrap:wrap;gap:20px;}
body[data-page="blog"] .editorial-topics a {text-decoration:none;padding:10px 0;}
body[data-page="blog"] .editorial-topics a[aria-current] {color:var(--red);border-bottom:3px solid var(--red);font-weight:700;}
body[data-page="blog"] .editorial-toolbar .blog-search {flex:1 1 340px;}
body[data-page="blog"] .editorial-feature {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:38px;}
body[data-page="blog"] .editorial-feature.single-story {grid-template-columns:1fr;max-width:820px;margin:auto;}
body[data-page="blog"] .editorial-story {min-width:0;background:transparent;}
body[data-page="blog"] .editorial-story img {display:block;width:100%;aspect-ratio:16/10;object-fit:cover;}
body[data-page="blog"] .editorial-story a {text-decoration:none;}
body[data-page="blog"] .editorial-story h2 {font-size:28px;margin:18px 0 10px;}
body[data-page="blog"] .editorial-story p {line-height:1.65;}
body[data-page="blog"] .story-meta {font-size:14px;color:var(--muted);}
body[data-page="blog"] .story-link {color:var(--red);font-weight:700;}
body[data-page="blog"] .editorial-secondary {display:grid;gap:28px;align-content:start;}
body[data-page="blog"] .editorial-secondary h2 {font-size:22px;}
body[data-page="blog"] .editorial-secondary .editorial-story + .editorial-story {border-top:1px solid #d9d4d0;padding-top:24px;}
body[data-page="blog"] .editorial-more {margin:48px auto 0;padding:32px 0 0;border-top:1px solid #d9d4d0;max-width:1080px;}
body[data-page="blog"] .editorial-latest {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
body[data-page="blog"] .blog-article {max-width:960px;margin:140px auto 0;padding:0;background:transparent;}
body[data-page="blog"] .article-heading {background:var(--sand-2);padding:36px 48px;border-top:3px solid var(--yellow);}
body[data-page="blog"] .article-cover {display:block;width:100%;max-height:520px;object-fit:contain;background:var(--sand-2);margin:0;}
body[data-page="blog"] .article-index {max-width:760px;margin:32px auto;border-top:3px solid var(--yellow);border-bottom:1px solid #d9d4d0;background:#f4f2ef;}
body[data-page="blog"] .article-index summary {padding:18px 22px;font-size:18px;font-weight:700;cursor:pointer;}
body[data-page="blog"] .article-index ul {list-style:none;padding:0 22px 18px;margin:0;display:grid;gap:12px;}
body[data-page="blog"] .article-index a {text-decoration:none;color:var(--brown);display:block;padding:6px 0;}
body[data-page="blog"] .article-index a:hover {color:var(--red);}
body[data-page="blog"] .prose {max-width:760px;margin:36px auto;font-size:18px;line-height:1.8;}
body[data-page="blog"] .prose h2,body[data-page="blog"] .prose h3 {scroll-margin-top:120px;}
body[data-page="blog"] .prose h2 {background:var(--sand-2);border-top:3px solid var(--yellow);padding:22px;margin:40px 0 22px;font-size:28px;}
body[data-page="blog"] .prose h3 {font-size:23px;margin-top:28px;}
body[data-page="blog"] .prose img {width:100%;height:auto;}
body[data-page="blog"] .blog-tags,body[data-page="blog"] .blog-related,body[data-page="blog"] .article-contact {max-width:760px;margin:28px auto;}
body[data-page="blog"] :focus-visible {outline:3px solid var(--yellow);outline-offset:4px;}
@media(max-width:959px){body[data-page="blog"] .blog-main{padding-top:0}body[data-page="blog"] .editorial-hero{min-height:390px;padding-top:80px}body[data-page="blog"] .editorial-hero h1{font-size:44px}body[data-page="blog"] .editorial-hero p{font-size:24px}body[data-page="blog"] .blog-article{margin-top:40px;padding:0 24px}}
@media(max-width:679px){body[data-page="blog"] .editorial-hero{min-height:330px;padding:60px 24px 35px;background-position:40% center}body[data-page="blog"] .editorial-hero > div{width:53%}body[data-page="blog"] .editorial-hero h1{font-size:36px}body[data-page="blog"] .editorial-hero p{font-size:20px}body[data-page="blog"] .editorial-body{padding:0 20px}body[data-page="blog"] .editorial-feature,body[data-page="blog"] .editorial-latest{grid-template-columns:1fr;gap:32px}body[data-page="blog"] .editorial-story h2{font-size:25px}body[data-page="blog"] .article-heading{padding:24px 20px}body[data-page="blog"] .blog-article{padding:0 20px}body[data-page="blog"] .prose{font-size:17px}body[data-page="blog"] .prose h2{font-size:24px;padding:18px}body[data-page="blog"] .editorial-more{margin:36px 20px 0}}
/* Magazine rhythm: topic strip, balanced lead story and section accents. */
body[data-page="blog"] .editorial-body {padding:0;background:#f3f2ef;}
body[data-page="blog"] .editorial-toolbar {position:relative;display:flex;flex-wrap:wrap;gap:0;padding:0 36px;margin:0;background:var(--sand-2);border:0;min-height:76px;}
body[data-page="blog"] .editorial-topics {gap:28px;align-items:center;min-width:0;padding:12px 0;}
body[data-page="blog"] .editorial-topics a {font-size:16px;white-space:nowrap;}
body[data-page="blog"] .editorial-search {margin-left:24px;}
body[data-page="blog"] .editorial-search summary {list-style:none;cursor:pointer;border-left:1px solid #b9b1ab;display:grid;place-items:center;width:56px;height:40px;font-size:22px;}
body[data-page="blog"] .editorial-search summary::-webkit-details-marker {display:none;}
body[data-page="blog"] .editorial-search[open] {flex-basis:100%;margin:0;padding:0 0 20px;}
body[data-page="blog"] .editorial-search[open] summary {position:absolute;right:36px;top:18px;color:var(--red);}
body[data-page="blog"] .editorial-search[open] .blog-search {display:flex;width:100%;gap:12px;padding-top:12px;}
body[data-page="blog"] .editorial-feature {padding:40px 36px 44px;gap:32px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);}
body[data-page="blog"] .editorial-feature > .editorial-story {display:flex;flex-direction:column;}
body[data-page="blog"] .editorial-feature > .editorial-story > a:first-child {flex:1;display:flex;flex-direction:column;}
body[data-page="blog"] .editorial-feature > .editorial-story > a:first-child img {flex:1;min-height:350px;max-height:620px;aspect-ratio:4/3;}
body[data-page="blog"] .editorial-feature > .editorial-story h2 {font-size:34px;line-height:1.14;margin:22px 0 0;color:var(--brown);}
body[data-page="blog"] .editorial-feature > .editorial-story .story-excerpt {font-size:18px;margin:16px 0 20px;}
body[data-page="blog"] .story-footer {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #d4ceca;padding-top:16px;margin-top:auto;}
body[data-page="blog"] .story-footer .story-meta {margin:0;}
body[data-page="blog"] .editorial-secondary {gap:24px;}
body[data-page="blog"] .editorial-secondary img {aspect-ratio:2.15;}
body[data-page="blog"] .editorial-secondary h2 {font-size:23px;margin:14px 0 8px;}
body[data-page="blog"] .editorial-secondary .story-excerpt {font-size:16px;line-height:1.5;margin:8px 0 14px;}
body[data-page="blog"] .editorial-secondary .story-footer {border:0;padding:0;gap:8px;}
body[data-page="blog"] .editorial-secondary .story-meta {font-size:13px;}
body[data-page="blog"] .editorial-body > .editorial-more {background:white;max-width:none;margin:0;padding:36px;border:0;}
body[data-page="blog"] .editorial-more > h2 {font-size:34px;margin:0 0 32px;color:var(--brown);}
body[data-page="blog"] .editorial-more > h2::after {content:"";display:block;width:56px;height:5px;background:var(--red);margin-top:16px;}
body[data-page="blog"] .editorial-latest {gap:40px 32px;}
body[data-page="blog"] .editorial-latest .editorial-story {display:flex;flex-direction:column;border-bottom:1px solid #ddd6d0;padding-bottom:24px;}
body[data-page="blog"] .editorial-latest img {aspect-ratio:2;}
body[data-page="blog"] .editorial-latest h2 {font-size:25px;}
body[data-page="blog"] .editorial-latest .story-excerpt {margin:0 0 20px;}
body[data-page="blog"] .editorial-latest .story-footer {border:0;padding:0;}
body[data-page="blog"] .editorial-body > p,body[data-page="blog"] .editorial-body > .blog-empty {padding:24px 36px;margin:0;}
@media(max-width:959px){body[data-page="blog"] .editorial-toolbar{padding:0 24px}body[data-page="blog"] .editorial-topics{gap:18px}body[data-page="blog"] .editorial-feature{padding:28px 24px;gap:24px}body[data-page="blog"] .editorial-feature > .editorial-story h2{font-size:29px}body[data-page="blog"] .editorial-search[open] summary{right:24px}}
@media(max-width:679px){body[data-page="blog"] .editorial-toolbar{padding:0 20px;align-items:center}body[data-page="blog"] .editorial-topics{flex-wrap:nowrap;overflow-x:auto;gap:20px;padding:18px 0}body[data-page="blog"] .editorial-search{margin-left:12px}body[data-page="blog"] .editorial-search summary{width:40px}body[data-page="blog"] .editorial-search[open] summary{right:20px;top:20px}body[data-page="blog"] .editorial-toolbar:has(.editorial-search[open]) .editorial-topics{margin-right:52px}body[data-page="blog"] .editorial-feature{grid-template-columns:1fr;padding:28px 20px;gap:32px}body[data-page="blog"] .editorial-feature > .editorial-story > a:first-child img{min-height:0;flex:none;aspect-ratio:4/3}body[data-page="blog"] .editorial-feature > .editorial-story h2{font-size:28px}body[data-page="blog"] .editorial-body > .editorial-more{padding:28px 20px}body[data-page="blog"] .editorial-more > h2{font-size:29px}body[data-page="blog"] .editorial-search .blog-search .search-box{flex-basis:100%}}
/* Article sections share the magazine's outer width and editorial accents. */
body[data-page="blog"] .blog-article {width:100%;max-width:none;margin:0;padding:0;}
body[data-page="blog"] .article-heading {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:36px;padding:40px 36px;background:#f3f2ef;border:0;}
body[data-page="blog"] .article-heading:not(:has(.article-cover)) {grid-template-columns:1fr;}
body[data-page="blog"] .article-heading h1 {font-size:40px;line-height:1.16;margin:18px 0;max-width:none;}
body[data-page="blog"] .article-heading h1::after {content:"";display:block;width:56px;height:5px;background:var(--red);margin-top:22px;}
body[data-page="blog"] .article-heading .lead {font-size:20px;line-height:1.6;}
body[data-page="blog"] .article-heading .byline {font-size:14px;line-height:1.6;margin-bottom:0;}
body[data-page="blog"] .article-heading .article-cover {width:100%;height:390px;max-height:none;object-fit:contain;margin:0;background:var(--sand-2);}
body[data-page="blog"] .article-index {width:100%;max-width:none;margin:0;padding:0 36px;border:0;border-top:3px solid var(--yellow);background:var(--sand-2);}
body[data-page="blog"] .article-index summary {padding:20px 0;}
body[data-page="blog"] .article-index ul {display:flex;flex-wrap:wrap;gap:12px 0;padding:0 0 24px;}
body[data-page="blog"] .article-index li {display:flex;align-items:center;margin:0;}
body[data-page="blog"] .article-index li:not(:last-child)::after {content:"";display:block;width:4px;height:4px;background:var(--red);margin:0 18px;flex-shrink:0;}
body[data-page="blog"] .article-index a {padding:4px 0;line-height:1.5;}
body[data-page="blog"] .prose {max-width:none;width:100%;margin:0;font-size:19px;line-height:1.8;}
body[data-page="blog"] .reading-section {padding:32px 48px;display:flow-root;}
body[data-page="blog"] .reading-section:nth-child(even) {background:#f3f2ef;}
body[data-page="blog"] .reading-section > :first-child {margin-top:0;}
body[data-page="blog"] .reading-section > :last-child {margin-bottom:0;}
body[data-page="blog"] .prose h2 {font-size:32px;background:none;border:0;padding:0;margin:0 0 26px;line-height:1.25;}
body[data-page="blog"] .prose h2::after {content:"";display:block;width:48px;height:4px;background:var(--red);margin-top:14px;}
body[data-page="blog"] .prose h3 {font-size:25px;line-height:1.3;margin:28px 0 16px;}
body[data-page="blog"] .prose p {margin:18px 0;}
body[data-page="blog"] .prose blockquote {border:0;border-left:5px solid var(--yellow);background:white;padding:22px 30px;margin:26px 0;font-size:24px;font-weight:600;line-height:1.5;color:var(--brown);}
body[data-page="blog"] .prose blockquote p {margin:0;}
body[data-page="blog"] .prose li {padding-left:6px;margin:10px 0;}
body[data-page="blog"] .prose li::marker {color:var(--red);font-weight:700;}
body[data-page="blog"] .prose img {display:block;max-width:100%;height:auto;margin:28px auto 12px;width:auto;}
body[data-page="blog"] .portrait-figure {margin:0;min-width:0;}
body[data-page="blog"] .portrait-figure img {width:100%;height:auto;margin:0;max-height:none;}
body[data-page="blog"] .portrait-figure figcaption {font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px;}
@media(min-width:960px){body[data-page="blog"] .reading-section-portrait{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:40px;align-items:start}body[data-page="blog"] .reading-section-portrait > *{grid-column:1;min-width:0}body[data-page="blog"] .reading-section-portrait > .portrait-figure{grid-column:2}}
@media(max-width:959px){body[data-page="blog"] .portrait-figure{max-width:520px;margin:24px auto}}
body[data-page="blog"] .prose p:has(>img) + p:has(>em:only-child) {font-size:14px;color:var(--muted);margin-top:8px;text-align:center;}
body[data-page="blog"] .blog-tags {max-width:none;margin:0;padding:26px 36px;background:var(--sand-2);border:0;display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
body[data-page="blog"] .blog-tags h2 {font-size:18px;margin:0;}
body[data-page="blog"] .blog-tags > div {display:flex;flex-wrap:wrap;gap:12px;}
body[data-page="blog"] .blog-tags a {background:white;color:var(--brown);border-left:3px solid var(--red);padding:10px 16px;text-decoration:none;}
body[data-page="blog"] .blog-related {max-width:none;margin:0;padding:36px;border:0;}
body[data-page="blog"] .blog-related > h2,body[data-page="blog"] .article-contact h2 {font-size:30px;margin:0 0 22px;}
body[data-page="blog"] .blog-related > h2::after {content:"";display:block;width:48px;height:4px;background:var(--red);margin-top:14px;}
body[data-page="blog"] .related-products {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
body[data-page="blog"] .related-product {display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;text-decoration:none;padding:16px;background:#f3f2ef;}
body[data-page="blog"] .related-product img {width:150px;height:170px;object-fit:cover;}
body[data-page="blog"] .related-product h3 {font-size:21px;line-height:1.3;margin:0 0 10px;}
body[data-page="blog"] .related-product p {font-size:16px;line-height:1.5;margin:0 0 12px;}
body[data-page="blog"] .related-product span {font-weight:700;color:var(--red);}
body[data-page="blog"] .article-contact {max-width:none;margin:0;padding:36px;background:var(--brown);color:white;border:0;border-top:5px solid var(--yellow);display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center;}
body[data-page="blog"] .article-contact h2 {color:var(--yellow);margin-bottom:12px;}
body[data-page="blog"] .article-contact p {margin:0;line-height:1.6;font-size:18px;}
body[data-page="blog"] .article-contact-actions {display:flex;flex-direction:column;align-items:flex-start;gap:18px;}
body[data-page="blog"] .article-contact-actions a {margin:0;color:white;}
body[data-page="blog"] .article-contact-actions .button {color:var(--brown);display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;padding:12px 18px;line-height:1.4;text-align:center;}
body[data-page="blog"] .article-more {max-width:none;margin:0;padding:32px 36px;border:0;background:#f3f2ef;}
body[data-page="blog"] .article-more .editorial-latest {gap:24px;}
body[data-page="blog"] .article-more > h2 {margin-bottom:24px;}
body[data-page="blog"] .article-more .editorial-story {padding-bottom:12px;}
/* The article photograph replaces the generic blog banner. */
body[data-page="blog"] .article-photo-hero {position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:620px;padding:160px 5% 58px;overflow:hidden;background:#f3f2ef;}
body[data-page="blog"] .article-photo-hero::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.85) 35%,rgba(255,255,255,.15) 75%,transparent);}
body[data-page="blog"] .article-photo-hero .article-cover {position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;margin:0;}
body[data-page="blog"] .article-photo-hero .article-title-block {width:68%;max-width:740px;}
body[data-page="blog"] .article-photo-hero h1 {font-size:48px;line-height:1.12;text-wrap:balance;}
body[data-page="blog"] .article-photo-hero .crumb {margin-bottom:20px;color:var(--brown);}
body[data-page="blog"] .article-photo-hero .byline {color:var(--brown);}
body[data-page="blog"] .article-photo-hero .lead {font-size:18px;max-width:620px;}
@media(max-width:959px){body[data-page="blog"] .article-heading{gap:24px;padding:30px 24px}body[data-page="blog"] .article-heading h1{font-size:34px}body[data-page="blog"] .related-products{grid-template-columns:1fr}body[data-page="blog"] .reading-section{padding:28px 32px}}
@media(max-width:679px){body[data-page="blog"] .article-site-hero .article-brand-label{font-size:36px}body[data-page="blog"] .article-heading{grid-template-columns:1fr;padding:28px 20px}body[data-page="blog"] .article-heading h1{font-size:30px}body[data-page="blog"] .article-heading .article-cover{height:320px}body[data-page="blog"] .article-index{padding:0 20px}body[data-page="blog"] .article-index ul{display:block}body[data-page="blog"] .article-index li:not(:last-child)::after{display:none}body[data-page="blog"] .article-index li{padding:6px 0;border-bottom:1px solid #bfb6ad}body[data-page="blog"] .reading-section{padding:28px 20px}body[data-page="blog"] .prose{font-size:18px}body[data-page="blog"] .prose h2{font-size:27px}body[data-page="blog"] .prose blockquote{padding:20px;font-size:21px}body[data-page="blog"] .blog-tags,body[data-page="blog"] .blog-related,body[data-page="blog"] .article-contact,body[data-page="blog"] .article-more{padding:28px 20px}body[data-page="blog"] .related-product{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px}body[data-page="blog"] .related-product img{width:100px;height:140px}body[data-page="blog"] .article-contact{grid-template-columns:1fr;gap:24px}}
@media(max-width:959px){body[data-page="blog"] .article-photo-hero{min-height:580px;padding:130px 32px 40px}body[data-page="blog"] .article-photo-hero h1{font-size:40px}body[data-page="blog"] .article-photo-hero .article-title-block{width:80%}}
@media(max-width:679px){body[data-page="blog"] .article-photo-hero{min-height:660px;padding:190px 24px 32px}body[data-page="blog"] .article-photo-hero .article-title-block{width:100%}body[data-page="blog"] .article-photo-hero h1{font-size:32px}body[data-page="blog"] .article-photo-hero .article-cover{height:100%;object-position:60% center}body[data-page="blog"] .article-photo-hero::before{background:linear-gradient(0deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 48%,rgba(255,255,255,.1) 85%)}body[data-page="blog"] .article-photo-hero .lead{font-size:17px}body[data-page="blog"] .article-photo-hero .byline{font-size:13px}}