/* Kinship, October: a darker, quieter menu. Full-width panel, large serif destinations, a picture on the right. */
.k-masthead .nav-menu[open] > .nav-panel,
.k-masthead .nav-menu > .nav-panel {
  position: fixed !important; left: 0 !important; right: 0 !important; top: 140px !important; width: auto !important; max-width: none !important;
  background: #100E0C !important; opacity: 1 !important; color: #F5EFE6 !important; border: 0 !important; border-top: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 40px 80px rgba(0,0,0,.45) !important; backdrop-filter: blur(14px);
  padding: 48px calc(max(6vw, calc((100vw - 1240px) / 2)) + 400px) 56px max(6vw, calc((100vw - 1240px) / 2)) !important;
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 6px 56px; align-items: start; min-height: 320px;
  animation: kNavIn 260ms cubic-bezier(.23,1,.32,1) both;
}
@keyframes kNavIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.k-masthead .nav-panel .nav-caption, .k-masthead .nav-panel .nav-group { grid-column: 1 / -1; font: 400 12px/1 Montreal, sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase; color: rgba(245,239,230,.55) !important; margin: 0 0 10px !important; }
.k-masthead .nav-panel > a, .k-masthead .nav-panel > div > a:not(.nav-group) {
  display: flex !important; align-items: baseline; gap: 14px; padding: 12px 0 !important; border-bottom: 1px solid rgba(255,255,255,.1);
  font-family: Arizona, Georgia, serif !important; font-weight: 300 !important; font-size: clamp(22px, 1.9vw, 30px) !important; letter-spacing: -.01em; color: #F5EFE6 !important; text-decoration: none;
  transition: color 180ms ease, padding 220ms cubic-bezier(.23,1,.32,1);
}
.k-masthead .nav-panel > a::after, .k-masthead .nav-panel > div > a:not(.nav-group)::after { content: '→'; margin-left: auto; font-size: .7em; opacity: 0; transform: translateX(-6px); transition: opacity 180ms ease, transform 220ms cubic-bezier(.23,1,.32,1); }
.k-masthead .nav-panel > a:hover, .k-masthead .nav-panel > div > a:not(.nav-group):hover { color: #264389 !important; padding-left: 8px !important; }
.k-masthead .nav-panel > a:hover::after, .k-masthead .nav-panel > div > a:not(.nav-group):hover::after { opacity: 1; transform: none; }
.k-masthead .nav-panel > div { display: grid; align-content: start; }
.k-masthead .nav-panel .nav-all { grid-column: 1 / 3; font-family: Montreal, sans-serif !important; font-size: 14px !important; border: 0 !important; opacity: .7; }
.k-masthead .nav-panel::after { content: ''; position: absolute; right: max(6vw, calc((100vw - 1240px) / 2)); top: 48px; bottom: 56px; width: 340px; background: center / cover no-repeat var(--k-nav-art, url(shared/assets/kinship-v12-placental.jpg)); border-top: 2px solid #C9473A; }
.k-masthead .nav-company::after { --k-nav-art: url(shared/assets/kinship-s1-team.jpg); }
.k-masthead .nav-products::after { --k-nav-art: url(shared/assets/kinship-s1-floor.jpg); }
.k-masthead .search-panel::after { display: none; }
.k-masthead .search-panel { grid-template-columns: 1fr !important; }
@media (max-width: 900px) { .k-masthead .nav-menu > .nav-panel { position: static !important; grid-template-columns: 1fr; padding: 20px !important; } .k-masthead .nav-panel::after { display: none; } }