.recordings-site .sg-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.recordings-site .rs-section .sg-copy h2{font-size:var(--fs-section);letter-spacing:var(--tr-display);text-wrap:balance;line-height:1.05}.recordings-site .rs-section .sg-lead{max-width:28em;font-size:var(--fs-lead);color:var(--text);margin-top:1.25rem}.recordings-site .sg-points{border-top:1px solid var(--border-strong);flex-direction:column;gap:1rem;max-width:30em;margin:2rem 0 0;padding:1.5rem 0 0;list-style:none;display:flex}.recordings-site .sg-points li{color:var(--text-mid);font-size:16px;line-height:1.6}.recordings-site .sg-points strong{color:var(--text)}.recordings-site .sg-panel{border:1px solid var(--border-strong);background:#fff;border-radius:16px;padding:clamp(1.25rem,3vw,1.75rem);box-shadow:0 30px 60px -30px #0000004d}.recordings-site .sg-head{border-bottom:1px solid var(--border);align-items:center;gap:.9rem;padding-bottom:1.25rem;display:flex}.recordings-site .sg-photo{object-fit:cover;border-radius:50%;width:48px;height:48px}.recordings-site .rs-section .sg-head p{margin:0}.recordings-site .rs-section .sg-name{color:var(--text);font-size:1.1rem;font-weight:700}.recordings-site .rs-section .sg-count{font-family:var(--mono);color:var(--text-mid);align-items:center;gap:.6rem;font-size:12px;display:flex}.recordings-site .sg-meter{gap:3px;display:inline-flex}.recordings-site .sg-meter i{background:var(--border-strong);border-radius:3px;width:18px;height:6px;transition:background-color .3s ease-out}.recordings-site .sg-meter i:first-child{transition-delay:.3s}.recordings-site .sg-meter i:nth-child(2){transition-delay:.5s}.recordings-site .sg-meter i:nth-child(3){transition-delay:.7s}.recordings-site .is-on .sg-meter i{background:var(--text)}.recordings-site .sg-devices{margin:0;padding:.5rem 0;list-style:none}.recordings-site .sg-devices li,.recordings-site .sg-attempt{grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.75rem 0;display:grid}.recordings-site .sg-devices li{opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transition-delay:calc(.3s + var(--i) * .2s);transform:translateY(6px)}.recordings-site .is-on .sg-devices li{opacity:1;transform:none}.recordings-site .sg-devices li+li{border-top:1px solid var(--border)}.recordings-site :is(.sg-devices,.sg-attempt) strong{color:var(--text);font-size:15px;display:block}.recordings-site :is(.sg-devices,.sg-attempt) small{color:var(--text-mid);font-size:13px}.recordings-site .sg-icon{background:var(--bg-muted);border-radius:10px;place-items:center;width:2.5rem;height:2.5rem;display:grid}.recordings-site .sg-icon svg{fill:none;width:20px;height:20px;stroke:var(--text);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.recordings-site .sg-attempt{opacity:0;background:#b423180a;border:1.5px dashed #b4231873;border-radius:12px;margin-top:.5rem;padding:.85rem;transition:opacity .5s cubic-bezier(.22,1,.36,1) 1.3s,transform .5s cubic-bezier(.22,1,.36,1) 1.3s;transform:translateY(14px)}.recordings-site .is-on .sg-attempt{opacity:1;transform:none}.recordings-site .sg-attempt .sg-icon{background:#fff}.recordings-site .sg-stamp{color:#b42318;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;opacity:0;border:2px solid #b42318;border-radius:6px;padding:.3rem .7rem;font-size:13px;font-weight:700;transition:opacity .2s ease-out 2.2s,transform .35s cubic-bezier(.22,1,.36,1) 2.2s;transform:rotate(-6deg)scale(1.6)}.recordings-site .is-on .sg-stamp{opacity:1;transform:rotate(-6deg)scale(1)}@media (max-width:900px){.recordings-site .sg-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.recordings-site .sg-attempt{grid-template-columns:2.5rem minmax(0,1fr)}.recordings-site .sg-stamp{grid-column:2;justify-self:start}}