:root{--bg:#050404;--bone:#f1ebe3;--muted:#a39b94;--rule:#f1ebe324;--red:#ff2a1f;--ease-out:cubic-bezier(.23, 1, .32, 1);--g:clamp(18px, 3.4vw, 56px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--bone);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Anybody Variable,system-ui,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:-4px}.home{min-height:100dvh;padding:24px var(--g);grid-template-rows:auto auto 1fr auto;display:grid}.home-top{justify-content:space-between;align-items:center;display:flex}.home-brand{letter-spacing:.5em;font-size:14px;font-weight:300}.home-meta,.home-foot,.prop-n{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font:500 12px/1 JetBrains Mono Variable,monospace}.home-title{font-variation-settings:"wdth" 130;text-transform:uppercase;letter-spacing:-.03em;max-width:20ch;margin:clamp(48px,9vh,110px) 0 clamp(32px,6vh,72px);font-size:clamp(36px,5.4vw,96px);font-weight:800;line-height:.92}.props{border-top:1px solid var(--rule);align-self:start;margin:0;padding:0;list-style:none}.props li{border-bottom:1px solid var(--rule)}.prop{isolation:isolate;grid-template-columns:140px minmax(0,1fr) minmax(0,34ch) 96px;align-items:center;gap:24px;padding:clamp(22px,3.4vh,36px) 0;display:grid;position:relative;overflow:hidden}.prop:before{content:"";inset:0 calc(var(--g) * -1);z-index:-1;clip-path:inset(100% 0 0);transition:clip-path .52s var(--ease-out);position:absolute}.p1:before{background:#f2f3f1}.p2:before{background:#170908}.p3:before{background:radial-gradient(circle at 85%,#3a0806,#050404 60%)}.prop-name{font-variation-settings:"wdth" 140;text-transform:uppercase;letter-spacing:-.025em;transition:transform .52s var(--ease-out), color .3s ease;font-size:clamp(30px,4.4vw,76px);font-weight:800;line-height:.95}.prop-desc{color:var(--muted);font-size:15px;line-height:1.5;transition:color .3s}.prop-ring{width:96px;height:96px}.prop-ring svg{width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.prop-ring line{stroke-width:2.2px;stroke-linecap:round}.prop:active{transform:scale(.995)}@media (hover:hover) and (pointer:fine){.prop:hover:before,.prop:focus-visible:before{clip-path:inset(0)}.prop:hover .prop-name{transform:translate(12px)}.prop:hover .prop-ring svg{transform:rotate(120deg)}.p1:hover .prop-name,.p1:hover .prop-n{color:#141414}.p1:hover .prop-desc{color:#4a4d4b}}.home-foot{padding-top:32px}@media (width<=860px){.prop{grid-template-columns:1fr 64px;gap:10px 16px}.prop-n,.prop-name,.prop-desc{grid-column:1}.prop-ring{grid-area:1/2/span 3;width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.prop:before,.prop-name,.prop-ring svg{transition:none}}
