.srm{--srm-ease:cubic-bezier(.22,.75,.2,1);background:transparent;color:#faf9f6;font-family:Helvetica,Arial,sans-serif;padding:64px 0 24px;overflow:hidden;isolation:isolate}
.srm *{box-sizing:border-box}.srm-head{max-width:1140px;padding:0 40px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:90px}.srm h2{white-space:pre-line;font-size:clamp(30px,3.2vw,46px);line-height:1.07;letter-spacing:-.035em;font-weight:600;margin:0}.srm-subtitle{font-size:clamp(17px,1.6vw,22px);line-height:1.4;color:#c9cacb;max-width:500px;margin:4px 0 0}
.srm-stage{position:relative;max-width:1150px;height:560px;margin:65px auto 0;touch-action:pan-y}.srm-stage::before{content:'';position:absolute;inset:8% 4% 0;background:radial-gradient(ellipse at 57% 52%,#528aa611,transparent 64%);pointer-events:none}
.srm-card{position:absolute;border:0;padding:0;background:#20303d;border-radius:22px;cursor:pointer;filter:blur(4px) saturate(.72);opacity:.58;transform:translateY(8px) scale(.93) rotate(var(--srm-tilt,0deg));transition:filter .9s,opacity .9s,transform 1s var(--srm-ease),box-shadow 1s,top 1s var(--srm-ease),left 1s var(--srm-ease),width 1s var(--srm-ease);overflow:hidden;line-height:0;-webkit-tap-highlight-color:transparent;box-shadow:0 18px 45px #0002;z-index:1}
.srm-card img{display:block;width:100%;height:auto;min-height:90px;max-height:390px;object-fit:contain}.srm-card::after{content:'';position:absolute;inset:0;border:1px solid #ffffff12;border-radius:inherit;pointer-events:none}
.srm-card:nth-child(4n+1){--srm-tilt:-2deg;width:48%;left:4%;top:5%;transform-origin:top left}.srm-card:nth-child(4n+2){--srm-tilt:2deg;width:35%;left:61%;top:2%;transform-origin:top right}.srm-card:nth-child(4n+3){--srm-tilt:-2.5deg;width:35%;left:7%;top:56%;transform-origin:bottom left}.srm-card:nth-child(4n+4){--srm-tilt:1deg;width:55%;left:42%;top:35%;transform-origin:bottom right}
.srm-card[data-depth="2"]{filter:blur(7px) saturate(.6);opacity:.4}.srm-card[aria-pressed="true"]{filter:none;opacity:1;transform:translateY(-5px) scale(1.035) rotate(0);z-index:5;box-shadow:0 0 0 1px #83c7e866,0 22px 65px #0005,0 0 55px #64a6c610}.srm-card[aria-pressed="true"]::after{border-color:#c8e6f522}.srm-card:focus-visible{outline:2px solid #d1eaff;outline-offset:6px}.srm-empty{text-align:center;padding:100px 24px;color:#aaa}.srm-card[hidden]{display:none}
@media(hover:hover){.srm-card:not([aria-pressed="true"]):hover{filter:blur(2px);opacity:.8;transform:translateY(0) scale(.96) rotate(var(--srm-tilt))}}
@media(max-width:700px){.srm{padding:36px 0 12px}.srm-head{display:block;padding:0 26px}.srm h2{font-size:32px}.srm-subtitle{margin-top:20px;max-width:360px;font-size:16px;line-height:1.45}.srm-stage{height:440px;margin:40px 10px 0}.srm-card{border-radius:16px;filter:blur(3px);transform-origin:center!important}.srm-card:nth-child(4n+1){width:66%;left:1%;top:0}.srm-card:nth-child(4n+2){width:59%;left:40%;top:9%}.srm-card:nth-child(4n+3){width:59%;left:2%;top:66%}.srm-card:nth-child(4n+4){width:69%;left:30%;top:65%}.srm-card img{max-height:265px}.srm-card[aria-pressed="true"]{width:90%;left:5%;top:27%;transform:translateY(0) scale(1) rotate(0);box-shadow:0 0 0 1px #83c7e855,0 25px 65px #0007,0 0 50px #64a6c610}}
@media(prefers-reduced-motion:reduce){.srm-card{transition:none}}