.notification-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:36px;align-items:center;padding:0 clamp(20px,6vw,96px) 90px}.notification-stage{display:flex;justify-content:center;align-items:center;min-width:0}.notification-demo{position:relative;width:min(100%,900px);min-height:0;padding:26px 34px 34px;border-radius:44px;overflow:hidden;backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12)}.notification-demo.red{background:linear-gradient(180deg,rgba(70,18,24,.96),rgba(20,20,20,.92) 72%,rgba(120,22,34,.42)),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border-color:rgba(255,93,110,.18)}.notification-demo.red::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(255,78,94,.24),transparent 38%),linear-gradient(180deg,transparent 0 58%,rgba(255,255,255,.18) 100%);pointer-events:none}.notification-demo__top,.notification-demo p{position:relative;z-index:1}.notification-demo__top{display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:start}.notification-demo__top img{grid-row:1 / span 2;width:92px;height:92px;border-radius:24px;background:#000;box-shadow:0 12px 30px rgba(0,0,0,.34)}.notification-demo__meta{min-width:0}.notification-demo__meta small{display:block;font-size:24px;line-height:1;color:rgba(255,255,255,.70);margin-bottom:12px}.notification-demo__meta strong{display:block;font-size:clamp(32px,3.6vw,50px);line-height:1.02;color:#fff;font-weight:900;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-demo__expand{display:none}.notification-demo p{grid-column:2 / 3;margin:18px 0 0 114px;max-width:none;font-size:clamp(28px,3vw,42px);line-height:1.18;color:rgba(255,255,255,.94);letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-demo__footer,.notification-demo__bell,.notification-demo__pill{display:none}@media(max-width:1024px){.notification-showcase{grid-template-columns:1fr;padding:0 20px 80px}.notification-demo{width:min(100%,760px)}}@media(max-width:760px){.notification-showcase{padding:0 18px 64px;gap:22px}.notification-demo{width:100%;padding:22px 18px 28px;border-radius:30px}.notification-demo__top{grid-template-columns:68px 1fr;gap:16px}.notification-demo__top img{width:68px;height:68px;border-radius:18px}.notification-demo__meta small{font-size:18px;margin-bottom:9px}.notification-demo__meta strong{font-size:clamp(24px,6.3vw,34px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-demo p{grid-column:1 / -1;margin:22px 0 0 0;font-size:clamp(24px,6vw,32px);line-height:1.22;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:420px){.notification-demo{border-radius:28px;padding:20px 16px 26px}.notification-demo__top{grid-template-columns:64px 1fr;gap:14px}.notification-demo__top img{width:64px;height:64px}.notification-demo__meta strong{font-size:30px}.notification-demo p{font-size:28px}}