/** Shopify CDN: Minification failed

Line 444:0 Unexpected "}"

**/
/* ============================================================
   HOUSE OF VALOR — Theme CSS
   File: assets/valor.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;1,300;1,400&family=Cormorant+SC:wght@300;400;500&family=Montserrat:wght@200;300;400&display=swap');

/* ── TOKENS ── */
:root {
  --ink:        #0a0908;
  --char:       #111009;
  --panel:      #161412;
  --lift:       #1e1b18;
  --gold:       #c4a85e;
  --gold-hi:    #d4b86c;
  --gold-lo:    #7a6838;
  --gold-wire:  rgba(196,168,94,.18);
  --gold-glow:  rgba(196,168,94,.08);
  --cream:      #f0e8d5;
  --cream-dim:  rgba(240,232,213,.58);
  --fog:        #8a7860;
  --ease:       cubic-bezier(.22,.1,.22,1);
  --silk:       cubic-bezier(.16,1,.3,1);
}

/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box }
html { font-size:16px; scroll-behavior:smooth; -webkit-font-smoothing:antialiased }
body {
  background: var(--ink);
  color: var(--cream);
  font-family: 'Cormorant', Georgia, serif;
  overflow-x: hidden;
}
/* Film grain overlay */
body::after {
  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='.042'/%3E%3C/svg%3E");
  opacity: .28;
}
a { text-decoration: none; color: inherit }
button { border: none; background: none; cursor: pointer; font-family: inherit }
img { display: block; max-width: 100% }

/* ── SCROLL REVEAL ── */
.will-animate {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--silk), transform .9s var(--silk);
}
.will-animate.animated { opacity: 1; transform: translateY(0) }
.delay-1 { transition-delay: .1s }
.delay-2 { transition-delay: .22s }
.delay-3 { transition-delay: .34s }
.delay-4 { transition-delay: .46s }
.delay-5 { transition-delay: .58s }

/* ── NAV ── */
.valor-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 600;
  display: flex; align-items: center; justify-content: space-between;
  height: 72px; padding: 0 56px;
  background: rgba(3,3,3,0);
  transition: background .7s var(--ease), border-color .7s;
  border-bottom: 1px solid transparent;
}
.valor-nav.scrolled {
  background: rgba(3,3,3,.95);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom-color: var(--gold-wire);
}
.valor-nav__links { display: flex; align-items: center; gap: 48px }
.valor-nav__link {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px; font-weight: 200; letter-spacing: .32em; text-transform: uppercase;
  color: rgba(237,227,206,.42); transition: color .4s;
}
.valor-nav__link:hover, .valor-nav__link--active { color: var(--cream) }
.valor-nav__logo {
  position: absolute; left: 50%; transform: translateX(-50%);
  width: 44px; height: 44px;
  border: 1px solid rgba(180,150,88,.32);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .4s;
}
.valor-nav__logo:hover { border-color: var(--gold) }
.valor-nav__logo-v {
  font-family: 'Cormorant SC', serif;
  font-size: 21px; color: var(--gold); font-weight: 300; line-height: 1;
}
.valor-nav__right { display: flex; align-items: center; gap: 44px }
.valor-nav__cart {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 200;
  letter-spacing: .26em; color: rgba(237,227,206,.42); transition: color .4s;
  cursor: pointer;
}
.valor-nav__cart:hover { color: var(--cream) }
.valor-nav__cart-count {
  width: 17px; height: 17px; border: 1px solid var(--gold-lo); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 8.5px; color: var(--gold);
}

/* ── HERO ── */
.valor-hero {
  position: relative; height: 100vh; min-height: 720px;
  display: flex; align-items: flex-end; overflow: hidden;
}
.valor-hero__bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center 18%;
  will-change: transform;
}
.valor-hero__vignette {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom,
    rgba(3,3,3,.04) 0%,
    rgba(3,3,3,.08) 20%,
    rgba(3,3,3,.58) 58%,
    rgba(3,3,3,.87) 78%,
    rgba(3,3,3,.98) 100%
  );
}
.valor-hero__vignette::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(110deg,
    rgba(3,3,3,.72) 0%, rgba(3,3,3,.45) 32%, transparent 58%
  );
}
.valor-hero__vignette::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 280px;
  background: linear-gradient(to top, rgba(3,3,3,1), transparent);
}
.valor-hero__content {
  position: relative; z-index: 3;
  width: 100%; max-width: 680px;
  padding: 0 56px 112px;
  display: flex; flex-direction: column; align-items: flex-start;
}
.valor-hero__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 200;
  letter-spacing: .44em; text-transform: uppercase; color: var(--gold);
  margin-bottom: 26px;
  opacity: 0; animation: riseUp 1s var(--silk) .2s forwards;
}
.valor-hero__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(64px, 10vw, 134px);
  font-weight: 300; letter-spacing: .04em; line-height: .88;
  color: #fff; margin-bottom: 36px;
  text-shadow: 0 4px 80px rgba(3,3,3,.5);
  opacity: 0; animation: riseUp 1.1s var(--silk) .38s forwards;
}
.valor-hero__sub {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: clamp(14px, 1.4vw, 17px);
  color: rgba(237,227,206,.56); letter-spacing: .1em; margin-bottom: 72px;
  opacity: 0; animation: riseUp .9s var(--silk) .56s forwards;
}
.valor-hero__cta-wrap { opacity: 0; animation: riseUp .9s var(--silk) .72s forwards }

