/** Shopify CDN: Minification failed

Line 2094:43 Unexpected "{"

**/
.header-wrapper {
  border: 0 !important;
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .tis-nav *,
  .tis-nav *::before,
  .tis-nav *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* The TIS navigation replaces Dawn's native header inside this wrapper. */
.header-wrapper > header.header {
  display: none !important;
}

.header-wrapper--border-bottom {
  border-bottom: 0 !important;
}

.tis-nav {
  --tis-nav-announcement: 2.4rem;
  --tis-nav-bar: 4.9rem;
  --tis-nav-card-aspect: 3 / 4;
  --tis-nav-type-size: 10.45px;
  --tis-nav-type-color: var(--tis-house-black);
  --tis-nav-type-weight: 400;
  --tis-nav-type-tracking: 1.76px;
  --tis-nav-type-leading: 1.45;
  --tis-overlay-close-size: 4.8rem;
  --tis-overlay-close-glyph: 1.6rem;
  --tis-overlay-close-top: 2.8rem;
  --tis-overlay-close-right: 3.2rem;
  position: relative;
  display: block;
  color: var(--tis-house-black);
  font-family: var(--tis-font-sans);
}

.tis-nav *,
.tis-nav *::before,
.tis-nav *::after {
  box-sizing: border-box;
}

.tis-nav a {
  color: inherit;
  text-decoration: none;
}

.tis-nav button {
  color: inherit;
  font: inherit;
}

.tis-nav__announcement {
  position: relative;
  z-index: 40;
  display: flex;
  min-height: var(--tis-nav-announcement);
  align-items: center;
  justify-content: center;
  padding: 0.25rem 4.6rem;
  max-height: var(--tis-nav-announcement);
  overflow: hidden;
  color: var(--tis-pure-white);
  background: var(--tis-house-black);
  opacity: 1;
  transition:
    min-height 280ms var(--tis-ease-standard),
    max-height 280ms var(--tis-ease-standard),
    padding 280ms var(--tis-ease-standard),
    background-color 240ms var(--tis-ease-standard),
    color 180ms ease,
    opacity 180ms ease,
    visibility 0s;
}

.tis-nav__announcement p {
  margin: 0;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1.4;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  transition: opacity 140ms ease;
}

.tis-nav__announcement button {
  position: absolute;
  top: 0;
  right: 0.8rem;
  bottom: 0;
  width: 3.6rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 140ms ease;
}

.tis-nav__announcement button span::before,
.tis-nav__announcement button span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.8rem;
  height: 0.1rem;
  background: currentColor;
  content: "";
}

.tis-nav__announcement button span::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.tis-nav__announcement button span::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.tis-nav.is-announcement-hidden .tis-nav__announcement {
  visibility: hidden;
  min-height: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition:
    min-height 280ms var(--tis-ease-standard),
    max-height 280ms var(--tis-ease-standard),
    padding 280ms var(--tis-ease-standard),
    opacity 150ms ease,
    visibility 0s 280ms;
}

.tis-nav__bar {
  position: relative;
  z-index: 35;
  display: grid;
  min-height: var(--tis-nav-bar);
  grid-template-columns: minmax(4.4rem, 1fr) auto minmax(4.4rem, 1fr);
  align-items: center;
  padding: 0.2rem 1.6rem;
  color: var(--tis-ink);
  background: var(--tis-pure-white);
  transition:
    color 420ms var(--tis-ease-standard),
    background-color 420ms var(--tis-ease-standard),
    text-shadow 420ms var(--tis-ease-standard);
}

.tis-nav__hamburger {
  appearance: none;
  display: flex;
  width: 4.4rem;
  height: 4.4rem;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  margin-left: -1.1rem;
  padding: 1.1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  outline: 0;
}

.tis-nav__hamburger::before,
.tis-nav__hamburger::after {
  display: none;
}

.tis-nav__hamburger:focus-visible {
  outline: 0;
}

.tis-nav__hamburger:focus-visible span {
  width: 2.4rem;
}

.tis-nav__hamburger span {
  display: block;
  width: 2.1rem;
  height: 0.1rem;
  background: currentColor;
  transition: opacity 180ms ease, transform 240ms var(--tis-ease-standard);
}

.tis-nav.is-drawer-open .tis-nav__hamburger span:nth-child(1) {
  transform: translateY(0.6rem) rotate(45deg);
}

.tis-nav.is-drawer-open .tis-nav__hamburger span:nth-child(2) {
  opacity: 0;
}

.tis-nav.is-drawer-open .tis-nav__hamburger span:nth-child(3) {
  transform: translateY(-0.6rem) rotate(-45deg);
}

.tis-nav__brand {
  display: flex;
  min-width: 16.6rem;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.tis-nav__brand .tis-brand-logo__mark {
  display: block;
  width: 18.4rem;
  height: auto;
  color: inherit;
}

.tis-nav__brand span {
  margin-left: 0.28em;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.28em;
  white-space: nowrap;
}

.tis-nav__brand small {
  margin-top: 0.4rem;
  margin-left: 0.4em;
  font-size: 0.68rem;
  font-weight: 400;
  letter-spacing: 0.4em;
}

.tis-nav__primary,
.tis-nav__utilities {
  display: none;
}

.tis-nav__mobile-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.1rem;
}

