.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-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-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-mascot{--m-hi: var(--steel-hi);--m-lo: var(--steel-lo);--disc: 112px;display:grid;justify-items:center;perspective:520px}.pend-mascot--gold{--m-hi: var(--gold-hi);--m-lo: var(--gold-lo)}.pend-mascot--sterling{--m-hi: var(--silver-hi);--m-lo: var(--silver-lo)}.pend-mascot-swing{display:grid;justify-items:center;transform-origin:50% 0}.pend-mascot-chain{width:2px;height:46px;background:repeating-linear-gradient(to bottom,var(--m-lo) 0 5px,transparent 5px 7px);mask-image:linear-gradient(to bottom,transparent,#000 40%)}.pend-mascot-bail{width:10px;height:14px;margin-bottom:-5px;border:2px solid var(--m-lo);border-radius:45%;position:relative;z-index:1}.pend-mascot-disc{position:relative;width:var(--disc);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 28%,var(--m-hi) 0%,color-mix(in srgb,var(--m-hi) 55%,var(--m-lo)) 46%,var(--m-lo) 100%);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -4px 8px #0000001f,0 16px 24px -12px #1a2e5266}.pend-mascot-rim{position:absolute;inset:7%;border-radius:50%;border:1.5px solid rgba(26,46,82,.28)}.pend-mascot-plate{position:absolute;inset:17% 16% 15%}.pend-mascot-window{position:absolute;inset:0;overflow:hidden}.pend-mascot-art{width:100%;height:100%;color:#1a2e52cc}.pend-mascot-art svg{display:block;width:100%;height:100%}.pend-mascot-beam{position:absolute;inset:0;opacity:0;pointer-events:none}.pend-mascot-beam:before{content:"";position:absolute;left:-12%;right:-12%;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,250,235,.95) 22%,rgba(255,250,235,.95) 78%,transparent);box-shadow:0 0 6px 1px #ffd68ca6}.pend-mascot-spark{position:absolute;top:-3px;left:0;right:0;height:6px}.pend-mascot-spark:before{content:"";position:absolute;left:-3px;top:0;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 4px 2px #fff,0 0 12px 4px #ffc86ed9}.pend-mascot-glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%);transform:translate(-130%);pointer-events:none}.pend-mascot--compact{--disc: 40px;perspective:200px}.pend-mascot-disc{transition:background .4s,opacity .4s}.pend-mascot--idle .pend-mascot-disc{opacity:.5}.pend-mascot--idle :is(.pend-mascot-art,.pend-mascot-beam,.pend-mascot-glint){visibility:hidden}.pend-mascot.pend-mascot--idle :is(.pend-mascot-disc,.pend-mascot-window,.pend-mascot-art,.pend-mascot-beam,.pend-mascot-spark,.pend-mascot-glint){animation:none}.pend-mascot--compact .pend-mascot-rim{border-width:1px}.pend-mascot--compact .pend-mascot-disc{box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -2px 4px #0000001f,0 4px 8px -4px #1a2e5266}.pend-mascot--compact .pend-mascot-beam:before{height:1px;box-shadow:0 0 3px 1px #ffd68ca6}.pend-mascot--compact .pend-mascot-spark{top:-1.5px;height:3px}.pend-mascot--compact .pend-mascot-spark:before{left:-1.5px;width:3px;height:3px;box-shadow:0 0 2px 1px #fff,0 0 5px 2px #ffc86ed9}@media(prefers-reduced-motion:no-preference){.pend-mascot-swing{animation:pend-mascot-swing 2.7s ease-in-out infinite alternate}.pend-mascot-disc{animation:pend-mascot-turn 6.4s linear infinite}.pend-mascot-window{animation:pend-mascot-raster 6.4s linear infinite}.pend-mascot-art{animation:pend-mascot-raster-art 6.4s linear infinite}.pend-mascot-beam{animation:pend-mascot-beam 6.4s linear infinite}.pend-mascot-spark{animation:pend-mascot-spark .26s ease-in-out infinite alternate}.pend-mascot-glint{animation:pend-mascot-glint 6.4s ease-in-out infinite}.pend-mascot--compact .pend-mascot-swing{animation:none}.pend-mascot--compact :is(.pend-mascot-disc,.pend-mascot-window,.pend-mascot-art,.pend-mascot-beam,.pend-mascot-glint){animation-delay:calc(var(--i) * -1.1s)}}@keyframes pend-mascot-swing{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes pend-mascot-raster{0%{transform:translateY(-100%)}52%,84.9%{transform:translateY(0)}85%,to{transform:translateY(-100%)}}@keyframes pend-mascot-raster-art{0%{transform:translateY(100%)}52%,84.9%{transform:translateY(0)}85%,to{transform:translateY(100%)}}@keyframes pend-mascot-beam{0%{opacity:0;transform:translateY(0)}3%{opacity:1;transform:translateY(0)}52%{opacity:1;transform:translateY(100%)}56%,to{opacity:0;transform:translateY(100%)}}@keyframes pend-mascot-spark{0%{transform:translate(4%)}to{transform:translate(96%)}}@keyframes pend-mascot-glint{0%,58%{transform:translate(-130%)}72%,to{transform:translate(130%)}}@keyframes pend-mascot-turn{0%,77%{transform:rotateY(0);animation-timing-function:ease-in}85%{transform:rotateY(90deg)}85.01%{transform:rotateY(-90deg);animation-timing-function:ease-out}93%,to{transform:rotateY(0)}}.pend-case--design{background:#fff}.pend-design{position:absolute;inset:0;display:flex;flex-direction:column;gap:2px;padding:14px 16px}.pend-case.has-toggle .pend-design{padding-bottom:52px}.pend-design-note{margin:0;padding:1px 0 1px 11px;border-left:3px solid var(--lime-dk);font-size:15px;font-weight:800;line-height:1.35;color:var(--navy);text-wrap:balance}.pend-design-note{flex:none}.pend-design-sheet{display:block;flex:1 1 0;min-height:0;width:100%;object-fit:contain}.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{display:grid;place-items:center;container-type:inline-size;background:radial-gradient(100% 80% at 50% 35%,#FFFDF9,var(--case))}.pend-real-wait .pend-mascot{--disc: 64cqw}@media(prefers-reduced-motion:no-preference){.pend-real-wait .pend-mascot :is(.pend-mascot-disc,.pend-mascot-window,.pend-mascot-art,.pend-mascot-beam,.pend-mascot-glint){animation-delay:calc(var(--i) * 2.1s);animation-fill-mode:backwards}}.pend-real-tile:not(:disabled):hover{border-color:var(--navy-lt)}.pend-real-tile.is-on{border-color:var(--lime-dk);box-shadow:0 0 0 1px var(--lime-dk),0 0 0 4px var(--lime-lt)}.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-legend{display:flex;align-items:center;gap:.5rem;margin:0 0 .55rem;padding:0;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--navy)}.pend-step{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--navy);color:var(--lime);font-size:11px;font-weight:800;flex:none}.pend-check{position:absolute;right:5px;top:5px;z-index:1;width:17px;height:17px;border-radius:50%;background:var(--lime-dk);color:var(--navy);display:none;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000040}.is-on>.pend-check{display:flex}.pend-add{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:1.15rem 1.1rem;border-radius:16px;border:2px solid var(--lime-dk);background:var(--lime-lt);box-shadow:0 6px 16px -6px #101d3859;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.pend-add:hover{background:#e3ffba;box-shadow:0 10px 22px -8px #101d386b;transform:translateY(-1px)}.pend-add:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-add.has-photo{background:var(--white);box-shadow:var(--sh-md);padding:.8rem 1.1rem .8rem .8rem}.pend-add img{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover}.pend-add-ico{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--navy)}.pend-add-text{display:grid;gap:1px}.pend-add-text strong{font-size:17px;font-weight:800;color:var(--navy)}.pend-add-text span{font-size:13px;color:var(--gray-600);line-height:1.4;text-wrap:pretty}@media(prefers-reduced-motion:reduce){.pend-add:hover{transform:none}}.pend-error{margin:0;color:#b42318;font-size:14px;font-weight:600}.pend-field{border:0;margin:0;padding:0;display:grid;gap:.6rem}.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{position:relative;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(--navy-lt)}.pend-style.is-on{border-color:var(--lime-dk);box-shadow:0 0 0 1px var(--lime-dk),0 0 0 4px var(--lime-lt)}.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:100%;height:100%;object-fit:cover}.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);text-wrap:pretty}.pend-month{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.15rem;padding:.7rem .7rem .7rem .95rem;background:var(--gray-100, #f1f1ee);border-radius:14px}.pend-month-text{display:grid;gap:1px;min-width:0;cursor:pointer}.pend-month-text strong{font-size:14px;font-weight:800;color:var(--navy)}.pend-month-text span{font-size:13px;color:var(--gray-600)}.pend-month select{flex:none;appearance:none;-webkit-appearance:none;min-width:9.5rem;font:700 15px Plus Jakarta Sans,sans-serif;color:var(--navy);padding:9px 36px 9px 14px;border:1.5px solid var(--gray-200);border-radius:10px;cursor:pointer;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%231A2E52' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;transition:border-color .15s}.pend-month select:hover{border-color:var(--navy-lt)}.pend-month select:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.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(--navy-lt)}.pend-metal.is-on{border-color:var(--lime-dk);box-shadow:0 0 0 1px var(--lime-dk),0 0 0 4px var(--lime-lt)}.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-finishes{grid-template-columns:repeat(2,1fr)}.pend-finish-mark{display:grid;place-items:center}.pend-finish-mark svg{width:100%;height:100%}.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-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-board-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem);margin:clamp(2.5rem,5vw,3.5rem) 0 0}.pend-board-row+.st-steps{margin-top:clamp(1.5rem,3vw,2rem)}.pend-board{margin:0;position:relative;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden}.pend-board img{display:block;width:100%;height:100%;object-fit:cover}.pend-board--design{display:grid;place-items:center;background:radial-gradient(110% 85% at 50% 35%,#FFFDF9,var(--case))}.pend-board--design img{width:82%;height:auto;border-radius:4px;box-shadow:0 1px 2px #1a2e5214,0 14px 28px -18px #1a2e5273}.pend-metals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem)}.pend-metals figure{margin:0;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff}.pend-metals figure img{display:block;width:100%;height:100%;object-fit:cover}.st-band--stage .pend-metals figure{border-radius:0;background:none}.pend-metal-text{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:.7rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(26,46,82,.16)}.pend-metal-text .pend-swatch{width:18px;height:18px}.pend-metal-text h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--navy)}.pend-metal-price{margin:0;font-size:17px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}.pend-metal-text p:last-child{grid-column:1 / -1;margin:.45rem 0 0;font-size:15px;line-height:1.55;color:var(--gray-700);text-wrap:pretty}.st-band--stage .pend-metal-text{border-top-color:#fdfcf824}.st-band--stage .pend-metal-text h3,.st-band--stage .pend-metal-price{color:var(--on-dark)}.st-band--stage .pend-metal-text p:last-child{color:#fdfcf89e}.pend-drawing-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.pend-drawing-pair figure{margin:0;border-radius:16px;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 16px 30px -18px #1a2e5266}.pend-drawing-pair figure img{display:block;width:100%;height:auto}.pend-drawing-real{aspect-ratio:4 / 5;border-radius:16px;overflow:hidden}.st-band--stage .pend-drawing-real{border-radius:0}.pend-drawing-copy .st-h{margin-bottom:1.25rem}.pend-drawing-copy p:not(.st-more){margin:0;max-width:34rem;font-size:17px;line-height:1.7;color:var(--gray-700);text-wrap:pretty}.pend-gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,3.5vw,2.75rem)}.pend-gallery-cap{margin:1.1rem 0 0;padding-top:.9rem;border-top:1px solid rgba(253,252,248,.14);font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--on-dark)}.pend-shapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(1.75rem,3vw,2.25rem) clamp(.9rem,2vw,1.5rem)}.pend-shapes figure{margin:0 0 .9rem;aspect-ratio:1}.pend-shapes img{display:block;width:100%;height:auto}.pend-shapes h3{margin:0;padding-top:.85rem;border-top:1px solid rgba(26,46,82,.14);font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--navy)}.pend-shapes p{margin:.3rem 0 0;font-size:14.5px;line-height:1.55;color:var(--gray-700);text-wrap:pretty}.pend-dock{display:none}.pend-dock-tile{position:relative;flex:none;width:var(--tile);aspect-ratio:1;padding:0;border:0;border-radius:12px;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 #1a2e5214;cursor:zoom-in}.pend-dock-tile:disabled{cursor:default}.pend-dock-tile:focus-visible{outline:2px solid var(--navy-lt);outline-offset:2px}.pend-dock-art{position:absolute;inset:0;width:100%;height:100%}img.pend-dock-art{object-fit:cover;background:#fff}.pend-dock-wait{display:grid;place-items:center}.pend-dock-zoom{position:absolute;right:6px;bottom:6px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:var(--on-dark);background:#122039a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16)}.pend-dock-text{min-width:0;margin:0 0 0 6px;display:grid;gap:2px;font-size:13px;line-height:1.3;color:var(--gray-600)}.pend-dock-kicker{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500)}.pend-dock-text strong{color:var(--navy);font-size:16px;font-weight:700;text-wrap:balance}.pend-dock-metal{display:flex;align-items:center;gap:6px;white-space:nowrap}.pend-dock-metal .pend-swatch{width:14px;height:14px;flex:none}.pend-dock-add{justify-self:start;margin-top:6px;padding:8px 16px;font-size:14px;white-space:nowrap}.pend-dock-price{margin-top:2px;color:var(--navy);font-size:16px;font-weight:700}@media(max-width:900px){.pend-dock{--tile: clamp(96px, 30vw, 116px);display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;top:var(--nav-offset);z-index:90;padding:10px 12px;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 14px 20px -18px #0d1b3ed9;transform:translateY(-100%);visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s,top .25s ease}.pend-dock.is-on{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),top .25s ease}html:has(.pend-dock.is-on){scroll-padding-top:calc(var(--nav-offset) + var(--tile, 104px) + 36px)}}@media(prefers-reduced-motion:no-preference){.pend-dock-art{animation:pend-dock-in .3s ease-out}}@keyframes pend-dock-in{0%{opacity:0;transform:scale(.94)}}@media(prefers-reduced-motion:reduce){.pend-dock,.pend-dock.is-on{transition:none}}.pend-zoom{position:fixed;inset:0;height:100svh;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:#0b1426f2;overscroll-behavior:none;touch-action:pinch-zoom;cursor:zoom-out}@media(prefers-reduced-motion:no-preference){.pend-zoom{animation:pend-zoom-in .18s ease}}@keyframes pend-zoom-in{0%{opacity:0}}.pend-zoom-frame{position:relative;width:min(100%,calc(100svh - 140px),640px);aspect-ratio:1;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#FFFDF9 0%,var(--case) 55%,var(--case-shade) 100%)}.pend-zoom-frame--design{background:#fff}.pend-zoom-frame .pend-design-sheet{position:absolute;inset:0;width:100%;height:100%}.pend-zoom-toggle{position:static;transform:none}.pend-zoom-cap{margin:0;max-width:36ch;text-align:center;color:var(--on-dark);font-size:13px;font-weight:600;text-wrap:balance}.pend-zoom-close{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:14px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#122039b3;color:var(--on-dark);font-size:16px;cursor:pointer}.pend-zoom-close:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(max-width:900px){.pend-counter{grid-template-columns:1fr}.pend-display{position:static}.pend-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.pend-gallery{grid-template-columns:1fr;max-width:520px}}@media(max-width:640px){.pend-board-row{gap:.6rem}.pend-board{border-radius:10px}.pend-metals{grid-template-columns:1fr;gap:1.25rem}.pend-metals li{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);column-gap:1rem;align-items:center}.pend-metal-text{margin-top:0}.pend-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.pend-studio-band{padding-inline:.75rem}.pend-rail,.pend-case{border-radius:18px}}