.udc{--udc-ivory: #fcfaf6;--udc-ink: #191713;--udc-body: #41352b;--udc-muted: #756b62;--udc-warm: #f7f4ef;--udc-oat: #efebe0;--udc-line: rgba(25, 23, 19, .14);--udc-gold: #b08a42;background:var(--udc-ivory);color:var(--udc-body);font-family:DM Sans,sans-serif}.udc *,.udc *:before,.udc *:after{box-sizing:border-box}.udc a{color:inherit;text-decoration:none}.udc button,.udc select{font-family:inherit}.udc-shell{width:min(calc(100vw - 80px),1440px);margin-inline:auto}.udc-eyebrow{margin:0 0 18px;color:var(--udc-gold);font-size:.64rem;font-weight:500;letter-spacing:.2em;line-height:1.3;text-transform:uppercase}.udc-hero{display:flex;align-items:flex-end;min-height:360px;border-bottom:1px solid var(--udc-line);background:var(--udc-oat)}.udc-hero__content{padding-block:86px 60px}.udc-hero h1{max-width:14ch;margin:0;color:var(--udc-ink);font-family:Cormorant Garamond,serif;font-size:clamp(52px,6vw,92px);font-weight:400;letter-spacing:-.035em;line-height:.96;overflow-wrap:normal;word-break:normal}.udc-hero__intro{max-width:620px;margin-top:24px;color:var(--udc-muted);font-size:.92rem;line-height:1.65}.udc-hero__intro>:first-child{margin-top:0}.udc-hero__intro>:last-child{margin-bottom:0}.udc-hero--collection{position:relative;display:block;min-height:260px;overflow:hidden;border-bottom:0}.udc-collection-hero{width:100%;height:260px;display:grid;grid-template-columns:minmax(380px,39%) minmax(0,1fr)}.udc-hero--collection .udc-hero__content{position:relative;z-index:2;width:min(520px,calc(100% - 72px));margin-left:40px;padding-block:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.udc-hero--collection .udc-eyebrow{margin-bottom:7px}.udc-hero--collection h1{font-size:clamp(46px,3.4vw,54px);line-height:.9}.udc-hero--collection h1 em{color:var(--udc-gold);font-weight:400}.udc-hero--collection .udc-hero__intro{max-width:500px;margin-top:7px;font-size:.75rem;line-height:1.55}.udc-collection-hero__meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 16px}.udc-collection-hero__meta span{color:var(--udc-muted);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.udc-collection-hero__visual{position:relative;min-width:0;overflow:hidden;background:var(--udc-ink)}.udc-collection-hero__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(25,23,19,.23),transparent 42%),linear-gradient(0deg,rgba(25,23,19,.5),transparent 50%);pointer-events:none}.udc-collection-hero__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 68%;transition:transform 1.1s ease}.udc-collection-hero__visual:hover img{transform:scale(1.025)}.udc-collection-hero__edition{position:absolute;z-index:2;top:24px;left:34px;color:#fff;font-family:Cormorant Garamond,serif;font-size:1.05rem;line-height:1}.udc-collection-hero__visual>p{position:absolute;z-index:2;right:55px;bottom:20px;margin:0;color:#fff;font-size:.5rem;letter-spacing:.13em;text-transform:uppercase}.udc-collection-emboss{position:absolute;z-index:3;top:0;right:0;bottom:0;width:68px;background:linear-gradient(90deg,#ebe4d833,#fcfaf6a6);pointer-events:none}.udc-collection-emboss span{position:absolute;top:35px;left:22px;writing-mode:vertical-rl;color:transparent;font-family:Cormorant Garamond,serif;font-size:25px;letter-spacing:.08em;text-shadow:1px 1px 1px rgba(255,255,255,.78),-1px -1px 1px rgba(176,138,66,.24)}.udc-collection-emboss i{position:absolute;bottom:32px;left:29px;writing-mode:vertical-rl;color:#b08a4266;font-size:.44rem;font-style:normal;letter-spacing:.2em}.udc-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:min(720px,100%);margin-top:28px;border-bottom:1px solid var(--udc-ink)}.udc-search-form input{min-width:0;padding:14px 0;border:0;border-radius:0;background:transparent;color:var(--udc-ink);font-size:1rem;outline:0}.udc-search-form input::placeholder{color:var(--udc-muted);opacity:.78}.udc-search-form button{padding:14px 2px 14px 24px;border:0;background:transparent;color:var(--udc-ink);font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.udc-search-form:focus-within{border-color:var(--udc-gold)}.udc-shop{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:62px;padding-block:clamp(78px,8vw,126px)}.udc-filters{position:sticky;top:112px;min-width:0}.udc-filters__mobile-head{display:none}.udc-filters__heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--udc-ink);color:var(--udc-ink);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.udc-filters__heading strong{font-weight:600}.udc-filters__heading button{padding:0;border:0;background:none;color:var(--udc-muted);font-size:.56rem;text-decoration:underline;cursor:pointer}.udc-filters fieldset{min-width:0;margin:0;padding:22px 0;border:0;border-bottom:1px solid var(--udc-line)}.udc-filters legend{margin-bottom:13px;padding:0;color:var(--udc-ink);font-size:.61rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.udc-filter-list{display:grid;gap:1px}.udc-filter-list button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 0;border:0;background:none;color:var(--udc-muted);font-size:.75rem;text-align:left;cursor:pointer}.udc-filter-list button:hover,.udc-filter-list button.is-active{color:var(--udc-ink)}.udc-filter-list i{position:relative;width:13px;height:13px;flex:0 0 auto;border:1px solid rgba(25,23,19,.38);background:transparent}[data-udc-category-group] i{border-radius:50%}.udc-filter-list button.is-active i,.udc-filter-list button[aria-pressed=true] i{border-color:var(--udc-ink);background:var(--udc-ink);box-shadow:inset 0 0 0 3px var(--udc-ivory)}.udc-filter-swatches{display:flex;flex-wrap:wrap;gap:15px;padding:7px 4px}.udc-filter-swatches button{width:21px;height:21px;padding:0;border:1px solid rgba(25,23,19,.22);border-radius:50%;background:var(--udc-filter-color);cursor:pointer}.udc-filter-swatches button[aria-pressed=true]{outline:1px solid var(--udc-ink);outline-offset:3px}.udc-filter-backdrop{display:none}.udc-toolbar{display:flex;align-items:flex-start;justify-content:space-between;min-height:53px;margin-bottom:24px;border-bottom:1px solid var(--udc-line)}.udc-toolbar p,.udc-toolbar label{margin:0;color:var(--udc-ink);font-size:.61rem;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.udc-toolbar label{display:flex;align-items:center;gap:8px}.udc-toolbar select{padding:0 18px 0 0;border:0;background-color:transparent;color:var(--udc-ink);font-size:.61rem;outline:0;cursor:pointer}.udc-mobile-filter{display:none;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--udc-ink);background:transparent;color:var(--udc-ink);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.udc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:52px}.udc-card{position:relative;min-width:0}.udc-card__visual{position:relative;height:auto;aspect-ratio:4 / 5;overflow:hidden;border:0;background:transparent}.udc-card__visual>a{display:grid;place-items:center;width:100%;height:100%}.udc-card__visual img,.udc-card__visual svg{width:94%;height:94%;object-fit:contain;transition:transform .72s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.udc-card:is(:hover,:focus-within) .udc-card__visual img{transform:scale(1.035)}}.udc-card__tag{position:absolute;z-index:2;top:14px;left:14px;padding:6px 9px;background:#fcfaf6eb;color:var(--udc-ink);font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.udc-wish{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fcfaf6e6;color:var(--udc-ink);font-family:DM Sans,sans-serif;font-size:1.15rem;line-height:1;cursor:pointer}.udc-wish{transition:color .22s ease,background-color .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.udc-wish[aria-pressed=true]{background:var(--udc-ink);color:var(--udc-ivory)}@media(hover:hover){.udc-wish:hover{transform:scale(1.07)}}.udc :is(a,button,select):focus-visible{outline:2px solid var(--udc-gold);outline-offset:3px}.udc-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:86px;padding:16px 4px 8px}.udc-card__meta h2{margin:0;color:var(--udc-ink);font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:500;letter-spacing:.02em;line-height:1.35}.udc-card__meta h2 a{transition:color .22s ease}@media(hover:hover){.udc-card__meta h2 a:hover{color:var(--udc-gold)}}.udc-card__meta p{margin:4px 0 0;color:var(--udc-muted);font-size:.63rem;line-height:1.45}.udc-card__meta strong{color:var(--udc-ink);font-size:.69rem;font-weight:500;white-space:nowrap}.udc-card__swatches{display:flex;flex-wrap:wrap;gap:8px;min-height:14px;padding:0 4px}.udc-card__swatches i{display:block;width:14px;height:14px;border:1px solid rgba(25,23,19,.22);border-radius:50%;background:var(--udc-card-color);box-shadow:0 0 0 2px var(--udc-ivory)}.udc-card[hidden]{display:none}.udc-empty{padding:100px 24px;border-block:1px solid var(--udc-line);text-align:center}.udc-empty h2{margin:0;color:var(--udc-ink);font-family:Cormorant Garamond,serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:500}.udc-empty :is(button,a){display:inline-block;margin-top:28px;padding:12px 18px;border:1px solid var(--udc-ink);background:transparent;color:var(--udc-ink);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.udc-pagination{display:flex;justify-content:center;gap:8px;margin-top:70px}.udc-pagination :is(a,span){display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--udc-line);color:var(--udc-ink);font-size:.72rem}.udc-pagination [aria-current=page]{border-color:var(--udc-ink);background:var(--udc-ink);color:var(--udc-ivory)}@media(max-width:1180px){.udc-shell{width:min(calc(100% - 48px),1200px)}.udc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){html.udc-filter-lock{overflow:hidden}.udc-shell{width:calc(100% - 32px)}.udc-hero{min-height:320px}.udc-hero__content{padding-block:72px 50px}.udc-hero--collection{height:300px;min-height:300px}.udc-collection-hero{height:300px;grid-template-columns:1fr}.udc-hero--collection .udc-hero__content{grid-area:1 / 1;width:calc(100% - 32px);margin-inline:auto;padding:28px 58px 28px 0;color:#fff;text-shadow:0 1px 18px rgba(25,23,19,.34)}.udc-hero--collection .udc-hero__content:before{content:"";position:absolute;z-index:-1;top:0;right:-80px;bottom:0;left:-80px;background:linear-gradient(90deg,rgba(25,23,19,.68),rgba(25,23,19,.16) 72%,transparent)}.udc-hero--collection :is(h1,h1 em,.udc-hero__intro,.udc-collection-hero__meta span){color:#fff}.udc-collection-hero__visual{grid-area:1 / 1;min-height:300px}.udc-collection-hero__visual img{height:300px}.udc-collection-hero__edition{display:none}.udc-collection-hero__visual>p{right:30px;bottom:25px}.udc-collection-emboss{width:52px}.udc-collection-emboss span{left:14px;font-size:20px}.udc-collection-emboss i{left:22px}.udc-shop{grid-template-columns:1fr;padding-block:64px 88px}.udc-filters{position:fixed;z-index:202;inset:0 auto 0 0;width:min(390px,92vw);max-height:100dvh;padding:0 24px 34px;overflow-y:auto;background:var(--udc-ivory);transform:translate(-102%);box-shadow:20px 0 64px #19171324;transition:transform .46s cubic-bezier(.22,1,.36,1)}.udc.is-filter-open .udc-filters{transform:none}.udc-filter-backdrop{display:block;position:fixed;z-index:201;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#1917138c;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.udc.is-filter-open .udc-filter-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.udc-filters>*{opacity:0;transform:translate3d(-10px,0,0);transition:opacity .36s ease,transform .44s cubic-bezier(.22,1,.36,1)}.udc.is-filter-open .udc-filters>*{opacity:1;transform:none}.udc.is-filter-open .udc-filters>*:nth-child(2){transition-delay:90ms}.udc.is-filter-open .udc-filters>*:nth-child(3){transition-delay:135ms}.udc.is-filter-open .udc-filters>*:nth-child(4){transition-delay:.18s}.udc.is-filter-open .udc-filters>*:nth-child(5){transition-delay:225ms}.udc-filters__mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--udc-line);color:var(--udc-ink);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.udc-filters__mobile-head button{padding:8px;border:0;background:none;color:var(--udc-ink);font-size:1.6rem;cursor:pointer}.udc-filters__heading{padding-top:24px}.udc-mobile-filter{display:inline-flex}.udc-toolbar{align-items:center}.udc-toolbar p{display:none}}@media(max-width:540px){.udc-hero:not(.udc-hero--collection){min-height:280px}.udc-hero:not(.udc-hero--collection) .udc-hero__content{padding-block:58px 42px}.udc-hero h1{max-width:none;font-size:3rem;line-height:.98}.udc-hero--collection h1{font-size:46px;line-height:.9}.udc-hero--collection .udc-hero__intro{margin-top:7px;font-size:.68rem}.udc-hero--collection .udc-collection-hero__meta{padding-right:42px}.udc-hero__intro{margin-top:20px;font-size:.8rem;line-height:1.55}.udc-search-form{margin-top:22px}.udc-search-form input{font-size:.88rem}.udc-search-form button{padding-left:16px}.udc-shop{padding-top:46px}.udc-toolbar{min-height:48px;margin-bottom:18px}.udc-toolbar label>span{display:none}.udc-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:42px}.udc-card__tag{top:8px;left:8px;padding:5px 7px;font-size:.43rem}.udc-wish{top:7px;right:7px;width:30px;height:30px;font-size:1rem}.udc-card__meta{display:block;min-height:100px;padding:13px 2px 7px}.udc-card__meta h2{font-size:.69rem}.udc-card__meta p{font-size:.56rem}.udc-card__meta strong{display:block;margin-top:8px;font-size:.64rem}.udc-card__swatches{gap:7px;padding-inline:2px}.udc-card__swatches i{width:12px;height:12px}}.motion-ready .udc [data-reveal]{opacity:0;transform:translate3d(0,15px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),transform .72s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms);will-change:opacity,transform}.motion-ready .udc [data-reveal=fade]{transform:none}.motion-ready .udc [data-reveal=image]{transform:scale(1.018);transition-duration:.92s}.motion-ready .udc [data-reveal].is-revealed{opacity:1;transform:none;will-change:auto}@media(prefers-reduced-motion:reduce){.udc *,.udc *:before,.udc *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.motion-ready .udc [data-reveal]{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/upper-dna-collection.css.map */