.tis-nav__mobile-actions button,
.tis-nav__mobile-actions a {
  display: grid;
  width: 3.6rem;
  height: 4rem;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.tis-nav__mobile-actions svg {
  width: 1.9rem;
  height: 1.9rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
}

body.template-index.tis-nav-at-top .tis-nav__bar {
  color: var(--tis-pure-white);
  background: transparent;
  text-shadow: 0 0.1rem 1rem color-mix(in srgb, var(--tis-house-black) 40%, transparent);
}

body.tis-nav-layer-open .tis-nav__bar,
body.tis-header-search-open .tis-nav__bar {
  color: var(--tis-ink);
  background: var(--tis-pure-white);
  text-shadow: none;
}

/* The country selector covers the complete viewport. Keep the homepage bar
   in its existing state underneath the fading surface to prevent a visible
   white/black header flash at either edge of the transition. */
body.template-index.tis-nav-at-top .tis-nav.is-shipping-open .tis-nav__bar {
  color: var(--tis-pure-white);
  background: transparent;
  text-shadow: 0 0.1rem 1rem color-mix(in srgb, var(--tis-house-black) 40%, transparent);
}

.tis-drawer {
  position: fixed;
  z-index: 30;
  top: var(--tis-nav-height, 8.3rem);
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  color: var(--tis-ink);
  background: var(--tis-pure-white);
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 340ms var(--tis-ease-exit), opacity 180ms ease, visibility 0s 340ms;
}

.tis-nav.is-drawer-open .tis-drawer {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: transform 440ms var(--tis-ease-standard), opacity 220ms ease, visibility 0s;
}

.tis-drawer__panel {
  position: absolute;
  inset: 0 0 5.8rem;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4.8rem 2.2rem 4rem;
  background: var(--tis-pure-white);
  overscroll-behavior: contain;
  transform: translateX(103%);
  transition: transform 340ms var(--tis-ease-standard), visibility 0s 340ms;
}

.tis-drawer__panel.is-active {
  visibility: visible;
  transform: none;
  transition: transform 340ms var(--tis-ease-standard), visibility 0s;
}

.tis-drawer__panel[data-tis-drawer-panel="root"] {
  padding-top: 5.5rem;
}

.tis-drawer .tis-drawer__search {
  display: flex;
  width: 100%;
  height: 4.2rem;
  align-items: center;
  gap: 0;
  margin: 0 0 2rem;
  padding: 0;
  border: 0;
  border-bottom: 0.1rem solid var(--tis-control-line);
  border-radius: 0;
  background: transparent;
  color: var(--tis-nav-type-color);
  cursor: pointer;
  font-size: var(--tis-nav-type-size) !important;
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-drawer .tis-drawer__search > span {
  padding: 0 0.2rem;
  font: inherit !important;
  font-size: var(--tis-nav-type-size) !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
}

.tis-drawer__search svg {
  display: none;
}

.tis-drawer nav {
  display: flex;
  flex-direction: column;
}

.tis-drawer nav > a,
.tis-drawer nav > button {
  display: flex;
  width: 100%;
  min-height: 4.85rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 0;
  border: 0;
  background: transparent;
  color: var(--tis-nav-type-color);
  cursor: pointer;
  font-size: var(--tis-nav-type-size);
  font-style: normal;
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-align: left;
  text-transform: uppercase;
}

.tis-drawer nav i {
  color: var(--tis-nav-type-color);
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
}

.tis-nav .tis-drawer__back {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 2.2rem;
  padding: 0.8rem 0;
  border: 0;
  background: transparent;
  color: var(--tis-nav-type-color);
  cursor: pointer;
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-drawer__feature {
  display: block;
  margin-top: 2.4rem;
}

.tis-drawer__panel[data-tis-drawer-panel="root"] .tis-drawer__feature img {
  aspect-ratio: var(--tis-nav-card-aspect);
  object-position: center 20%;
}

.tis-drawer__feature img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--tis-nav-card-aspect);
  object-fit: cover;
  object-position: center 12%;
}

.tis-drawer__feature-caption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 1.2rem;
}

.tis-drawer__feature-caption i,
.tis-drawer__feature-caption b {
  color: var(--tis-nav-type-color);
  font-size: var(--tis-nav-type-size);
  font-style: normal;
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-drawer__feature-caption i {
  color: var(--tis-nav-type-color);
  white-space: nowrap;
}

.tis-drawer__feature-caption b {
  letter-spacing: var(--tis-nav-type-tracking);
  font-weight: var(--tis-nav-type-weight);
}

.tis-drawer__carousel {
  display: flex;
  gap: 1rem;
  margin-top: 2.2rem;
  padding-bottom: 0;
  overflow-x: auto;
  -ms-overflow-style: none;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.tis-drawer__carousel::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.tis-drawer__carousel a {
  min-width: 0;
  flex: 0 0 76%;
  scroll-snap-align: start;
}

.tis-drawer__carousel img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--tis-nav-card-aspect);
  object-fit: cover;
}

.tis-nav .tis-product-image-slot--nav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  aspect-ratio: var(--tis-nav-card-aspect);
  color: var(--tis-nav-type-color);
  background: var(--tis-pure-white);
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-drawer__carousel span {
  display: block;
  margin-top: 0.8rem;
  color: var(--tis-nav-type-color);
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-drawer__carousel--story a {
  flex-basis: 76%;
}

.tis-drawer__carousel--story img {
  object-position: center 20%;
}

.tis-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: flex;
  min-height: 5.8rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom, 0px));
  background: var(--tis-pure-white);
  color: var(--tis-nav-type-color);
  font-size: 0.85rem;
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-drawer__footer > * {
  white-space: nowrap;
}

.tis-drawer__footer button {
  max-width: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--tis-nav-type-color);
  cursor: pointer;
  font-size: inherit;
  letter-spacing: inherit;
  text-align: right;
  text-transform: inherit;
}

.tis-shipping {
  position: fixed;
  z-index: 60;
  inset: 0;
  visibility: hidden;
  overflow-y: auto;
  padding: 0 2.2rem 3rem;
  color: var(--tis-house-black);
  background: var(--tis-pure-white);
  opacity: 1;
  pointer-events: none;
  transform: none;
  transition: visibility 0s 220ms;
}

.tis-nav.is-shipping-open .tis-shipping {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: visibility 0s;
}

.tis-shipping__head {
  position: sticky;
  z-index: 2;
  top: 0;
  display: grid;
  min-height: 8.4rem;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin: 0 -0.2rem 1.2rem;
  background: var(--tis-pure-white);
}

.tis-shipping__brand {
  grid-column: 2;
  justify-self: center;
}

.tis-nav.is-shipping-open .tis-shipping .tis-shipping__brand .tis-brand-logo__mark {
  display: block;
  width: clamp(15.8rem, 28vw, 22rem);
  height: auto;
  /* The country selector is always a white surface. Keep its wordmark
     independent from the homepage photography header's white logo state. */
  color: var(--tis-house-black) !important;
}

.tis-shipping__close {
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  grid-column: 3;
  justify-self: end;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.tis-shipping__close i::before,
.tis-shipping__close i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.8rem;
  height: 0.1rem;
  background: currentColor;
  content: "";
}

