.work-catalogue-module__6yPgqa__catalogue{padding:clamp(4rem, 6vw, 6.5rem) max(var(--site-gutter), calc((100vw - var(--site-max)) / 2 + var(--site-gutter))) clamp(5.5rem, 9vw, 9rem);color:var(--johly-white);background:#271360;scroll-margin-top:2rem}.work-catalogue-module__6yPgqa__inner{width:100%;margin-inline:auto}.work-catalogue-module__6yPgqa__toolbar{justify-content:space-between;align-items:end;gap:2rem;padding-bottom:clamp(1.5rem,2.6vw,2.35rem);display:flex}.work-catalogue-module__6yPgqa__status{gap:.45rem;display:grid}.work-catalogue-module__6yPgqa__status h2,.work-catalogue-module__6yPgqa__status p{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:750;line-height:1.2}.work-catalogue-module__6yPgqa__status p{color:#ffffffb8}.work-catalogue-module__6yPgqa__pagination{align-items:center;gap:.75rem;display:flex}.work-catalogue-module__6yPgqa__arrow,.work-catalogue-module__6yPgqa__pages button{color:#ffffff8f;cursor:pointer;font:inherit;background:0 0;border:0;place-items:center;display:grid}.work-catalogue-module__6yPgqa__arrow{aspect-ratio:1;border:1px solid #ffffff42;border-radius:50%;width:2.9rem;font-size:1.1rem;transition:border-color .18s,background-color .18s,color .18s}.work-catalogue-module__6yPgqa__arrowNext{background:var(--johly-white);color:#271360}.work-catalogue-module__6yPgqa__pages{align-items:center;display:flex}.work-catalogue-module__6yPgqa__pages button{min-width:2.5rem;min-height:2.75rem;padding:.5rem;font-size:.64rem;font-weight:750;position:relative}.work-catalogue-module__6yPgqa__pages button:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:.35rem;left:.5rem;right:.5rem;transform:scaleX(.3)}.work-catalogue-module__6yPgqa__pages .work-catalogue-module__6yPgqa__pageActive{color:var(--johly-white)}.work-catalogue-module__6yPgqa__pages .work-catalogue-module__6yPgqa__pageActive:after{opacity:1;transform:scaleX(1)}.work-catalogue-module__6yPgqa__canvas{aspect-ratio:1.68;background:#271360;border-radius:clamp(1rem,1.8vw,1.75rem);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.work-catalogue-module__6yPgqa__canvas>li{min-width:0;min-height:0}.work-catalogue-module__6yPgqa__tileTopLeft{grid-area:1/1/2/4}.work-catalogue-module__6yPgqa__tileTopRight{grid-area:1/4/2/7}.work-catalogue-module__6yPgqa__tileBottomLeft{grid-area:2/1/3/3}.work-catalogue-module__6yPgqa__tileBottomCentre{grid-area:2/3/3/5}.work-catalogue-module__6yPgqa__tileBottomRight{grid-area:2/5/3/7}.work-catalogue-module__6yPgqa__canvasShort .work-catalogue-module__6yPgqa__tileBottomLeft{grid-column:1/4}.work-catalogue-module__6yPgqa__canvasShort .work-catalogue-module__6yPgqa__tileBottomCentre{grid-column:4/7}.work-catalogue-module__6yPgqa__project{width:100%;height:100%;color:var(--johly-white);isolation:isolate;background:#242226;text-decoration:none;display:block;position:relative;overflow:hidden}.work-catalogue-module__6yPgqa__project>img{object-fit:cover;transition:transform .56s cubic-bezier(.22,1,.36,1)}.work-catalogue-module__6yPgqa__project.work-card__media--brand{background:#f7f3ed}.work-catalogue-module__6yPgqa__project.work-card__media--brand>img{object-fit:contain;padding:clamp(1.5rem,4vw,4rem)}.work-catalogue-module__6yPgqa__project.work-card__media--screenshot{background:#101f3d}.work-catalogue-module__6yPgqa__project.work-card__media--screenshot>img{object-fit:contain;padding:clamp(.7rem,1.5vw,1.35rem)}:is(.work-catalogue-module__6yPgqa__project.work-card__media--browser,.work-catalogue-module__6yPgqa__project.work-card__media--devices){background:#eeebf6}.work-catalogue-module__6yPgqa__project:after{content:"";z-index:2;opacity:0;background:linear-gradient(#0000 22%,#0d081685 58%,#0d0816f0);transition:opacity .24s;position:absolute;inset:0}.work-catalogue-module__6yPgqa__overlay{z-index:3;opacity:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.45rem 1rem;padding:clamp(1rem,2vw,2rem);transition:opacity .24s,transform .24s;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(.65rem)}.work-catalogue-module__6yPgqa__category{color:#ffffffad;letter-spacing:.07em;text-transform:uppercase;grid-column:1/-1;font-size:clamp(.58rem,.7vw,.7rem);font-weight:750;line-height:1.25}.work-catalogue-module__6yPgqa__overlay strong{max-width:15ch;font-family:var(--font-home-display);letter-spacing:-.05em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(1.45rem,2.5vw,3rem);font-weight:620;line-height:.96}.work-catalogue-module__6yPgqa__open{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.66rem;font-weight:750;display:inline-flex}.work-catalogue-module__6yPgqa__open .johly-direction-mark{width:1.6rem}.work-catalogue-module__6yPgqa__project:focus-visible,.work-catalogue-module__6yPgqa__arrow:focus-visible,.work-catalogue-module__6yPgqa__pages button:focus-visible{outline:3px solid var(--johly-white);outline-offset:3px}.work-catalogue-module__6yPgqa__project:focus-visible{z-index:5}.work-catalogue-module__6yPgqa__project:focus-visible:after,.work-catalogue-module__6yPgqa__project:focus-visible .work-catalogue-module__6yPgqa__overlay{opacity:1}.work-catalogue-module__6yPgqa__project:focus-visible .work-catalogue-module__6yPgqa__overlay{transform:none}:is(.work-catalogue-module__6yPgqa__project .work-card__browser,.work-catalogue-module__6yPgqa__project .work-card__devices){transition:transform .56s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.work-catalogue-module__6yPgqa__project:hover:after,.work-catalogue-module__6yPgqa__project:hover .work-catalogue-module__6yPgqa__overlay{opacity:1}.work-catalogue-module__6yPgqa__project:hover .work-catalogue-module__6yPgqa__overlay{transform:none}.work-catalogue-module__6yPgqa__project:hover>img{transform:scale(1.035)}:is(.work-catalogue-module__6yPgqa__project:hover .work-card__browser,.work-catalogue-module__6yPgqa__project:hover .work-card__devices){transform:scale(1.018)}.work-catalogue-module__6yPgqa__arrow:hover{border-color:var(--johly-white);color:var(--johly-white)}}@media (max-width:48rem){.work-catalogue-module__6yPgqa__catalogue{padding-block:3.75rem 5rem}.work-catalogue-module__6yPgqa__toolbar{align-items:center;padding-bottom:1.5rem}.work-catalogue-module__6yPgqa__pages{display:none}.work-catalogue-module__6yPgqa__canvas{aspect-ratio:auto;border-radius:1rem;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.work-catalogue-module__6yPgqa__canvas>li{grid-area:auto}.work-catalogue-module__6yPgqa__canvas>.work-catalogue-module__6yPgqa__tileTopLeft,.work-catalogue-module__6yPgqa__canvas>.work-catalogue-module__6yPgqa__tileTopRight,.work-catalogue-module__6yPgqa__canvas>.work-catalogue-module__6yPgqa__tileBottomRight{grid-column:1/-1}.work-catalogue-module__6yPgqa__canvas>.work-catalogue-module__6yPgqa__tileBottomLeft,.work-catalogue-module__6yPgqa__canvas>.work-catalogue-module__6yPgqa__tileBottomCentre,.work-catalogue-module__6yPgqa__canvasShort>.work-catalogue-module__6yPgqa__tileBottomLeft,.work-catalogue-module__6yPgqa__canvasShort>.work-catalogue-module__6yPgqa__tileBottomCentre{grid-column:span 1}.work-catalogue-module__6yPgqa__tileTopLeft .work-catalogue-module__6yPgqa__project,.work-catalogue-module__6yPgqa__tileTopRight .work-catalogue-module__6yPgqa__project,.work-catalogue-module__6yPgqa__tileBottomRight .work-catalogue-module__6yPgqa__project{aspect-ratio:4/3}.work-catalogue-module__6yPgqa__tileBottomLeft .work-catalogue-module__6yPgqa__project,.work-catalogue-module__6yPgqa__tileBottomCentre .work-catalogue-module__6yPgqa__project{aspect-ratio:.82}.work-catalogue-module__6yPgqa__project:after,.work-catalogue-module__6yPgqa__overlay{opacity:1}.work-catalogue-module__6yPgqa__overlay{grid-template-columns:minmax(0,1fr);gap:.35rem;padding:1rem;transform:none}.work-catalogue-module__6yPgqa__overlay strong{font-size:clamp(1.45rem,7.5vw,2rem)}.work-catalogue-module__6yPgqa__open{display:none}}@media (prefers-reduced-motion:reduce){.work-catalogue-module__6yPgqa__arrow,.work-catalogue-module__6yPgqa__pages button:after,.work-catalogue-module__6yPgqa__project:after,.work-catalogue-module__6yPgqa__overlay,.work-catalogue-module__6yPgqa__project>img{transition:none;transform:none}.work-catalogue-module__6yPgqa__project .work-card__browser{transition:none;transform:none}.work-catalogue-module__6yPgqa__project .work-card__devices{transition:none;transform:none}}