.project{font-family:var(--font-alegreya),Georgia,serif}.strip{pointer-events:none;--f:max(46rem, 125cqw);height:clamp(5rem,14svh,8.5rem);position:relative;overflow:hidden;-webkit-mask:linear-gradient(#000 55%,#0000);mask:linear-gradient(#000 55%,#0000);container-type:size}.strip .dinoBlock{top:calc(50cqh - var(--f)*.435);right:calc(var(--f)*-.12);-webkit-mask:none;mask:none}.strip .dinoHover{display:none}.project__main{max-width:44rem;padding:1.25rem var(--pad) 4rem;margin:0 auto}.project__back{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--umber);font-size:.6875rem;font-weight:600;text-decoration:none}.project__back:hover,.project__back:focus-visible{color:var(--prussian)}.project__title{letter-spacing:-.022em;text-wrap:balance;margin:.9rem 0 0;font-size:clamp(2.3rem,6vw,3.6rem);font-weight:500;line-height:1}.project__meta{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite-3);margin:.5rem 0 0;font-size:.72rem}.project__lede{color:var(--graphite-2);margin:1rem 0 0;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5}.demo{width:min(64rem,100vw - 2*var(--pad));margin:1.75rem 0 2.25rem 50%;transform:translate(-50%)}.demo__frame{aspect-ratio:16/10;background:#1c1b19;position:relative;overflow:hidden;box-shadow:0 18px 30px -18px #2d241699,0 1px 3px #2d241633}.demo__iframe{border:0;width:100%;height:100%;display:block}.demo__poster{cursor:pointer;background:0 0;border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.demo__poster img{object-fit:cover;filter:brightness(.62)saturate(.9);width:100%;height:100%;transition:filter .25s;position:absolute;inset:0}.demo__poster:hover img,.demo__poster:focus-visible img{filter:brightness(.75)saturate()}.demo__poster:focus-visible{outline:3px solid var(--prussian);outline-offset:3px}.demo__go{background:var(--bone);color:var(--graphite);font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.3rem;font-size:.8rem;font-weight:600;position:relative;box-shadow:0 6px 16px -6px #0009}.demo__actions{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.4rem 1.4rem;margin:.7rem 0 0;font-size:.72rem;font-weight:600;display:flex}.demo__actions a{color:var(--prussian);text-decoration:none}.demo__actions a:hover,.demo__actions a:focus-visible{text-underline-offset:.25em;text-decoration:underline}.project__body{max-width:none;font-size:1.0625rem}@media (prefers-reduced-motion:reduce){.demo__poster img{transition:none}}