.tis-shipping__close i::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.tis-shipping__close i::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.tis-shipping ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  transform: translateY(0.6rem);
  transition: opacity 180ms ease, transform 220ms var(--tis-ease-standard);
}

.tis-nav.is-shipping-open .tis-shipping ul {
  opacity: 1;
  transform: none;
  transition-duration: 240ms, 300ms;
}

.tis-shipping li button {
  width: 100%;
  padding: 1.4rem 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-align: left;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.45rem;
  transition: color 180ms ease, opacity 180ms ease, text-decoration-color 180ms ease;
}

.tis-shipping li:empty,
.tis-shipping li button:empty {
  display: none;
}

.tis-shipping li button::before,
.tis-shipping li button::after {
  content: none;
}

.tis-shipping li button:hover {
  background: transparent;
  box-shadow: none;
  opacity: 0.62;
  text-decoration-line: underline;
  text-decoration-color: currentColor;
}

.tis-shipping li button:focus-visible {
  outline: 0.1rem solid currentColor;
  outline-offset: 0.4rem;
}

.tis-shipping li button[aria-current="true"] {
  text-decoration: underline;
  text-underline-offset: 0.4rem;
}

.tis-nav__menus,
.tis-mega {
  display: none;
}

.tis-nav__mobile-search-host {
  position: absolute;
  width: 0;
  height: 0;
}

.tis-nav__mobile-search-host summary {
  display: none !important;
}

.tis-nav .search-modal {
  z-index: 70;
  color: var(--tis-house-black);
  background: var(--tis-pure-white);
  border: 0;
  box-shadow: none;
}

.tis-nav .search-modal .field {
  border: 0;
  border-bottom: 0.1rem solid var(--tis-control-line);
  border-radius: 0;
  box-shadow: none;
}

.tis-nav .search-modal .field::before,
.tis-nav .search-modal .field::after {
  display: none;
}

.tis-nav .search-modal .field__input {
  padding-left: var(--tis-control-padding-inline);
  color: var(--tis-nav-type-color);
  font-family: var(--tis-font-sans);
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-nav .search-modal .field__input:focus,
.tis-nav .search-modal .field__input:focus-visible {
  box-shadow: none;
  outline: 0;
}

.tis-nav .search-modal .field__label {
  color: var(--tis-nav-type-color);
  font-family: var(--tis-font-sans);
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-nav .search-modal .search__button,
.tis-nav .search-modal .search-modal__close-button {
  color: var(--tis-house-black);
}

.tis-nav .search-modal .search__button {
  display: none !important;
}

.tis-nav .predictive-search,
.tis-nav .predictive-search__results-groups-wrapper,
.tis-nav .predictive-search__heading,
.tis-nav .predictive-search__search-for-button {
  border: 0;
  box-shadow: none;
}

.tis-nav .predictive-search__heading {
  color: var(--tis-house-black);
}

.tis-search-discovery {
  margin-top: clamp(4rem, 6vh, 7rem);
}

predictive-search:has(.field__input:not(:placeholder-shown)) .tis-search-discovery {
  display: none;
}

.tis-search-discovery__heading {
  margin: 0 0 2rem;
  color: var(--tis-nav-type-color);
  font-family: var(--tis-font-sans);
  font-size: var(--tis-nav-type-size);
  font-weight: var(--tis-nav-type-weight);
  letter-spacing: var(--tis-nav-type-tracking);
  line-height: var(--tis-nav-type-leading);
  text-transform: uppercase;
}

.tis-search-discovery__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1.6rem, 2vw, 3.2rem);
}

.tis-search-discovery__card {
  display: block;
  min-width: 0;
}

.tis-search-discovery__image {
  display: block;
  width: 100%;
  aspect-ratio: var(--tis-nav-card-aspect);
  overflow: hidden;
  background: transparent;
}

.tis-search-discovery__image img,
.tis-search-discovery__image .placeholder-svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.tis-search-discovery__title {
  display: block;
  margin-top: 1rem;
  color: var(--tis-nav-type-color);
  font-family: var(--tis-font-sans);
  font-size: var(--tis-card-title-size, 1.05rem);
  font-weight: var(--tis-card-font-weight, 400);
  letter-spacing: var(--tis-card-tracking, 0.1em);
  line-height: var(--tis-card-line-height, 1.5);
  text-transform: uppercase;
}

.tis-search-discovery__title-mobile {
  display: none;
}

