:root {
  --dx-black: #070706;
  --dx-charcoal: #171613;
  --dx-raised: #262421;
  --dx-bone: #d8d0c0;
  --dx-bronze: #908070;
  --dx-bronze-hi: #b7a386;
  --dx-stone: #807868;
  --dx-line: rgba(216, 208, 192, 0.19);
  --dx-pad: clamp(1rem, 3.2vw, 3.5rem);
  --dx-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --dx-technical: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
  scrollbar-color: var(--dx-bronze) var(--dx-black);
}

body.darnyx-home-v1 {
  margin: 0;
  color: var(--dx-bone);
  background: var(--dx-black);
  font-family: var(--dx-display);
  font-size: 16px;
  line-height: 1.45;
  overflow-x: clip;
}

body.darnyx-home-v1.menu-open {
  overflow: hidden;
}

.darnyx-home-v1 *,
.darnyx-home-v1 *::before,
.darnyx-home-v1 *::after {
  box-sizing: border-box;
}

.darnyx-home-v1 img {
  display: block;
  max-width: 100%;
}

.darnyx-home-v1 a {
  color: inherit;
  text-decoration: none;
}

.darnyx-home-v1 button,
.darnyx-home-v1 input {
  color: inherit;
  font: inherit;
}

.darnyx-home-v1 :focus-visible {
  outline: 2px solid var(--dx-bronze-hi);
  outline-offset: 5px;
}

.darnyx-skip-link {
  position: fixed;
  z-index: 10001;
  top: 1rem;
  left: 1rem;
  padding: 0.75rem 1rem;
  color: var(--dx-black) !important;
  background: var(--dx-bone);
  font: 600 0.9rem/1 var(--dx-technical);
  letter-spacing: 0.08em;
  transform: translateY(-180%);
  transition: transform 180ms ease;
}

.darnyx-skip-link:focus {
  transform: translateY(0);
}

.darnyx-site-header {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  min-height: 5.25rem;
  padding: 0 var(--dx-pad);
  border-bottom: 1px solid var(--dx-line);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  color: var(--dx-bone);
}

.admin-bar .darnyx-site-header { top: 32px; }

.darnyx-wordmark {
  width: max-content;
  font-family: var(--dx-display);
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
}

.darnyx-header-index,
.darnyx-desktop-nav,
.darnyx-header-actions,
.darnyx-menu-toggle,
.darnyx-cart-link {
  font-family: var(--dx-technical);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.darnyx-header-index {
  position: absolute;
  left: var(--dx-pad);
  top: 4.2rem;
  margin: 0;
  color: var(--dx-bronze-hi);
}

.darnyx-desktop-nav {
  display: flex;
  gap: clamp(1.5rem, 3vw, 3.5rem);
}

.darnyx-desktop-nav a,
.darnyx-cart-link {
  position: relative;
}

.darnyx-desktop-nav a::after,
.darnyx-cart-link::after {
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  left: 0;
  height: 1px;
  background: var(--dx-bronze-hi);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 240ms ease;
}

.darnyx-desktop-nav a:hover::after,
.darnyx-desktop-nav a:focus-visible::after,
.darnyx-cart-link:hover::after,
.darnyx-cart-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.darnyx-header-actions {
  display: flex;
  justify-self: end;
  align-items: center;
  gap: 1.35rem;
}

.darnyx-menu-toggle {
  display: none;
  align-items: center;
  gap: 0.65rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.js .darnyx-menu-toggle { display: flex; }

.darnyx-menu-toggle i {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1px;
  background: currentColor;
  transition: transform 250ms ease;
}

.darnyx-menu-toggle i::after {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  content: "";
  transition: transform 250ms ease, top 250ms ease;
}

.menu-open .darnyx-menu-toggle i { transform: rotate(45deg); }
.menu-open .darnyx-menu-toggle i::after { top: 0; transform: rotate(-90deg); }

.darnyx-menu {
  position: fixed;
  z-index: 150;
  inset: 0;
  display: grid;
  visibility: hidden;
  min-height: 100svh;
  padding: 8rem var(--dx-pad) 3rem;
  overflow-y: auto;
  background: var(--dx-charcoal);
  opacity: 0;
  transform: translateY(-100%);
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 1fr auto;
  transition: transform 480ms cubic-bezier(0.76, 0, 0.24, 1), opacity 320ms ease, visibility 0s linear 480ms;
}

.darnyx-menu.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}

.darnyx-menu-grid,
.darnyx-bridge-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg, transparent calc(25% - 1px), var(--dx-line) 25%, transparent calc(25% + 1px)), linear-gradient(90deg, transparent calc(50% - 1px), var(--dx-line) 50%, transparent calc(50% + 1px)), linear-gradient(90deg, transparent calc(75% - 1px), var(--dx-line) 75%, transparent calc(75% + 1px));
}

