.home-projects{--c:oklch(66.9% 0.1466 237.25);--m:oklch(59.86% 0.2435 358.43);--y:oklch(92.89% 0.1958 103.61);--blend:multiply;--reg-ease:cubic-bezier(0.16,1,0.3,1);--mono:grayscale(1) contrast(0.82) brightness(1.08);padding-block:56px 24px}[data-theme=dark] .home-projects{--blend:screen;--mono:grayscale(1) contrast(0.85) brightness(0.78)}.home-projects>*{grid-column:1/-1}.home-projects .shelf{display:grid;grid-template-columns:subgrid;align-items:start}.home-projects .mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.home-projects :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-projects .proof h3 a:focus-visible{outline:2px solid transparent}.home-projects .proof:has(h3 a:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.home-projects .proof-shelf{row-gap:30px;padding-block-end:64px}.home-projects .press-head{grid-column:1/-1;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-block-start:10px;border-block-start:3px solid var(--fg)}.home-projects .press-head:before{content:"";position:absolute;inset-block-start:-3px;inset-inline-start:0;width:clamp(64px,12%,140px);height:3px;background:var(--stamp)}.home-projects .press-head h2{color:var(--ink-strong);font-size:22px;font-weight:600;line-height:1.6}.home-projects .press-head .mono{color:var(--ink-soft);font-size:10.5px;letter-spacing:.1em}.home-projects .proofs{grid-column:1/-1;display:grid;grid-template-columns:subgrid;row-gap:40px}.home-projects .proof{grid-column:span 3;position:relative;display:flex;flex-direction:column;padding:12px 14px 14px;border:1px solid var(--rule);background:var(--paper)}.home-projects .slug{display:flex;justify-content:space-between;color:var(--ink-soft);font-size:9.5px;letter-spacing:.1em}.home-projects .art{position:relative;display:grid;place-items:center;height:190px;margin-block:8px 12px;overflow:clip;isolation:isolate;border-block:1px dotted var(--rule)}.home-projects .glyph{grid-area:1/1;font-family:Vazirmatn Variable,system-ui,sans-serif;font-size:132px;font-weight:700;line-height:1;translate:calc(var(--dx, 0px) * var(--off, 1)) calc(var(--dy, 0px) * var(--off, 1))}.home-projects .glyph.wide{font-size:84px}.home-projects .glyph.k{color:var(--ink-soft);transition:opacity .4s ease}.home-projects .glyph:is(.pc,.pm,.py){mix-blend-mode:var(--blend);opacity:0;transition:opacity .3s ease .04s}.home-projects :is(.glyph.pc,.plate.c){--dx:-9px;--dy:-6px;--d:0ms}.home-projects :is(.glyph.pm,.plate.m){--dx:8px;--dy:-5px;--d:80ms}.home-projects :is(.glyph.py,.plate.y){--dx:-4px;--dy:9px;--d:160ms}.home-projects .glyph.pc{color:var(--c)}.home-projects .glyph.pm{color:var(--m)}.home-projects .glyph.py{color:var(--y)}.home-projects .plates{position:absolute;inset:0;overflow:clip;isolation:isolate;background:oklch(100% 0 none)}.home-projects .plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:0;translate:calc(var(--dx, 0px) * var(--off, 1)) calc(var(--dy, 0px) * var(--off, 1));transition:opacity .3s ease .04s}.home-projects .plate.c{filter:url(#plate-c)}.home-projects .plate.m{filter:url(#plate-m)}.home-projects .plate.y{filter:url(#plate-y)}.home-projects .plate.k{opacity:1;translate:none;mix-blend-mode:normal;filter:var(--mono);transition:opacity .4s ease}.home-projects .proof:focus-within :is(.glyph.pc,.glyph.pm,.glyph.py,.plate:not(.k)){--off:0;opacity:1;transition:opacity .16s linear var(--d)}.home-projects .proof:focus-within :is(.glyph.k,.plate.k){opacity:0;transition:opacity .5s ease .12s}@media (hover:hover) and (pointer:fine){.home-projects .proof:hover :is(.glyph.pc,.glyph.pm,.glyph.py,.plate:not(.k)){--off:0;opacity:1;transition:opacity .16s linear var(--d)}.home-projects .proof:hover :is(.glyph.k,.plate.k){opacity:0;transition:opacity .5s ease .12s}}@media (prefers-reduced-motion:no-preference){.home-projects :is(.glyph.pc,.glyph.pm,.glyph.py,.plate:not(.k)){transition:translate .34s var(--ease-out),opacity .3s ease .04s}.home-projects .proof:focus-within :is(.glyph.pc,.glyph.pm,.glyph.py,.plate:not(.k)){transition:translate .7s var(--reg-ease) var(--d),opacity .16s linear var(--d)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home-projects .proof:hover :is(.glyph.pc,.glyph.pm,.glyph.py,.plate:not(.k)){transition:translate .7s var(--reg-ease) var(--d),opacity .16s linear var(--d)}}.home-projects .stamp{position:absolute;inset-block-end:14px;inset-inline-end:8px;z-index:1;padding:0 8px;border:2px solid var(--ink-soft);border-radius:3px;background:var(--paper);color:var(--ink-soft);font-size:12px;font-weight:700;line-height:22px;transition:color .2s,border-color .2s}.home-projects .proof:focus-within .stamp{border-color:var(--stamp);color:var(--stamp)}@media (hover:hover) and (pointer:fine){.home-projects .proof:hover .stamp{border-color:var(--stamp);color:var(--stamp)}.home-projects .extra:hover,.home-projects .proof:hover h3 a{color:var(--link-hover)}.home-projects .proof:hover .bar{opacity:1}.home-projects .proof:hover .corner{opacity:1;scale:1}}.home-projects .proof h3{color:var(--ink-strong);font-size:18px;font-weight:600;line-height:1.5}.home-projects .proof h3 a{text-decoration:none}.home-projects .proof h3 a:after{content:"";position:absolute;inset:0;z-index:2}.home-projects .proof:active{scale:.98}.home-projects .proof .kind{color:var(--ink-soft);font-size:12px;line-height:1.8}.home-projects .proof .info{margin-block-start:6px;color:var(--ink);font-size:13.5px;line-height:1.85}.home-projects .extra{position:relative;z-index:3;align-self:flex-start;margin-block-start:8px;color:var(--ink-strong);font-size:12.5px}.home-projects .bar{display:flex;gap:2px;align-items:center;margin-block-start:auto;padding-block-start:14px;direction:ltr;opacity:.35;transition:opacity .3s}.home-projects .bar b{flex:none;width:9px;height:9px;background:var(--sw)}.home-projects .bar .t{margin-inline-start:auto;color:var(--ink-soft);font:9px var(--font-mono);letter-spacing:.08em}.home-projects .proof:focus-within .bar{opacity:1}.home-projects .corner{position:absolute;width:12px;height:12px;border:0 solid var(--fg);opacity:0;scale:.3;transition:opacity .2s}.home-projects .corner.tl{inset-block-start:-10px;left:-10px;border-width:1px 0 0 1px;transform-origin:0 0}.home-projects .corner.tr{inset-block-start:-10px;right:-10px;border-width:1px 1px 0 0;transform-origin:100% 0}.home-projects .corner.bl{inset-block-end:-10px;left:-10px;border-width:0 0 1px 1px;transform-origin:0 100%}.home-projects .corner.br{right:-10px;inset-block-end:-10px;border-width:0 1px 1px 0;transform-origin:100% 100%}.home-projects .proof:focus-within .corner{opacity:1;scale:1}@media (max-width:1023px){.home-projects .proof{grid-column:span 4}}@media (max-width:719px){.home-projects .proof{grid-column:1/-1}.home-projects .art{height:150px}}@media (prefers-reduced-motion:no-preference){.home-projects .corner{transition:opacity .2s,scale .4s var(--reg-ease)}.home-projects .proof{transition:scale .16s var(--ease-out)}}