@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.pdial.cover{--iw:clamp(96px, min(12vw, 17dvh), 170px);--ih:calc(var(--iw) * .72);--step:34deg;--rw:calc((50vw - var(--gl) - var(--iw) / 2) / .93);--rh:calc(100dvh - var(--head) - var(--cp) - 1.3 * var(--fs-d) - 31px - 24px - var(--ih) / 2 - 24px);--R:max(120px, min(var(--rw), var(--rh), 640px));--Rd:calc(var(--R) + var(--ih) / 2 + 24px);text-align:center;padding-bottom:0;overflow:hidden}.pdial .pd-h{margin-bottom:24px}.pdial .pd-arc{height:var(--Rd);margin:0;padding:0;list-style:none;position:relative}.pdial .pd-arc:before{content:"";width:calc(2 * var(--Rd));aspect-ratio:1;background:color-mix(in srgb, var(--h-dark) 95%, var(--on-wine));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--on-wine) 12%, transparent);border-radius:50%;position:absolute;top:0;left:50%;translate:-50%}.pdial .pd-i{--a:calc((var(--k) - 2) * var(--step));--rad:var(--R);--ang:calc(var(--a) + var(--spin));width:var(--iw);transform-origin:0 0;transform:rotate(var(--ang)) translateY(calc(-1 * var(--rad))) rotate(calc(-1 * var(--ang))) translate(-50%, calc(var(--ih) / -2));animation:pd-sweep var(--t-hero) var(--ease-enter) backwards;position:absolute;top:100%;left:50%}@keyframes pd-sweep{0%{--spin:-35deg;opacity:0}}.pdial .pd-i a{text-align:center;min-height:44px;color:var(--on-wine);transition:translate var(--t) var(--ease-enter);flex-direction:column;align-items:center;text-decoration:none;display:flex}.pdial .pd-i a:hover,.pdial .pd-i a:focus-visible{translate:0 -3px}.pdial .pd-i img{width:var(--iw);height:var(--ih);object-fit:contain;filter:var(--shadow-cut);display:block}.pdial .pd-n,.pdial .pd-z{width:max-content;max-width:112px}.pdial .pd-n{font:400 var(--fs-b) / 1.25 var(--display);color:var(--on-wine);text-wrap:balance;margin-top:10px}.pdial .pd-z{font-size:var(--fs-s);color:var(--on-wine-soft);margin-top:2px;line-height:1.3}@media (max-width:599px){.pdial.cover{--iw:88px;--R:clamp(236px, 80vw, 300px)}.pdial .pd-i:first-child{--a:-24deg}.pdial .pd-i:nth-child(2){--a:0deg}.pdial .pd-i:nth-child(3){--a:24deg}.pdial .pd-i:nth-child(4){--a:-30deg;--rad:calc(var(--R) * .45)}.pdial .pd-i:nth-child(5){--a:30deg;--rad:calc(var(--R) * .45)}}@media (prefers-reduced-motion:reduce){.pdial .pd-i{animation:none}.pdial .pd-i a{transition:none}}