/* ── CTA BUTTON ── */
.valor-btn {
  display: inline-block; position: relative; overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-size: 9.5px; font-weight: 200; letter-spacing: .34em; text-transform: uppercase;
  padding: 21px 68px;
  border: 1.5px solid rgba(180,150,88,.5);
  color: var(--cream); background: transparent; cursor: pointer;
  transition: border-color .5s var(--ease), color .45s;
}
.valor-btn::before {
  content: ''; position: absolute; inset: 0;
  background: var(--gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform .6s var(--silk);
}
.valor-btn:hover { border-color: var(--gold); color: var(--ink) }
.valor-btn:hover::before { transform: scaleX(1) }
.valor-btn span { position: relative; z-index: 1 }

/* Gold fill variant */
.valor-btn--gold {
  background: var(--gold); color: var(--ink); border-color: var(--gold);
}
.valor-btn--gold::before { background: var(--gold-hi) }
.valor-btn--gold span { color: var(--ink) }
.valor-btn--gold:hover { color: var(--ink) }

/* Ghost variant */
.valor-btn--ghost {
  border-color: var(--gold-wire); color: var(--fog);
  padding: 14px 32px;
}
.valor-btn--ghost::before { background: rgba(180,150,88,.06) }
.valor-btn--ghost:hover { color: var(--cream); border-color: var(--gold-lo) }

/* Text variant */
.valor-btn--text {
  border: none; padding: 0; color: var(--fog);
  font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 200;
  letter-spacing: .28em; text-transform: uppercase; cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: color .35s, border-color .35s;
}
.valor-btn--text::before { display: none }
.valor-btn--text:hover { color: var(--cream); border-bottom-color: var(--gold-lo) }

/* Hero scroll indicator */
.valor-hero__scroll {
  position: absolute; bottom: 44px; right: 52px; z-index: 3;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  opacity: 0; animation: fadeIn .9s var(--ease) 1.5s forwards;
}
.valor-hero__scroll-label {
  font-family: 'Montserrat', sans-serif; font-size: 7px; font-weight: 200;
  letter-spacing: .3em; text-transform: uppercase; color: var(--gold-lo);
  writing-mode: vertical-rl;
}
.valor-hero__scroll-line {
  width: 1px; height: 60px;
  background: linear-gradient(to bottom, var(--gold-lo), transparent);
  animation: drip 2.8s ease-in-out infinite;
}

/* ── CONVICTION SECTION ── */
.valor-conviction {
  padding: 192px 56px;
  text-align: center; position: relative;
  background: radial-gradient(ellipse at 50% 50%, rgba(180,150,88,.028) 0%, transparent 72%), var(--ink);
}
.valor-conviction::before, .valor-conviction::after {
  content: ''; position: absolute; left: 50%; transform: translateX(-50%);
  width: 1px; height: 92px;
}
.valor-conviction::before { top: 0; background: linear-gradient(to bottom, transparent, var(--gold-lo)) }
.valor-conviction::after  { bottom: 0; background: linear-gradient(to top, transparent, var(--gold-lo)) }
.valor-conviction__inner { max-width: 520px; margin: 0 auto }
.valor-conviction__label {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .44em; text-transform: uppercase; color: var(--gold);
  display: block; margin-bottom: 48px;
}
.valor-conviction__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(34px, 4.2vw, 56px); font-weight: 300;
  letter-spacing: .1em; color: var(--cream); line-height: 1.05;
}
.valor-conviction__bars {
  display: flex; align-items: center; gap: 24px;
  justify-content: center; margin: 44px 0;
}
.valor-conviction__bars::before, .valor-conviction__bars::after {
  content: ''; flex: 1; max-width: 64px; height: 1px;
}
.valor-conviction__bars::before { background: linear-gradient(to right, transparent, var(--gold-lo)) }
.valor-conviction__bars::after  { background: linear-gradient(to left,  transparent, var(--gold-lo)) }
.valor-conviction__diamond {
  width: 5px; height: 5px; border: 1px solid var(--gold-lo);
  transform: rotate(45deg); flex-shrink: 0;
}
.valor-conviction__body {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: clamp(18px, 2vw, 22px); color: var(--fog);
  line-height: 2; letter-spacing: .05em;
}
.valor-conviction__body p + p { margin-top: 14px }
.valor-conviction__glory {
  font-style: normal; font-family: 'Cormorant SC', serif;
  font-size: .82em; letter-spacing: .2em;
  color: var(--gold); display: block; margin-top: 36px;
}