.darnyx-menu-kicker,
.darnyx-menu-meta {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--dx-bronze-hi);
  font: 500 0.82rem/1.5 var(--dx-technical);
  letter-spacing: 0.14em;
}

.darnyx-menu nav {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 2;
  grid-row: 1 / span 3;
}

.darnyx-menu nav a {
  display: flex;
  padding: 0.25rem 0;
  font-size: clamp(3.5rem, 8.2vw, 8.5rem);
  font-weight: 800;
  letter-spacing: -0.075em;
  line-height: 0.92;
  text-transform: uppercase;
  transition: color 180ms ease, padding-left 260ms ease;
}

.darnyx-menu nav a span {
  width: 3rem;
  padding-top: 0.75em;
  color: var(--dx-bronze-hi);
  font: 500 0.75rem/1 var(--dx-technical);
  letter-spacing: 0.12em;
}

.darnyx-menu nav a:hover,
.darnyx-menu nav a:focus-visible { color: var(--dx-bronze-hi); padding-left: 0.4rem; }
.darnyx-menu-meta { align-self: end; }

.darnyx-curtain {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  color: var(--dx-black);
  background: var(--dx-bronze-hi);
  place-items: center;
  pointer-events: none;
  transform: translateY(100%);
}

.darnyx-curtain span {
  font: 600 0.78rem/1 var(--dx-technical);
  letter-spacing: 0.2em;
}

.darnyx-hero {
  position: relative;
  display: grid;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  background: var(--dx-black);
  align-items: end;
}

.darnyx-hero-media,
.darnyx-hero-shade {
  position: absolute;
  inset: 0;
}

.darnyx-hero-media { z-index: -2; }

.darnyx-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% 28%;
  filter: saturate(0.62) sepia(0.12) contrast(1.08) brightness(0.78);
}

.darnyx-hero-shade {
  background: linear-gradient(180deg, rgba(7, 7, 6, 0.32) 0%, rgba(7, 7, 6, 0.04) 34%, rgba(7, 7, 6, 0.9) 100%), linear-gradient(90deg, rgba(7, 7, 6, 0.58), transparent 56%);
}

.darnyx-hero-copy {
  z-index: 1;
  padding: 9rem var(--dx-pad) 4.5rem;
}

.darnyx-eyebrow,
.darnyx-section-head > p:first-child,
.darnyx-section-note,
.darnyx-scroll-cue,
.darnyx-placeholder-notice {
  color: var(--dx-bronze-hi);
  font: 500 0.78rem/1.3 var(--dx-technical);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.darnyx-hero h1 {
  max-width: 13ch;
  margin: 1.25rem 0 1.5rem;
  font-size: clamp(3.5rem, 9.8vw, 10.8rem);
  font-weight: 800;
  letter-spacing: -0.078em;
  line-height: 0.81;
  text-transform: uppercase;
}

.darnyx-hero h1 span { display: block; }
.darnyx-title-indent { padding-left: 0.62ch; color: var(--dx-bronze-hi); }

.darnyx-hero-foot {
  display: flex;
  width: min(100%, 53rem);
  margin-left: auto;
  align-items: end;
  justify-content: space-between;
  gap: 3rem;
}

.darnyx-hero-foot > p {
  max-width: 33rem;
  margin: 0;
  color: rgba(216, 208, 192, 0.82);
  font-size: clamp(0.98rem, 1.5vw, 1.3rem);
}

.darnyx-text-link {
  position: relative;
  display: inline-flex;
  width: max-content;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--dx-bronze);
  font: 500 0.8rem/1 var(--dx-technical);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  gap: 1.5rem;
  transition: color 180ms ease, border-color 180ms ease;
}

