.ring{--strap-x:220px;max-width:900px;margin:0 auto;padding:0 20px 24px;color:var(--ink-2)}.ring-head{max-width:36em;margin:40px auto 28px;text-align:center}.ring-kicker{margin:0 0 10px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ox)}.ring-head h1{margin:0 0 12px;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:40px;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-wrap:balance}.ring-dek{margin:0 auto;max-width:30em;font-size:16px;line-height:1.55;color:var(--muted)}.ring-hold,.ring-vacant,.ring-today{display:grid;grid-template-columns:64px 112px 40px minmax(0,1fr);column-gap:22px;grid-template-areas:"when face stud text";align-content:end}.ring-hold{min-height:max(170px,calc(var(--years) * 30px));scroll-margin-top:72px}.ring-vacant{min-height:max(96px,calc(var(--years) * 30px));scroll-margin-top:72px}.ring-when{grid-area:when;text-align:right;padding-top:8px}.ring-yr{display:block;font-size:16px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}.ring-day{display:block;font-size:11px;color:var(--muted);margin-top:2px}.ring-face{grid-area:face;padding-bottom:26px}.ring-face a{display:block;border-radius:8px}.ring-face a:focus-visible{outline:2px solid var(--ox);outline-offset:3px}.ring-mount{display:block;width:112px;height:112px;filter:drop-shadow(0 2px 3px rgb(var(--umbra) / calc(.25 * var(--deep))))}.ring-face a:hover .ring-mount{filter:drop-shadow(0 0 1.5px #C6A659) drop-shadow(0 2px 4px rgb(var(--umbra) / calc(.35 * var(--deep))))}.ring-text{grid-area:text;padding-bottom:26px}.ring-today{grid-template-areas:"when . . ."}.ring-now{display:block;padding:0 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--ink)}.ring-strap{position:relative}.ring-strap:before{content:"";position:absolute;top:0;bottom:0;left:var(--strap-x);width:40px;background:repeating-linear-gradient(to bottom,rgba(240,226,188,.6) 0 3.4px,transparent 3.4px 6.4px) 9.4px 0/1px 100% no-repeat,repeating-linear-gradient(to bottom,rgba(240,226,188,.6) 0 3.4px,transparent 3.4px 6.4px) 29.6px 0/1px 100% no-repeat,linear-gradient(to right,rgba(233,204,122,.5) 0 1.5px,#C99A2E 1.5px 5px,rgba(59,42,8,.55) 5px 6.2px,transparent 6.2px 33.8px,rgba(59,42,8,.55) 33.8px 35px,#C99A2E 35px 38.5px,rgba(233,204,122,.5) 38.5px 40px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='f' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.34 .29' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeDiffuseLighting surfaceScale='1.4' diffuseConstant='.56' lighting-color='%23fff'%3E%3CfeDistantLight azimuth='228' elevation='58'/%3E%3C/feDiffuseLighting%3E%3CfeBlend in2='SourceGraphic' mode='soft-light'/%3E%3CfeComposite in2='SourceGraphic' operator='in'/%3E%3C/filter%3E%3Crect width='128' height='128' fill='%235B3A1E' filter='url(%23f)'/%3E%3C/svg%3E") 6px 0/128px 128px}.ring-stud{grid-area:stud;position:relative;align-self:start;margin:17px -4px 0;height:3px;background:#2a1b06;opacity:.72}.ring-stud:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5e6b4,#d8b364 45%,#a87f31);border:1.1px solid #4A380F;box-sizing:border-box}.ring-vacant{background:repeating-linear-gradient(to bottom,var(--vac-line) 0 3px,transparent 3px 12px) calc(var(--strap-x) + 19px) 0/2px 100% no-repeat}.ring-vacant .ring-text{padding-bottom:22px}.ring-vlabel{margin:6px 0 4px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ox)}.ring-plate{display:inline-block;margin:0 0 10px 5px;padding:8px 16px 7px;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:21px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#2a1b06;border:1.1px solid #4A3810;border-radius:4px;background:linear-gradient(#d8b364 0,#f5e6b4 20%,#e0c177,#be9541 52%,#a87f31 78%,#dcbb74);box-shadow:0 0 0 4px #5a4413,0 0 0 5px #3b2a08,0 5px 9px rgb(var(--umbra) / calc(.25 * var(--deep)))}.ring-how{margin:0 0 3px;font-size:15px;color:var(--ink-2)}.ring-meta{margin:0;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ring-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0}.ring-links a{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ox);text-decoration:none}.ring-links a:hover,.ring-links a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:.2em;outline:none}.ring-src{max-width:36em;margin:36px auto 0;padding-top:14px;border-top:1px solid var(--rule);text-align:center;font-size:12.5px;line-height:1.55;color:var(--muted)}.ring-src a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--faint)}.ring-src a:hover,.ring-src a:focus-visible{color:var(--ox);border-bottom-color:var(--ox)}@media(max-width:720px){.ring{--strap-x:76px;padding:0 16px 16px}.ring-head{margin:28px auto 22px}.ring-head h1{font-size:30px}.ring-dek{font-size:15px}.ring-hold,.ring-vacant{grid-template-columns:64px 40px minmax(0,1fr);column-gap:12px;grid-template-areas:"face stud text"}.ring-hold{min-height:max(150px,calc(var(--years) * 24px))}.ring-vacant{min-height:max(84px,calc(var(--years) * 24px))}.ring-when{display:none}.ring-today{grid-template-columns:1fr;grid-template-areas:"when"}.ring-today .ring-when{display:block;text-align:left;padding:0}.ring-mount{width:64px;height:64px}.ring-face{padding-bottom:22px}.ring-stud{margin-top:14px}.ring-plate{font-size:16px;padding:7px 11px 6px;margin-bottom:8px}.ring-how{font-size:14px}.ring-text{padding-bottom:22px}}