/* ── STANDARD SECTION ── */
.valor-standard {
  padding: 168px 56px;
  border-top: 1px solid var(--gold-wire);
  border-bottom: 1px solid var(--gold-wire);
  background: var(--panel); position: relative; overflow: hidden;
}
.valor-standard::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(180,150,88,.04) 0%, transparent 65%);
  pointer-events: none;
}
.valor-standard__inner {
  max-width: 1080px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center;
}
.valor-standard__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .44em; text-transform: uppercase; color: var(--gold);
  display: block; margin-bottom: 32px;
}
.valor-standard__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(36px, 4vw, 56px); font-weight: 300;
  letter-spacing: .09em; color: var(--cream); line-height: 1.05;
}
.valor-standard__rule { width: 32px; height: 1px; background: var(--gold-lo); margin: 40px 0 }
.valor-standard__sub {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 17px; color: var(--fog); line-height: 1.9; letter-spacing: .04em;
}
.valor-standard__list {
  display: flex; flex-direction: column;
  border-left: 1px solid var(--gold-wire); padding-left: 64px;
}
.valor-standard__item {
  display: flex; align-items: center; gap: 20px;
  padding: 28px 0; border-bottom: 1px solid rgba(180,150,88,.07);
  transition: padding-left .4s var(--ease);
}
.valor-standard__item:first-child { border-top: 1px solid rgba(180,150,88,.07) }
.valor-standard__item:hover { padding-left: 8px }
.valor-standard__num {
  font-family: 'Cormorant SC', serif; font-size: 12px;
  color: var(--gold-lo); letter-spacing: .2em; flex-shrink: 0; width: 28px;
  transition: color .35s;
}
.valor-standard__item:hover .valor-standard__num { color: var(--gold) }
.valor-standard__text {
  font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 200;
  letter-spacing: .22em; text-transform: uppercase; color: var(--fog);
  transition: color .35s;
}
.valor-standard__item:hover .valor-standard__text { color: var(--cream) }
.valor-standard__marker {
  margin-left: auto; width: 4px; height: 4px;
  border: 1px solid var(--gold-lo); transform: rotate(45deg);
  opacity: 0; transition: opacity .35s; flex-shrink: 0;
}
.valor-standard__item:hover .valor-standard__marker { opacity: 1 }

/* ── PRODUCT CARDS ── */
.valor-section-header {
  display: flex; align-items: flex-end; justify-content: space-between;
  padding-bottom: 32px; margin-bottom: 1px;
  border-bottom: 1px solid var(--gold-wire);
}
.valor-section-header__left { display: flex; flex-direction: column; gap: 12px }
.valor-section-header__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .4em; text-transform: uppercase; color: var(--gold);
}
.valor-section-header__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(22px, 3vw, 40px); font-weight: 300;
  letter-spacing: .1em; color: var(--cream);
}

.valor-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 1px }
.valor-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px }
.valor-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px }

/* First card taller */
.valor-grid-3 .valor-card:first-child .valor-card__frame { aspect-ratio: 4/6 }

.valor-card { position: relative; overflow: hidden; cursor: pointer; background: var(--lift) }
.valor-card::before {
  content: ''; position: absolute; inset: 0; z-index: 5; pointer-events: none;
  border: 1px solid transparent; transition: border-color .5s var(--ease);
}
.valor-card:hover::before { border-color: rgba(180,150,88,.45) }
.valor-card__frame { aspect-ratio: 2/3; overflow: hidden; position: relative }
.valor-card__frame img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center top;
  transition: transform 1.3s var(--silk); display: block;
}
.valor-card:hover .valor-card__frame img { transform: scale(1.09) }
.valor-card__frame::after {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(to top,
    rgba(3,3,3,.92) 0%, rgba(3,3,3,.3) 38%, rgba(3,3,3,.04) 62%
  );
}
.valor-card__body {
  position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;
  padding: 28px 26px 56px;
  transition: padding-bottom .45s var(--silk);
}
.valor-card:hover .valor-card__body { padding-bottom: 68px }
.valor-card__badge {
  display: inline-block; margin-bottom: 14px;
  font-family: 'Montserrat', sans-serif; font-size: 7px; font-weight: 200;
  letter-spacing: .28em; text-transform: uppercase;
  color: var(--ink); background: var(--gold); padding: 4px 10px;
}
.valor-card__title {
  font-family: 'Cormorant', serif; font-size: 22px; font-weight: 300;
  color: #fff; letter-spacing: .04em; line-height: 1.2; margin-bottom: 8px;
}
.valor-card__price {
  font-family: 'Cormorant SC', serif; font-size: 16px;
  color: rgba(237,227,206,.6); letter-spacing: .1em;
}
.valor-card__sizes {
  position: absolute; bottom: 0; left: 0; right: 0; z-index: 3;
  padding: 0 26px 18px; display: flex; gap: 5px;
  transform: translateY(100%); opacity: 0;
  transition: transform .5s var(--silk), opacity .4s;
}
.valor-card:hover .valor-card__sizes { transform: translateY(0); opacity: 1 }
.valor-card__size {
  flex: 1; text-align: center;
  font-family: 'Montserrat', sans-serif; font-size: 8px; font-weight: 200;
  letter-spacing: .14em; padding: 9px 4px;
  border: 1px solid rgba(237,227,206,.2);
  color: rgba(237,227,206,.5);
  background: rgba(3,3,3,.55); backdrop-filter: blur(6px);
  cursor: pointer; transition: all .22s;
}
.valor-card__size:hover,
.valor-card__size.is-selected {
  border-color: var(--gold); color: #fff; background: rgba(180,150,88,.16);
}

