/* Glass belongs to the circular frame; the cake itself stays sharp. */
.glass-circle{position:relative;isolation:isolate;width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding:10%;background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);box-shadow:inset 0 1px 2px #ffffff60,inset 0 -10px 28px #0002,0 18px 36px #0002;overflow:hidden}
.glass-circle:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff19,transparent 44%,#ffffff08)}
.glass-circle:after{content:"";position:absolute;inset:5px;border:1px solid #ffffff26;border-radius:50%;pointer-events:none}
.gallery-grid .glass-circle img,.cake-grid .glass-circle img,.home-reel-track .glass-circle img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:50%;background:none;filter:none;transform:none}
.gallery-grid article{background:none;border:0;box-shadow:none;padding:12px;text-align:center}.gallery-grid h2{font-size:27px}.gallery-grid .glass-circle{height:auto}
.cake-grid .image-slot{height:auto;aspect-ratio:1;background:none;overflow:visible}.cake-grid .glass-circle{height:auto}
.home-reel-track .glass-circle{width:clamp(170px,23vw,310px);flex:none;height:auto}.home-reel-track .glass-circle img{max-width:100%}
.category-cakes{background-image:linear-gradient(180deg,transparent 38%,#080301e0),url('assets/gallery/dark_studio_ivory_cake_with_pink_roses.webp')}
html[data-theme=light] .category-cakes{background-image:linear-gradient(180deg,transparent 38%,#080301e0),url('assets/gallery/ivory_two_tier_wedding_cake_with_pink_roses.webp')}
@media(max-width:850px){.home-reel-track .glass-circle{width:48vw}}
@media(prefers-reduced-motion:reduce){.glass-circle{transition:none}}