.material-glass{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(226,231,233,.48));backdrop-filter:blur(16px);border:1px solid rgba(169,182,188,.72)}
.material-steel{position:relative;isolation:isolate;background:linear-gradient(115deg,rgba(255,255,255,.72),rgba(169,182,188,.22) 48%,rgba(61,101,118,.14));overflow:hidden}
.material-steel:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(19,35,42,.035) 32px),linear-gradient(180deg,rgba(255,255,255,.28),transparent 38%);mix-blend-mode:multiply}
.material-ink{position:relative;isolation:isolate;background:linear-gradient(105deg,#13232a,#173943 55%,#13232a)}
.material-wash{background:linear-gradient(125deg,rgba(61,101,118,.16),rgba(237,241,242,.15) 48%,rgba(143,106,50,.14))}
.cut-corner{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.dock-grid{background-image:linear-gradient(rgba(169,182,188,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(169,182,188,.18) 1px,transparent 1px);background-size:48px 48px}
@media(prefers-reduced-motion:no-preference){.lift{transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s}.lift:hover{transform:translateY(-2px)}}