.darnyx-text-link:hover,
.darnyx-text-link:focus-visible { color: var(--dx-bronze-hi); border-color: var(--dx-bronze-hi); }

.darnyx-coordinate,
.darnyx-scroll-cue {
  position: absolute;
  z-index: 1;
  margin: 0;
}

.darnyx-coordinate {
  color: rgba(216, 208, 192, 0.58);
  font: 400 0.7rem/1 var(--dx-technical);
  letter-spacing: 0.13em;
  writing-mode: vertical-rl;
}

.darnyx-coordinate--a { top: 9rem; left: var(--dx-pad); }
.darnyx-coordinate--b { top: 9rem; right: var(--dx-pad); }
.darnyx-scroll-cue { right: var(--dx-pad); bottom: 1.25rem; display: flex; align-items: center; gap: 0.7rem; }
.darnyx-scroll-cue span { width: 3rem; height: 1px; overflow: hidden; background: var(--dx-line); }

.darnyx-scroll-cue span::after {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--dx-bronze-hi);
  content: "";
  animation: darnyx-line 1.8s ease-in-out infinite;
}

@keyframes darnyx-line { from { transform: translateX(-105%); } to { transform: translateX(105%); } }

.darnyx-section-head {
  padding: clamp(5rem, 11vw, 10rem) var(--dx-pad) clamp(2.5rem, 5vw, 5rem);
  border-top: 1px solid var(--dx-line);
}

.darnyx-section-head h2 {
  max-width: 10ch;
  margin: 1rem 0 0;
  font-size: clamp(3.25rem, 8.4vw, 9rem);
  font-weight: 800;
  letter-spacing: -0.075em;
  line-height: 0.84;
  text-transform: uppercase;
}

.darnyx-section-note {
  max-width: 34rem;
  margin: 2rem 0 0 auto;
  color: var(--dx-stone);
  line-height: 1.55;
}

.darnyx-drop { background: var(--dx-black); }

.darnyx-drop-shell {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  border-top: 1px solid var(--dx-line);
  border-bottom: 1px solid var(--dx-line);
  background: var(--dx-charcoal);
}

.darnyx-drop-rule {
  position: absolute;
  z-index: 4;
  top: 5.1rem;
  right: var(--dx-pad);
  left: var(--dx-pad);
  height: 1px;
  overflow: hidden;
  background: var(--dx-line);
}

.darnyx-drop-rule span { display: block; width: 100%; height: 100%; background: var(--dx-bronze-hi); transform: scaleX(0.25); transform-origin: left; }

.darnyx-drop-counter {
  position: absolute;
  z-index: 5;
  top: 2.1rem;
  right: var(--dx-pad);
  display: flex;
  color: var(--dx-bronze-hi);
  font: 500 0.78rem/1 var(--dx-technical);
  letter-spacing: 0.14em;
  align-items: center;
  gap: 0.65rem;
}

.darnyx-drop-counter i { width: 2.5rem; height: 1px; background: var(--dx-line); }
.darnyx-drop-states { min-height: 100svh; }

.darnyx-drop-state {
  display: grid;
  min-height: 100svh;
  padding: 7.5rem var(--dx-pad) 3rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.65fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: center;
}

.has-motion .darnyx-drop-state {
  position: absolute;
  inset: 0;
}

.darnyx-state-image {
  position: relative;
  height: min(72vh, 49rem);
  overflow: hidden;
  border: 1px solid var(--dx-line);
  background: #111;
}

.darnyx-state-image img {
  position: absolute;
  top: -10%;
  width: auto;
  max-width: none;
  height: 335%;
  filter: saturate(0.7) contrast(1.04) brightness(0.88);
}

.darnyx-state-image.state-01 img { left: -65%; }
.darnyx-state-image.state-02 img { left: -140%; }
.darnyx-state-image.state-03 img { left: -215%; }
.darnyx-state-image.state-04 img { left: -290%; }

.darnyx-state-image::before,
.darnyx-state-image::after {
  position: absolute;
  z-index: 2;
  width: 1rem;
  height: 1rem;
  border-color: var(--dx-bronze-hi);
  content: "";
}

.darnyx-state-image::before { top: 0.75rem; left: 0.75rem; border-top: 1px solid; border-left: 1px solid; }
.darnyx-state-image::after { right: 0.75rem; bottom: 0.75rem; border-right: 1px solid; border-bottom: 1px solid; }