/* ── COLLECTION PAGE ── */
.valor-collection-hero {
  padding: 132px 56px 112px; text-align: center;
  border-bottom: 1px solid var(--gold-wire);
  background: radial-gradient(ellipse at 50% 100%, rgba(180,150,88,.032) 0%, transparent 68%);
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.valor-collection-hero .valor-hero_vignette {
  background: Linear-gradient(to bottom),
  rgba(3,3,3,.78) 0%,
  rgba(3,3,3,.68) 40%,
  rgba(3,3,3,.85) 100%
  );
}
}
.valor-collection-hero::after {
  content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);
  width: 36px; height: 1px; background: var(--gold);
}
.valor-collection-hero__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .42em; text-transform: uppercase; color: var(--gold); margin-bottom: 24px;
}
.valor-collection-hero__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(48px, 7.5vw, 100px); font-weight: 300;
  letter-spacing: .16em; color: var(--cream); margin-bottom: 18px;
}
.valor-collection-hero__sub {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 17px; color: var(--fog); letter-spacing: .06em;
}
.valor-collection-filters {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 56px; border-bottom: 1px solid var(--gold-wire);
}
.valor-filter-tabs { display: flex }
.valor-filter-tab {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .22em; text-transform: uppercase; padding: 8px 22px;
  background: transparent; border: 1px solid transparent; color: var(--fog);
  cursor: pointer; transition: all .3s; margin-right: -1px;
}
.valor-filter-tab:hover { color: var(--cream) }
.valor-filter-tab.is-active {
  color: var(--cream); border-color: var(--gold-wire); background: rgba(180,150,88,.04);
}
.valor-filter-pills { display: flex; align-items: center; gap: 6px }
.valor-filter-pill {
  font-family: 'Montserrat', sans-serif; font-size: 8px; font-weight: 200;
  letter-spacing: .2em; text-transform: uppercase; color: var(--fog);
  padding: 6px 14px; border: 1px solid transparent; cursor: pointer; transition: all .25s;
}
.valor-filter-pill:hover { color: var(--cream) }
.valor-filter-pill.is-active {
  color: var(--cream); border-color: var(--gold-wire); background: rgba(180,150,88,.04);
}
.valor-filter-sep { width: 1px; height: 12px; background: var(--gold-wire); margin: 0 4px }
.valor-collection-grid { padding: 60px 56px 148px }
.valor-collection-count {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .24em; text-transform: uppercase; color: var(--gold-lo); margin-bottom: 44px;
}