@media (min-width: 900px) {
  body.tis-header-search-open .tis-nav__announcement {
    color: transparent;
    background: var(--tis-pure-white);
    pointer-events: none;
    transition: none;
  }

  body.tis-header-search-open .tis-nav__announcement > * {
    opacity: 0;
    transition: none;
  }

  body.tis-header-search-open .tis-nav__primary,
  body.tis-header-search-open .tis-nav__utilities > a,
  body.tis-header-search-open .tis-nav__utilities > .tis-nav__shipping-trigger,
  body.tis-header-search-open .tis-nav__utilities > .tis-nav__search > details-modal > details > summary {
    visibility: hidden;
    pointer-events: none;
  }

  .tis-nav__search .search-modal {
    position: fixed;
    top: var(--tis-nav-height, 9.8rem);
    right: 0;
    bottom: auto;
    left: 0;
    height: calc(100dvh - var(--tis-nav-height, 9.8rem));
    min-height: 34rem;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 0;
  }

  /* The search surface already fills the viewport below the fixed brand bar.
     Suppress Dawn's legacy modal backdrop so it cannot flash grey while the
     details element opens, submits, or closes. */
  .tis-nav__search .search-modal .modal-overlay {
    display: none;
  }

  .tis-nav__search .search-modal__content {
    height: 100%;
    min-height: 0;
    align-items: flex-start;
    padding: 3rem var(--tis-page-gutter) 4.6rem;
  }

  .tis-nav__search .search-modal__form {
    width: min(118rem, 100%);
    max-width: none;
  }

  .tis-nav__search .search-modal .field {
    height: 4.4rem;
    width: min(58rem, calc(100% - 12rem));
    margin: 0 auto;
  }

  .tis-nav__search .search-modal .field__label {
    display: none;
  }

  .tis-nav__search .search-modal .field__input {
    height: 100%;
    min-height: 0;
    padding: 0 0.2rem;
    background: transparent;
  }

  .tis-nav__search .search-modal .field__input::placeholder {
    color: var(--tis-house-black);
    opacity: 1;
  }

  .tis-nav__search .search-modal__close-button {
    position: fixed;
    top: var(--tis-overlay-close-top);
    right: var(--tis-overlay-close-right);
    width: var(--tis-overlay-close-size);
    min-width: var(--tis-overlay-close-size);
    height: var(--tis-overlay-close-size);
    margin: 0;
    padding: 0;
    transform: none;
  }

  .tis-nav__search .search-modal__close-button .icon {
    display: none;
  }

  .tis-nav__search .search-modal__close-button::before,
  .tis-nav__search .search-modal__close-button::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--tis-overlay-close-glyph);
    height: 0.1rem;
    background: currentColor;
    content: "";
  }

  .tis-nav__search .search-modal__close-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .tis-nav__search .search-modal__close-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .tis-nav__search .reset__button {
    display: none !important;
  }

  .tis-nav__search .predictive-search {
    position: static;
    width: 100%;
    max-height: none !important;
    overflow: visible;
    background: transparent;
  }

  .tis-nav__search predictive-search[open] .predictive-search,
  .tis-nav__search predictive-search[loading] .predictive-search {
    display: block;
  }

  .tis-nav__search .predictive-search__results-groups-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: clamp(4rem, 4vw, 7rem);
    margin: 0 auto;
    padding: 4.4rem 0 3rem;
  }

  .tis-nav__search .predictive-search__results-groups-wrapper--no-suggestions {
    grid-template-columns: 1fr;
  }

  .tis-nav__search .predictive-search__results-groups-wrapper--no-products {
    grid-template-columns: minmax(18rem, 44rem);
  }

  .tis-nav__search .predictive-search__result-group,
  .tis-nav__search .predictive-search__result-group:first-child {
    min-width: 0;
    flex: none;
    gap: 1.6rem;
  }

  .tis-nav__search .predictive-search__heading {
    margin: 0 0 1.6rem;
    padding: 0;
    color: var(--tis-house-black);
    font-family: var(--tis-font-sans);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-nav__search #predictive-search-results-queries-list .predictive-search__item,
  .tis-nav__search #predictive-search-results-collections-list .predictive-search__item {
    width: auto;
    padding: 0;
    color: var(--tis-house-black);
    background: transparent;
  }

  .tis-nav__search #predictive-search-results-queries-list .predictive-search__item:hover,
  .tis-nav__search #predictive-search-results-collections-list .predictive-search__item:hover,
  .tis-nav__search #predictive-search-results-queries-list .predictive-search__list-item[aria-selected='true'] > *,
  .tis-nav__search #predictive-search-results-collections-list .predictive-search__list-item[aria-selected='true'] > * {
    background: transparent;
  }

  .tis-nav__search #predictive-search-results-queries-list,
  .tis-nav__search #predictive-search-results-collections-list {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
  }

  .tis-nav__search #predictive-search-results-products-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(2.4rem, 3vw, 4.4rem);
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__list-item:nth-child(n + 5) {
    display: none;
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__item {
    display: block;
    padding: 0;
    background: transparent;
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__item:hover,
  .tis-nav__search #predictive-search-results-products-list .predictive-search__list-item[aria-selected='true'] > * {
    background: transparent;
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__image,
  .tis-nav__search #predictive-search-results-products-list .tis-product-image-slot--predictive {
    width: 100%;
    height: auto;
    aspect-ratio: var(--tis-nav-card-aspect);
    object-fit: cover;
    object-position: center top;
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__item-content {
    gap: 0.25rem;
    justify-content: flex-start;
    padding-top: 1.2rem;
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__item-heading {
    color: var(--tis-card-title-color);
    font-family: var(--tis-font-sans);
    font-size: var(--tis-card-title-size, 1.05rem);
    font-weight: var(--tis-card-font-weight);
    letter-spacing: var(--tis-card-tracking, 0.1em);
    line-height: var(--tis-card-line-height, 1.5);
    text-transform: uppercase;
  }

  .tis-nav__search #predictive-search-results-products-list .price {
    margin-top: 0.25rem;
    color: var(--tis-card-price-color);
    font-family: var(--tis-font-sans);
    font-size: var(--tis-card-price-size, 1.05rem);
    font-weight: var(--tis-card-font-weight);
    letter-spacing: var(--tis-card-tracking, 0.1em);
    line-height: var(--tis-card-line-height, 1.5);
  }

  .tis-nav__search #predictive-search-results-products-list .predictive-search__swatches {
    display: block;
    padding: 0;
  }

  .tis-nav__search .predictive-search__search-for-button {
    width: 100%;
    border-top: 0.1rem solid var(--tis-control-line);
  }

  .tis-nav__search .predictive-search__item--term {
    width: 100%;
    margin: 0 auto;
    padding: 1.8rem 0 0.4rem;
    color: var(--tis-house-black);
    background: transparent;
    font-family: var(--tis-font-sans);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-nav__search .predictive-search__item--term .icon-arrow {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 2rem;
  }

  .tis-nav__search .predictive-search__item--term:hover,
  .tis-nav__search .predictive-search__item--term[aria-selected='true'] {
    color: var(--tis-house-black);
    background: transparent;
  }

  .tis-nav__search .predictive-search__results-groups-wrapper--no-products + .predictive-search__loading-state + .predictive-search__search-for-button,
  .tis-nav__search #predictive-search-results > .predictive-search__search-for-button {
    margin-top: 1rem;
  }
}

.tis-nav__mobile-search-host .search-modal {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  align-items: flex-start;
  justify-content: flex-start;
  padding: max(3.2rem, env(safe-area-inset-top, 0px)) 2.4rem 0;
}

.tis-nav__mobile-search-host .search-modal .modal-overlay {
  display: none;
}

.tis-nav__mobile-search-host .search-modal__content {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
}

.tis-nav__mobile-search-host .search-modal__form {
  width: 100%;
  min-width: 0;
}

.tis-nav__mobile-search-host .search-modal__close-button {
  position: fixed;
  top: var(--tis-overlay-close-top);
  right: var(--tis-overlay-close-right);
  width: var(--tis-overlay-close-size);
  min-width: var(--tis-overlay-close-size);
  height: var(--tis-overlay-close-size);
  margin: 0;
  padding: 0;
  transform: none;
}