.darnyx-state-image p {
  position: absolute;
  z-index: 3;
  right: 1.15rem;
  bottom: 1rem;
  margin: 0;
  padding: 0.25rem 0.4rem;
  color: var(--dx-bronze-hi);
  background: rgba(7, 7, 6, 0.78);
  font: 500 0.68rem/1 var(--dx-technical);
  letter-spacing: 0.12em;
}

.darnyx-state-mode {
  margin: 0 0 1.25rem;
  color: var(--dx-bronze-hi);
  font: 500 0.78rem/1 var(--dx-technical);
  letter-spacing: 0.15em;
}

.darnyx-state-copy h3 {
  display: flex;
  margin: 0;
  font-size: clamp(3rem, 6.4vw, 7rem);
  font-weight: 800;
  letter-spacing: -0.07em;
  line-height: 0.87;
  text-transform: uppercase;
  flex-direction: column;
}

.darnyx-state-copy h3 span {
  margin-bottom: 0.4rem;
  color: var(--dx-bronze-hi);
  font: 500 0.9rem/1 var(--dx-technical);
  letter-spacing: 0.15em;
}

.darnyx-state-description {
  max-width: 29rem;
  margin: 2rem 0 2.5rem;
  color: rgba(216, 208, 192, 0.72);
  font-size: 1rem;
}

.darnyx-state-copy ul { margin: 0; padding: 0; border-top: 1px solid var(--dx-line); list-style: none; }
.darnyx-state-copy li { display: grid; padding: 0.65rem 0; border-bottom: 1px solid var(--dx-line); font: 500 0.78rem/1 var(--dx-technical); letter-spacing: 0.1em; grid-template-columns: 2.25rem 1fr; }
.darnyx-state-copy li span { color: var(--dx-bronze-hi); }

.darnyx-products { padding-bottom: clamp(5rem, 11vw, 10rem); background: var(--dx-black); }
.darnyx-section-head--row { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.darnyx-section-head--row h2 { font-size: clamp(3rem, 6.5vw, 7rem); }
.darnyx-placeholder-notice { margin: -2rem var(--dx-pad) 2rem; color: var(--dx-stone); }

.darnyx-product-grid {
  display: grid;
  padding: 0 var(--dx-pad);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--dx-line);
}

.darnyx-product-card { min-width: 0; background: var(--dx-black); }
.darnyx-product-card a { display: block; }
.darnyx-product-card a[aria-disabled="true"] { cursor: default; }
.darnyx-product-card a[aria-disabled="true"] { pointer-events: none; }

.darnyx-product-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: var(--dx-charcoal);
}

.darnyx-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.55) contrast(1.05);
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), filter 300ms ease;
}

.darnyx-product-card a:hover img,
.darnyx-product-card a:focus-visible img { transform: scale(1.025); filter: saturate(0.72) contrast(1.02); }

.darnyx-product-image > span {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  padding: 0.25rem 0.4rem;
  color: var(--dx-bronze-hi);
  background: rgba(7, 7, 6, 0.8);
  font: 500 0.68rem/1 var(--dx-technical);
  letter-spacing: 0.12em;
}

.darnyx-product-meta { display: flex; min-height: 5rem; padding: 1rem 0.85rem; border-top: 1px solid var(--dx-line); align-items: flex-start; justify-content: space-between; gap: 1rem; }
.darnyx-product-meta h3,
.darnyx-product-meta p { margin: 0; font: 500 0.78rem/1.2 var(--dx-technical); letter-spacing: 0.08em; text-transform: uppercase; }
.darnyx-product-meta p { color: var(--dx-bronze-hi); text-align: right; }

.darnyx-lookbook { background: var(--dx-charcoal); }
.darnyx-lookbook-shell { position: relative; min-height: 100svh; overflow: hidden; }
.darnyx-section-head--lookbook { position: absolute; z-index: 4; top: 0; left: 0; width: 32vw; min-width: 21rem; height: 100%; padding-top: 7.5rem; background: linear-gradient(90deg, var(--dx-charcoal) 84%, transparent); border-top: 0; }
.darnyx-section-head--lookbook h2 { font-size: clamp(4rem, 9vw, 9rem); }

