.Project-module__OPUsHW__container{appearance:none;background:var(--text-reverse);box-shadow:4px 4px 0 var(--text);color:var(--text);cursor:pointer;grid-gap:1em;text-align:left;transition:box-shadow var(--hover-duration)ease;border:none;grid-template-columns:1fr auto;grid-template-areas:"heading logo""content content";padding:1.25em 1em;display:grid;position:relative}[data-whatintent=mouse] .Project-module__OPUsHW__container:hover{box-shadow:8px 8px 0 var(--text)}[data-whatintent=mouse] .Project-module__OPUsHW__container:hover .Project-module__OPUsHW__screenshot{transform:scale(1.1)rotate(var(--rotation));transition-duration:.15s}[data-whatintent=keyboard] .Project-module__OPUsHW__container:focus{outline-offset:6px;outline-width:4px}.Project-module__OPUsHW__container:after{background-color:var(--text-reverse);color:var(--text);content:attr(data-category);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;padding:.5em 1rem;font-size:.75em;font-stretch:75%;line-height:1.1;display:block;position:absolute;top:0;left:0;transform:translateY(-50%)}.Project-module__OPUsHW__heading{font-family:var(--font-base);letter-spacing:.05em;text-transform:uppercase;grid-area:heading;align-self:center;margin-bottom:0;font-size:1em;font-weight:600;font-stretch:80%;line-height:1.1}.Project-module__OPUsHW__heading span{font-family:var(--font-sans);margin-top:.25em;font-size:.75em;font-weight:400;display:block}.Project-module__OPUsHW__logo{aspect-ratio:1;background-color:var(--text-footer);border-radius:50%;grid-area:logo;overflow:hidden}.Project-module__OPUsHW__logo img{mix-blend-mode:multiply;width:3.125em;height:3.125em;display:block}.Project-module__OPUsHW__content{grid-area:content;align-self:end}.Project-module__OPUsHW__screenshot{background-color:var(--text-footer);border:1px solid var(--text-footer);transition:transform .3s var(--ease-out-cubic);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#bbbbbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-image'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:15%;border-radius:4px;overflow:hidden}.Project-module__OPUsHW__screenshot img{mix-blend-mode:multiply;display:block}.Project-module__OPUsHW__cta{justify-content:space-between;align-items:flex-end;margin-top:1rem;font-size:.875em;display:flex}.Project-module__OPUsHW__ctaLive:not(:empty){background-color:var(--color-ter);color:var(--text-reverse);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:.25em;padding:.25em .75em;font-size:.75em;font-weight:500;line-height:1;display:block}.Project-module__OPUsHW__ctaLabel{appearance:none;color:var(--text);pointer-events:none;background:0 0;border:none;border-radius:0;padding:0;line-height:1}.Project-module__OPUsHW__ctaLabel:after{content:"»";margin-left:.5em;display:inline-block}