/* Collections, rather than single products: three live invitation previews in a world. */
.di-collection-tiles{position:relative;isolation:isolate;overflow:clip;padding:38px 8px 56px;color:#fbf6ea}
.di-collection-tiles .di-theme-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.di-collection-tile{display:block;position:relative;isolation:isolate;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:10px;color:#fffdf7;text-decoration:none;background-color:#142a44;background-image:var(--di-scene,radial-gradient(ellipse at 50% 30%,#284462,transparent 70%));background-size:cover;background-position:center;box-shadow:0 7px 20px #0004;border:1px solid #e1c37538}
.di-collection-tile:before{content:'✧ · ✦';position:absolute;top:7%;left:8%;color:#e1c37588;font:20px Georgia,serif;letter-spacing:18px;z-index:-1}
.di-collection-tile:focus-visible{outline:3px solid #e1c375;outline-offset:4px}
.di-collection-previews{position:absolute;inset:0;display:block}
.di-collection-card{display:block;position:absolute;top:17%;left:34%;width:32%;padding:3px;background:#fffdf7;border-radius:2px;box-shadow:0 5px 12px #0008;transform-origin:50% 90%;transition:transform .25s ease}
.di-collection-card:first-child{left:16%;transform:rotate(-10deg);z-index:1}
.di-collection-card:nth-child(2){z-index:3;transform:translateY(-4%) scale(1.04)}
.di-collection-card:nth-child(3){left:52%;transform:rotate(10deg);z-index:2}
.di-collection-photo{position:relative;display:block;aspect-ratio:5/7;overflow:hidden;background:#fbf6ea}
.di-collection-art{position:absolute;left:0;right:0;top:50%;aspect-ratio:485/689;overflow:hidden;transform:translateY(-50%)}
.di-collection-art img{position:absolute;display:block;max-width:none;width:206.185567%;height:135.135135%;left:-53.608247%;top:-18.918919%;object-fit:fill}
.di-collection-art--whole{inset:0;aspect-ratio:auto;transform:none}
.di-collection-art--whole img{position:static;width:100%;height:100%;object-fit:contain}
.di-collection-empty{display:grid;place-items:center;position:absolute;inset:0;color:#76602d}
.di-collection-caption{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:34px 12px 14px;text-align:center;background:linear-gradient(transparent,rgba(10,20,40,.84) 40%,rgba(10,20,40,.96));pointer-events:none}
.di-collection-name{display:block;color:#fffdf7;font:400 clamp(22px,2.1vw,30px)/1.12 Georgia,serif;text-shadow:0 1px 3px #000,0 0 9px #e1c37555;overflow-wrap:anywhere}
.di-collection-count{display:block;margin-top:5px;color:#fffdf7;font:12px/1.4 Arial,sans-serif;text-shadow:0 1px 3px #000}
.di-collection-tile--fan:hover .di-collection-card:first-child,.di-collection-tile--fan:focus-visible .di-collection-card:first-child{transform:translate(-3%,-3%) rotate(-14deg)}
.di-collection-tile--fan:hover .di-collection-card:nth-child(2),.di-collection-tile--fan:focus-visible .di-collection-card:nth-child(2){transform:translateY(-7%) scale(1.04)}
.di-collection-tile--fan:hover .di-collection-card:nth-child(3),.di-collection-tile--fan:focus-visible .di-collection-card:nth-child(3){transform:translate(3%,-3%) rotate(14deg)}
.di-collection-tile--all{display:grid;place-items:center;background:linear-gradient(145deg,#28446288,#0a1428aa)}
.di-collection-tile--all:after{content:'';position:absolute;inset:14px;border:1px dashed #e1c37599;border-radius:5px;pointer-events:none}
.di-collection-all-art{position:absolute;inset:20% 15% 30%;display:flex;justify-content:center;align-items:center;gap:4%}
.di-collection-all-art span{display:grid;place-items:center;aspect-ratio:5/7;width:28%;border:1px solid #e1c37580;background:#142a4499;color:#e1c375;font-size:22px;transform:rotate(-8deg)}
.di-collection-all-art span:nth-child(2){transform:translateY(-5%) rotate(0deg)}
.di-collection-all-art span:nth-child(3){transform:rotate(8deg)}
.di-collection-tile--all .di-collection-caption{top:auto;bottom:0;padding:28px 12px 18px;background:linear-gradient(transparent,#0a1428e0)}
@media(min-width:750px) and (max-width:1099px){.di-collection-tiles .di-theme-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){.di-collection-tiles{padding:24px 0 38px}.di-collection-tiles .di-theme-items{grid-template-columns:minmax(0,1fr);gap:22px}.di-collection-name{font-size:25px}.di-collection-tiles .di-fan-arrow,.di-collection-tiles .di-fan-spark--top{display:none}}
@media(prefers-reduced-motion:reduce){.di-collection-card{transition:none}.di-collection-tile--fan:hover .di-collection-card:first-child,.di-collection-tile--fan:focus-visible .di-collection-card:first-child{transform:rotate(-10deg)}.di-collection-tile--fan:hover .di-collection-card:nth-child(2),.di-collection-tile--fan:focus-visible .di-collection-card:nth-child(2){transform:translateY(-4%) scale(1.04)}.di-collection-tile--fan:hover .di-collection-card:nth-child(3),.di-collection-tile--fan:focus-visible .di-collection-card:nth-child(3){transform:rotate(10deg)}}

/* Owner 31.10: loading state. Shimmer on each empty card and a gold progress line per tile (JS only). */
@keyframes di-shimmer{from{background-position:150% 0}to{background-position:-50% 0}}
.di-tiles-js .di-collection-card:not(.is-loaded) .di-collection-photo:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,#efe4c900 30%,#efe4c9 50%,#efe4c900 70%) #fbf6ea;background-size:200% 100%;animation:di-shimmer 1.1s linear infinite}
.di-tiles-js .di-collection-tile--fan:not(.di-collection-tile--all):after{content:'';position:absolute;left:0;bottom:0;z-index:5;height:3px;width:calc(var(--di-progress,.08) * 100%);background:#e1c375;box-shadow:0 0 8px #e1c375aa;transition:width .35s ease,opacity .5s ease .3s;pointer-events:none}
.di-tiles-js .di-collection-tile--fan.di-tile-loaded:after{opacity:0}
@media(prefers-reduced-motion:reduce){.di-tiles-js .di-collection-card:not(.is-loaded) .di-collection-photo:before{animation:none;background:#efe4c9}}

.di-themes--collapsed .di-tile-more{display:none}
.di-themes--collapsed .di-tile-peek{-webkit-mask-image:linear-gradient(to bottom,#000 15%,transparent 62%);mask-image:linear-gradient(to bottom,#000 15%,transparent 62%);margin-bottom:-30%;box-shadow:none;cursor:pointer}
.di-themes--collapsed .di-themes-more{position:relative;z-index:2;margin-top:-34px}
@media(min-width:750px) and (max-width:1099px){.di-themes--collapsed .di-tile-peek--3{display:none}}
@media(max-width:749px){.di-themes--collapsed .di-tile-peek--2,.di-themes--collapsed .di-tile-peek--3{display:none}}
.di-themes-more{position:relative;display:flex;align-items:center;gap:18px;width:min(100%,520px);margin:34px auto 0;padding:16px 16px 16px 24px;border:1px solid #e1c37547;border-radius:20px;background:#0d1c30e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffdf7;font:inherit;text-align:left;cursor:pointer;box-shadow:0 14px 36px #000b,inset 0 1px 0 #ffffff14;transition:transform .25s,border-color .25s;animation:di-more-breathe 6s ease-in-out infinite}
.di-themes--collapsed .di-themes-more{z-index:2;margin-top:-34px}
.di-themes-more:hover{transform:translateY(-2px);border-color:#e1c37599}
.di-themes-more:focus-visible{outline:2px solid #e1c375;outline-offset:3px}
.di-more-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.di-more-kicker,.di-more-cta{display:block}
.di-more-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e1c375}
.di-more-ticker{position:relative;display:block;height:1.3em;font-size:20px;font-weight:600;line-height:1.3}
.di-more-ticker span{position:absolute;inset:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;animation:di-more-tick 16s infinite;animation-delay:calc(var(--i)*2s)}
.di-more-cta{font-size:14px;color:#fffdf7bf;text-decoration:underline;text-decoration-color:#e1c37580;text-underline-offset:3px}
.di-more-arrow{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;background:#e1c375;color:#142a44;animation:di-more-bounce 1.8s ease-in-out infinite}
.di-more-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes di-more-tick{0%{opacity:0;transform:translateY(8px)}2%,10.5%{opacity:1;transform:none}12.5%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes di-more-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:749px){.di-themes-more{gap:12px;padding:14px 12px 14px 18px}.di-more-ticker{font-size:17px}.di-more-kicker{font-size:10.5px;letter-spacing:.08em;white-space:nowrap}.di-more-arrow{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.di-themes-more,.di-themes-more:after,.di-more-arrow,.di-more-bg{animation:none}.di-themes-more:after{display:none}.di-more-bg:first-child{opacity:1}.di-more-ticker span{animation:none}.di-more-ticker span:first-child{opacity:1}}

@property --di-spark{syntax:'<angle>';inherits:false;initial-value:0deg}
.di-themes-more:after{content:"";position:absolute;inset:-1px;z-index:2;padding:2px;border-radius:inherit;background:conic-gradient(from var(--di-spark),transparent 0deg 260deg,#e1c37500 270deg,#e1c375 330deg,#fff4cc 350deg,#ff9b3d 355deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 3px #e1c375) drop-shadow(0 0 6px #ff9b3d80);animation:di-spark 4s linear infinite;pointer-events:none}
@keyframes di-spark{to{--di-spark:360deg}}
.di-more-bgs{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.di-more-bgs:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1c30d9 0%,#0d1c3099 32%,#0d1c3000 62%)}
.di-more-bg{position:absolute;inset:0;background-size:cover;background-position:center 6%;filter:brightness(1.3) saturate(1.15);opacity:0;animation:di-more-fade 16s infinite;animation-delay:calc(var(--i)*2s)}
@keyframes di-more-fade{0%{opacity:0}2%,12%{opacity:1}15%,100%{opacity:0}}
.di-more-text,.di-more-arrow{position:relative;z-index:1}
@keyframes di-more-breathe{0%,100%{scale:1}50%{scale:1.025}}