.cascade-hero{width:100%;max-width:630px;margin:auto;container-type:inline-size;position:relative;aspect-ratio:1;isolation:isolate;overflow:clip;font-family:'Segoe UI',Arial,sans-serif}.cascade-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse at 20% 20%,#55f1d951,transparent 60%),radial-gradient(ellipse at 80% 80%,#70cad640,transparent 65%);filter:blur(16px);animation:cascade-breathe 10s ease-in-out infinite}.cascade-rim{position:absolute;inset:10%;border:1px solid #b8fff09e;box-shadow:0 0 19px #80efdb44,inset 0 0 18px #80efdb26;border-radius:50%;background:#203e46}.cascade-rim:after{content:'';position:absolute;inset:5px;border-radius:50%;border:1px solid #8dcec85c}.cascade-portrait{position:absolute;inset:12%;border-radius:50%;overflow:hidden}.cascade-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}.cascade-lettering{position:absolute;inset:0;color:#8de4da;pointer-events:none;animation:cascade-orbit 80s linear infinite}.cascade-lettering svg{width:100%;height:100%;display:block}.cascade-slot{position:absolute;z-index:4;width:34%;height:12%}.cascade-rating{left:22%;top:56%}.cascade-experience{left:40%;top:71%}.cascade-depth,.cascade-plate{height:100%;width:100%}.cascade-plate{position:relative;box-sizing:border-box;display:grid;grid-template-columns:8cqw minmax(0,1fr);align-items:center;gap:1.5cqw;padding:1.5cqw 1.7cqw;border:1px solid #cff9ee70;border-radius:2.7cqw;background:linear-gradient(125deg,#60878466,#102a348c);box-shadow:inset 0 1px #ffffff33,0 7px 20px #04192044;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden}.cascade-plate strong{font-size:4.5cqw;line-height:1;color:#acfff0;font-weight:600;flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.cascade-plate>div{min-width:0}.cascade-plate small{display:block;font-size:clamp(8px,1.85cqw,12px);line-height:1.4;color:#effffb}.cascade-stars{display:block;color:#a2f5e4;letter-spacing:.2cqw;font-size:2cqw;line-height:1.4}.cascade-plate:after{content:'';pointer-events:none;position:absolute;inset:-150%;background:linear-gradient(115deg,transparent 45%,#ffffff38 50%,transparent 55%);transform:translateX(-70%);animation:cascade-sheen 13s ease-in-out infinite}.cascade-experience .cascade-plate:after{animation-delay:1.8s}@keyframes cascade-orbit{to{transform:rotate(360deg)}}@keyframes cascade-breathe{50%{opacity:.6;transform:scale(1.04)}}@keyframes cascade-sheen{0%,45%{transform:translateX(-70%)}80%,100%{transform:translateX(70%)}}@media(max-width:380px){.cascade-plate{gap:1cqw;padding:1cqw}.cascade-plate small{font-size:7.5px}}@media(prefers-reduced-motion:reduce){.cascade-hero *,.cascade-hero *:after{animation:none!important}}
/* Consistent compact badge layout; don't inherit the mobile hero's centered text. */
@media(max-width:640px){
 .cascade-slot{width:38%;height:14.5%}
 .cascade-rating{left:20%;top:55%}
 .cascade-experience{left:39%;top:72.5%}
 .cascade-plate{box-sizing:border-box;display:grid;grid-template-columns:8cqw minmax(0,1fr);align-items:center;gap:1.6cqw;padding:2cqw;text-align:left;border-radius:3cqw}
 .cascade-plate strong{font-size:4.8cqw;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
 .cascade-plate>div{min-width:0}
 .cascade-plate small{font-size:clamp(7.5px,2.05cqw,11px);line-height:1.35;text-align:left}
 .cascade-stars{font-size:2.3cqw;letter-spacing:.12cqw;line-height:1.2;margin-bottom:.6cqw}
}