.material-glass{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(220,223,229,.55));border:2px solid rgba(171,186,196,.85);border-radius:999px}
.material-steel{position:relative;isolation:isolate;background:radial-gradient(120% 100% at 100% 0,rgba(182,117,43,.2),transparent 45%),linear-gradient(145deg,#f8f7f3,#dcdfe5);overflow:hidden}
.material-steel:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(25,38,46,.025) 8px);mix-blend-mode:multiply}
.material-ink{position:relative;isolation:isolate;background:linear-gradient(105deg,#19262e,#2f3435 58%,#19262e)}
.material-wash{background:radial-gradient(circle at 80% 20%,rgba(182,117,43,.22),transparent 38%),linear-gradient(125deg,rgba(186,122,79,.08),rgba(237,240,242,.45))}
.cut-corner{border-radius:52% 52% 2rem 2rem / 38% 38% 2rem 2rem}
.dock-grid{background-image:radial-gradient(circle at 90% 10%,rgba(182,117,43,.12),transparent 28%),linear-gradient(rgba(171,186,196,.12) 1px,transparent 1px);background-size:auto,100% 44px}
@media(prefers-reduced-motion:no-preference){.lift{transition:opacity .18s steps(3),transform .18s steps(3)}.lift:hover{transform:translateY(-2px)}}