.stationery{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:clip}.stationery__desk{z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 45%, transparent 0%, var(--c-bg) 72%), repeating-linear-gradient(to bottom, transparent 0 31px, color-mix(in srgb, var(--c-line) 85%, transparent) 31px 32px);position:fixed;inset:0}.stationery__desk:before{content:"";background:color-mix(in srgb, var(--c-danger) 22%, transparent);width:1px;position:absolute;top:0;bottom:0;left:calc(50% - 330px);-webkit-mask:radial-gradient(100% 60% at 50% 45%,#000 20%,#0000 75%);mask:radial-gradient(100% 60% at 50% 45%,#000 20%,#0000 75%)}.stationery__top{z-index:1;justify-content:center;padding:40px 24px 0;display:flex;position:relative}.stationery .stationery__wordmark{font-size:28px}.stationery__wrap{z-index:1;flex:1;place-items:center;padding:24px 16px 72px;display:grid;position:relative}.stationery__wrap:focus{outline:none}.stationery__stack{width:100%;max-width:440px;position:relative}.stationery__stack:before,.stationery__stack:after{content:"";border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--shadow-sheet);position:absolute;inset:0}.stationery__stack:before{opacity:.7;transform:rotate(-2.2deg)translate(-6px,8px)}.stationery__stack:after{opacity:.85;transform:rotate(1.4deg)translate(5px,4px)}@media (max-width:520px){.stationery__stack:before,.stationery__stack:after{display:none}}