.circle-screen{flex-direction:column;gap:32px;max-width:900px;margin:0 auto;padding:24px 16px 96px;display:flex}.circle-head h1{font-family:var(--font-serif,"Cormorant Garamond", serif);letter-spacing:.01em;color:var(--foreground);font-size:clamp(1.9rem,7vw,2.6rem);font-weight:400}.circle-head p{max-width:46ch;color:color-mix(in srgb, var(--foreground) 62%, transparent);text-wrap:pretty;margin-top:6px;font-size:.93rem;line-height:1.6}.circle-section{flex-direction:column;gap:12px;display:flex}.circle-section h2{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 55%, transparent);font-size:.72rem;font-weight:600}.circle-empty{color:color-mix(in srgb, var(--foreground) 58%, transparent);font-size:.9rem;line-height:1.6}.circle-empty a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.circle-signs{grid-template-columns:1fr;gap:8px;display:grid}.circle-signs a{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 3%, transparent);min-height:60px;color:var(--foreground);border-radius:10px;flex-direction:column;justify-content:center;gap:3px;padding:12px 14px;text-decoration:none;display:flex}.circle-sign-system{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 52%, transparent);font-size:.68rem}.circle-sign-title{font-family:var(--font-serif,"Cormorant Garamond", serif);font-size:1.3rem}.circle-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.circle-pieces>li{position:relative}.circle-pieces a{color:var(--foreground);flex-direction:column;gap:8px;text-decoration:none;display:flex}.circle-pieces img{aspect-ratio:1;object-fit:contain;background:color-mix(in srgb, var(--foreground) 4%, transparent);border-radius:10px;width:100%}.circle-pieces a span{font-size:.86rem;line-height:1.4}.circle-pieces>li>button{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:var(--background);width:32px;height:32px;color:var(--foreground);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}@media (width>=768px){.circle-screen{padding-bottom:64px}.circle-signs{grid-template-columns:repeat(3,minmax(0,1fr))}.circle-pieces{grid-template-columns:repeat(4,minmax(0,1fr))}}