.pend-page{--steel-hi: #F3F4F6;--steel-lo: #B8BCC4;--gold-hi: #F5E2A8;--gold-lo: #C19A45;--silver-hi: #FFFFFF;--silver-lo: #CDD0D6;--case: #F6F2EA;--case-shade: #EAE3D6}.pend-hero{padding-bottom:0;overflow:hidden}.pend-hero-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center}.pend-hero-copy{padding-bottom:3.5rem}.pend-hero-copy h1{font-size:clamp(34px,5vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--on-dark);margin:0 0 1.1rem;max-width:13ch;text-wrap:balance}.pend-lede{color:#fdfcf8c2;font-size:18px;line-height:1.65;max-width:44ch;margin:0 0 1.75rem}.pend-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.pend-hero-price{color:#fdfcf88c;font-size:14px;margin:1rem 0 0}.pend-hero-display{position:relative;container-type:inline-size;height:clamp(340px,38vw,490px);align-self:stretch;margin-top:-4.5rem}.pend-hang{position:absolute;top:0;margin:0;width:calc(var(--size) * 1cqw);left:calc(var(--x) * 1cqw);transform-origin:calc(var(--hx) * 100%) 0}.pend-hang-chain{position:absolute;top:0;left:calc(var(--hx) * 100%);width:2px;transform:translate(-50%);height:calc(var(--chain) * 1cqw + var(--hy) * var(--size) * 1cqw + 2px);background:repeating-linear-gradient(to bottom,var(--steel-lo) 0 5px,transparent 5px 7px);mask-image:linear-gradient(to bottom,transparent,#000 30%)}.pend-hang--gold .pend-hang-chain{background:repeating-linear-gradient(to bottom,var(--gold-lo) 0 5px,transparent 5px 7px)}.pend-hang img{position:relative;display:block;width:100%;height:auto;margin-top:calc(var(--chain) * 1cqw);filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}.pend-hang--gold img{filter:sepia(.5) saturate(1.35) brightness(.98) contrast(1.04) drop-shadow(0 18px 24px rgba(0,0,0,.35))}.pend-hang--sterling img{filter:brightness(1.06) contrast(1.03) drop-shadow(0 18px 24px rgba(0,0,0,.35))}@media(prefers-reduced-motion:no-preference){.pend-hang{animation:pend-settle 2.8s cubic-bezier(.3,.7,.25,1) both;animation-delay:calc(var(--i) * .14s)}}@keyframes pend-settle{0%{transform:rotate(5deg)}30%{transform:rotate(-3deg)}55%{transform:rotate(1.4deg)}78%{transform:rotate(-.5deg)}to{transform:rotate(0)}}.pend-studio-band{background:var(--cream-dk);padding:clamp(2rem,5vw,3.5rem) 1.25rem;border-bottom:1px solid rgba(26,46,82,.06);scroll-margin-top:70px}.pend-counter{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start;scroll-margin-top:80px}.pend-display{position:sticky;top:88px;display:grid;gap:1rem}.pend-case{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#FFFDF9 0%,var(--case) 55%,var(--case-shade) 100%);box-shadow:inset 0 0 0 1px #1a2e520f,0 24px 48px -28px #1a2e5259}.pend-case .pend-view{position:absolute;inset:0}.pend-case-tag{position:absolute;left:16px;top:14px;max-width:calc(100% - 32px);font-size:13px;font-weight:600;color:var(--gray-600);background:#ffffffbf;border-radius:999px;padding:4px 11px}.pend-case-toggle{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;gap:2px;padding:3px;background:#ffffffe0;border-radius:999px;box-shadow:0 2px 10px #1a2e521f;backdrop-filter:blur(6px)}.pend-case-toggle button{white-space:nowrap;border:0;background:none;font:600 13.5px Plus Jakarta Sans,sans-serif;color:var(--gray-700);padding:7px 14px;border-radius:999px;cursor:pointer}.pend-case-toggle button[aria-pressed=true]{background:var(--navy);color:var(--on-dark)}.pend-case-toggle button:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-real-large{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.pend-case-wait{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--gray-700);font-size:15px}.pend-case-wait p{margin:0;max-width:28ch}.pend-textbtn{border:0;background:none;color:var(--navy-lt);font:700 15px Plus Jakarta Sans,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pend-engrave{width:96px;height:96px;border-radius:50%;border:2px solid rgba(26,46,82,.12);position:relative}.pend-engrave:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--navy-lt);animation:pend-spin 1.1s linear infinite}.pend-engrave--sm{width:34px;height:34px}@keyframes pend-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pend-engrave:after{animation-duration:3s}}.pend-view{position:relative}.pend-view img{position:absolute;height:auto;filter:drop-shadow(0 10px 14px rgba(26,46,82,.16));transition:filter .35s}.pend-chain{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pend-chain path{fill:none;stroke:#a9adb6;stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:3 2}.pend-ring{position:absolute;width:2.6%;aspect-ratio:.72;transform:translate(-50%,-50%);border:2px solid #9EA2AB;border-radius:45%}.pend-view--gold img{filter:sepia(.5) saturate(1.35) brightness(.98) contrast(1.04) drop-shadow(0 10px 14px rgba(120,80,10,.2))}.pend-view--gold .pend-chain path{stroke:var(--gold-lo)}.pend-view--gold .pend-ring{border-color:var(--gold-lo)}.pend-view--sterling img{filter:brightness(1.06) contrast(1.03) drop-shadow(0 10px 14px rgba(26,46,82,.16))}.pend-real{display:grid;gap:.6rem}.pend-real-head{margin:0;font-size:14px;color:var(--gray-700)}.pend-real-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.pend-real-tile{width:100%;display:grid;gap:.35rem;padding:6px 6px 8px;background:var(--white);border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;font:600 13px Plus Jakarta Sans,sans-serif;color:var(--gray-700);transition:border-color .2s,box-shadow .2s}.pend-real-tile img,.pend-real-wait{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.pend-real-wait{background:linear-gradient(100deg,#f1eee8 20%,#fbf9f5,#f1eee8 60%) 0 0 / 250% 100%;animation:pend-shimmer 1.4s linear infinite}@keyframes pend-shimmer{to{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.pend-real-wait{animation:none}}.pend-real-tile:not(:disabled):hover{border-color:var(--lime-dk);box-shadow:0 0 0 3px var(--lime-lt)}.pend-real-tile.is-on{border-color:var(--navy)}.pend-real-tile:disabled{cursor:default}.pend-real-tile:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-rail{display:grid;gap:1.35rem;background:var(--white);border-radius:22px;padding:clamp(1.1rem,2.4vw,1.75rem);box-shadow:0 1px #1a2e520d,0 24px 48px -32px #1a2e524d}.pend-modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--cream-dk);border-radius:12px}.pend-mode{border:0;background:transparent;padding:10px 12px;border-radius:9px;font:600 15px Plus Jakarta Sans,sans-serif;color:var(--gray-700);cursor:pointer}.pend-mode[aria-selected=true]{background:var(--white);color:var(--navy);box-shadow:0 1px 3px #1a2e5224}.pend-mode:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-add{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;padding:.8rem;border-radius:16px;border:1.5px dashed rgba(26,46,82,.22);background:#fcfbf8;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .2s,background .2s}.pend-add:hover{border-color:var(--navy-lt);background:var(--white)}.pend-add:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-add.has-photo{border-style:solid;border-color:var(--gray-200)}.pend-add img,.pend-add-plus{flex:none;width:58px;height:58px;border-radius:12px;object-fit:cover}.pend-add-plus{background:var(--navy);position:relative}.pend-add-plus:before,.pend-add-plus:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2.5px;background:var(--lime);border-radius:2px;transform:translate(-50%,-50%)}.pend-add-plus:after{transform:translate(-50%,-50%) rotate(90deg)}.pend-add-text{display:grid;gap:2px}.pend-add-text strong{font-size:16px;color:var(--ink)}.pend-add-text span{font-size:13.5px;color:var(--gray-600);line-height:1.45}.pend-error{margin:-.5rem 0 0;color:#b42318;font-size:14px;font-weight:600}.pend-field{border:0;margin:0;padding:0;display:grid;gap:.6rem}.pend-field legend{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:.55rem;padding:0}.pend-styles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pend-styles li{display:grid}.pend-style{width:100%;height:100%;align-content:start;display:grid;gap:4px;padding:5px 5px 7px;background:none;border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .2s,box-shadow .2s}.pend-style:hover{border-color:var(--lime-dk);box-shadow:0 0 0 3px var(--lime-lt)}.pend-style.is-on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.pend-style:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-style-img{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:radial-gradient(100% 80% at 50% 35%,#FFFDF9,var(--case));overflow:hidden}.pend-style-img img{width:84%;height:84%;object-fit:contain}.pend-style-x{font-weight:800;color:#b42318}.pend-style-name{font-size:12.5px;font-weight:600;color:var(--gray-700);line-height:1.25;text-align:center}.pend-style-blurb{margin:0;font-size:13.5px;color:var(--gray-600)}.pend-month{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--gray-700)}.pend-month select{font:500 15px Plus Jakarta Sans,sans-serif;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:10px;background:var(--white);color:var(--ink)}.pend-metals{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pend-metal{position:relative;display:grid;justify-items:center;gap:4px;padding:.7rem .4rem .6rem;border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;text-align:center;transition:border-color .2s}.pend-metal input{position:absolute;opacity:0;pointer-events:none}.pend-metal:hover{border-color:var(--lime-dk)}.pend-metal.is-on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.pend-metal:has(input:focus-visible){outline:2px solid var(--navy-lt);outline-offset:2px}.pend-swatch{display:block;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014,0 1px 2px #00000014}.pend-swatch--steel{background:linear-gradient(145deg,var(--steel-hi),var(--steel-lo))}.pend-swatch--gold{background:linear-gradient(145deg,var(--gold-hi),var(--gold-lo))}.pend-swatch--sterling{background:linear-gradient(145deg,var(--silver-hi),var(--silver-lo))}.pend-metal-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}.pend-metal-price{font-size:15px;font-weight:700;color:var(--navy)}.pend-buy{display:grid;gap:.75rem;border-top:1px solid var(--gray-200);padding-top:1.1rem}.pend-email{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--gray-700)}.pend-email input{font:500 16px Plus Jakarta Sans,sans-serif;padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:10px}.pend-email input:focus-visible{outline:2px solid var(--navy-lt);outline-offset:1px}.pend-approve{justify-content:center;width:100%}.pend-approve:disabled{opacity:.55;cursor:not-allowed}.pend-fine{margin:0;font-size:13px;color:var(--gray-600);text-align:center}.pend-checkout{min-height:420px;border-top:1px solid var(--gray-200);padding-top:1rem}.pend-steps{list-style:none;margin:2.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.25rem);counter-reset:pend-step}.pend-steps li{counter-increment:pend-step}.pend-step-fig{margin:0 0 1rem;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;background:radial-gradient(110% 85% at 50% 35%,#FFFDF9,var(--case));display:grid;place-items:center}.pend-step-fig img{width:82%;height:auto}.pend-step-fig--photo img{width:100%;height:100%;object-fit:cover}.pend-steps li:last-child .pend-step-fig img{width:100%;height:100%;object-fit:contain}.pend-steps li:last-child .pend-step-fig{background:#fff}.pend-steps h3{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 .35rem;display:flex;gap:.55rem;align-items:baseline}.pend-steps h3:before{content:counter(pend-step);font-size:13px;font-weight:700;color:var(--navy);width:24px;height:24px;border-radius:50%;background:var(--lime);display:inline-grid;place-items:center;flex:none;transform:translateY(-2px)}.pend-steps p{margin:0;font-size:15px;line-height:1.6;color:var(--gray-700);max-width:34ch}.pend-metal-row{list-style:none;margin:2.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.75rem)}.pend-metal-row figure{margin:0;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 1px #1a2e520d,0 20px 40px -30px #1a2e5259}.pend-metal-row figure img{width:100%;height:100%;object-fit:cover}.pend-metal-card{display:grid;grid-template-columns:auto 1fr auto;column-gap:.65rem;align-items:center;padding:1rem .25rem 0}.pend-metal-card h3{margin:0;font-size:17px;font-weight:700;color:var(--ink)}.pend-metal-card-price{margin:0;font-size:17px;font-weight:700;color:var(--navy)}.pend-metal-card p:last-child{grid-column:1 / -1;margin:.35rem 0 0;font-size:14.5px;color:var(--gray-600)}.pend-drawing{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.pend-drawing-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.pend-drawing-pair figure{margin:0;border-radius:18px;overflow:hidden}.pend-drawing-pair img{display:block;width:100%;height:auto}.pend-drawing-pair figure:first-child{transform:rotate(-2.5deg);box-shadow:0 16px 30px -18px #1a2e5266}.pend-drawing-real{background:#fff;box-shadow:0 1px #1a2e520d,0 20px 40px -30px #1a2e5259}.pend-drawing-copy h2{margin-bottom:1rem}.pend-drawing-copy p{font-size:17px;line-height:1.75;color:var(--gray-700);margin:0 0 1.5rem;max-width:46ch}@media(max-width:900px){.pend-hero-grid{grid-template-columns:1fr;gap:0}.pend-hero-copy{padding-bottom:1rem}.pend-hero-display{margin-top:0;height:clamp(300px,80vw,440px)}.pend-counter{grid-template-columns:1fr}.pend-display{position:static}.pend-drawing{grid-template-columns:1fr}}@media(max-width:640px){.pend-steps,.pend-metal-row{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.pend-studio-band{padding-inline:.75rem}.pend-rail,.pend-case{border-radius:18px}}