leaves the shared chrome alone. */ body.ul main { overflow-x: clip; } /* the particle field replaces the home page's dotted bit field */ body.ul::before { display: none; } body.ul ::selection { background: color-mix(in srgb, var(--ul-blue) 30%, transparent); } body.ul h1, body.ul h2, body.ul h3 { font-family: var(--ff-display); font-weight: 800; letter-spacing: -1px; } /* The reference centres on a 1200px measure. Scoped to

on purpose: the header and footer are shared with every other page and run full-bleed there, so capping them here would make this one page's chrome narrower than the rest of the site. */ /* the site measure, not this page's own — see the note in allyvora.css */ body.ul main .wrap { max-width: var(--maxw); padding-inline: 48px; } /* the header is sticky, so an in-page jump has to stop short of it */ body.ul main section[id] { scroll-margin-top: 84px; } /* ---------- the motion vocabulary ---------- */ @keyframes ul-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } } @keyframes ul-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes ul-spin-back { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } @keyframes ul-caret { 0%, 100% { opacity: 1; } 50% { opacity: .15; } } @keyframes ul-float { 0%, 100% { transform: translateY(-10px); } 50% { transform: translateY(12px); } } @keyframes ul-glow { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--ul-amber) 50%, transparent); } 50% { box-shadow: 0 0 0 12px color-mix(in srgb, var(--ul-amber) 0%, transparent); } } @keyframes ul-talk { 0%, 100% { transform: scaleY(.3); } 50% { transform: scaleY(1); } } /* ============================================================ THE FIELD — particles and the cursor glow ============================================================ */ /* A