.r3hero__bg{background:var(--ink)}.r3hero--media .r3hero__scrim{background:linear-gradient(to top,#2d232199,#2d23212e 42%,#2d232100 72%),linear-gradient(to right,#2d232180,#2d23211f 46%,#2d232100 70%)}@media(max-width:900px){body.home .r3hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:82svh;margin:calc(-1 * var(--navh, 54px)) 12px 1.25rem;border-radius:24px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow-card)}body.home .r3hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}body.home .r3hero--media .r3hero__scrim{top:0;right:0;bottom:0;left:0;height:auto;background:linear-gradient(to top,#281f1e99,#281f1e38 36%,#281f1e00 62%),linear-gradient(to bottom,#281f1e66,#281f1e00 22%)}body.home .r3hero__inner{position:relative;z-index:3;padding:1.5rem 1.4rem 2rem;background:transparent}body.home .r3hero__content{color:#fff;text-shadow:0 1px 20px rgba(20,14,13,.45);max-width:none}body.home .r3hero__title{color:#fff;font-size:clamp(2.1rem,9vw,2.7rem)}body.home .r3hero__proof{color:#ffffffeb}body.home .r3hero__proof .stars{color:var(--blush)}body.home .r3hero .btn--light{background:#fff;color:var(--ink);border-color:#fff}body.home .r3hero .btn--light:after{display:none}}.r3hero__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.9rem;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.85);border-radius:8px;font-family:var(--font-head);font-weight:500;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.r3hero__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#fff;transform:translate(var(--fill-x, -101%),var(--fill-y, 0%));transition:transform var(--dur-fast) var(--ease)}.r3hero__cta.no-fill-anim:before{transition:none}.r3hero__cta.is-filling{color:var(--ink);border-color:#fff}.r3hero__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}body.home .r3hero__quiz{align-self:flex-start;margin-top:.95rem;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:#ffffffeb;font-size:.78rem;letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer}@media(hover:hover){body.home .r3hero__quiz:hover{color:#fff;background:none}}@media(min-width:901px){body.home .r3hero{align-items:flex-end;margin:-58px clamp(16px,2vw,32px) clamp(1.5rem,2.5vw,2.5rem);border-radius:28px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow-card);min-height:86svh}body.home .r3hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-bottom:clamp(2.5rem,5vw,4rem)}body.home .r3hero__content{max-width:38rem;color:#fff;text-shadow:0 1px 20px rgba(20,14,13,.4)}body.home .r3hero__title{color:#fff;font-size:clamp(2.4rem,5vw,3.6rem)}body.home .r3hero__proof{margin:0;flex:0 0 auto;color:#ffffffeb}body.home .r3hero__proof .stars{color:var(--blush)}}.r4hl{overflow:clip}.r4hl__head{text-align:center}.r4hl__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-inline:var(--dq-gutter)}.r4hl__viewport::-webkit-scrollbar{display:none}.r4hl__track{display:flex;gap:clamp(.9rem,2.5vw,1.4rem);padding-inline:var(--dq-gutter);padding-block:.4rem;align-items:stretch}.r4hl__item{flex:0 0 auto;width:min(300px,80vw);scroll-snap-align:start}.r4hl__tile{display:grid;grid-template-rows:auto 1fr;height:100%;padding:0;border-radius:var(--radius);overflow:hidden;color:var(--ink);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.r4hl__media{position:relative;display:flex;flex-direction:column;background:transparent;flex:0 0 auto}.r4hl__tag{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1rem .4rem}.r4hl__shot{position:relative;aspect-ratio:1 / 1;flex:0 0 auto}.r4hl__shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur) var(--ease)}.r4hl__nick{font-family:var(--font-head);font-weight:700;text-transform:lowercase;letter-spacing:-.01em;line-height:1;font-size:clamp(1.1rem,3.4vw,1.4rem);color:var(--ink)}.r4hl__badge{display:inline-flex;align-items:center;padding:.34rem .62rem;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-family:var(--font-head);font-weight:500;font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.r4hl__text{display:flex;flex-direction:column;gap:.45rem;padding:.9rem 1rem 1.1rem}.r4hl__head-row{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.r4hl__label{font-family:var(--font-head);font-weight:500;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.r4hl__name{font-family:var(--font-head);font-weight:700;font-size:clamp(1.05rem,3.4vw,1.25rem);line-height:1.12;letter-spacing:-.005em;margin:0}.r4hl__name a{color:inherit;text-decoration:none}.r4hl__name a:hover{text-decoration:underline;text-underline-offset:3px}.r4hl__price{font-weight:500;color:var(--ink);flex:0 0 auto}.r4hl__reviews{display:flex;align-items:center;gap:.4rem;margin-top:.1rem}.r4hl__reviews .stars{color:var(--rose-deep)}.r4hl__reviews-text{font-size:.78rem;color:var(--ink-soft)}.r4hl__shades{display:flex;flex-direction:column;gap:.4rem;margin-top:.15rem}.r4hl__shades-label{font-family:var(--font-head);font-size:.7rem;letter-spacing:.04em;color:var(--ink-soft)}.r4hl__shades-name{color:var(--ink)}.r4hl__swatches{display:flex;flex-wrap:wrap;gap:.4rem}.r4hl__swatch{width:26px;height:26px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--swatch, var(--mauve));border:1px solid rgba(61,55,51,.18);padding:0;cursor:pointer;box-shadow:0 0 0 0 var(--rose-deep);transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.r4hl__swatch:hover{transform:translateY(-1px)}.r4hl__swatch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.r4hl__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--rose-deep)}.r4hl__swatch--more{width:auto;min-width:26px;height:26px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 .45rem;background:var(--white);color:var(--ink-soft);border:1px solid rgba(61,55,51,.18);border-radius:var(--radius-pill);font-family:var(--font-head);font-weight:500;font-size:.72rem;letter-spacing:.01em;cursor:pointer}.r4hl__swatch--more:hover{transform:translateY(-1px)}.r4hl__swatch--more:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.r4hl__add{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1rem;border:0;border-radius:var(--radius-pill);background:var(--ink);color:var(--white);font-family:var(--font-head);font-weight:500;font-size:.8rem;letter-spacing:.04em;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.r4hl__add:hover{background:#2c2825;transform:translateY(-1px)}.r4hl__add:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.r4hl .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover){.r4hl__tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.r4hl__tile:hover .r4hl__media img{transform:scale(1.05)}}@media(min-width:900px){.r4hl__viewport{overflow:visible}.r4hl__track{display:grid;grid-template-columns:repeat(4,1fr);padding-inline:0}.r4hl__item{width:auto}}@media(prefers-reduced-motion:reduce){.r4hl__media img,.r4hl__tile{transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/dq-r4-home.css.map */