.darnyx-lookbook-track {
  display: flex;
  width: max-content;
  height: 100svh;
  padding: 6rem var(--dx-pad) 3rem 31vw;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
}

.darnyx-look { width: clamp(18rem, 29vw, 31rem); margin: 0; }
.darnyx-look:nth-child(even) { transform: translateY(4vh); }
.darnyx-look-image { position: relative; overflow: hidden; height: min(69vh, 47rem); border: 1px solid var(--dx-line); background: var(--dx-black); }
.darnyx-look-image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 65%, rgba(7, 7, 6, 0.42)); content: ""; }
.darnyx-look-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.55) sepia(0.08) contrast(1.06); }
.darnyx-look figcaption { display: flex; margin-top: 0.8rem; padding-top: 0.65rem; border-top: 1px solid var(--dx-line); font: 500 0.85rem/1 var(--dx-technical); letter-spacing: 0.1em; text-transform: uppercase; justify-content: space-between; }
.darnyx-look figcaption span { color: var(--dx-bronze-hi); }

.darnyx-bridge {
  position: relative;
  display: grid;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  align-items: end;
}

.darnyx-bridge-image { position: absolute; z-index: -2; inset: 0; }
.darnyx-bridge-image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.6) sepia(0.16) contrast(1.15) brightness(0.55); }
.darnyx-bridge::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(7, 7, 6, 0.12), rgba(7, 7, 6, 0.87)); content: ""; }
.darnyx-bridge-grid { z-index: -1; }

.darnyx-bridge-copy {
  display: grid;
  padding: 8rem var(--dx-pad) 4rem;
  grid-template-columns: 1fr 2fr;
  align-items: end;
  gap: 2rem;
}

.darnyx-bridge-copy > p:first-child { color: var(--dx-bronze-hi); font: 500 0.78rem/1 var(--dx-technical); letter-spacing: 0.14em; }
.darnyx-bridge-copy h2 { max-width: 12ch; margin: 0; font-size: clamp(3.5rem, 8vw, 8.5rem); font-weight: 800; letter-spacing: -0.075em; line-height: 0.85; text-transform: uppercase; grid-column: 1 / -1; }
.darnyx-bridge-copy > div { display: flex; max-width: 50rem; margin-left: auto; grid-column: 2; justify-content: space-between; align-items: end; gap: 3rem; }
.darnyx-bridge-copy > div > p { max-width: 31rem; margin: 0; color: rgba(216, 208, 192, 0.8); }

.darnyx-newsletter {
  display: grid;
  padding: clamp(5rem, 10vw, 9rem) var(--dx-pad);
  border-top: 1px solid var(--dx-line);
  background: var(--dx-bone);
  color: var(--dx-black);
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.darnyx-newsletter h2 { max-width: 8ch; margin: 0.6rem 0 0; font-size: clamp(3rem, 6.2vw, 7rem); font-weight: 800; letter-spacing: -0.07em; line-height: 0.86; }
.darnyx-newsletter > div > p,
.darnyx-newsletter label,
.darnyx-form-note { font: 500 0.76rem/1.3 var(--dx-technical); letter-spacing: 0.12em; text-transform: uppercase; }
.darnyx-newsletter .darnyx-signup { align-self: end; }
.darnyx-newsletter label { display: block; margin-bottom: 0.75rem; }
.darnyx-newsletter .darnyx-signup > div { display: flex; border-bottom: 1px solid var(--dx-black); }
.darnyx-newsletter input { width: 100%; padding: 1rem 0; border: 0; border-radius: 0; outline: 0; background: transparent; font: 500 clamp(1rem, 2vw, 1.35rem)/1 var(--dx-technical); letter-spacing: 0.08em; }
.darnyx-newsletter input::placeholder { color: rgba(7, 7, 6, 0.52); }
.darnyx-newsletter button { flex: none; padding: 1rem 0 1rem 2rem; border: 0; background: transparent; font: 500 0.78rem/1 var(--dx-technical); letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; }
.darnyx-form-note { margin: 0.75rem 0 0; color: rgba(7, 7, 6, 0.58); }

.darnyx-footer {
  display: grid;
  min-height: 17rem;
  padding: 3rem var(--dx-pad);
  border-top: 1px solid var(--dx-line);
  background: var(--dx-black);
  grid-template-columns: 2fr 1fr 1fr auto;
  align-items: end;
  gap: 2rem;
}

.darnyx-wordmark--footer { font-size: clamp(2rem, 5vw, 5rem); letter-spacing: 0.08em; }
.darnyx-footer p,
.darnyx-footer nav { margin: 0; color: var(--dx-stone); font: 500 0.75rem/1.5 var(--dx-technical); letter-spacing: 0.1em; text-transform: uppercase; }
.darnyx-footer nav { display: flex; flex-direction: column; }

@media (max-width: 1023px) {
  .darnyx-site-header { grid-template-columns: 1fr auto; }
  .darnyx-desktop-nav { display: none; }
  .darnyx-header-index { display: none; }
  .darnyx-drop-state { grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr); gap: 2rem; }
  .darnyx-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .darnyx-footer { grid-template-columns: 2fr 1fr; }
}

