@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");:root{--font-display:"DM Serif Display",Georgia,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--xop-cream:#fff;--xop-surface:#fff;--xop-ink:#2c2e35;--xop-ink2:#4a4a4a;--xop-ink3:#9a9088;--xop-line:#ececec;--xop-line-soft:#f5f5f5;--xop-accent:#ff2e17;--xop-accent-soft:#ffebe7;--xop-accent-deep:#d41e08;--xop-sale:#ff2e17;--xop-sale-soft:#ffebe7;--xop-good:#2f6b3f}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-.375rem;height:1px;background-color:var(--xop-accent);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease-out;pointer-events:none}.nav-link:hover:after{transform:scaleX(1)}.icon-paint{position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-paint-overlay{position:absolute;inset:0;color:var(--xop-accent);pointer-events:none;clip-path:polygon(0 100%,0 100%,0 100%,0 100%,0 100%);transition:clip-path .7s cubic-bezier(.4,0,.2,1)}.icon-paint:focus-visible .icon-paint-overlay,.icon-paint:hover .icon-paint-overlay{clip-path:polygon(0 100%,0 0,50% 0,100% 0,100% 100%)}