/* ── PRODUCT PAGE ── */
.valor-product-layout { display: grid; grid-template-columns: 55% 45%; min-height: calc(100vh - 72px) }
.valor-product-gallery {
  position: sticky; top: 72px; height: calc(100vh - 72px);
  overflow: hidden; background: var(--char);
}
.valor-product-gallery__photo {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 15%;
  transition: transform .9s var(--silk), opacity .32s;
}
.valor-product-gallery__thumbs {
  position: absolute; bottom: 0; left: 0; right: 0;
  display: flex; gap: 1px; z-index: 3;
}
.valor-product-gallery__thumb {
  width: 64px; flex-shrink: 0; aspect-ratio: 2/3;
  overflow: hidden; cursor: pointer;
  border: 1px solid transparent; opacity: .42;
  transition: opacity .3s, border-color .3s;
}
.valor-product-gallery__thumb:hover,
.valor-product-gallery__thumb.is-active { opacity: 1; border-color: var(--gold) }
.valor-product-gallery__thumb img {
  width: 100%; height: 100%; object-fit: cover; object-position: center top;
}
.valor-product-info {
  padding: 92px 72px 92px 64px;
  background: var(--ink); overflow-y: auto; display: flex; flex-direction: column;
}
.valor-product-info__breadcrumb {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .22em; text-transform: uppercase; color: var(--gold-lo);
  margin-bottom: 60px; display: flex; align-items: center; gap: 12px;
}
.valor-product-info__breadcrumb a { transition: color .25s }
.valor-product-info__breadcrumb a:hover { color: var(--gold) }
.valor-product-info__breadcrumb-sep { color: var(--gold-wire) }
.valor-product-info__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(28px, 3vw, 46px); font-weight: 300;
  letter-spacing: .06em; color: var(--cream); line-height: 1.08; margin-bottom: 20px;
}
.valor-product-info__price {
  font-family: 'Cormorant SC', serif; font-size: 24px;
  color: var(--gold); letter-spacing: .09em; margin-bottom: 52px;
}
.valor-product-info__rule {
  height: 1px;
  background: linear-gradient(to right, var(--gold-wire), transparent);
  margin-bottom: 52px;
}
.valor-product-info__desc {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 17px; color: var(--fog); line-height: 2; margin-bottom: 56px;
}
.valor-product-info__label {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .3em; text-transform: uppercase; color: var(--gold); margin-bottom: 18px;
}
.valor-product-info__sizes { display: flex; gap: 8px; margin-bottom: 56px }
.valor-size-btn {
  width: 52px; height: 52px; border: 1px solid var(--gold-wire); background: transparent;
  font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 200;
  letter-spacing: .1em; color: var(--fog); cursor: pointer; transition: all .25s;
}
.valor-size-btn:hover { border-color: var(--gold-lo); color: var(--cream) }
.valor-size-btn.is-selected { border-color: var(--gold); color: var(--cream); background: rgba(180,150,88,.07) }
.valor-size-btn.is-unavailable { opacity: .3; cursor: not-allowed; text-decoration: line-through }
.valor-product-info__qty { display: flex; align-items: center; border: 1px solid var(--gold-wire); width: fit-content; margin-bottom: 40px }
.valor-qty-btn {
  width: 48px; height: 52px; font-size: 18px; color: var(--fog);
  display: flex; align-items: center; justify-content: center; transition: color .2s;
}
.valor-qty-btn:hover { color: var(--cream) }
.valor-qty-val {
  width: 52px; height: 52px; text-align: center; background: transparent;
  border-left: 1px solid var(--gold-wire); border-right: 1px solid var(--gold-wire);
  color: var(--cream); font-family: 'Montserrat', sans-serif;
  font-size: 13px; font-weight: 200;
  display: flex; align-items: center; justify-content: center;
}
.valor-product-info__atc {
  display: block; width: 100%; padding: 20px; margin-bottom: 60px;
  font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 200;
  letter-spacing: .32em; text-transform: uppercase;
  background: var(--gold); color: var(--ink);
  border: 1.5px solid var(--gold); cursor: pointer;
  position: relative; overflow: hidden; transition: border-color .4s;
}
.valor-product-info__atc::before {
  content: ''; position: absolute; inset: 0; background: var(--gold-hi);
  transform: scaleX(0); transform-origin: left; transition: transform .55s var(--silk);
}
.valor-product-info__atc:hover::before { transform: scaleX(1) }
.valor-product-info__atc span { position: relative; z-index: 1 }
.valor-product-info__details { border-top: 1px solid var(--gold-wire); padding-top: 44px }
.valor-product-info__detail {
  display: flex; align-items: center; gap: 16px;
  padding: 14px 0; border-bottom: 1px solid rgba(180,150,88,.06);
  transition: padding-left .35s var(--ease);
}
.valor-product-info__detail:last-child { border-bottom: none }
.valor-product-info__detail:hover { padding-left: 6px }
.valor-product-info__detail-dot {
  width: 3px; height: 3px; border-radius: 50%;
  background: var(--gold-lo); flex-shrink: 0; transition: background .3s;
}
.valor-product-info__detail:hover .valor-product-info__detail-dot { background: var(--gold) }
.valor-product-info__detail-text {
  font-family: 'Montserrat', sans-serif; font-size: 9px; font-weight: 200;
  letter-spacing: .22em; text-transform: uppercase; color: var(--fog); transition: color .3s;
}
.valor-product-info__detail:hover .valor-product-info__detail-text { color: var(--cream) }

