/* One shared system for all inner pages; based on Contact Us. */
.inner-banner {
  --inner-hero-height: clamp(280px, 27vw, 490px);
  --inner-breadcrumb-height: 50px;
  height: auto;
  background-color: #eee6da;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.inner-banner .inner-banner-heading { display: flex; height: var(--inner-hero-height); }
.inner-banner-copy { width: 100%; }
.inner-banner .inner-banner-title {
  color: #302c27;
  font-family: 'pn-b', sans-serif;
  font-size: clamp(34px, 3vw, 52px);
  line-height: 1;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 12px;
  word-break: normal;
}
.inner-banner-accent { width: 80px; height: 1px; background: var(--gd-accent, #bc5635); margin-top: -5px; }
.inner-breadcrumb { background: rgba(250,247,241,.92); }
.inner-breadcrumb-row { height: var(--inner-breadcrumb-height); }
.inner-breadcrumb-links { display: flex; align-items: center; width: 100%; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
.inner-breadcrumb-links>a,.inner-breadcrumb-links>span { color: #514b44; font-size: 14px; flex-shrink: 0; text-transform: capitalize; }
.inner-breadcrumb-links>i { color: #514b44; margin: 2px 8px 0; flex-shrink: 0; }
.inner-breadcrumb-links>a:hover { color: var(--gd-accent, #bc5635); }
.inner-breadcrumb-links>a:focus-visible { outline: 2px solid var(--gd-accent, #bc5635); outline-offset: -2px; }
.inner-product-back { padding-top: 22px; }
.inner-product-back a { font-size: 14px; color: #514b44; }
@media (max-width: 768px) {
  .inner-banner { --inner-breadcrumb-height: 40px; }
}
@media (max-width: 576px) {
  .inner-banner { --inner-hero-height: 240px; --inner-breadcrumb-height: 40px; background-position: 62% center; }
  .inner-banner-copy { align-self: flex-start; margin-top: 24px; }
  .inner-banner .inner-banner-title { display: inline-block; font-size: 30px; padding: 6px 12px; margin-left: -12px; background: rgba(255,252,246,.84); }
}

/* Editable Products collection copy in the shared inner-page banner. */
.inner-product-copy { max-width: 530px; }
.inner-product-eyebrow { font: 12px/1.4 pn-b,sans-serif; letter-spacing: 2px; color: #777767; margin: 0 0 15px; }
.inner-banner .inner-product-title { font: 48px/1.08 pn-b,sans-serif; letter-spacing: -1px; color: #30342f; text-transform: none; max-width: 460px; margin: 0 0 18px; }
.inner-product-description { max-width: 420px; font-size: 18px; line-height: 1.5; margin: 0; color: #55594f; }
@media (max-width: 991px) {
  .inner-banner .inner-product-title { font-size: 40px; max-width: 400px; }
  .inner-product-description { max-width: 360px; font-size: 16px; }
}
@media (max-width: 576px) {
  .inner-banner-products > .container { background: linear-gradient(90deg,rgba(247,245,238,.95),rgba(247,245,238,.8) 58%,rgba(247,245,238,.1)); }
  .inner-product-copy { max-width: 310px; margin-top: 24px; }
  .inner-product-eyebrow { font-size: 10px; letter-spacing: 1.4px; margin-bottom: 10px; }
  .inner-banner .inner-product-title { font-size: 32px; max-width: 300px; margin-bottom: 12px; }
  .inner-product-description { font-size: 14px; max-width: 290px; }
}

/* Company and Videos use the same hero and breadcrumb heights as other inner pages. */
.inner-banner-company { background-color:#f6f4f0; }
.inner-company-copy { max-width:490px; }
.inner-company-eyebrow { color:var(--gd-accent, #bc5635); font:11px/1.5 pn-b,sans-serif; letter-spacing:1.6px; margin:0 0 18px; }
.inner-banner-company .inner-banner-title { color:#333; margin-bottom:24px; }
.inner-banner-company .inner-banner-accent { height:3px; width:44px; }
.inner-company-description { font-size:17px; line-height:1.7; color:#666; margin:20px 0 0; }
@media(max-width:768px) {
  .inner-company-copy { max-width:340px; }
  .inner-company-eyebrow { font-size:10px; letter-spacing:1px; }
  .inner-company-description { font-size:14px; }
}
@media(max-width:576px) {
  .inner-banner-company { background-position:70% center; }
  .inner-banner-company>.container { background:linear-gradient(90deg,rgba(246,244,240,.97),rgba(246,244,240,.9) 42%,rgba(246,244,240,.14)); }
  .inner-banner-company .inner-company-copy { align-self:center; margin-top:0; }
  .inner-banner-company .inner-banner-title { background:none; padding:0; margin:0 0 18px; }
  .inner-company-eyebrow { max-width:240px; margin-bottom:12px; }
  .inner-company-description { margin-top:16px; }
}