/* One desktop footer treatment across all page templates and detail routes. */
@media (min-width:1001px) {
  .hero-art:is(.home-polished,.interior-polished) .site-footer {
    --footer-ink:#d9e6ee;
    --footer-heading:#c9e8fb;
    --footer-hover:#a8d9f5;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    padding:65px 0 25px;
    border:0;
    border-radius:32px 32px 0 0;
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    color:var(--footer-ink);
    background:linear-gradient(105deg,#152e4bf5 0%,#214561ef 58%,#274f67db),url('/assets/hero-visuals/about-generated.png') center 72% / cover;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer::before,
  .hero-art:is(.home-polished,.interior-polished) .site-footer::after { content:none; }
  .hero-art:is(.home-polished,.interior-polished) .site-footer > .container {
    width:min(1280px,calc(100% - 104px));
    max-width:none;
    margin:0 auto;
    padding:0;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);
    gap:48px;
    margin:0;
    padding:0;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid > div {
    min-width:0;
    display:block;
    grid-column:auto;
    margin:0;
    padding:0;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-brand > .brand {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:152px;
    height:100px;
    margin:0;
    padding:8px;
    border:0;
    border-radius:18px;
    background:#f8fbff;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-brand > .brand img {
    display:block;
    width:136px;
    height:84px;
    max-width:100%;
    margin:0;
    padding:0;
    object-fit:contain;
    filter:none;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid h3 {
    margin:0 0 21px;
    font-family:Outfit,sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:1.3;
    letter-spacing:.01em;
    color:var(--footer-heading);
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid p {
    margin:13px 0;
    max-width:none;
    font-size:12px;
    line-height:1.8;
    color:var(--footer-ink);
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-brand p {
    max-width:240px;
    margin:18px 0 0;
    line-height:1.9;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid > div:not(.footer-brand) > a {
    display:block;
    margin:12px 0 0;
    padding:0;
    font-family:inherit;
    font-size:12px;
    font-weight:400;
    line-height:1.6;
    color:var(--footer-ink);
    overflow-wrap:anywhere;
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid > div:last-child strong { color:var(--footer-heading); }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-bottom {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    margin:50px 0 0;
    padding:21px 0 0;
    border-top:1px solid #b5cad44d;
    font-size:11px;
    line-height:1.6;
    color:var(--footer-ink);
  }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-bottom > div { display:flex; align-items:center; gap:20px; margin:0; }
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-bottom :is(p,a) { margin:0; font-size:11px; line-height:1.6; color:var(--footer-ink); }
  .hero-art:is(.home-polished,.interior-polished) .site-footer a:hover,
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid > div:not(.footer-brand) > a:hover { color:var(--footer-hover); }
  .hero-art:is(.home-polished,.interior-polished) .site-footer :focus-visible { outline:2px solid var(--footer-hover); outline-offset:4px; }
}
@media (min-width:1001px) and (max-width:1280px) {
  .hero-art:is(.home-polished,.interior-polished) .site-footer .footer-grid { gap:30px; }
}