/* ── CART DRAWER ── */
.valor-cart-overlay {
  position: fixed; inset: 0; background: rgba(3,3,3,.84); z-index: 900;
  opacity: 0; pointer-events: none;
  transition: opacity .5s var(--ease); backdrop-filter: blur(12px);
}
.valor-cart-overlay.is-open { opacity: 1; pointer-events: all }
.valor-cart-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: 408px; max-width: 100vw;
  background: var(--panel); z-index: 901;
  border-left: 1px solid var(--gold-wire);
  display: flex; flex-direction: column;
  transform: translateX(100%); transition: transform .6s var(--silk);
}
.valor-cart-drawer.is-open { transform: translateX(0) }
.valor-cart-drawer__header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 30px 36px; border-bottom: 1px solid var(--gold-wire); flex-shrink: 0;
}
.valor-cart-drawer__title {
  font-family: 'Cormorant SC', serif; font-size: 21px; font-weight: 300; letter-spacing: .1em;
}
.valor-cart-drawer__count {
  font-family: 'Montserrat', sans-serif; font-size: 8px; font-weight: 200;
  letter-spacing: .16em; color: var(--gold); border: 1px solid var(--gold-lo);
  padding: 3px 9px; margin-left: 14px;
}
.valor-cart-drawer__close {
  width: 36px; height: 36px; border: 1px solid var(--gold-wire);
  display: flex; align-items: center; justify-content: center;
  color: var(--fog); font-size: 13px; cursor: pointer;
  transition: all .3s; background: transparent;
}
.valor-cart-drawer__close:hover { border-color: var(--gold-lo); color: var(--cream) }
.valor-cart-drawer__items { flex: 1; overflow-y: auto; padding: 28px 36px }
.valor-cart-drawer__item {
  display: grid; grid-template-columns: 64px 1fr; gap: 18px;
  padding: 24px 0; border-bottom: 1px solid rgba(180,150,88,.07);
}
.valor-cart-drawer__item:last-child { border-bottom: none }
.valor-cart-drawer__item-img { aspect-ratio: 2/3; background: var(--char); overflow: hidden }
.valor-cart-drawer__item-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top }
.valor-cart-drawer__item-title { font-family: 'Cormorant', serif; font-size: 16px; color: var(--cream); margin-bottom: 4px }
.valor-cart-drawer__item-variant {
  font-family: 'Montserrat', sans-serif; font-size: 7.5px; font-weight: 200;
  letter-spacing: .18em; text-transform: uppercase; color: var(--gold-lo); margin-bottom: 14px;
}
.valor-cart-drawer__item-controls { display: flex; align-items: center; justify-content: space-between }
.valor-cart-drawer__item-qty {
  display: flex; align-items: center; gap: 11px;
  font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 200; color: var(--fog);
}
.valor-cart-drawer__item-qty button { color: var(--fog); font-size: 13px; transition: color .2s; background: none; border: none; cursor: pointer }
.valor-cart-drawer__item-qty button:hover { color: var(--cream) }
.valor-cart-drawer__item-price { font-family: 'Cormorant SC', serif; font-size: 17px; color: var(--cream); letter-spacing: .06em }
.valor-cart-drawer__item-remove {
  font-family: 'Montserrat', sans-serif; font-size: 7.5px; font-weight: 200;
  letter-spacing: .18em; text-transform: uppercase; color: var(--fog);
  cursor: pointer; background: none; border: none; margin-top: 8px;
  display: block; transition: color .25s; padding: 0;
}
.valor-cart-drawer__item-remove:hover { color: var(--cream) }
.valor-cart-drawer__footer { padding: 24px 36px 32px; border-top: 1px solid var(--gold-wire); flex-shrink: 0 }
.valor-cart-drawer__subtotal { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px }
.valor-cart-drawer__subtotal-label {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .24em; text-transform: uppercase; color: var(--fog);
}
.valor-cart-drawer__subtotal-value { font-family: 'Cormorant SC', serif; font-size: 24px; color: var(--cream); letter-spacing: .06em }
.valor-cart-drawer__note {
  font-family: 'Montserrat', sans-serif; font-size: 7.5px; font-weight: 200;
  letter-spacing: .16em; text-transform: uppercase; color: var(--gold-lo);
  text-align: center; margin: 16px 0 20px;
}
.valor-cart-drawer__checkout {
  display: block; width: 100%; text-align: center; padding: 18px;
  background: var(--gold); color: var(--ink);
  font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 200;
  letter-spacing: .28em; text-transform: uppercase;
  border: 1.5px solid var(--gold); cursor: pointer;
  position: relative; overflow: hidden; margin-bottom: 8px;
  transition: border-color .4s;
}
.valor-cart-drawer__checkout::before {
  content: ''; position: absolute; inset: 0; background: var(--gold-hi);
  transform: scaleX(0); transform-origin: left; transition: transform .5s var(--silk);
}
.valor-cart-drawer__checkout:hover::before { transform: scaleX(1) }
.valor-cart-drawer__checkout span { position: relative; z-index: 1 }
.valor-cart-drawer__continue {
  display: block; width: 100%; text-align: center; padding: 13px;
  border: 1px solid var(--gold-wire); color: var(--fog);
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .22em; text-transform: uppercase;
  cursor: pointer; transition: all .35s; background: transparent;
}
.valor-cart-drawer__continue:hover { border-color: var(--gold-lo); color: var(--cream) }

/* ── FOOTER ── */
.valor-footer {
  padding: 80px 56px; text-align: center;
  border-top: 1px solid var(--gold-wire);
}
.valor-footer__brand {
  font-family: 'Cormorant SC', serif; font-size: 10.5px; font-weight: 300;
  letter-spacing: .4em; color: var(--gold-lo); margin-bottom: 14px; text-transform: uppercase;
}
.valor-footer__tagline { font-family: 'Cormorant', serif; font-style: italic; font-size: 15px; color: var(--fog) }

/* ── ANIMATIONS ── */
@keyframes riseUp { from { opacity: 0; transform: translateY(32px) } to { opacity: 1; transform: translateY(0) } }
@keyframes fadeIn  { from { opacity: 0 } to { opacity: 1 } }
@keyframes drip {
  0%   { transform: scaleY(0); transform-origin: top; opacity: .8 }
  55%  { transform: scaleY(1); transform-origin: top }
  56%  { transform-origin: bottom }
  100% { transform: scaleY(0); transform-origin: bottom; opacity: .2 }
}

/* ── RESPONSIVE ── */
@media(max-width: 1100px) {
  .valor-product-layout { grid-template-columns: 1fr }
  .valor-product-gallery { position: relative; height: 72vw; top: 0 }
  .valor-grid-3 { grid-template-columns: repeat(2,1fr) }
  .valor-standard__inner { grid-template-columns: 1fr; gap: 64px }
  .valor-standard__list { border-left: none; padding-left: 0; border-top: 1px solid var(--gold-wire); padding-top: 40px }
}
@media(max-width: 768px) {
  .valor-nav { padding: 0 24px; height: 64px }
  .valor-nav__links { display: none }
  .valor-nav__logo { position: static; transform: none }
  .valor-hero__content { padding: 0 24px 88px; max-width: 100% }
  .valor-conviction, .valor-standard, .valor-footer { padding-left: 24px; padding-right: 24px }
  .valor-collection-hero, .valor-collection-filters, .valor-collection-grid { padding-left: 24px; padding-right: 24px }
  .valor-collection-filters { flex-wrap: wrap; gap: 12px }
  .valor-product-info { padding: 44px 24px 64px }
}
@media(max-width: 560px) {
  .valor-grid-3, .valor-grid-2, .valor-grid-4 { grid-template-columns: 1fr 1fr }
  .valor-grid-3 .valor-card:first-child .valor-card__frame { aspect-ratio: 2/3 }
}