.tis-nav__mobile-search-host .search-modal__close-button:hover,
.tis-nav__mobile-search-host .search-modal__close-button:focus,
.tis-nav__mobile-search-host .search-modal__close-button:focus-visible {
  text-decoration: none;
}

.tis-nav__mobile-search-host .search-modal__close-button .icon {
  display: none;
}

.tis-nav__mobile-search-host .search-modal__close-button::before,
.tis-nav__mobile-search-host .search-modal__close-button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--tis-overlay-close-glyph);
  height: 0.1rem;
  background: currentColor;
  content: "";
}

.tis-nav__mobile-search-host .search-modal__close-button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.tis-nav__mobile-search-host .search-modal__close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Mobile search follows the approved full-screen, image-led luxury pattern. */
@media (max-width: 899px) {
  .tis-nav__mobile-search-host .search-modal {
    overflow: hidden;
    padding: max(3.2rem, env(safe-area-inset-top, 0px)) 2.4rem 0;
    background: var(--tis-pure-white);
  }

  .tis-nav__mobile-search-host .search-modal__content {
    display: block;
  }

  .tis-nav__mobile-search-host .search-modal__content > predictive-search,
  .tis-nav__mobile-search-host .search-modal__content > search-form {
    position: static;
    display: block;
    width: calc(100% - 6.4rem);
    min-width: 0;
  }

  .tis-nav__mobile-search-host .search-modal__form {
    width: 100%;
    min-width: 0;
  }

  .tis-nav__mobile-search-host .search-modal .field {
    width: 100%;
    height: 4.2rem;
    border-bottom: 0.1rem solid var(--tis-control-line);
  }

  .tis-nav__mobile-search-host .search-modal .field__label {
    display: none;
  }

  .tis-nav__mobile-search-host .search-modal .field__input {
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 0.2rem;
    background: transparent;
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
  }

  .tis-nav__mobile-search-host .search-modal .field__input::placeholder {
    color: var(--tis-nav-type-color);
    opacity: 1;
  }

  .tis-nav__mobile-search-host .reset__button {
    display: none !important;
  }

  .tis-nav__mobile-search-host .search-modal__close-button {
    top: max(2.4rem, env(safe-area-inset-top, 0px));
    right: 1.6rem;
  }

  .tis-nav__mobile-search-host .predictive-search {
    position: fixed;
    top: calc(max(3.2rem, env(safe-area-inset-top, 0px)) + 7.2rem);
    right: 2.4rem;
    bottom: 0;
    left: 2.4rem;
    width: auto;
    max-height: none;
    padding: 0 0 calc(2.4rem + env(safe-area-inset-bottom, 0px));
    border: 0;
    border-radius: 0;
    background: var(--tis-pure-white);
    box-shadow: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .tis-nav__mobile-search-host .tis-search-discovery {
    position: fixed;
    top: calc(max(3.2rem, env(safe-area-inset-top, 0px)) + 8.8rem);
    right: 2.4rem;
    bottom: 0;
    left: 2.4rem;
    margin: 0;
    padding-bottom: calc(2.4rem + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .tis-nav__mobile-search-host .tis-search-discovery__heading {
    display: none;
  }

  .tis-nav__mobile-search-host .tis-search-discovery__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .tis-nav__mobile-search-host .tis-search-discovery__card:not(:first-child) {
    display: none;
  }

  .tis-nav__mobile-search-host .tis-search-discovery__title {
    margin-top: 0.8rem;
  }

  .tis-nav__mobile-search-host .tis-search-discovery__title-desktop {
    display: none;
  }

  .tis-nav__mobile-search-host .tis-search-discovery__title-mobile {
    display: inline;
  }

  .tis-nav__mobile-search-host .predictive-search__results-groups-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    padding: 0;
    border: 0;
  }

  .tis-nav__mobile-search-host .predictive-search__result-group {
    gap: 1.4rem;
  }

  .tis-nav__mobile-search-host .predictive-search__heading {
    margin: 0;
    padding: 0 0 0.8rem;
    border-bottom: 0;
    color: var(--tis-house-black);
    font-family: var(--tis-font-sans);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-nav__mobile-search-host #predictive-search-results-products-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.2rem 1.4rem;
    margin: 0;
    padding: 0;
  }

  .tis-nav__mobile-search-host #predictive-search-results-products-list .predictive-search__list-item {
    min-width: 0;
  }

  .tis-nav__mobile-search-host #predictive-search-results-products-list .predictive-search__list-item:nth-child(n + 5) {
    display: none;
  }

  .tis-nav__mobile-search-host .predictive-search__item--link-with-thumbnail {
    display: block;
    padding: 0;
  }

  .tis-nav__mobile-search-host .predictive-search__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: var(--tis-nav-card-aspect);
    background: transparent;
    object-fit: cover;
    object-position: center center;
  }

  .tis-nav__mobile-search-host .tis-product-image-slot--predictive {
    width: 100%;
    height: auto;
    aspect-ratio: var(--tis-nav-card-aspect);
  }

  .tis-nav__mobile-search-host .predictive-search__item-content {
    display: block;
    min-width: 0;
    margin-top: 0.8rem;
  }

  .tis-nav__mobile-search-host .predictive-search__item-heading {
    margin: 0;
    color: var(--tis-nav-type-color);
    font-family: var(--tis-font-sans);
    min-height: calc(2 * var(--tis-card-line-height, 1.5) * 1em);
    font-size: var(--tis-card-title-size, 1.05rem);
    font-weight: var(--tis-card-font-weight);
    letter-spacing: var(--tis-card-tracking, 0.1em);
    line-height: var(--tis-card-line-height, 1.5);
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
  }

  .tis-nav__mobile-search-host .predictive-search__item .price {
    margin-top: var(--tis-card-details-gap, 0.45rem);
    color: var(--tis-nav-type-color);
    font-family: var(--tis-font-sans);
    font-size: var(--tis-card-price-size, 1.05rem);
    font-weight: var(--tis-card-font-weight);
    letter-spacing: var(--tis-card-tracking, 0.1em);
    line-height: var(--tis-card-line-height, 1.5);
    text-align: left;
  }

  .tis-nav__mobile-search-host .predictive-search__swatches {
    padding: 0;
  }

  .tis-nav__mobile-search-host .predictive-search__list-item[aria-selected='true'] > *,
  .tis-nav__mobile-search-host .predictive-search__list-item:hover > *,
  .tis-nav__mobile-search-host .predictive-search__item[aria-selected='true'],
  .tis-nav__mobile-search-host .predictive-search__item:hover {
    background: transparent;
  }

  .tis-nav__mobile-search-host #predictive-search-results-queries-list,
  .tis-nav__mobile-search-host #predictive-search-results-collections-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem 2rem;
    overflow: visible;
    margin: 0;
    padding: 0;
  }

  .tis-nav__mobile-search-host #predictive-search-results-queries-list .predictive-search__item,
  .tis-nav__mobile-search-host #predictive-search-results-collections-list .predictive-search__item {
    padding: 0;
    color: var(--tis-nav-type-color);
    font-family: var(--tis-font-sans);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-decoration: none;
    white-space: normal;
  }

  .tis-nav__mobile-search-host .predictive-search__item-query-result,
  .tis-nav__mobile-search-host .predictive-search__item-query-result *,
  .tis-nav__mobile-search-host .predictive-search__item-query-result mark {
    color: inherit;
    font-weight: 400;
    background: transparent;
  }

  .tis-nav__mobile-search-host .predictive-search__search-for-button {
    margin-top: 3.2rem;
    border-top: 0.1rem solid var(--tis-control-line);
  }

  .tis-nav__mobile-search-host .predictive-search__item--term {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1.8rem 0;
    border-bottom: 0;
    font-family: var(--tis-font-sans);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-nav__mobile-search-host .predictive-search__item--term .icon-arrow {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 1.6rem;
  }
}