@media (max-width: 899px) {
  .darnyx-hero { min-height: 92svh; }
  .darnyx-hero-copy { padding-top: 8rem; }
  .darnyx-hero-foot { margin-left: 0; }
  .darnyx-drop-shell,
  .darnyx-drop-states { min-height: auto; overflow: visible; }
  .darnyx-drop-rule,
  .darnyx-drop-counter { display: none; }
  .darnyx-drop-state,
  .has-motion .darnyx-drop-state {
    position: relative;
    display: grid;
    min-height: auto;
    padding: 1rem var(--dx-pad) 5rem;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.85fr);
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .darnyx-state-image { height: min(65vh, 39rem); }
  .darnyx-state-copy h3 { font-size: clamp(2.8rem, 7.5vw, 5rem); }
  .darnyx-lookbook-shell { min-height: auto; overflow: visible; }
  .darnyx-section-head--lookbook { position: relative; width: auto; min-width: 0; height: auto; background: transparent; }
  .darnyx-lookbook-track { width: auto; height: auto; padding: 0 var(--dx-pad) 6rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .darnyx-look { width: auto; }
  .darnyx-look:nth-child(even) { transform: none; }
  .darnyx-look-image { height: min(60vh, 37rem); }
  .darnyx-bridge-copy > div { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .admin-bar .darnyx-site-header { top: 46px; }
  .darnyx-site-header { min-height: 4.5rem; }
  .darnyx-cart-link { display: none; }
  .darnyx-menu { padding-top: 6.5rem; grid-template-columns: 1fr; }
  .darnyx-menu-kicker { align-self: start; }
  .darnyx-menu nav { grid-column: 1; grid-row: 2; }
  .darnyx-menu nav a { font-size: clamp(3rem, 16vw, 5.25rem); }
  .darnyx-menu-meta { display: none; }
  .darnyx-hero-media img { object-position: 59% 30%; }
  .darnyx-hero-copy { padding-bottom: 4rem; }
  .darnyx-hero h1 { margin-top: 0.85rem; font-size: clamp(3rem, 15vw, 5.4rem); line-height: 0.84; }
  .darnyx-title-indent { padding-left: 0; }
  .darnyx-hero-foot { display: block; }
  .darnyx-hero-foot .darnyx-text-link { margin-top: 1.5rem; }
  .darnyx-coordinate { display: none; }
  .darnyx-scroll-cue { left: var(--dx-pad); right: auto; }
  .darnyx-section-head { padding-top: 5.5rem; }
  .darnyx-section-head h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .darnyx-section-note { margin-left: 0; }
  .darnyx-drop-state,
  .has-motion .darnyx-drop-state { grid-template-columns: 1fr; padding-top: 0; }
  .darnyx-state-image { height: 62vh; min-height: 28rem; }
  .darnyx-state-image.state-01 img { left: -110%; }
  .darnyx-state-image.state-02 img { left: -235%; }
  .darnyx-state-image.state-03 img { left: -355%; }
  .darnyx-state-image.state-04 img { left: -480%; }
  .darnyx-state-copy { padding-top: 0.75rem; }
  .darnyx-section-head--row { display: block; }
  .darnyx-section-head--row .darnyx-text-link { margin-top: 1.5rem; }
  .darnyx-placeholder-notice { margin-top: -1rem; }
  .darnyx-product-grid { grid-template-columns: 1fr 1fr; }
  .darnyx-product-meta { display: block; min-height: 5.5rem; }
  .darnyx-product-meta p { margin-top: 0.4rem; text-align: left; }
  .darnyx-lookbook-track { display: flex; padding-right: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .darnyx-lookbook-track::-webkit-scrollbar { display: none; }
  .darnyx-look { flex: 0 0 82vw; scroll-snap-align: start; }
  .darnyx-look:last-child { margin-right: var(--dx-pad); }
  .darnyx-look-image { height: 63vh; }
  .darnyx-bridge { min-height: 92svh; }
  .darnyx-bridge-copy { display: block; padding-bottom: 3rem; }
  .darnyx-bridge-copy h2 { margin: 1.25rem 0 2rem; font-size: clamp(3.3rem, 15vw, 5.4rem); }
  .darnyx-bridge-copy > div { display: block; }
  .darnyx-bridge-copy .darnyx-text-link { margin-top: 1.5rem; }
  .darnyx-newsletter { grid-template-columns: 1fr; gap: 3rem; }
  .darnyx-newsletter .darnyx-signup > div { display: block; }
  .darnyx-newsletter button { padding-left: 0; }
  .darnyx-footer { grid-template-columns: 1fr 1fr; min-height: 22rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .darnyx-home-v1 *,
  .darnyx-home-v1 *::before,
  .darnyx-home-v1 *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .darnyx-curtain { display: none; }
  .darnyx-drop-state,
  .has-motion .darnyx-drop-state { position: relative; opacity: 1 !important; visibility: visible !important; transform: none !important; }
  .darnyx-drop-shell,
  .darnyx-drop-states { min-height: auto; overflow: visible; }
  .darnyx-drop-rule,
  .darnyx-drop-counter { display: none; }
  .darnyx-lookbook-shell { min-height: auto; overflow: visible; }
  .darnyx-section-head--lookbook { position: relative; width: auto; min-width: 0; height: auto; background: transparent; }
  .darnyx-lookbook-track { display: grid; width: auto; height: auto; padding: 0 var(--dx-pad) 6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .darnyx-look { width: auto; transform: none !important; }
}

.no-js .darnyx-menu-toggle { display: none; }
.no-js .darnyx-drop-shell,
.motion-disabled .darnyx-drop-shell { min-height: auto; overflow: visible; }
.no-js .darnyx-lookbook-shell,
.motion-disabled .darnyx-lookbook-shell { min-height: auto; overflow: visible; }
.no-js .darnyx-section-head--lookbook,
.motion-disabled .darnyx-section-head--lookbook { position: relative; width: auto; min-width: 0; height: auto; background: transparent; }
.no-js .darnyx-lookbook-track,
.motion-disabled .darnyx-lookbook-track { display: grid; width: auto; height: auto; padding: 0 var(--dx-pad) 6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.no-js .darnyx-look,
.motion-disabled .darnyx-look { width: auto; transform: none; }

@media (max-width: 600px) {
  .no-js .darnyx-site-header { grid-template-columns: 1fr; }
  .no-js .darnyx-desktop-nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: flex;
    padding: 0.75rem var(--dx-pad);
    border-bottom: 1px solid var(--dx-line);
    background: rgba(7, 7, 6, 0.92);
    justify-content: space-between;
  }
}


/* Newsletter result toast */
.darnyx-newsletter-toast {
    position: fixed;
    top: 64px;
    right: 20px;
    z-index: 2147483647;
    width: min(400px, calc(100vw - 40px));
    box-sizing: border-box;
    padding: 16px 20px;

    color: #070707 !important;
    background: #b6ff00 !important;
    border: 1px solid #070707;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);

    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;

    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0.3s ease;
}

.darnyx-newsletter-toast.is-error {
    color: #fff !important;
    background: #b42318 !important;
    border-color: #fff;
}

.darnyx-newsletter-toast.is-visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

body.admin-bar .darnyx-newsletter-toast {
    top: 96px;
}

@media (max-width: 782px) {
    .darnyx-newsletter-toast {
        top: 56px;
        right: 16px;
        width: calc(100vw - 32px);
    }

    body.admin-bar .darnyx-newsletter-toast {
        top: 110px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .darnyx-newsletter-toast {
        transition: none;
    }
}