/* Drops section padding */
.valor-drops { padding: 0 56px 192px }
@media(max-width: 768px) { .valor-drops { padding-left: 24px; padding-right: 24px } }

/* Scrollbar */
::-webkit-scrollbar { width: 3px }
::-webkit-scrollbar-track { background: var(--ink) }
::-webkit-scrollbar-thumb { background: var(--gold-lo) }
.valor-email {
  padding: 120px 56px;
  text-align: center;
  border-top: 1px solid var(--gold-wire);
  background: var(--panel);
}
.valor-email__inner { max-width: 560px; margin: 0 auto }
.valor-email__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .42em; text-transform: uppercase; color: var(--gold);
  display: block; margin-bottom: 24px;
}
.valor-email__title {
  font-family: 'Cormorant SC', serif; font-size: clamp(28px,4vw,44px);
  font-weight: 300; letter-spacing: .1em; color: var(--cream);
  margin-bottom: 16px;
}
.valor-email__sub {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 17px; color: var(--fog); margin-bottom: 48px; line-height: 1.7;
}
.valor-email__field {
  display: flex; gap: 0; max-width: 460px; margin: 0 auto;
}
.valor-email__input {
  flex: 1; padding: 16px 20px;
  background: transparent; border: 1px solid var(--gold-wire);
  border-right: none; color: var(--cream);
  font-family: 'Montserrat', sans-serif; font-size: 9px;
  font-weight: 200; letter-spacing: .2em; text-transform: uppercase;
  outline: none; transition: border-color .3s;
}
.valor-email__input:focus { border-color: var(--gold-lo) }
.valor-email__input::placeholder { color: var(--fog) }
.valor-email__btn {
  padding: 16px 32px; background: var(--gold); color: var(--ink);
  border: 1px solid var(--gold); cursor: pointer;
  font-family: 'Montserrat', sans-serif; font-size: 9px;
  font-weight: 200; letter-spacing: .22em; text-transform: uppercase;
  transition: background .35s; position: relative; overflow: hidden;
  white-space: nowrap;
}
.valor-email__btn:hover { background: var(--gold-hi) }
@media(max-width: 560px) {
  .valor-email { padding: 80px 24px }
  .valor-email__field { flex-direction: column }
  .valor-email__input { border-right: 1px solid var(--gold-wire); border-bottom: none }
  .valor-email__btn { padding: 14px }
}
/* ── BRAND STORY ── */
.valor-story {
  padding: 160px 56px;
  border-top: 1px solid var(--gold-wire);
  background:
    radial-gradient(ellipse at 80% 50%, rgba(180,150,88,.04) 0%, transparent 65%),
    var(--char);
}
.valor-story__inner {
  max-width: 1080px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 96px; align-items: center;
}
.valor-story__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .44em; text-transform: uppercase; color: var(--gold);
  display: block; margin-bottom: 32px;
}
.valor-story__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(40px, 5vw, 64px); font-weight: 300;
  letter-spacing: .06em; color: var(--cream);
  line-height: 1.05; margin-bottom: 0;
}
.valor-story__rule {
  width: 32px; height: 1px;
  background: var(--gold-lo); margin: 40px 0;
}
.valor-story__body p {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 17px; color: var(--fog);
  line-height: 1.95; letter-spacing: .04em;
  margin-bottom: 18px;
}
.valor-story__signature {
  font-family: 'Cormorant SC', serif !important;
  font-style: normal !important;
  font-size: 14px !important; letter-spacing: .16em;
  color: var(--gold) !important; margin-top: 32px !important;
}
.valor-story__image-wrap {
  position: relative; aspect-ratio: 3/4;
  overflow: hidden; background: var(--lift);
}
.valor-story__image-wrap img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center top;
  transition: transform 1s var(--silk);
}
.valor-story__image-wrap:hover img { transform: scale(1.04) }
.valor-story__placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at 50% 35%, #1c1a14 0%, #080706 100%);
}
.valor-story__quote {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 32px 28px;
  background: linear-gradient(to top, rgba(3,3,3,.92) 0%, transparent 100%);
}
.valor-story__quote-mark {
  font-family: 'Cormorant SC', serif; font-size: 48px;
  color: var(--gold); line-height: .8; display: block; margin-bottom: 8px;
  opacity: .6;
}
.valor-story__quote p {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 18px; color: var(--cream); line-height: 1.6;
  letter-spacing: .04em;
}
@media(max-width: 900px) {
  .valor-story { padding: 100px 24px }
  .valor-story__inner { grid-template-columns: 1fr; gap: 56px }
  .valor-story__image-wrap { aspect-ratio: 4/3 }
}