.tis-nav__backdrop {
  position: fixed;
  z-index: 20;
  inset: var(--tis-nav-height, 8.3rem) 0 0;
  display: block;
  visibility: hidden;
  padding: 0;
  border: 0;
  background: color-mix(in srgb, var(--tis-house-black) 32%, transparent);
  cursor: default;
  opacity: 0;
  transition: opacity 200ms ease, visibility 0s 200ms;
}

.tis-nav.is-mega-open .tis-nav__backdrop,
.tis-nav.is-shipping-open .tis-nav__backdrop {
  visibility: visible;
  opacity: 1;
  transition: opacity 240ms ease, visibility 0s;
}

body.tis-nav-scroll-lock {
  overflow: hidden;
}

/* Keep the white navigation bar present on every storefront template. Dawn's
   sticky-header controller adds its hidden class while scrolling; the custom
   TIS navigation is intentionally persistent instead. */
.section-header.shopify-section-group-header-group {
  position: sticky !important;
  z-index: 50;
  top: 0 !important;
}

.section-header.shopify-section-group-header-group.shopify-section-header-hidden,
.section-header.shopify-section-group-header-group.shopify-section-header-sticky {
  top: 0 !important;
  transform: none !important;
}

body.template-index .section-header.shopify-section-group-header-group {
  position: fixed !important;
  top: 0 !important;
  right: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0 !important;
}

body.template-index .section-header.shopify-section-group-header-group.shopify-section-header-hidden,
body.template-index .section-header.shopify-section-group-header-group.shopify-section-header-sticky {
  top: 0 !important;
  transform: none !important;
}

@media (max-width: 360px) {
  .tis-nav__announcement {
    padding-right: 4rem;
    padding-left: 0.8rem;
  }

  .tis-nav__announcement p {
    font-size: 0.7rem;
    letter-spacing: 0.18em;
  }

  .tis-nav__brand {
    min-width: 14.6rem;
  }

  .tis-nav__brand .tis-brand-logo__mark {
    width: 17rem;
  }

  .tis-nav__brand span {
    font-size: 1.15rem;
    letter-spacing: 0.24em;
  }
}

@media (min-width: 700px) and (max-width: 899px) {
  .tis-nav {
    --tis-nav-announcement: 2.6rem;
  }

  .tis-nav__announcement p {
    font-size: 0.85rem;
    letter-spacing: 0.3em;
  }

  .tis-drawer__panel {
    padding-right: 8vw;
    padding-left: 8vw;
  }

  .tis-drawer__feature {
    max-width: 54rem;
  }
}

