.mats h2{--fs:clamp(24px,2.2vw,32px);font-size:var(--fs);letter-spacing:-.02em;font-weight:700;line-height:1.2}.mats .msub{color:var(--text-2);--mw:52ch;max-width:var(--mw);margin-top:14px}.mat-grid{grid-template-columns:repeat(2,1fr);justify-items:start;gap:18px;margin-top:44px;display:grid}.mat-grid .mat:only-child{grid-column:auto;grid-template-columns:216px 1fr;align-items:stretch;max-width:640px;display:grid}.mat-grid .mat:only-child .mat-thumb{aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--border);justify-content:center;align-items:center;height:auto;padding:18px;display:flex}.mat-grid .mat:only-child .mat-thumb img{object-fit:contain;object-position:center;width:100%;height:auto}.mat-grid .mat:only-child .mat-body{flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;padding:32px 30px}.mat{background:var(--card-grad);border:1px solid var(--border);border-radius:12px;transition:border-color .2s;overflow:hidden}@media (hover:hover) and (pointer:fine){.mat:hover{border-color:var(--silver)}.mat:hover .mat-thumb img{transform:scale(1.03)}}.mat-thumb{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:var(--bg);position:relative;overflow:hidden}.mat-thumb img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;transition:transform .4s var(--ease-out);display:block}.mat-kind{font-family:var(--display);letter-spacing:.02em;color:var(--text);backdrop-filter:blur(8px);background:#0a0a0bb8;border:1px solid #ffffff24;border-radius:100px;padding:5px 11px;font-size:.788rem;font-weight:500;position:absolute;bottom:14px;left:14px}.mat-play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mat-play span{backdrop-filter:blur(8px);background:#0a0a0b9e;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.mat-play svg{width:18px;height:18px;fill:var(--text);margin-left:2px}.mat-body{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.mat-body b{font-family:var(--display);letter-spacing:-.01em;font-size:1.148rem;font-weight:600;display:block}.mat-body .mm{font-family:var(--display);letter-spacing:.02em;color:var(--text-3);margin-top:5px;font-size:.831rem;font-weight:500;display:block}.mat-btn{border:1px solid var(--plum);color:#fff;font-family:var(--display);letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-out),filter .2s;background:linear-gradient(#363636,#2b2b2b);border-radius:100px;padding:12px 24px;font-size:.963rem;font-weight:500}.mat-btn:active{transform:scale(.97)}.mat.soon .mat-thumb{background:linear-gradient(var(--surface-2),var(--bg))}.mat.soon .mat-body b{color:var(--text-2)}@media (hover:hover) and (pointer:fine){.mat.soon:hover{border-color:var(--border)}}.mat-soon{border:1px solid var(--border-subtle);color:var(--text-3);font-family:var(--display);letter-spacing:.02em;white-space:nowrap;border-radius:100px;padding:9px 20px;font-size:.853rem;font-weight:500}.mat-btn.done{color:var(--caramel-tint);cursor:default;background:0 0;border-color:#b07c3e59}@media (hover:hover) and (pointer:fine){.mat-btn:not(.done):hover{filter:brightness(1.15)}}.mat-gate{background:var(--card-grad);border:1px solid var(--border);animation:bkIn .26s var(--ease-out) backwards;border-radius:12px;margin-top:26px;margin-bottom:8px;padding:26px 28px}.mg-title{font-family:var(--display);letter-spacing:-.01em;margin-bottom:18px;font-size:1.116rem;font-weight:600}.mg-grid{grid-template-columns:repeat(2,1fr);gap:0 16px;display:grid}.mat-gate .field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.mat-gate .field label{color:var(--text-2);font-size:.875rem;font-weight:500}.mat-gate .field input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:8px;padding:11px 14px;font-size:1.006rem;transition:border-color .16s,box-shadow .16s}.mat-gate .field input::placeholder{color:var(--text-3)}.mat-gate .field input:focus{border-color:var(--silver-light);outline:none;box-shadow:0 0 0 3px #ffffff1f}.mg-err{border-radius:var(--r-md);color:var(--caramel-tint);background:#b07c3e1a;border:1px solid #b07c3e4d;margin-bottom:14px;padding:11px 14px;font-size:.941rem}.mg-foot{align-items:center;gap:20px;display:flex}.mg-cancel{cursor:pointer;font-family:var(--display);letter-spacing:.02em;color:var(--text-3);background:0 0;border:none;font-size:.853rem;font-weight:500;transition:color .16s}@media (hover:hover) and (pointer:fine){.mg-cancel:hover{color:var(--text)}}@media (width<=900px){.mg-grid,.mat-grid,.mat-grid .mat:only-child{grid-template-columns:1fr}.mat-grid .mat:only-child .mat-thumb{border-right:none;border-bottom:1px solid var(--border)}.mat-grid .mat:only-child{grid-template-columns:1fr}.mat-grid .mat:only-child .mat-body{flex-direction:row;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px}}