:root{--noir-bg: #070707;--noir-bg-2: #0d0d0d;--noir-surface: #141414;--noir-surface-2: #1b1b1b;--gold: #d4af37;--gold-warm: #c8a45d;--gold-dark: #8d6f32;--champagne: #f2e2b6;--bronze: #7a5c2e;--cream: #efe9dc;--text: #f7f4ec;--text-muted: #aaa394;--text-on-gold: #0a0a0a;--border-gold: rgba(212, 175, 55, .28);--border-soft: rgba(255, 255, 255, .12);--border-hair: rgba(255, 255, 255, .06);--glow-gold: radial-gradient(circle, rgba(212, 175, 55, .28) 0%, rgba(212, 175, 55, .1) 35%, rgba(212, 175, 55, 0) 70%);--scrim: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, rgba(7, 7, 7, .72) 100%);--ease-noir: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--t-hover: .2s;--t-menu: .32s;--t-drawer: .42s;--t-media: .65s;--t-section: .82s;--stagger: 80ms;--noir-pad-x: clamp(16px, 4vw, 64px);--noir-maxw: 1600px;--noir-gap: clamp(12px, 1.4vw, 24px);--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px;--radius-pill: 999px;--fs-display: clamp(2.75rem, 7.4vw, 8rem);--fs-h1: clamp(2.1rem, 4.6vw, 4.4rem);--fs-h2: clamp(1.75rem, 3.4vw, 3.2rem);--fs-h3: clamp(1.25rem, 1.8vw, 1.75rem);--fs-body: clamp(.875rem, .35vw + .78rem, 1rem);--fs-micro: clamp(.625rem, .2vw + .56rem, .75rem);--track-tight: -.03em;--track-wide: .18em}.noir-section{position:relative;background-color:var(--noir-bg);color:var(--text);padding-inline:var(--noir-pad-x);padding-block:clamp(56px,7vw,140px);overflow-x:clip}.noir-section--flush{padding-inline:0}.noir-section--alt{background-color:var(--noir-bg-2)}.noir-inner{max-width:var(--noir-maxw);margin-inline:auto}.noir-display,.noir-h1,.noir-h2,.noir-h3{margin:0;font-weight:500;line-height:.94;letter-spacing:var(--track-tight);text-wrap:balance}.noir-display{font-size:var(--fs-display);text-transform:uppercase}.noir-h1{font-size:var(--fs-h1)}.noir-h2{font-size:var(--fs-h2);line-height:1}.noir-h3{font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.01em}.noir-body{font-size:var(--fs-body);line-height:1.65;color:var(--text-muted);max-width:62ch;margin:0}.noir-eyebrow{display:inline-flex;align-items:center;gap:.6em;font-size:var(--fs-micro);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--gold);margin:0 0 1.1em}.noir-eyebrow:before{content:"";inline-size:clamp(18px,3vw,46px);block-size:1px;background:linear-gradient(90deg,transparent,var(--gold))}.noir-gold-text{background:linear-gradient(100deg,var(--gold-dark),var(--gold) 35%,var(--champagne) 55%,var(--gold) 75%);-webkit-background-clip:text;background-clip:text;color:transparent}:is(h1,h2,h3,h4,h5,h6,p)>a:hover,p:not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)):hover,.rte :is(p,ul,ol,table):not(.h1,.h2,.h3,.h4,.h5,.h6) a:where(:not(.button,.button-secondary)):hover,:where(.button-unstyled):hover,.mega-menu__link:hover,.mega-menu__link--parent:hover{color:var(--gold)!important}.menu-list__list-item:where(:hover,:focus-within) .menu-list__link,.menu-list__link[aria-current=page]{color:var(--gold)!important}.menu-drawer__menu-item--mainlist:where(:hover,:focus-visible),.menu-drawer__menu-item--parent:where(:hover,:focus-visible),.menu-drawer__menu-item--child:where(:hover,:focus-visible),.menu-drawer__menu-item--active,details[open]>summary.menu-drawer__menu-item--mainlist,details[open]>summary.menu-drawer__menu-item--parent{color:var(--gold)!important}.noir-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-block-end:clamp(20px,2.4vw,36px)}.noir-crumbs a{color:var(--text-muted);text-decoration:none}.noir-crumbs a:hover{color:var(--gold)}.noir-crumbs [aria-current=page]{color:var(--text)}.noir-btn{--btn-bg: transparent;--btn-fg: var(--text);--btn-bd: var(--border-gold);display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-block-size:46px;padding:.85em 1.9em;border:1px solid var(--btn-bd);border-radius:var(--radius-pill);background-color:var(--btn-bg);color:var(--btn-fg);font-size:var(--fs-micro);letter-spacing:var(--track-wide);text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;transition:color var(--t-hover) var(--ease-noir),border-color var(--t-hover) var(--ease-noir),transform var(--t-hover) var(--ease-noir)}.noir-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,var(--gold-dark),var(--gold) 50%,var(--gold-warm));transform:translateY(101%);transition:transform var(--t-menu) var(--ease-noir)}.noir-btn:hover,.noir-btn:focus-visible{color:var(--text-on-gold);border-color:var(--gold)}.noir-btn:hover:after,.noir-btn:focus-visible:after{transform:translateY(0)}.noir-btn--solid{--btn-fg: var(--text-on-gold);--btn-bd: var(--gold);background:linear-gradient(100deg,var(--gold-dark),var(--gold) 50%,var(--gold-warm))}.noir-btn--solid:after{background:var(--noir-surface);transform:translateY(101%)}.noir-btn--solid:hover,.noir-btn--solid:focus-visible{color:var(--champagne)}.noir-btn--ghost{--btn-bd: var(--border-soft)}.noir-btn:active{transform:translateY(1px)}[data-noir-reveal]{opacity:0;will-change:transform,opacity;transition:opacity var(--t-section) var(--ease-noir),transform var(--t-section) var(--ease-noir),clip-path var(--t-section) var(--ease-noir);transition-delay:var(--noir-delay, 0ms)}[data-noir-reveal=up]{transform:translate3d(0,42px,0)}[data-noir-reveal=down]{transform:translate3d(0,-32px,0)}[data-noir-reveal=left]{transform:translate3d(48px,0,0)}[data-noir-reveal=right]{transform:translate3d(-48px,0,0)}[data-noir-reveal=scale]{transform:scale(1.06)}[data-noir-reveal=mask]{clip-path:inset(0 0 100% 0);transform:none}[data-noir-reveal=fade]{transform:none}[data-noir-reveal].is-revealed{opacity:1;transform:none;clip-path:inset(0 0 0 0)}.noir-marquee{--marquee-duration: 28s;display:flex;inline-size:100%;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.noir-marquee__track{display:flex;flex:0 0 auto;align-items:center;gap:clamp(20px,3vw,56px);padding-inline-end:clamp(20px,3vw,56px);min-inline-size:max-content;animation:noir-marquee-scroll var(--marquee-duration) linear infinite}.noir-marquee[data-direction=right] .noir-marquee__track{animation-direction:reverse}.noir-marquee:not([data-continuous]):hover .noir-marquee__track,.noir-marquee:focus-within .noir-marquee__track{animation-play-state:paused}.noir-marquee__item{display:inline-flex;align-items:center;gap:clamp(20px,3vw,56px);font-size:var(--fs-display);line-height:1;font-weight:500;letter-spacing:var(--track-tight);text-transform:uppercase;white-space:nowrap}.noir-marquee__dot{color:var(--gold);font-size:.5em}@keyframes noir-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.noir-scene{--noir-progress: 0;position:relative}.noir-scene__pin{position:sticky;top:0;block-size:100svh;display:grid;align-content:center;overflow:clip}@media(max-width:749px){.noir-scene:not(.noir-open):not(.noir-showcase){block-size:auto!important}.noir-scene__pin:not(.noir-showcase__pin){position:static;block-size:auto;padding-block:clamp(40px,10vw,72px)}}.noir-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--glow-gold);opacity:calc(.25 + var(--noir-progress) * .75);transform:scale(calc(.7 + var(--noir-progress) * .5));transition:opacity .12s linear}.noir-media{position:relative;display:block;overflow:hidden;background-color:var(--noir-surface);border-radius:var(--radius-md)}.noir-media img,.noir-media video{inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform var(--t-media) var(--ease-noir),opacity var(--t-media) var(--ease-noir)}.noir-media--ratio-portrait{aspect-ratio:3 / 4}.noir-media--ratio-square{aspect-ratio:1 / 1}.noir-media--ratio-wide{aspect-ratio:16 / 9}.noir-media__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);pointer-events:none}.noir-card{position:relative;display:flex;flex-direction:column;gap:.85rem;color:var(--text);text-decoration:none;--quick-add-mobile-display: flex;--quick-add-mobile-opacity: 1}.noir-card__media-wrap,.noir-card__media{position:relative}.noir-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.noir-card__badge{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:.4em .9em;border-radius:var(--radius-pill);background:linear-gradient(100deg,var(--gold-dark),var(--gold));color:var(--text-on-gold);font-size:var(--fs-micro);letter-spacing:var(--track-wide);text-transform:uppercase;z-index:2}.noir-card__actions{position:absolute;inset-block-end:12px;inset-inline:12px;display:flex;justify-content:flex-end;gap:8px;z-index:2;opacity:0;transform:translate3d(0,10px,0);transition:opacity var(--t-hover) var(--ease-noir),transform var(--t-hover) var(--ease-noir)}.noir-card__actions .quick-add__button--choose,.noir-card__actions .add-to-cart-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;inline-size:auto;max-inline-size:max-content;min-block-size:40px;padding:0 16px;border:1px solid var(--gold);border-radius:var(--radius-pill);background:linear-gradient(100deg,var(--gold-dark),var(--gold) 50%,var(--gold-warm));color:var(--text-on-gold);font-size:var(--fs-micro);letter-spacing:var(--track-wide);text-transform:uppercase;white-space:nowrap}.noir-card__actions .quick-add__button--choose .svg-wrapper,.noir-card__actions .quick-add__button--choose svg{inline-size:14px;block-size:14px}.noir-card__title{font-size:var(--fs-body);font-weight:500;letter-spacing:-.01em;margin:0}.noir-card__price{display:flex;align-items:baseline;gap:.6em;font-size:var(--fs-body);color:var(--champagne)}.noir-card__price del{color:var(--text-muted);text-decoration-thickness:1px}.noir-card__swatches{display:flex;gap:6px}.noir-card__swatch{inline-size:14px;block-size:14px;border-radius:50%;border:1px solid var(--border-soft)}@media(hover:hover)and (pointer:fine){.noir-card:hover .noir-card__img--primary{transform:scale(1.03);opacity:0}.noir-card:hover .noir-card__img--secondary{opacity:1;transform:scale(1.03)}.noir-card:hover .noir-card__actions{opacity:1;transform:none}.noir-card:is(:hover,:focus-within) .quick-add__button{opacity:1!important}}@media(hover:none){.noir-card__actions{opacity:1;transform:none}.noir-card .quick-add__button{opacity:1!important}}.noir-rail{display:grid;grid-auto-flow:column;grid-auto-columns:var(--rail-item, clamp(220px, 22vw, 320px));gap:var(--noir-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--noir-pad-x);margin-inline:calc(var(--noir-pad-x) * -1);-webkit-overflow-scrolling:touch}.noir-rail::-webkit-scrollbar{display:none}.noir-rail>*{scroll-snap-align:start}.noir-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.noir-rail-nav{display:flex;gap:8px}.noir-rail-nav__btn{inline-size:44px;block-size:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-gold);background:transparent;color:var(--gold);cursor:pointer;transition:background-color var(--t-hover) var(--ease-noir),color var(--t-hover) var(--ease-noir)}.noir-rail-nav__btn:hover:not(:disabled){background-color:var(--gold);color:var(--text-on-gold)}.noir-rail-nav__btn:disabled{opacity:.35;cursor:default}.noir-visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(.noir-btn,.noir-rail-nav__btn,.noir-card):focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(prefers-reduced-motion:reduce){[data-noir-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.noir-marquee__track{animation:none;transform:none}.noir-marquee{-webkit-mask-image:none;mask-image:none}.noir-scene{block-size:auto!important}.noir-scene__pin{position:static;block-size:auto}.noir-spotlight{opacity:.35;transform:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/noir.css.map */
