.design-portfolio-showcase{padding-top:var(--spacing-s-15);padding-bottom:var(--spacing-s-15)}.design-portfolio-showcase .container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-s-8)}.design-portfolio-showcase__body{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-s-6);width:100%}.design-portfolio-showcase__heading{margin:0;width:100%;color:var(--color-palette-secondary-black);font-family:var(--font-media-regular);font-size:35px;font-weight:400;line-height:42px;letter-spacing:1.4px;text-align:center}.design-portfolio-showcase__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-s-2);width:100%}.design-portfolio-showcase__card{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--corner-radius-s);background:var(--color-palette-greys-lightest-grey);transition:box-shadow 0.25s ease,background-color 0.25s ease}.design-portfolio-showcase__card:hover,.design-portfolio-showcase__card:focus-within,.design-portfolio-showcase__card.is-revealed{background:var(--color-palette-secondary-white);box-shadow:0 0 24px 0 rgba(110,123,129,.2)}.design-portfolio-showcase__toggle{position:absolute;inset:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.design-portfolio-showcase__toggle:focus-visible{outline:2px solid var(--color-palette-primary-purple);outline-offset:-4px}@media (hover:hover) and (pointer:fine){.design-portfolio-showcase__toggle{pointer-events:none}}.design-portfolio-showcase__media{position:absolute;inset:0;z-index:0}.design-portfolio-showcase__design-image,.design-portfolio-showcase__media img{display:block;width:100%;height:100%;object-fit:cover}.design-portfolio-showcase__info{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:var(--spacing-s-6);background:var(--color-palette-secondary-white);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease,visibility 0.25s ease}.design-portfolio-showcase__card:hover .design-portfolio-showcase__info,.design-portfolio-showcase__card.is-revealed .design-portfolio-showcase__info{opacity:1;visibility:visible;pointer-events:auto}.design-portfolio-showcase__card.is-revealed .design-portfolio-showcase__toggle{z-index:0}.design-portfolio-showcase__text{display:flex;flex-direction:column;gap:var(--spacing-s-2);align-items:flex-start;width:100%}.design-portfolio-showcase__meta{display:flex;flex-direction:column;gap:var(--spacing-s-1-5);align-items:flex-start;width:100%}.design-portfolio-showcase__category{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-s-05) var(--spacing-s-1);border-radius:var(--corner-radius-xs);background:var(--color-palette-tertiary-light-purple);color:var(--color-palette-primary-indigo);font-family:var(--font-instrument);font-size:14.5px;font-weight:600;line-height:20px;letter-spacing:.87px;text-transform:uppercase;overflow-wrap:anywhere}.design-portfolio-showcase__title{margin:0;color:var(--color-palette-secondary-black);font-family:var(--font-instrument);font-size:28px;font-weight:700;line-height:34px;overflow-wrap:anywhere}.design-portfolio-showcase__description{margin:0;color:var(--text-colors-text-secondary);font-family:var(--font-instrument);font-size:18px;font-weight:400;line-height:27px;letter-spacing:.09px;overflow-wrap:anywhere}.design-portfolio-showcase__footer{display:flex;gap:var(--spacing-s-2);align-items:flex-end;width:100%}.design-portfolio-showcase__logo{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.design-portfolio-showcase__logo-image,.design-portfolio-showcase__logo img{display:block;width:auto;max-width:100%;height:48px;object-fit:contain;object-position:left center}.design-portfolio-showcase__gallery{margin-left:auto}.design-portfolio-showcase__card-link{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--corner-radius-s);background:var(--color-palette-primary-purple);color:var(--text-colors-text-invert);text-decoration:none;transition:background-color 0.2s ease}.design-portfolio-showcase__card-link--hidden{display:none}.design-portfolio-showcase__card-link:hover,.design-portfolio-showcase__card-link:focus{background:var(--color-palette-tertiary-dark-purple);color:var(--text-colors-text-invert);text-decoration:none}.design-portfolio-showcase__card-link-icon{display:block;width:10px;height:18px}.design-portfolio-showcase__cta{display:flex;justify-content:center;width:100%}@media (prefers-reduced-motion:reduce){.design-portfolio-showcase__card,.design-portfolio-showcase__info,.design-portfolio-showcase__card-link{transition:none}}@media (max-width:1399px){.design-portfolio-showcase__info{padding:var(--spacing-s-4)}.design-portfolio-showcase__title{font-size:22px;line-height:28px}.design-portfolio-showcase__description{font-size:16px;line-height:24px}}@media (max-width:1199px){.design-portfolio-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.design-portfolio-showcase{padding-top:var(--spacing-s-10);padding-bottom:var(--spacing-s-10)}.design-portfolio-showcase .container{gap:var(--spacing-s-6)}.design-portfolio-showcase__body{gap:var(--spacing-s-4)}.design-portfolio-showcase__heading{font-size:28px;line-height:34px;letter-spacing:1.12px}}@media (max-width:767px){.design-portfolio-showcase{padding-top:var(--spacing-s-5);padding-bottom:var(--spacing-s-5)}.design-portfolio-showcase .container{gap:var(--spacing-s-4)}.design-portfolio-showcase__body{gap:var(--spacing-s-3)}.design-portfolio-showcase__grid{grid-template-columns:minmax(0,1fr);gap:var(--spacing-s-2)}.design-portfolio-showcase__card{width:100%;max-width:100%;min-height:420px}.design-portfolio-showcase__info{gap:var(--spacing-s-2);padding:var(--spacing-s-2)}.design-portfolio-showcase__heading{font-size:24px;line-height:30px;letter-spacing:.96px}.design-portfolio-showcase__text{gap:var(--spacing-s-1-5)}.design-portfolio-showcase__meta{gap:var(--spacing-s-1)}.design-portfolio-showcase__category{max-width:100%;font-size:12px;line-height:18px}.design-portfolio-showcase__title{font-size:20px;line-height:26px}.design-portfolio-showcase__description{font-size:15px;line-height:22px}.design-portfolio-showcase__logo-image,.design-portfolio-showcase__logo img{height:40px}.design-portfolio-showcase__card-link{width:40px;height:40px}}.design-portfolio-showcase-popup .fancybox-bg{background:var(--color-palette-secondary-white)}.design-portfolio-showcase-popup.fancybox-is-open .fancybox-bg{opacity:1}.design-portfolio-showcase-popup .fancybox-toolbar{top:var(--spacing-s-6);right:var(--spacing-s-6);padding:0;background:transparent}.design-portfolio-showcase-popup .fancybox-button--close{width:32px;height:32px;padding:0;background:url(/wp-content/themes/seofx/assets/img/blocks/general/design-portfolio-showcase/close.svg) center / 32px 32px no-repeat}.design-portfolio-showcase-popup .fancybox-button--close svg{display:none}.design-portfolio-showcase-popup .fancybox-caption{top:104px;right:var(--spacing-s-6);bottom:auto;left:var(--spacing-s-6);padding:0;background:none;color:var(--color-palette-secondary-black);font-family:var(--font-instrument);font-size:22px;font-weight:600;line-height:28px;text-align:center}.design-portfolio-showcase-popup__caption-prefix{color:var(--text-colors-text-secondary)}.design-portfolio-showcase-popup .fancybox-stage{top:152px;right:var(--spacing-s-6);bottom:var(--spacing-s-15);left:var(--spacing-s-6)}.design-portfolio-showcase-popup .fancybox-slide,.design-portfolio-showcase-popup .fancybox-slide--image{padding:0 128px}.design-portfolio-showcase-popup .fancybox-slide--image .fancybox-content{overflow:hidden;border:1px solid var(--color-palette-greys-light-grey);border-radius:var(--corner-radius-m);background:var(--color-palette-secondary-white)}.design-portfolio-showcase-popup .fancybox-button--close{width:32px;height:32px;padding:0;background:url(/wp-content/themes/seofx/assets/img/blocks/general/design-portfolio-showcase/close.svg) center / 32px 32px no-repeat}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button{top:calc(50% - 24px);width:48px;height:48px;padding:var(--spacing-s-1);border-radius:var(--corner-radius-s);background-clip:border-box;background-color:var(--color-palette-tertiary-light-purple);background-position:center;background-repeat:no-repeat;background-size:32px 32px;transition:background-color 0.2s ease}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button:hover{background-color:var(--color-palette-tertiary-medium-purple)}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button--arrow_left{left:var(--spacing-s-6);padding:var(--spacing-s-1);background-image:url(/wp-content/themes/seofx/assets/img/blocks/general/design-portfolio-showcase/arrow-left.svg)}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button--arrow_right{right:var(--spacing-s-6);padding:var(--spacing-s-1);background-image:url(/wp-content/themes/seofx/assets/img/blocks/general/design-portfolio-showcase/arrow-right.svg)}.design-portfolio-showcase-popup .fancybox-button svg,.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button div{display:none}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button[disabled]{display:none}@media (max-width:1024px){.design-portfolio-showcase-popup .fancybox-toolbar{top:var(--spacing-s-3);right:var(--spacing-s-3)}.design-portfolio-showcase-popup .fancybox-caption{top:72px;right:var(--spacing-s-3);left:var(--spacing-s-3)}.design-portfolio-showcase-popup .fancybox-stage{top:120px;right:var(--spacing-s-3);bottom:var(--spacing-s-10);left:var(--spacing-s-3)}.design-portfolio-showcase-popup .fancybox-slide,.design-portfolio-showcase-popup .fancybox-slide--image{padding:0 72px}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button--arrow_left{left:var(--spacing-s-1)}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button--arrow_right{right:var(--spacing-s-1)}}@media (max-width:767px){.design-portfolio-showcase-popup .fancybox-caption{top:64px;font-size:16px;line-height:22px}.design-portfolio-showcase-popup .fancybox-stage{top:104px;bottom:104px}.design-portfolio-showcase-popup .fancybox-slide,.design-portfolio-showcase-popup .fancybox-slide--image{padding:0 var(--spacing-s-2)}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button{top:auto;bottom:var(--spacing-s-4);width:40px;height:40px;background-size:24px 24px}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button--arrow_left{left:calc(50% - 48px)}.design-portfolio-showcase-popup .fancybox-navigation .fancybox-button--arrow_right{right:calc(50% - 48px)}}