@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Italiana&display=swap");:root{color-scheme:dark;background:#080807}*{box-sizing:border-box}body,html{background:#080807}body{margin:0;overflow-x:hidden;color:#f2eee5;font-family:DM Mono,monospace}a{color:inherit}.jewelry-page{min-height:100vh;background:#080807}.journey{height:500vh;position:relative}.journey__fixed{position:-webkit-sticky;position:sticky;isolation:isolate;top:0;width:100%;height:100svh;overflow:hidden;background:radial-gradient(ellipse 65% 70% at 50% 44%,#272217 0,#100f0c 43%,#050505 100%)}.journey__fixed:before{content:"";position:absolute;z-index:0;inset:-8%;background-image:linear-gradient(90deg,rgb(4 4 4/30%),transparent 42%,rgb(3 3 3/28%)),url(/RingPortfolio/images/liquid-metal-hero.png);background-position:50%;background-size:cover;opacity:.78;transform:translateZ(0) scale(1.04);will-change:transform;animation:liquid-drift 18s cubic-bezier(.45,0,.55,1) infinite alternate}.journey__fixed:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 68% 72% at 50% 47%,transparent 38%,rgb(0 0 0/20%) 100%)}.jewelry-canvas,.jewelry-canvas canvas{position:absolute!important;z-index:1;inset:0;width:100%!important;height:100%!important}.jewelry-header{position:absolute;z-index:3;top:clamp(1.3rem,3vw,3rem);left:clamp(1.3rem,4vw,5rem);right:clamp(1.3rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#f4efe5}.jewelry-header__brand{display:inline-flex;align-items:center;gap:clamp(.6rem,1vw,.9rem);color:#fdf9f0;font-family:Italiana,serif;font-size:clamp(1.35rem,2.4vw,2.1rem);font-weight:400;letter-spacing:.12em;line-height:1;white-space:nowrap;text-decoration:none;text-shadow:0 2px 22px rgb(0 0 0/78%),0 0 3px rgb(0 0 0/55%);transition:color .22s ease}.jewelry-header__brand:focus-visible,.jewelry-header__brand:hover{color:#f0d69c;outline:none}.jewelry-header__brand svg{width:clamp(1.5rem,2.3vw,2rem);height:clamp(1.5rem,2.3vw,2rem);flex:none;fill:none;stroke:#e2c88b;stroke-linecap:square;stroke-width:1.2;filter:drop-shadow(0 2px 14px rgb(0 0 0/70%))}.jewelry-header__nav{display:flex;gap:clamp(1.25rem,3vw,3rem)}.jewelry-header__nav a{color:rgb(244 239 229/76%);font-size:.59rem;letter-spacing:.14em;text-decoration:none;transition:color .18s ease}.jewelry-header__nav a:focus-visible,.jewelry-header__nav a:hover{color:#e0bd7c;outline:none}.jewelry-header__burger{display:none;position:relative;z-index:5;width:2.75rem;height:2.75rem;padding:0;border:none;background:rgb(8 8 7/55%);border-radius:999px;align-items:center;justify-content:center;gap:.28rem;flex-direction:column;cursor:pointer;-webkit-tap-highlight-color:transparent}.jewelry-header__burger span{display:block;width:1.1rem;height:1.5px;background:#f4efe5;transition:transform .22s ease,opacity .22s ease}.jewelry-header__burger[aria-expanded=true] span:first-child{transform:translateY(5.5px) rotate(45deg)}.jewelry-header__burger[aria-expanded=true] span:nth-child(2){opacity:0}.jewelry-header__burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.jewelry-header__mobile-nav{display:none}.jewelry-copy{--journey-progress:0;position:absolute;inset:0;pointer-events:none;z-index:3}.copy{position:absolute;margin:0;letter-spacing:.22em;font-size:clamp(.62rem,.7vw,.76rem)}.copy--opening{top:10.5vh;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:clamp(0,calc((.2 - var(--journey-progress)) * 10),1)}.copy--annotations{inset:0;opacity:clamp(0,calc((var(--journey-progress) - .6) * 12),1)}.annotation{position:absolute;color:#dec184;text-shadow:0 1px 18px #080807}.annotation:after{content:"";display:inline-block;width:min(15vw,180px);margin:0 0 .25em 1.2em;border-top:1px solid color-mix(in srgb,#dec184 55%,transparent)}.annotation--gold{left:8vw;top:29vh}.annotation--cut{right:7vw;top:44vh;text-align:right}.annotation--cut:after{direction:rtl}.annotation--set{left:16vw;bottom:23vh}.copy--final{left:50%;bottom:11vh;transform:translateX(-50%);text-align:center;white-space:nowrap;opacity:clamp(0,calc((var(--journey-progress) - .92) * 20),1)}.copy--final p{margin:0 0 1.2rem;font-family:Italiana,serif;font-size:clamp(2.4rem,5.6vw,5.4rem);letter-spacing:.035em}.copy--final a{pointer-events:auto;font-size:.68rem;letter-spacing:.14em;text-decoration:none;border-bottom:1px solid #b99b62;padding-bottom:.45rem}.copy--final a span{margin-left:.35rem;color:#d8b776}.journey__measure{position:absolute;left:50%;bottom:4.2vh;transform:translateX(-50%);display:flex;align-items:center;gap:.7rem;color:#9e9686;font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;opacity:clamp(0,calc((.12 - var(--journey-progress)) * 10),1)}.journey__measure i{width:2.5rem;height:1px;background:#8d7b5b}@keyframes liquid-drift{0%{transform:translate3d(-1.6%,-1%,0) scale(1.04)}to{transform:translate3d(1.7%,1.25%,0) scale(1.08)}}.preloader{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#080807;transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility .7s}.preloader.is-leaving{opacity:0;visibility:hidden}.preloader__inner{display:flex;flex-direction:column;align-items:center;gap:2.1rem}.preloader__brand{margin:0;color:#f2eee5;font-size:.6rem;letter-spacing:.34em;line-height:1.7;text-align:center}.preloader__bar{width:min(46vw,320px);height:1px;background:rgb(222 193 132/18%);overflow:hidden}.preloader__bar span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b99b62,#e6cb92);transform-origin:left center;transform:scaleX(0);transition:transform .32s cubic-bezier(.4,0,.2,1)}.preloader__count{margin:0;color:#9c937f;font-size:.58rem;letter-spacing:.2em}.preloader__count span{margin-left:.18em;color:#6f6857}.preloader__sr{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.jewelry-page{opacity:1}.flow{position:relative;z-index:2;overflow:hidden;padding:clamp(3rem,7vh,6rem) 5vw clamp(2.5rem,5vh,4.5rem);background:#0a0908;color:#f0eadf}.flow:before{content:"";position:absolute;top:-22vw;left:50%;width:min(70vw,1000px);height:min(70vw,1000px);transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgb(164 119 43/17%),transparent 66%);pointer-events:none}.flow__head{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(.7rem,1.4vh,1.4rem);text-align:center}.flow__eyebrow{margin:0;color:#c8a969;font-size:.61rem;letter-spacing:.22em}.flow h2{margin:0;font-family:Italiana,serif;font-size:clamp(2.4rem,5.4vh,4.6rem);font-weight:400;line-height:.9;letter-spacing:-.03em}.flow__stage{position:relative;height:min(52vw,50vh);min-height:17rem;margin-top:clamp(1.6rem,3.5vh,3.2rem);perspective:1500px;touch-action:pan-y;cursor:-webkit-grab;cursor:grab;outline:none}.flow__stage:focus-visible{outline:1px solid rgb(222 193 132/55%);outline-offset:1.5rem}.flow__stage.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.flow__rail{position:relative;width:100%}.flow__card,.flow__rail{height:100%;transform-style:preserve-3d}.flow__card{position:absolute;top:0;left:50%;width:min(38vw,38vh,400px);margin-left:calc(min(38vw, 38vh, 400px) / -2);background:#14110d;transition:transform .78s cubic-bezier(.16,1,.3,1),opacity .62s ease;will-change:transform,opacity}.flow__stage.is-dragging .flow__card{transition:none}.flow__card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.03) brightness(.72);transition:filter .7s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow__card.is-active img{filter:saturate(1.02) contrast(1.06) brightness(1)}.flow__card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(4 4 4/78%),transparent 46%);pointer-events:none}.flow__card figcaption{position:absolute;z-index:2;left:clamp(1.2rem,2.5vw,2.2rem);right:clamp(1.2rem,2.5vw,2.2rem);bottom:clamp(1.4rem,3vw,2.4rem);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .62s ease .12s,transform .62s cubic-bezier(.16,1,.3,1) .12s,visibility .62s linear .12s}.flow__card.is-active figcaption{opacity:1;visibility:visible;transform:translateY(0)}.flow__card h3{margin:0 0 .75rem;font-family:Italiana,serif;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:400;line-height:1}.flow__card figcaption p{margin:0;max-width:34ch;color:#cfc7ba;font-size:.77rem;line-height:1.62}.flow__controls{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(1.4rem,3vh,2.6rem)}.flow__controls>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.7rem;height:2.7rem;border:1px solid rgb(235 220 190/26%);border-radius:50%;background:transparent;color:#e5dccd;font:inherit;font-size:.8rem;line-height:1;cursor:pointer;transition:border-color .22s ease,color .22s ease,transform .22s ease}.flow__controls>button:focus-visible,.flow__controls>button:hover{border-color:#d6ae63;color:#d6ae63;outline:none;transform:scale(1.08)}.flow__dots{display:flex;align-items:center;gap:.8rem}.flow__dots button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.9rem;height:2px;padding:0;border:0;background:rgb(235 220 190/24%);cursor:pointer;transition:background .3s ease,transform .3s ease}.flow__dots button.is-active{background:#dfc186;transform:scaleY(2)}.flow__dots button:focus-visible{outline:1px solid #d6ae63;outline-offset:4px}.craft{position:relative;z-index:2;overflow:hidden;padding:clamp(3rem,7vh,6rem) 7vw clamp(3rem,6vh,5.5rem);background:#100e0b;color:#f1ece1}.craft:before{content:"";position:absolute;top:-16vw;left:-12vw;width:min(50vw,780px);height:min(50vw,780px);border-radius:50%;background:radial-gradient(circle,rgb(150 111 39/15%),transparent 66%);pointer-events:none}.craft__head{position:relative}.craft__eyebrow{margin:0 0 1.8rem;color:#c7a56a;font-size:.62rem;letter-spacing:.2em}.craft h2{margin:0;font-family:Italiana,serif;font-size:clamp(2.5rem,6.4vh,5.4rem);font-weight:400;line-height:.88;letter-spacing:-.035em}.craft__line{display:block;overflow:hidden}.craft__line>span{display:inline-block;will-change:transform}.craft__lede{max-width:42ch;margin:clamp(1.4rem,3vh,2.6rem) 0 0 auto;color:#bfb6a6;font-size:clamp(.94rem,1.15vh,1.12rem);line-height:1.6}.craft__rule{display:block;height:1px;margin:clamp(1.8rem,4vh,3.4rem) 0 0;background:linear-gradient(90deg,rgb(222 193 132/62%),rgb(222 193 132/10%));transform-origin:left center}.craft__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:3vw;gap:3vw;margin:0;padding-top:clamp(1.6rem,3.5vh,3rem)}.craft__facts dt{display:flex;align-items:baseline;gap:.3rem;font-family:Italiana,serif;font-size:clamp(2.2rem,4.6vh,3.9rem);line-height:.9;color:#f4eee2}.craft__facts dt i{font-style:normal;font-family:DM Mono,monospace;font-size:.74rem;letter-spacing:.1em;color:#c7a56a}.craft__facts dd{margin:1.1rem 0 0;color:#a9a294;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase}.close{position:relative;z-index:2;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(3.5rem,8vh,7rem) 7vw clamp(1.8rem,3.5vh,3rem);background:#d7cfbd;color:#16130f}.close:before{content:"";position:absolute;right:-18vw;bottom:-26vw;width:min(58vw,850px);height:min(58vw,850px);border-radius:50%;background:radial-gradient(circle,rgb(154 118 47/18%),transparent 66%);pointer-events:none}.close h2{position:relative;margin:0;font-family:Italiana,serif;font-size:clamp(2.6rem,7.4vh,6.2rem);font-weight:400;line-height:.86;letter-spacing:-.035em}.close__line{display:block;overflow:hidden}.close__line>span{display:inline-block;will-change:transform}.close>p{position:relative;max-width:34ch;margin:clamp(1.3rem,2.8vh,2.4rem) 0 0;font-size:clamp(.96rem,1.2vh,1.16rem);line-height:1.55}.close__actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.2rem,2.5vh,2.2rem);margin-top:clamp(1.6rem,3.5vh,3rem)}.close__cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.15rem 2.2rem;background:#16130f;color:#f0e7d5;font-size:.68rem;letter-spacing:.14em;text-decoration:none;transition:background .22s ease}.close__cta span{color:#dcb76f;transition:transform .26s cubic-bezier(.16,1,.3,1)}.close__cta:focus-visible,.close__cta:hover{background:#241f16;outline:none}.close__cta:focus-visible span,.close__cta:hover span{transform:translateX(.32rem)}.close__back{color:#4d3c1d;font-size:.66rem;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid #806632;padding-bottom:.4rem}.close__foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:clamp(2.5rem,6vh,5rem);padding-top:1.2rem;border-top:1px solid #9d927d}.close__foot p{margin:0;color:#5c5344;font-size:.57rem;letter-spacing:.16em}@media (max-width:700px){.journey{height:420vh}.annotation{font-size:.54rem;letter-spacing:.13em}.annotation:after{width:13vw;margin-left:.55rem}.annotation--gold{left:6vw;top:20vh}.annotation--cut{right:5vw;top:58vh}.annotation--set{left:8vw;bottom:23vh}.copy--final{bottom:13vh}.jewelry-header{top:1.2rem;left:1.25rem;right:1.25rem;align-items:center}.jewelry-header__brand{font-size:1.32rem;letter-spacing:.07em;gap:.5rem}.jewelry-header__brand svg{width:1.3rem;height:1.3rem}.jewelry-header__nav{display:none}.jewelry-header__burger{display:inline-flex}.jewelry-header__mobile-nav{display:flex;flex-direction:column;position:fixed;inset:0;z-index:4;padding:6.5rem 1.75rem 2.5rem;gap:.25rem;background:rgb(8 8 7/97%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.jewelry-header__mobile-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.jewelry-header__mobile-nav a{display:flex;align-items:center;min-height:3.25rem;color:#f4efe5;font-family:Italiana,serif;font-size:1.6rem;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid rgb(244 239 229/12%)}.jewelry-header__mobile-nav a:active{color:#e0bd7c}.flow{padding:6rem 4vw 4rem}.flow h2{font-size:clamp(2.4rem,12vw,3.6rem)}.flow__stage{height:116vw;min-height:22rem;perspective:900px}.flow__card{width:72vw;margin-left:-36vw}.flow__card h3{font-size:1.7rem}.flow__card figcaption p{font-size:.72rem}.craft{padding:6rem 6vw}.craft h2{font-size:clamp(2.6rem,13vw,4.2rem)}.craft__lede{margin-top:2.2rem;font-size:1rem}.craft__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem 1.5rem}.craft__facts dt{font-size:2.5rem}.close{padding:6rem 6vw 2rem}.close h2{font-size:clamp(2.8rem,14vw,4.4rem)}.close__cta{width:100%;justify-content:center}.close__foot{display:block;text-align:left}.close__foot p+p{margin-top:.6rem}}@media (prefers-reduced-motion:reduce){.journey{height:100svh}.copy--annotations,.journey__measure{display:none}.copy--opening{opacity:1}.journey__fixed:before{animation:none}.flow__card,.flow__card figcaption,.flow__card img{transition:none}.flow__card.is-active figcaption{opacity:1;visibility:visible;transform:none}.preloader{transition:none}}