@media (min-width: 900px) {
  .tis-nav {
    --tis-nav-announcement: 2.6rem;
    --tis-nav-bar: 7.2rem;
  }

  .tis-nav__announcement p {
    font-size: 0.85rem;
    letter-spacing: 0.3em;
  }

  .tis-nav__bar {
    min-height: var(--tis-nav-bar);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 3rem;
    padding: 0.735rem var(--tis-page-gutter);
  }

  /* Desktop overlay surfaces replace the photography beneath the header.
     Switch foreground/background tokens atomically so the currentColor logo
     never passes through a low-contrast midpoint while a menu opens. The
     panel itself retains its opacity/transform transition below. */
  .tis-nav__bar {
    transition: none;
  }

  .tis-nav.is-mega-open .tis-nav__bar,
  body.tis-nav-layer-open .tis-nav.is-mega-open .tis-nav__bar {
    color: var(--tis-house-black) !important;
    background: var(--tis-pure-white) !important;
    text-shadow: none !important;
  }

  body.tis-nav-layer-open .tis-nav.is-mega-open .tis-nav__brand,
  body.tis-nav-layer-open .tis-nav.is-mega-open .tis-nav__brand .tis-brand-logo__mark {
    visibility: visible !important;
    color: var(--tis-house-black) !important;
    opacity: 1 !important;
  }

  body.tis-nav-layer-open .tis-nav.is-mega-open .tis-nav__brand .tis-brand-logo__mark path {
    fill: var(--tis-house-black) !important;
  }

  .tis-nav__hamburger,
  .tis-nav__mobile-actions,
  .tis-drawer,
  .tis-nav__mobile-search-host {
    display: none;
  }

  .tis-nav__primary,
  .tis-nav__utilities {
    display: flex;
    min-width: 0;
    align-items: center;
  }

  .tis-nav__primary {
    gap: 3rem;
    justify-content: flex-start;
  }

  .tis-nav__utilities {
    gap: 2.6rem;
    justify-content: flex-end;
  }

  .tis-nav__primary > a,
  .tis-nav__utilities > a,
  .tis-nav .tis-nav__shipping-trigger,
  .tis-nav__utilities .header__icon {
    display: inline-flex;
    width: auto;
    height: 2.4rem;
    min-height: 2.4rem;
    align-items: center;
    padding: 0 0 0.3rem;
    border: 0;
    border-bottom: 0.1rem solid transparent;
    background: transparent;
    color: var(--tis-nav-type-color);
    cursor: pointer;
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
    white-space: nowrap;
  }

  .tis-nav__search summary,
  .tis-nav__search summary:focus,
  .tis-nav__search summary:focus-visible,
  .tis-nav__search details[open] > summary {
    border: 0;
    border-bottom: 0.1rem solid transparent;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    text-decoration: none;
  }

  .tis-nav__search,
  .tis-nav__search details-modal,
  .tis-nav__search details {
    display: flex;
    height: 2.4rem;
    align-items: center;
    line-height: 1;
  }

  .tis-nav .tis-nav__shipping-trigger:focus,
  .tis-nav .tis-nav__shipping-trigger:focus-visible {
    border-bottom-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    outline: 0 !important;
  }

  .tis-nav__primary > a:hover,
  .tis-nav__primary > a:focus-visible,
  .tis-nav__primary > a[aria-expanded="true"],
  .tis-nav__utilities > a:hover,
  .tis-nav__utilities > a:focus-visible,
  .tis-nav__search summary:hover,
  .tis-nav__search summary:focus-visible,
  .tis-nav__shipping-trigger:hover,
  .tis-nav__shipping-trigger:focus-visible,
  .tis-nav__shipping-trigger[aria-expanded="true"] {
    border-bottom-color: currentColor;
  }

  .tis-nav__utilities .header__icon > span {
    display: none;
  }

  .tis-nav__search summary::after {
    content: "Search";
  }

  .tis-nav__search summary svg {
    display: none;
  }

  .tis-nav__brand {
    min-width: 25rem;
  }

  .tis-nav__brand .tis-brand-logo__mark {
    width: 24rem;
  }

  .tis-nav__brand span {
    font-size: 1.75rem;
    letter-spacing: 0.34em;
  }

  .tis-nav__brand small {
    margin-top: 0.5rem;
    font-size: 0.72rem;
    letter-spacing: 0.48em;
  }

  .tis-nav__ship-short {
    display: none;
  }

  .tis-nav__menus {
    display: block;
  }

  .tis-mega {
    position: absolute;
    z-index: 28;
    top: 100%;
    right: 0;
    left: 0;
    visibility: hidden;
    min-height: 0;
    padding: 3rem var(--tis-page-gutter) 4.6rem;
    border-bottom: 0.1rem solid var(--tis-line);
    color: var(--tis-ink);
    background: var(--tis-pure-white);
    box-shadow: 0 3.4rem 7rem color-mix(in srgb, var(--tis-house-black) 9%, transparent);
    opacity: 0;
    transform: translateY(-0.6rem);
    transition: opacity 180ms ease, transform 240ms var(--tis-ease-exit), visibility 0s 240ms;
  }

  .tis-mega.is-active {
    display: grid;
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: opacity 240ms ease, transform 340ms var(--tis-ease-standard), visibility 0s;
  }

  .tis-mega--shop {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(3.2rem, 3vw, 4.4rem);
  }

  .tis-mega__columns {
    display: grid;
    width: max-content;
    max-width: none;
    grid-template-columns: repeat(3, minmax(13.6rem, 16rem));
    gap: clamp(2.4rem, 2vw, 3.6rem);
    align-items: start;
    justify-content: start;
    text-align: left;
  }

  .tis-mega__columns > div,
  .tis-mega__lead {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.35rem;
    text-align: left;
  }

  .tis-mega__columns > div,
  .tis-mega__columns a {
    width: 100%;
  }

  .tis-mega__lead--direct {
    padding-top: 1rem;
  }

  .tis-mega__heading,
  .tis-mega__columns a.tis-mega__heading,
  .tis-mega__lead a.tis-mega__heading {
    display: block;
    width: max-content;
    margin: 0;
    padding: 0;
    color: var(--tis-nav-type-color);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-mega__lead a,
  .tis-mega__columns a {
    white-space: nowrap;
  }

  .tis-mega__columns a.tis-mega__heading {
    width: 100%;
  }

  .tis-mega__columns a,
  .tis-mega__lead a {
    color: var(--tis-nav-type-color);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-mega__columns a:hover,
  .tis-mega__columns a:focus-visible,
  .tis-mega__lead a:hover,
  .tis-mega__lead a:focus-visible,
  .tis-mega__cards a:hover span,
  .tis-mega__cards a:focus-visible span,
  .tis-mega__story-card:hover span,
  .tis-mega__story-card:focus-visible span {
    text-decoration: underline;
    text-underline-offset: 0.4rem;
  }

  .tis-mega__cards {
    display: flex;
    min-width: 0;
    justify-content: flex-end;
    gap: clamp(3.2rem, 3vw, 4.4rem);
    margin-left: auto;
  }

  .tis-mega__cards--editorial {
    gap: clamp(3.2rem, 3vw, 4.4rem);
  }

  .tis-mega__cards a,
  .tis-mega__story-card {
    width: clamp(13.6rem, 12vw, 21.6rem);
    flex: none;
  }

  .tis-mega__cards--editorial a {
    width: clamp(13.6rem, 12vw, 21.6rem);
  }

  .tis-mega__cards img,
  .tis-mega__story-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: var(--tis-nav-card-aspect);
    object-fit: cover;
  }

  .tis-product-image-slot--nav {
    height: auto;
    aspect-ratio: var(--tis-nav-card-aspect);
  }

  .tis-mega__pending {
    display: flex;
    width: clamp(42rem, 38vw, 62rem);
    min-height: clamp(18.133rem, 16.667vw, 28.8rem);
    align-items: center;
    justify-content: center;
    margin-left: auto;
    color: var(--tis-nav-type-color);
    background: var(--tis-image-background);
  }

  .tis-mega__pending p {
    margin: 0;
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-mega__cards span,
  .tis-mega__story-card span {
    display: block;
    margin-top: 1.2rem;
    color: var(--tis-nav-type-color);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    letter-spacing: var(--tis-nav-type-tracking);
    line-height: var(--tis-nav-type-leading);
    text-transform: uppercase;
  }

  .tis-mega--feature {
    grid-template-columns: minmax(16rem, 1fr) auto;
    gap: clamp(3.2rem, 3vw, 4.4rem);
  }

  .tis-mega--story {
    grid-template-columns: minmax(16rem, 1fr) auto;
    gap: clamp(3.2rem, 3vw, 4.4rem);
  }

  .tis-mega--feature .tis-mega__lead,
  .tis-mega--story .tis-mega__lead {
    margin-left: calc(var(--tis-menu-trigger-left, var(--tis-page-gutter)) - var(--tis-page-gutter));
  }

  .tis-mega__story-card {
    grid-column: 2;
    justify-self: end;
  }

  .tis-shipping {
    position: fixed;
    z-index: 80;
    inset: 0;
    width: 100%;
    max-height: none;
    padding: 0 var(--tis-page-gutter) 5rem;
    border: 0;
    box-shadow: none;
  }

  .tis-shipping__head {
    min-height: 11.8rem;
    margin: 0 0 1.8rem;
  }

  .tis-shipping__brand .tis-brand-logo__mark {
    width: 22rem;
  }

  .tis-shipping__close {
    position: fixed;
    top: var(--tis-overlay-close-top);
    right: var(--tis-overlay-close-right);
    width: var(--tis-overlay-close-size);
    height: var(--tis-overlay-close-size);
  }

  .tis-shipping__close i::before,
  .tis-shipping__close i::after {
    width: var(--tis-overlay-close-glyph);
  }

  .tis-shipping ul {
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    column-gap: clamp(4rem, 6vw, 9rem);
    row-gap: 0.6rem;
  }

  .tis-shipping li button {
    min-height: 4.8rem;
    padding: 1.4rem 0;
    color: var(--tis-nav-type-color);
    font-size: var(--tis-nav-type-size);
    font-weight: var(--tis-nav-type-weight);
    line-height: var(--tis-nav-type-leading);
    letter-spacing: var(--tis-nav-type-tracking);
    text-transform: uppercase;
    white-space: nowrap;
  }

  .tis-shipping li button:hover {
    color: var(--tis-ink);
    background: transparent;
  }

  .tis-shipping li button[aria-current="true"] {
    font-weight: var(--tis-nav-type-weight);
    text-decoration: none;
  }

  .tis-nav.is-mega-open .tis-nav__bar,
  .tis-nav.is-shipping-open .tis-nav__bar {
    color: var(--tis-ink);
    background: var(--tis-pure-white);
    text-shadow: none;
  }
}

@media (min-width: 900px) and (max-width: 1240px) {
  .tis-nav__primary,
  .tis-nav__utilities {
    gap: 1.35rem;
  }

  .tis-nav__brand {
    min-width: 18.4rem;
  }

  .tis-nav__brand .tis-brand-logo__mark {
    width: 16.6rem;
  }

  .tis-nav__ship-long {
    display: none;
  }

  .tis-nav__ship-short {
    display: inline;
  }
}

/* Homepage desktop navigation sits directly over photography. Keep every
   top-level control on the same white foreground token; overlay panels reset
   to the dark navigation system through the open-state selectors below. */
@media (min-width: 900px) {
  /* The legacy desktop header also maintains its own at-top class. Once the
     v2 navigation has left the hero, make the logo state explicit so that
     stale legacy state cannot leave the currentColor SVG white on white. */
  body.template-index:not(.tis-nav-at-top) .tis-nav__brand,
  body.template-index:not(.tis-nav-at-top) .tis-nav__brand .tis-brand-logo__mark {
    visibility: visible !important;
    color: var(--tis-house-black) !important;
    opacity: 1 !important;
  }

  body.template-index:not(.tis-nav-at-top) .tis-nav__brand .tis-brand-logo__mark path {
    fill: var(--tis-house-black) !important;
  }

  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav__primary > a,
  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav__utilities > a,
  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav__search summary,
  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav .tis-nav__shipping-trigger,
  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav__utilities .header__icon,
  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav__brand,
  body.template-index.tis-nav-at-top:not(.tis-nav-layer-open):not(.tis-header-search-open) .tis-nav__brand .tis-brand-logo__mark {
    color: var(--tis-pure-white) !important;
  }

  fill: var(--tis-house-black) !important; {
    fill: var(--tis-pure-white) !important;
  }
}


/* tis-drawer-fill — drawer panels fill the screen; the editorial image absorbs leftover space (Hedvig, 18 Aug) */
.tis-drawer__panel{ display: flex; flex-direction: column; }
.tis-drawer__panel > nav{ flex: 0 0 auto; }
.tis-drawer__panel .tis-drawer__feature{ display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; margin-top: 2.4rem; }
.tis-drawer__panel[data-tis-drawer-panel] .tis-drawer__feature img{ flex: 1 1 auto; min-height: 14rem; height: auto; aspect-ratio: auto; object-fit: cover; }
.tis-drawer__feature-caption{ flex: 0 0 auto; }

/* tis-hamburger-x-fallback — X state also keyed off the button itself, belt and braces (18 Aug) */
.tis-nav__hamburger[aria-expanded="true"] span:nth-child(1){ transform: translateY(0.6rem) rotate(45deg); }
.tis-nav__hamburger[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.tis-nav__hamburger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-0.6rem) rotate(-45deg); }


/* folded in from the theme editor Custom CSS box, 19 Aug 2026 */
@media (min-width:900px){body.template-index .tis-nav__bar{--tis-nav-type-color:#121212!important;color:#121212!important}body.template-index .tis-nav__bar :is(a,button,summary){color:#121212!important;text-shadow:none!important}body.template-index .tis-nav__brand .tis-brand-logo__mark path{fill:#121212!important}}
@media (max-width:899px){body.template-index:not(.tis-nav-at-top) .tis-nav__bar{background:#fff!important;color:#121212!important}body.template-index:not(.tis-nav-at-top) .tis-nav__brand{color:#121212!important}body.template-index:not(.tis-nav-at-top) .tis-nav__brand path{fill:#121212!important}body.template-index:not(.tis-nav-at-top) .tis-nav__mobile-actions :is(svg,svg *){stroke:#121212!important}body.template-index:not(.tis-nav-at-top) .tis-nav__hamburger span{background:#121212!important}}