.card-spotlight{position:relative;border-radius:18px;border:1px solid var(--glass-bd, rgba(255, 255, 255, .1));background-color:#ffffff08;padding:30px 28px;overflow:hidden;height:100%;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(51, 241, 255, .2)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.7}.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols, 3),320px);grid-auto-rows:auto;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;--x: 50%;--y: 50%;--r: 220px}@media(max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media(max-width:480px){.chroma-grid{grid-template-columns:320px;gap:.75rem;padding:1rem}}.chroma-card{position:relative;display:flex;flex-direction:column;width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .3)}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease}.chroma-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;color:#fff;font-family:Bai Jamjuree,system-ui,sans-serif;display:grid;grid-template-columns:1fr auto;row-gap:.25rem;column-gap:.75rem}.chroma-info .name{font-weight:600}.chroma-info .role,.chroma-info .handle{color:#aaa;font-size:.85rem}.chroma-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}.chroma-fade{position:absolute;inset:0;pointer-events:none;z-index:4;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}.sobremi{position:relative}.sm-grid{display:grid;grid-template-columns:1.05fr .85fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}.sm-title{margin:14px 0 20px}.sm-lead{color:var(--text-soft);max-width:none;margin-bottom:16px}.sm-p2{font-size:.96rem;color:var(--muted);line-height:1.65;margin-bottom:24px}.sm-p2 b{color:var(--text-soft)}.sm-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.sm-badge{font-size:.8rem;font-weight:500;color:var(--text-soft);padding:9px 14px;border-radius:11px;background:var(--glass);border:1px solid var(--glass-bd);display:inline-flex;align-items:center;gap:9px}.sm-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.sm-stats{display:grid;grid-template-columns:repeat(4,auto);gap:28px}.sm-stats>div b{font-size:2.1rem;font-weight:700;display:block;line-height:1}.sm-stats>div b sup{color:var(--cyan);font-size:.95rem}.sm-stats>div span{font-size:.8rem;color:var(--muted);display:block;margin-top:5px}.sm-media{position:relative}.sm-glow{position:absolute;inset:-12% -8%;z-index:0;background:radial-gradient(closest-side,rgba(51,241,255,.22),transparent 72%);filter:blur(40px);pointer-events:none}.sm-frame{position:relative;z-index:1;border-radius:24px;overflow:hidden;box-shadow:0 50px 110px #000000a6;will-change:transform;background:#050507}.sm-frame img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;will-change:opacity,transform,filter}.sm-frame-edge{position:absolute;inset:0;border-radius:24px;pointer-events:none;border:1px solid var(--glass-bd);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -80px 90px -40px #000c}.sm-tag{position:absolute;left:18px;bottom:16px;z-index:2;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);background:#00000073;padding:8px 14px;border-radius:999px;border:1px solid var(--glass-bd);backdrop-filter:blur(6px)}@media(max-width:900px){.sm-grid{grid-template-columns:1fr;gap:58px;align-items:start}.sm-grid>*{min-width:0}.sm-text{overflow-wrap:break-word}.sm-media{max-width:420px;margin:0 auto}.sm-stats{gap:24px}}@media(max-width:480px){.sm-grid{gap:50px}.sm-stats{grid-template-columns:repeat(2,1fr);gap:26px 18px}.sm-media{margin-top:8px}}