@font-face{font-family:Silkscreen;src:url(/assets/fonts/silkscreen-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--paper:#fff8f8;--ink:#160406;--mint:#8cffe2;--page-gutter:clamp(1.25rem, 3.2vw, 3.5rem);--life-cell-size:25;--life-grid-width:.65;--life-grid-color:#160406;--life-grid-opacity:.09;--life-cell-color:#8cffe2;--life-cell-opacity:.52;--life-cell-inset:2.2;--life-tick-ms:88;--life-birth-fade-ms:54;--life-death-fade-ms:680;--life-start-density:.16}*,:before,:after{box-sizing:border-box}html{background:var(--paper);min-width:20rem;color:var(--ink);font-synthesis:none;text-rendering:geometricprecision;font-family:Helvetica Neue,Arial Nova,Arial,sans-serif}body{background:var(--paper);min-height:100svh;margin:0;overflow-x:hidden}.landing-page{background:var(--paper);min-height:100svh;position:relative;overflow:hidden}.life-canvas{z-index:0;cursor:crosshair;pointer-events:auto;touch-action:none;width:100%;height:100%;position:fixed;inset:0}.page-shell{z-index:1;width:100%;min-height:100svh;padding:1.75rem var(--page-gutter) var(--page-gutter);pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow-x:clip}.site-header{z-index:1;position:relative}.brand{flex:none;line-height:0;display:inline-flex}.brand img{width:clamp(7.5rem,10.5vw,9.5rem);height:auto}.hero{align-self:center;min-width:0;padding:clamp(4rem,9vh,8rem) 0}.hero h1{letter-spacing:-.078em;max-width:12ch;margin:0;font-size:clamp(3.45rem,8.25vw,8rem);font-weight:600;line-height:.89}.hero h1>span{width:max-content;max-width:100%;display:block}.hero mark{background:var(--mint);color:var(--ink);margin-right:.03em;padding:0 .09em .035em .05em}.hero-copy{letter-spacing:.08em;text-transform:uppercase;max-width:39rem;margin:clamp(1.8rem,4vh,3rem) 0 0;font-family:Silkscreen,ui-monospace,monospace;font-size:clamp(1.44rem,1.8vw,1.68rem);font-weight:400;line-height:1.4}.demo-link{z-index:2;right:var(--page-gutter);bottom:var(--page-gutter);border:2px solid var(--ink);background:var(--paper);width:15rem;min-height:6rem;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:8px 8px 0 var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;font-family:Silkscreen,ui-monospace,monospace;font-size:2rem;line-height:1;text-decoration:none;transition:background-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;position:fixed}.demo-link:hover,.demo-link:focus-visible{background:var(--ink);color:var(--paper);box-shadow:0 0 0 var(--ink);transform:translate(8px,8px)}.demo-link:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.demo-link-arrow{fill:currentColor;width:2rem;height:2rem}.demo-page{background:var(--paper);width:100%;min-height:100svh;position:relative;overflow-x:hidden}.demo-page .life-canvas{z-index:0;position:fixed}.demo-content{z-index:1;width:100%;min-height:100svh;padding:clamp(2.5rem, 8vh, 6rem) var(--page-gutter);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.demo-heading{display:none}.demo-heading h1{letter-spacing:-.075em;margin:0;font-size:clamp(2.75rem,5.5vw,5.75rem);font-weight:600;line-height:.9}.demo-heading p{letter-spacing:-.025em;margin:.75rem 0 0;font-size:clamp(.95rem,1.4vw,1.25rem);line-height:1.25}.demo-gallery{width:min(76rem,100%)}.demo-video-frame{transform-origin:0 0;border:1px solid var(--ink);pointer-events:auto;background:#fff8f8e0;width:100%;padding:clamp(.45rem,1vw,.75rem);position:relative}.demo-video-frame video{aspect-ratio:16/9;background:var(--ink);object-fit:contain;width:100%;height:auto;display:block}.demo-card-band{opacity:0;height:0;transition:height .36s .1s,opacity .22s .1s;overflow:hidden}.demo-gallery-toggle{z-index:2;bottom:var(--page-gutter);border:2px solid var(--ink);background:var(--paper);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px 0 var(--ink);pointer-events:auto;right:var(--page-gutter);align-items:center;gap:.85rem;padding:1.2rem 1.5rem 1.25rem;font-family:Silkscreen,ui-monospace,monospace;font-size:1.3rem;line-height:1;text-decoration:none;transition:background-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;position:fixed}.demo-gallery-toggle:hover,.demo-gallery-toggle:focus-visible{background:var(--ink);color:var(--paper);box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.demo-gallery-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.demo-navigation-arrow{fill:currentColor;flex:none;width:1.65rem;height:1.65rem}.demo-feature-restore{z-index:1;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.demo-gallery-card{color:inherit;font:inherit;text-align:inherit;cursor:pointer;pointer-events:auto;padding:0;display:none}.demo-info{width:min(76rem,100%);margin-top:clamp(1.25rem,3vw,2.25rem);transition:opacity .32s}.demo-content.is-gallery .demo-gallery{top:calc(clamp(1.25rem,3vw,2.5rem) + clamp(7rem,11vw,9.5rem));left:var(--page-gutter);width:min(64rem, calc(100vw - 2 * var(--page-gutter)));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);display:grid;position:absolute}.demo-content.is-gallery .demo-heading{top:clamp(1.25rem,3vw,2.5rem);left:var(--page-gutter);width:min(64rem, calc(100vw - 2 * var(--page-gutter)));display:block;position:absolute}.demo-content.is-gallery .demo-video-frame,.demo-content.is-gallery .demo-gallery-card{border:1px solid var(--ink);background:var(--paper);grid-template-rows:auto auto auto;width:100%;padding:0;display:grid;overflow:hidden}.demo-content.is-gallery .demo-card-band{background:var(--paper);opacity:1;height:clamp(1rem,2vw,1.6rem)}.demo-content.is-gallery .demo-card-title{height:clamp(1.75rem,3vw,2.5rem);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:0 .65rem;font-family:Silkscreen,ui-monospace,monospace;font-size:clamp(.58rem,1.1vw,.76rem);line-height:1.2;display:flex}.demo-content.is-gallery .demo-card-band:first-child{border-bottom:1px solid var(--ink)}.demo-content.is-gallery .demo-card-band:last-child{border-top:1px solid var(--ink)}.demo-content.is-gallery .demo-video-frame video,.demo-content.is-gallery .demo-gallery-card video{aspect-ratio:16/9;background:var(--ink);object-fit:contain;width:100%;height:auto;display:block}.demo-gallery-card:hover,.demo-gallery-card:focus-visible{box-shadow:inset 0 0 0 1px var(--ink)}.demo-gallery-card:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.demo-content.is-gallery .demo-info{opacity:0;pointer-events:none}.demo-stats{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.demo-stat{min-width:0;padding:.9rem 1rem 1rem}.demo-stat+.demo-stat{border-left:1px solid var(--ink)}.demo-stat dt{letter-spacing:.08em;text-transform:uppercase;font-family:Silkscreen,ui-monospace,monospace;font-size:1rem;line-height:1.3}.demo-device span,.demo-source span{letter-spacing:.08em;text-transform:uppercase;font-family:Silkscreen,ui-monospace,monospace;font-size:.8rem;line-height:1.3}.demo-stat dd{letter-spacing:-.06em;margin:.42rem 0 0;font-size:clamp(1.7rem,3vw,2.8rem);font-weight:600;line-height:1}.demo-stat dd small{letter-spacing:0;white-space:nowrap;font-family:Silkscreen,ui-monospace,monospace;font-size:.66rem;font-weight:400}.demo-footnote{color:#160406ad;letter-spacing:.06em;text-transform:lowercase;margin:.7rem 0 0;font-family:Silkscreen,ui-monospace,monospace;font-size:.8rem;line-height:1.4}.demo-meta{border-top:1px solid #16040661;grid-template-columns:minmax(10rem,.4fr) minmax(0,1.6fr);gap:clamp(1rem,4vw,4rem);margin-top:clamp(1.5rem,4vw,3rem);padding-top:.85rem;display:grid}.demo-device,.demo-source p{margin:0}.demo-device strong,.demo-source strong{letter-spacing:-.03em;margin-top:.45rem;font-size:1.4rem;font-weight:600;line-height:1.1;display:block}.demo-source cite{color:#160406a8;margin-top:.75rem;font-size:.52rem;font-style:normal;line-height:1.38;display:block}@media (max-width:56rem){:root{--life-cell-size:22}.hero h1{font-size:clamp(3.3rem,10vw,6rem)}}@media (max-width:40rem){:root{--page-gutter:1.1rem;--life-cell-size:19;--life-grid-opacity:.075;--life-cell-opacity:.46}.page-shell{padding-top:1.15rem;padding-bottom:.9rem}.brand img{width:6.7rem}.hero{padding:4.5rem 0}.hero h1{letter-spacing:-.07em;width:100%;max-width:100%;font-size:clamp(2.45rem,12.4vw,4rem);line-height:.92}.hero h1>span{width:auto}.hero-copy{max-width:22rem;font-size:1.5rem}.demo-link{width:min(15rem, calc(100vw - 2 * var(--page-gutter)));min-height:5rem;box-shadow:6px 6px 0 var(--ink);gap:.75rem;padding:1rem 1.1rem;font-size:1.45rem}.demo-link:hover,.demo-link:focus-visible{transform:translate(6px,6px)}.demo-link-arrow{width:1.65rem;height:1.65rem}.demo-content{padding-top:2rem;padding-bottom:2rem}.demo-stats{grid-template-columns:1fr}.demo-stat{padding:.8rem .75rem .9rem}.demo-stat+.demo-stat{border-top:1px solid var(--ink);border-left:0}.demo-stat dd{font-size:1.8rem}.demo-meta{grid-template-columns:1fr;gap:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}