/* Keep the archive's card geometry and staggered grid. Only the artwork changes. */
.entry-card.entry-purple .entry-stage{background:#eee5fa;color:#381953}
.entry-purple .entry-heading>strong{font-family:Georgia,serif;font-weight:400;line-height:1.04;font-size:9.3cqw}
.entry-card.entry-purple .entry-art{inset:39% 20% 10%;border-radius:4cqw}
.entry-card.entry-purple .entry-art img{object-fit:contain;object-position:center}
.entry-purple .entry-detail{color:#60308b}
.entry-purple-ring{position:absolute;right:8%;top:28%;width:14cqw;height:14cqw;border:1px solid #7845b750;border-radius:50%;pointer-events:none}
.entry-playing.entry-purple .entry-art{animation:entry-purple-rise 3.8s both}
.entry-playing .entry-purple-ring{animation:entry-purple-ring 3.8s both}
@keyframes entry-purple-rise{from{transform:translateY(9%) rotate(-3deg);opacity:.5}to{transform:none;opacity:1}}
@keyframes entry-purple-ring{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
.entry-card.entry-reelio .entry-stage{background:#24152f;color:#f6edf9}
.entry-reelio .entry-heading small{color:#d6b6fc}
.entry-reelio .entry-heading>strong{font-size:8.5cqw;line-height:1.05}
.entry-card.entry-reelio .entry-art{inset:41% 7% 10%;border-radius:40% 40% 3cqw 3cqw}
.entry-reelio .entry-art img{object-position:50% 50%}
.entry-reelio .entry-detail{color:#e1c6ff}
.entry-reelio-pulse{position:absolute;right:8%;bottom:4%;display:flex;align-items:center;gap:1cqw;height:4cqw;z-index:4}
.entry-reelio-pulse i{width:.8cqw;height:40%;background:#d2a4ff;border-radius:4px}
.entry-reelio-pulse i:nth-child(2n){height:100%}
.entry-playing.entry-reelio .entry-art{animation:entry-reelio-reveal 4s both}
.entry-playing .entry-reelio-pulse i{animation:entry-reelio-beat 1.2s 4 alternate}
.entry-playing .entry-reelio-pulse i:nth-child(2n){animation-delay:.3s}
@keyframes entry-reelio-reveal{from{transform:translateY(12%) rotate(4deg);filter:brightness(.7)}to{transform:none;filter:brightness(1)}}
@keyframes entry-reelio-beat{to{transform:scaleY(.3)}}
.entry-card .cb-card-preview{container-type:inline-size;isolation:isolate;border-radius:24px;overflow:hidden}
.entry-card .entry-stage{opacity:1!important;transform:none!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden;color:#fff;background:#09275f}
.entry-heading{position:absolute;z-index:4;inset:6% 7% auto;pointer-events:none}
.entry-name{display:flex;align-items:center;justify-content:space-between;font-size:4.3cqw;font-weight:600;letter-spacing:-.035em}
.entry-name b{font-size:5cqw;display:grid;place-items:center;width:9cqw;height:9cqw;border:1px solid currentColor;border-radius:50%;font-weight:400;transition:transform .5s,background .5s}
.entry-heading small{display:block;margin-top:5cqw;font-size:2.1cqw;letter-spacing:.14em}
.entry-heading>strong{display:block;font-size:9.3cqw;line-height:.98;letter-spacing:-.055em;font-weight:500;margin-top:2.7cqw}
.entry-card .entry-art{position:absolute;z-index:1;inset:37% 0 0;overflow:hidden;transform-origin:50% 80%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.entry-card .entry-art img{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center;transform:none!important;opacity:1!important}
.entry-detail{position:absolute;z-index:4;bottom:4%;left:7%;font-size:2.5cqw;letter-spacing:.015em}
.entry-service .entry-stage{background:linear-gradient(130deg,#1e5abe,#041943)}
.entry-service .entry-art{inset:34% -9% 0;mask-image:linear-gradient(transparent,#000 17%,#000 88%,transparent)}
.entry-service .entry-art img{object-position:50% 50%}
.entry-service-tags{position:absolute;z-index:3;top:58%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.entry-service-tags span{font-size:2.6cqw;background:#f1f7ff;color:#123577;padding:3cqw;border-radius:2.5cqw;box-shadow:0 8px 30px #001b4b30}
.entry-service-tags span:last-child{margin-top:25cqw}
.entry-nutrition .entry-stage{color:#153b39;background:radial-gradient(circle at 90% 30%,#e2f69c,transparent 60%),#e9f3e5}
.entry-nutrition .entry-art{inset:43% -5% -1%;border-radius:50% 50% 0 0;transform:rotate(-5deg) scale(1.04);box-shadow:0 -10px 40px #98b5ba20}
.entry-nutrition .entry-heading>strong{font-weight:400}
.entry-nutrition .entry-detail{background:#eaf6d8e8;border-radius:20px;padding:1.5cqw 3cqw;left:5%;bottom:3%}
.entry-orbit{position:absolute;z-index:2;top:32%;right:7%;width:19cqw;height:19cqw;border:1.6cqw solid #c8dfaf;border-right-color:#318878;border-bottom-color:#318878;border-radius:50%;transform:rotate(-40deg)}
.entry-orbit i{position:absolute;inset:3cqw;border:1.2cqw solid #dbac4b;border-left-color:transparent;border-radius:50%}
.entry-nutrition-label{position:absolute;z-index:3;top:43%;left:6%;background:#fff;color:#194a43;padding:2.4cqw 3cqw;border-radius:20px;font-size:2.5cqw;transform:rotate(-7deg);box-shadow:0 6px 24px #17392b18}
.entry-cinema .entry-stage{background:radial-gradient(ellipse at 50% 76%,#542035 0%,#21101d 45%,#170d17 75%)}
.entry-cinema .entry-art{inset:40% 12% 10%;border-radius:3cqw;mask-image:linear-gradient(#000 92%,transparent)}
.entry-cinema .entry-art img{object-position:19% center}
.entry-cinema .entry-heading{z-index:4}
.entry-cinema .entry-heading small{color:#ff849a}
.entry-cinema .entry-heading>strong{font-family:Georgia,serif;font-style:italic;font-size:8.7cqw;line-height:1.06;font-weight:400}
.entry-cinema .entry-name b{color:#ff688c}
.entry-cinema-line{position:absolute;z-index:3;bottom:8%;left:12%;right:12%;display:flex;align-items:center;gap:2cqw}
.entry-cinema-line>span:first-child{font-size:3cqw;color:#ff5075}
.entry-cinema-line>span:last-child{display:none}
.entry-cinema-line i{height:2px;flex:1;background:linear-gradient(90deg,#ff4b76 65%,#ffffff35 65%);transform-origin:left}
.entry-cinema .entry-detail{color:#ffc4cf;left:12%;bottom:3.5%;font-size:2.7cqw}
.entry-campus .entry-stage{background:linear-gradient(140deg,#e9e4d6,#f5f2e9);color:#12453b}
.entry-campus .entry-heading small{font-size:1.95cqw}
.entry-campus .entry-heading>strong{font-weight:400;letter-spacing:-.065em}
.entry-campus .entry-art{inset:45% -31% 12% 9%;border-radius:2cqw;transform:perspective(800px) rotateY(-15deg) rotateZ(-7deg);box-shadow:-12px 18px 40px #0c493e25}
.entry-campus .entry-art img{object-fit:cover}
.entry-campus-tabs{position:absolute;z-index:3;top:36%;left:7%;display:flex;gap:1cqw}
.entry-campus-tabs span{background:#fff8;border:1px solid #b5c3ae;padding:1.8cqw 2.2cqw;border-radius:10px;font-size:2.3cqw}
.entry-campus-tabs span:first-child{color:#fff;background:#1b6052;border-color:#1b6052}
.entry-campus .entry-detail{bottom:5%;font-size:2.6cqw}
.entry-card:focus-visible{outline:3px solid #c39345;outline-offset:8px;border-radius:24px}
.entry-card .cb-card-caption strong{font-weight:600}
@keyframes entry-service-float{0%{transform:translateY(7%) scale(.96)}50%{transform:translateY(-2%) scale(1.015)}100%{transform:none}}
@keyframes entry-service-tag{0%{opacity:0;transform:translateX(-20px)}25%,100%{opacity:1;transform:none}}
@keyframes entry-nutrition-turn{0%{transform:rotate(-13deg) translateY(9%)}60%{transform:rotate(-3deg) scale(1.04)}100%{transform:rotate(-5deg) scale(1.04)}}
@keyframes entry-orbit{from{transform:rotate(-220deg)}to{transform:rotate(-40deg)}}
@keyframes entry-film{0%{transform:translateY(5%) scale(.97);filter:brightness(.7)}100%{transform:none;filter:brightness(1)}}
@keyframes entry-film-line{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@keyframes entry-campus-rise{0%{transform:perspective(800px) rotateY(-25deg) rotateZ(-10deg) translateY(28%);opacity:.5}100%{transform:perspective(800px) rotateY(-15deg) rotateZ(-7deg);opacity:1}}
.entry-playing.entry-service .entry-art{animation:entry-service-float 4.5s both}
.entry-playing .entry-service-tags span{animation:entry-service-tag 3s both}
.entry-playing .entry-service-tags span:last-child{animation-delay:.35s}
.entry-playing.entry-nutrition .entry-art{animation:entry-nutrition-turn 4.5s both}
.entry-playing .entry-orbit{animation:entry-orbit 4.5s both}
.entry-playing.entry-cinema .entry-art{animation:entry-film 4.5s both}
.entry-playing .entry-cinema-line i{animation:entry-film-line 4s both}
.entry-playing.entry-campus .entry-art{animation:entry-campus-rise 3.5s both}
@media(hover:hover){.entry-card:hover .entry-name b{transform:rotate(45deg);background:#ffffff25}.entry-card:hover .entry-heading>strong{opacity:.88}.entry-campus:hover .entry-art{filter:drop-shadow(0 12px 12px #123d3920)}}
@media(max-width:767px){.entry-card .cb-card-preview{border-radius:18px}.entry-heading small{font-size:2.6cqw}.entry-campus .entry-heading small{font-size:2.4cqw}.entry-detail{font-size:3cqw}.entry-service-tags span{font-size:3cqw}.entry-campus-tabs span{font-size:2.7cqw}}
.entry-store-pos .entry-stage{background:#eedcc8;color:#32261d}.entry-store-pos .entry-heading{z-index:3}.entry-card.entry-store-pos .entry-art{inset:42% 6% 15%;border-radius:2cqw;overflow:hidden;background:#fff;box-shadow:0 2cqw 5cqw #54300f20}.entry-card.entry-store-pos .entry-art img{width:100%;height:auto;object-fit:contain;margin-top:-3.15%}.entry-store-receipt{position:absolute;z-index:2;right:8%;bottom:11%;width:24%;padding:3cqw;background:#fff;box-shadow:0 1cqw 3cqw #54300f25;transform:rotate(7deg);font-size:2cqw;line-height:1.6}.entry-store-receipt span,.entry-store-receipt b{display:block}.entry-store-receipt i{display:block;height:1px;background:#cabdae;margin:2cqw 0}.entry-playing .entry-store-receipt{animation:store-receipt 1.5s both}@keyframes store-receipt{from{transform:translateY(25%) rotate(7deg);opacity:0}to{transform:translateY(0) rotate(7deg);opacity:1}}
.entry-card.entry-store-pos .entry-art img{margin-top:0;object-position:top;height:100%;object-fit:cover}
.entry-card.entry-store-pos .sp-entry{background:#ede8df;color:#222b26;padding:7cqw;box-sizing:border-box;display:flex;flex-direction:column}.sp-entry-brand{display:flex;justify-content:space-between;align-items:center;font-size:4.4cqw;font-weight:600;letter-spacing:-.035em}.sp-entry-brand b{font-size:5cqw;font-weight:400;border:1px solid #9aa69c;width:9cqw;height:9cqw;display:grid;place-items:center;border-radius:50%}.sp-entry-label{font-size:2.3cqw;letter-spacing:.14em;color:#526558;margin-top:6cqw}.sp-entry-title{font-size:10cqw;line-height:1;letter-spacing:-.055em;font-weight:500;margin-top:3cqw}.sp-entry-copy{font-size:3.3cqw;line-height:1.5;margin:4cqw 0;color:#4b554d}.sp-entry-modules{display:grid;gap:2cqw;margin:1cqw 0 5cqw}.sp-entry-modules>span{border-bottom:1px solid #bfc6bc;padding:2cqw 0;display:flex;align-items:center;gap:3cqw;font-size:3.2cqw}.sp-entry-modules i{font-size:2.3cqw;font-style:normal;color:#6e7b70}.sp-entry-price{margin-top:auto;background:#233e30;color:#f2f3e7;border-radius:2cqw;padding:3cqw 4cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw}.sp-entry-price>span{font-size:2.1cqw;letter-spacing:.07em;max-width:12cqw;line-height:1.5}.sp-entry-price strong{font-size:5.3cqw;font-weight:500;white-space:nowrap;letter-spacing:-.04em}.sp-entry-price small{font-size:2.4cqw;letter-spacing:0}.sp-entry-audience{font-size:2cqw;letter-spacing:.13em;margin-top:3cqw;text-align:center;color:#526558}.entry-playing .sp-entry-modules>span{animation:sp-entry-reveal .8s both}.entry-playing .sp-entry-modules>span:nth-child(2){animation-delay:.15s}.entry-playing .sp-entry-modules>span:nth-child(3){animation-delay:.3s}@keyframes sp-entry-reveal{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:767px){.entry-card.entry-store-pos .sp-entry{padding:5cqw}.sp-entry-label{margin-top:3cqw;font-size:2.2cqw}.sp-entry-title{font-size:8.8cqw;margin-top:2cqw}.sp-entry-copy{font-size:3cqw;margin:3cqw 0}.sp-entry-modules{gap:1cqw;margin:0 0 3cqw}.sp-entry-modules>span{padding:1.6cqw 0;font-size:3cqw}.sp-entry-price{padding:2.6cqw 3cqw}.sp-entry-audience{margin-top:2cqw;font-size:1.9cqw}}
@media(prefers-reduced-motion:reduce){.entry-card *{animation:none!important;transition:none!important}}
@media(max-width:767px){.entry-campus-tabs{top:42%}.entry-campus .entry-art{top:53%;bottom:11%}.entry-cinema .entry-art{inset:42% 19% 11%}.entry-cinema .entry-detail{font-size:3cqw;left:19%}.entry-cinema-line{left:19%;right:19%}}