:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20211f;font-synthesis:none;text-rendering:geometricprecision;background:#eeefeb;font-family:Geist,Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 77% 16%,#ffffffbd,#0000 28rem),#eeefeb;min-width:320px;min-height:100dvh;margin:0}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;display:block}.site-header,.hero,.effect-index,.site-footer{width:min(100% - 3rem,88rem);margin-inline:auto}.site-header{border-bottom:1px solid #20211f1f;justify-content:space-between;align-items:center;min-height:5.5rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-size:.86rem;font-weight:650;display:inline-flex}.brand__mark{border:.18rem solid #d9902f;border-radius:.28rem .28rem .55rem .55rem;width:1rem;height:1rem;transform:rotate(-7deg)}.site-nav{color:#676963;align-items:center;gap:clamp(1rem,3vw,2.4rem);font-size:.78rem;font-weight:580;display:flex}.site-nav a{transition:color .22s}.site-nav a:hover,.site-nav a:focus-visible{color:#20211f}.repo-link{align-items:center;gap:.45rem;display:inline-flex}.repo-link svg{width:.9rem;height:.9rem}.hero{grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);align-items:end;gap:clamp(4rem,12vw,12rem);min-height:min(43rem,100dvh - 5.5rem);padding-block:clamp(5rem,11vw,9.5rem) clamp(4rem,9vw,7rem);display:grid}.eyebrow{color:#797b74;letter-spacing:.13em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.68rem;font-weight:650}.hero h1{letter-spacing:-.082em;max-width:11ch;margin:1.35rem 0 1.8rem;font-size:clamp(3.7rem,7.2vw,7rem);font-weight:560;line-height:.84}.hero__description{color:#5d5f59;max-width:36rem;margin:0;font-size:clamp(.98rem,1.5vw,1.15rem);line-height:1.75}.primary-link{border-bottom:1px solid #20211f;align-items:center;gap:.85rem;margin-top:2.2rem;padding-bottom:.45rem;font-size:.8rem;font-weight:650;display:inline-flex}.primary-link svg{width:1rem;height:1rem;transition:transform .26s cubic-bezier(.16,1,.3,1)}.primary-link:hover svg,.primary-link:focus-visible svg{transform:translate(.25rem)}.hero__note{border-top:1px solid #20211f2e;grid-template-columns:auto 1fr;gap:1rem;padding-top:1.2rem;display:grid}.hero__note span{color:#d48b2c;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.7rem}.hero__note p{color:#696b65;max-width:25rem;margin:0;font-size:.78rem;line-height:1.65}.effect-index{border-top:1px solid #20211f1f;padding-block:clamp(5rem,9vw,8rem)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.section-heading h2{letter-spacing:-.07em;margin:.55rem 0 0;font-size:clamp(2.7rem,5vw,4.6rem);font-weight:560;line-height:.94}.section-heading>p{color:#858780;margin:0;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.66rem}.effect-card{border-radius:1.6rem;outline:1px solid #0000;grid-template-rows:minmax(25rem,52vw) auto;display:grid}.effect-card:focus-visible{outline-offset:.4rem;outline-color:#bf7d2a}.effect-card__preview{background:radial-gradient(circle at 68% 32%,#ffffff2e,#0000 28rem),#242622;border-radius:1.6rem;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 2rem 5rem -3rem #2c29218c}.effect-card__preview:before{content:"";pointer-events:none;border:1px solid #ffffff17;border-radius:1.05rem;position:absolute;inset:1.1rem}.effect-card__preview .folder{--folder-width:clamp(17rem, 33vw, 31rem)}.effect-card__number,.effect-card__hint{z-index:3;color:#ffffff94;letter-spacing:.06em;text-transform:uppercase;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.65rem;position:absolute}.effect-card__number{top:2.2rem;left:2.2rem}.effect-card__hint{bottom:2.1rem;right:2.2rem}.effect-card__caption{justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0 .5rem;display:flex}.effect-card__caption p{letter-spacing:-.025em;margin:0 0 .4rem;font-size:1rem;font-weight:650}.effect-card__caption span{color:#777972;font-size:.78rem}.effect-card__arrow{border:1px solid #20211f29;border-radius:50%;flex:none;place-items:center;width:2.9rem;height:2.9rem;transition:color .26s,background .26s,transform .26s cubic-bezier(.16,1,.3,1);display:grid}.effect-card__arrow svg{width:1.05rem;height:1.05rem}.effect-card:hover .effect-card__arrow,.effect-card:focus-visible .effect-card__arrow{color:#f7f6f1;background:#252622;transform:translate(.2rem)}.coming-next{color:#858780;border-block:1px solid #20211f1f;grid-template-columns:minmax(7rem,.25fr) 1fr auto;align-items:center;gap:2rem;margin-top:4.5rem;padding-block:1.35rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.66rem;display:grid}.coming-next p{color:#555752;margin:0;font-family:Geist,Avenir Next,Avenir,sans-serif;font-size:.78rem}.site-footer{color:#777972;border-top:1px solid #20211f1f;justify-content:space-between;gap:2rem;padding-block:2rem 3rem;font-size:.7rem;display:flex}.site-footer p{margin:0}@media (width<=760px){.site-header,.hero,.effect-index,.site-footer{width:min(100% - 2rem,88rem)}.site-nav>a:first-child{display:none}.hero{grid-template-columns:1fr;gap:4rem;min-height:auto;padding-block:5rem 4.5rem}.hero h1{font-size:clamp(3.6rem,17vw,5.8rem)}.hero__note{max-width:30rem}.effect-card{grid-template-rows:minmax(22rem,82vw) auto}.effect-card__preview .folder{--folder-width:min(76vw, 22rem)}.effect-card__number{top:1.6rem;left:1.6rem}.effect-card__hint{bottom:1.6rem;right:1.6rem}.coming-next{grid-template-columns:1fr auto}.coming-next p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}}