/* ── ANNOUNCEMENT BANNER ── */
.valor-banner {
  background: var(--gold);
  padding: 11px 24px;
  text-align: center;
  position: sticky;
  top: 0;
  z-index: 700;
}
.valor-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 1080px;
  margin: 0 auto;
}
.valor-banner__text {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--ink);
}
.valor-banner__diamond {
  width: 4px;
  height: 4px;
  border: 1px solid var(--ink);
  transform: rotate(45deg);
  opacity: .5;
  flex-shrink: 0;
}
/* ── COMING SOON ── */
.valor-coming {
  padding: 80px 56px 160px;
  border-top: 1px solid var(--gold-wire);
}
.valor-coming__header {
  display: flex; align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--gold-wire);
  margin-bottom: 1px;
}
.valor-coming__eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .4em; text-transform: uppercase; color: var(--gold);
  margin-bottom: 12px; display: block;
}
.valor-coming__title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(22px, 3vw, 40px); font-weight: 300;
  letter-spacing: .1em; color: var(--cream);
}
.valor-coming__sub {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 16px; color: var(--fog);
  text-align: right; line-height: 1.7;
}
.valor-coming__grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; margin-top: 1px; margin-bottom: 1px;
}
.valor-coming__item { background: var(--lift); overflow: hidden }
.valor-coming__item::before {
  content: ''; position: absolute; inset: 0; z-index: 5; pointer-events: none;
  border: 1px solid transparent; transition: border-color .5s;
}
.valor-coming__item { position: relative }
.valor-coming__item:hover::before { border-color: rgba(180,150,88,.35) }
.valor-coming__frame {
  aspect-ratio: 3/4; position: relative; overflow: hidden;
  background: #080706;
}
.valor-coming__frame img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center top;
  transition: transform 1.2s var(--silk);
  filter: brightness(.92);
}
.valor-coming__item:hover .valor-coming__frame img {
  transform: scale(1.05);
  filter: brightness(1);
}
.valor-coming__overlay {
  position: absolute; inset: 0; z-index: 2;
  display: flex; align-items: flex-start; justify-content: flex-end;
  padding: 20px;
  background: linear-gradient(to bottom,
    rgba(3,3,3,.04) 0%, rgba(3,3,3,.0) 40%,
    rgba(3,3,3,.7) 100%
  );
}
.valor-coming__tag {
  font-family: 'Montserrat', sans-serif; font-size: 7.5px; font-weight: 200;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--ink); background: var(--gold); padding: 5px 12px;
}
.valor-coming__info { padding: 22px 24px 28px }
.valor-coming__name {
  font-family: 'Cormorant', serif; font-size: 20px;
  color: var(--cream); margin-bottom: 6px; letter-spacing: .03em;
}
.valor-coming__detail {
  font-family: 'Montserrat', sans-serif; font-size: 8px; font-weight: 200;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--fog); margin-bottom: 8px;
}
.valor-coming__price {
  font-family: 'Cormorant SC', serif; font-size: 14px;
  color: var(--gold-lo); letter-spacing: .12em;
}

/* Notify strip */
.valor-coming__notify-strip {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 80px; align-items: center;
  padding: 64px 0 0; border-top: 1px solid var(--gold-wire); margin-top: 1px;
}
.valor-coming__notify-eyebrow {
  font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 200;
  letter-spacing: .4em; text-transform: uppercase; color: var(--gold);
  display: block; margin-bottom: 20px;
}
.valor-coming__notify-title {
  font-family: 'Cormorant SC', serif;
  font-size: clamp(24px, 2.8vw, 36px); font-weight: 300;
  letter-spacing: .08em; color: var(--cream);
  line-height: 1.1; margin-bottom: 16px;
}
.valor-coming__notify-sub {
  font-family: 'Cormorant', serif; font-style: italic;
  font-size: 16px; color: var(--fog); line-height: 1.7;
}
.valor-coming__form-row {
  display: flex; gap: 0;
}
.valor-coming__input {
  flex: 1; padding: 16px 20px;
  background: transparent; border: 1px solid var(--gold-wire);
  border-right: none; color: var(--cream);
  font-family: 'Montserrat', sans-serif; font-size: 9px;
  font-weight: 200; letter-spacing: .2em; text-transform: uppercase;
  outline: none; transition: border-color .3s;
}
.valor-coming__input:focus { border-color: var(--gold-lo) }
.valor-coming__input::placeholder { color: var(--fog) }
.valor-coming__btn {
  padding: 16px 32px; background: var(--gold); color: var(--ink);
  border: 1.5px solid var(--gold); cursor: pointer;
  font-family: 'Montserrat', sans-serif; font-size: 9px;
  font-weight: 200; letter-spacing: .22em; text-transform: uppercase;
  white-space: nowrap; transition: background .35s;
}
.valor-coming__btn:hover { background: var(--gold-hi) }
@media(max-width: 900px) {
  .valor-coming { padding: 60px 24px 100px }
  .valor-coming__grid { grid-template-columns: 1fr 1fr }
  .valor-coming__header { flex-direction: column; gap: 12px }
  .valor-coming__sub { text-align: left }
  .valor-coming__notify-strip { grid-template-columns: 1fr; gap: 32px }
}
@media(max-width: 560px) {
  .valor-coming__grid { grid-template-columns: 1fr }
  .valor-coming__form-row { flex-direction: column }
  .valor-coming__input { border-right: 1px solid var(--gold-wire); border-bottom: none }
}

