.drop-nn{--nn-ink: 39, 40, 42;--nn-cream: 252, 250, 243;--nn-rose: 119, 91, 99;--nn-rose-dark: 72, 57, 61;--nn-blush: 201, 172, 173;--nn-letter-y: 0%;display:block;padding-top:var(--nn-pt, 52px);padding-bottom:var(--nn-pb, 52px);overflow:hidden}.drop-nn,.drop-nn *{box-sizing:border-box}.drop-nn__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.2rem,4.6vw,4.8rem);align-items:center;max-width:min(var(--page-width, 120rem),72rem);margin:0 auto;padding-inline:1.5rem}.drop-nn__content{display:contents;min-width:0;text-align:center}.drop-nn__title{order:1;max-width:9em;margin:0 auto var(--nn-title-gap, 20px);padding-bottom:.14em;overflow:visible;color:var(--nn-grad-1, #48393d);font-family:var(--font-body-family, Arial, Helvetica, sans-serif);font-size:var(--nn-title-m, 34px);font-style:normal;font-weight:900;letter-spacing:0;line-height:.94;text-wrap:balance;transform:translateY(var(--nn-title-shift, 0px))}@supports ((-webkit-background-clip: text) or (background-clip: text)){.drop-nn__title{background:linear-gradient(96deg,var(--nn-grad-1, #48393d) 0%,#775b63 48%,var(--nn-grad-2, #8f6d74) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.drop-nn__subtitle{order:3;max-width:58rem;margin:0 auto;color:rgba(var(--color-foreground),.74);font-size:var(--nn-sub-m, 15px);font-weight:500;line-height:1.55;text-wrap:pretty}.drop-nn__subtitle>:first-child{margin-top:0}.drop-nn__subtitle>:last-child{margin-bottom:0}.drop-nn__necklace-fit{order:4;container-type:inline-size;width:min(100%,72rem);margin:clamp(2.1rem,5vw,3.4rem) auto 0}.drop-nn__media{order:2;position:relative;isolation:isolate;width:100%;overflow:hidden;border:1px solid rgba(var(--nn-rose),.12);border-radius:var(--nn-img-radius, 20px);background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.9),transparent 32%),linear-gradient(135deg,rgba(var(--nn-cream),.72),#ffffff7a),#ffffff80;box-shadow:inset 0 1px #ffffffb8,0 18px 44px rgba(var(--nn-ink),.08)}.drop-nn__button{position:absolute;left:50%;bottom:clamp(1.2rem,4vw,2.2rem);z-index:3;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:min(76%,28rem);min-height:clamp(5.6rem,9vw,7rem);padding:1.2rem 2.8rem;border:0;border-radius:var(--nn-btn-radius, 20px);overflow:hidden;background:transparent;color:#fff;font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:clamp(1.8rem,4.2vw,2.9rem);font-weight:500;letter-spacing:0;line-height:1.05;text-align:center;text-decoration:none;text-shadow:0 2px 10px rgba(0,0,0,.38);box-shadow:0 6px 24px #00000038;transform:translate(-50%) translateZ(0);transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease}.drop-nn__button:before,.drop-nn__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.drop-nn__button:before{z-index:1;background-color:#7c5a5a00;box-shadow:inset 0 0 11px 2px #ffffffdb,inset 0 1px #ffffff9e}.drop-nn__button:after{z-index:0;background:radial-gradient(circle at 22% 8%,rgba(255,255,255,.22),transparent 34%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.12),transparent 42%),#7c5a5a29}.drop-nn__button:hover{box-shadow:0 9px 30px #00000042;filter:saturate(1.08);transform:translate(-50%) translateY(-1px) translateZ(0)}.drop-nn__button:focus-visible{outline:0;box-shadow:0 0 0 3px #ffffffeb,0 0 0 6px rgba(var(--nn-rose),.34),0 6px 24px #00000038}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drop-nn__button{-webkit-backdrop-filter:blur(18px) saturate(1.45) brightness(1.08);backdrop-filter:blur(18px) saturate(1.45) brightness(1.08)}}.drop-nn__button-text{position:relative;z-index:1}.drop-nn__media:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:1;border-radius:calc(var(--nn-img-radius, 20px) - 1px);pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff57}.drop-nn__image{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:inherit}.drop-nn--no-image .drop-nn__content{max-width:86rem;margin-inline:auto}@media screen and (min-width:750px){.drop-nn__wrap{grid-template-columns:minmax(30rem,.82fr) minmax(0,1.18fr);max-width:min(var(--page-width, 120rem),116rem);gap:clamp(4.2rem,6vw,8.4rem);align-items:center}.drop-nn--no-image .drop-nn__wrap{grid-template-columns:minmax(0,1fr);max-width:min(var(--page-width, 120rem),76rem)}.drop-nn__media{width:min(100%,48rem);justify-self:end}.drop-nn__content{display:block;justify-self:start;max-width:62rem;text-align:left}.drop-nn__title{margin-inline:0;font-size:var(--nn-title-d, 64px)}.drop-nn__subtitle{margin-inline:0;font-size:var(--nn-sub-d, 18px)}.drop-nn__necklace-fit{width:min(100%,58rem);margin-inline:0}.drop-nn__image{aspect-ratio:4 / 5}}.drop-name-necklace{--dgn-gap: var(--nn-bead-gap, 7px);--dgn-base: min( var(--nn-bead-max, 60px), calc((100cqw - (var(--dgn-count) - 1) * var(--dgn-gap)) / var(--dgn-sum)) );display:flex;align-items:center;justify-content:center;min-width:0;padding-block:max(.8rem,calc(var(--dgn-base) * .14));transform:translateZ(0)}.drop-name-necklace__bead{--f: 1;--bs: calc(var(--dgn-base) * var(--f));position:relative;flex:0 0 auto;width:var(--bs);height:var(--bs);border-radius:50%;background:radial-gradient(36% 30% at 32% 24%,#ffffffe6,#fff0 68%),radial-gradient(18% 16% at 69% 74%,#ffffff85,#fff0 72%),radial-gradient(55% 55% at 50% 52%,#fff3,#d9e0e81f 68%,#777f8c0f);box-shadow:inset 0 0 0 max(1px,calc(var(--bs) * .028)) #ffffffad,inset 0 0 calc(var(--bs) * .2) calc(var(--bs) * .045) #3c435061,inset 0 calc(var(--bs) * .1) calc(var(--bs) * .16) calc(var(--bs) * -.09) #ffffffc2,inset 0 calc(var(--bs) * -.15) calc(var(--bs) * .18) calc(var(--bs) * -.11) #2d333f6b,0 calc(var(--bs) * .08) calc(var(--bs) * .16) calc(var(--bs) * -.05) rgba(var(--nn-ink),.22),0 1px 3px rgba(var(--nn-ink),.12)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.drop-name-necklace__bead{-webkit-backdrop-filter:blur(2px) brightness(1.05) saturate(1.05);backdrop-filter:blur(2px) brightness(1.05) saturate(1.05)}}.drop-name-necklace__bead:before,.drop-name-necklace__bead:after{content:"";position:absolute;z-index:3;border-radius:50%;pointer-events:none}.drop-name-necklace__bead:before{top:10%;left:15%;width:46%;height:38%;background:radial-gradient(closest-side,#fffffff0,#fff0 72%);filter:blur(.6px);transform:rotate(-16deg)}.drop-name-necklace__bead:after{top:22%;right:23%;width:12%;height:12%;background:radial-gradient(closest-side,#fff,#fff0 70%)}.drop-name-necklace__letter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;color:rgb(var(--nn-ink));font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:calc(var(--bs) * .47);font-weight:650;letter-spacing:.02em;line-height:.9;text-shadow:0 .5px 0 rgba(255,255,255,.62),0 1px 3px rgba(255,255,255,.38);transform:translateY(var(--nn-letter-y, 0%))}.drop-nn--letter-up{--nn-letter-y: -7%}.drop-nn--letter-center{--nn-letter-y: 0%}.drop-nn--letter-down{--nn-letter-y: 7%}.drop-name-necklace__thread{flex:0 0 auto;width:var(--dgn-gap);height:max(2px,calc(var(--dgn-base) * .044));border-radius:999px;background:linear-gradient(to bottom,#ffffffc7,#8186918f 52%,#ffffff6b);box-shadow:0 1px 2px rgba(var(--nn-ink),.12)}@media screen and (max-width:749px){.drop-name-necklace{justify-content:center}.drop-nn__image{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.drop-nn *,.drop-nn *:before,.drop-nn *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/drop-name-necklace.css.map */