.layout:has(.showcase){background:var(--color-blue)}.layout:has(.showcase) .site-nav__links a{color:var(--color-white)}.layout:has(.showcase) .site-nav__links a:after{background:var(--color-white)}.layout:has(.showcase) .site-nav__lang:after{background:var(--color-white)}:is(.layout:has(.showcase) .site-nav__burger,.layout:has(.showcase) .site-nav__lang){color:var(--color-white)}:is(.layout:has(.showcase) .site-nav__brand svg path[fill=\#0909AA],.layout:has(.showcase) .footer__brand svg path[fill=\#0909AA]){fill:var(--color-white)}:is(.layout:has(.showcase) .site-nav__brand svg path[fill=\#DEF44C],.layout:has(.showcase) .footer__brand svg path[fill=\#DEF44C]){fill:var(--color-blue)}:is(.layout:has(.showcase) .footer,.layout:has(.showcase) .footer__intro){color:var(--color-white)}.layout:has(.showcase) .footer__col-title{color:var(--color-lime)}.layout:has(.showcase) .footer__col a{color:var(--color-white)}.layout:has(.showcase) .footer__col a:hover{color:var(--color-lime)}.layout:has(.showcase) .footer__badges{color:var(--color-white)}.showcase{--chamfer-tag:polygon(0 25.42%, 16.49% 0, 100% 0, 100% 74.58%, 87.52% 100%, 0 100%);flex-direction:column;display:flex}[dir=rtl] .showcase{--chamfer-tag:polygon(100% 25.42%, 83.51% 0, 0 0, 0 74.58%, 12.48% 100%, 100% 100%)}.showcase-hero{padding-top:calc(9.5rem + env(safe-area-inset-top,0px));flex-direction:column;align-items:flex-start;gap:clamp(1.25rem,3vw,2rem);padding-bottom:clamp(5rem,12vw,8rem);display:flex;position:relative}.showcase-hero__title{max-width:66rem;font-family:var(--heading);letter-spacing:-.02em;text-transform:uppercase;text-align:justify;color:var(--color-lime);margin:0;font-size:clamp(2.25rem,5.4vw,6rem);font-weight:400;line-height:1}.showcase-hero__sub{max-width:40rem;font-family:var(--sans);color:var(--color-white);margin:0;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:500;line-height:1.4}.showcase-filters{flex-wrap:wrap;gap:.75rem;margin:clamp(.5rem,1.5vw,1rem) 0 0;padding:0;list-style:none;display:flex}.showcase-filters__pill{appearance:none;cursor:pointer;min-height:2.9rem;font-family:var(--heading);text-align:left;color:var(--color-blue);background:var(--color-lime);clip-path:var(--chamfer-tag);border:0;align-items:flex-end;margin:0;padding:.85rem 1.5rem .4rem .9rem;font-size:clamp(.72rem,.95vw,.9rem);font-weight:400;line-height:1.15;transition:background-color .15s,color .15s;display:inline-flex}[dir=rtl] .showcase-filters__pill{text-align:right;padding:.85rem .9rem .4rem 1.5rem}.showcase-filters__pill[data-active]{background:var(--color-dark-grey);color:var(--color-lime)}.showcase-empty{padding-inline:var(--grid-margin);font-family:var(--sans);color:var(--color-white);margin:0 0 2rem;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:500}.showcase-empty--notice{color:var(--color-lime);font-style:italic}.showcase-list{padding:var(--grid-margin) var(--grid-margin) 0;flex-direction:column;gap:clamp(5rem,10vw,8rem);margin:0;list-style:none;display:flex}.showcase-case{column-gap:var(--grid-gutter);grid-template-columns:repeat(4,1fr);align-items:start;row-gap:clamp(1.5rem,3vw,2.5rem);display:grid}.showcase-case__media{--pad:clamp(1rem, 2.5vw, 2rem);--case-reserve:2.5rem;--case-room:calc(100svh - var(--case-reserve) - var(--pad));background:var(--color-white);padding:var(--pad) var(--pad) 0;grid-column:1/span 2;container-type:inline-size}.showcase-case--reverse .showcase-case__media{grid-area:1/3/auto/span 2}.showcase-case--reverse .showcase-case__body{grid-area:1/2}.showcase-case__shot{aspect-ratio:3/2;max-height:calc(var(--case-room) - 3rem);background:#0909aa0f;display:block;overflow:hidden}.showcase-case__shot img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.showcase-case:hover .showcase-case__shot img{transform:scale(1.03)}.showcase-case__accent{height:clamp(3rem, var(--case-room) - (100cqi - 2 * var(--pad)) * 2 / 3, 100cqi * 412 / 828);background:var(--color-blue);margin:0 calc(-1 * var(--pad)) calc(-1 * var(--pad));position:relative;overflow:hidden}.showcase-case--reverse .showcase-case__accent{transform:scaleX(-1)}.showcase-case__accent-block{background:var(--color-lime);position:absolute}.showcase-case__accent-block--a{width:30%;height:57.5%;top:0;right:0}[dir=rtl] .showcase-case__accent-block--a{left:0;right:auto}.showcase-case__accent-block--b{width:70%;height:42.5%;bottom:0;left:0}[dir=rtl] .showcase-case__accent-block--b{left:auto;right:0}.showcase-case__accent-strip{background:var(--color-lime);width:5.7%;height:82%;position:absolute;top:0;left:0}[dir=rtl] .showcase-case__accent-strip{left:auto;right:0}.showcase-case__body{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.showcase-case__title{font-family:var(--heading);letter-spacing:-.02em;color:var(--color-lime);margin:0;font-size:clamp(2rem,3.6vw,4rem);font-weight:400;line-height:1}.showcase-case__client{font-family:var(--sans);text-transform:uppercase;letter-spacing:.04em;color:#ffffffa6;margin:0;font-size:.95rem;font-weight:500}.showcase-case__blurb{max-width:46ch;font-family:var(--sans);text-align:justify;color:var(--color-white);margin:0;font-size:clamp(1rem,1.15vw,1.2rem);font-style:italic;font-weight:500;line-height:1.5}.showcase-case__link{font-family:var(--sans);color:var(--color-lime);align-items:center;gap:.6rem;margin-top:.25rem;font-size:1.05rem;font-style:italic;font-weight:500;text-decoration:none;display:inline-flex}.showcase-case__link span{transition:transform .2s}.showcase-case__link:hover span{transform:translate(4px)}[dir=rtl] .showcase-case__link:hover span{transform:translate(-4px)}.showcase-case__tags{flex-wrap:wrap;gap:.6rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.showcase-case__tags li{min-height:2.4rem;font-family:var(--sans);color:var(--color-blue);background:var(--color-lime);clip-path:var(--chamfer-tag);align-items:flex-end;padding:.45rem 1.25rem .35rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}[dir=rtl] .showcase-case__tags li{padding:.45rem .75rem .35rem 1.25rem}.showcase-contact{grid-template-columns:repeat(var(--grid-columns), 1fr);column-gap:var(--grid-gutter);padding:clamp(5rem, 12vw, 9rem) var(--grid-margin);align-items:center;display:grid}.showcase-contact__cubes{aspect-ratio:827/1302;background:url(/assets/cta-cubes-CBylAru9.svg) 50%/100% 100% no-repeat;grid-column:1/span 2;align-self:center}.showcase-contact__body{flex-direction:column;grid-column:3/span 2;align-items:flex-start;gap:clamp(1.5rem,4vh,3rem);display:flex}.showcase-contact__title{font-family:var(--heading);letter-spacing:-.02em;text-transform:capitalize;color:var(--color-lime);margin:0;font-size:clamp(2.5rem,7vw,6rem);font-weight:400;line-height:.98}.showcase-contact__meta{flex-direction:column;gap:.5rem;display:flex}.showcase-contact__email,.showcase-contact__addr{font-family:var(--sans);color:var(--color-white);margin:0;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:500;line-height:1.3;text-decoration:none}.showcase-contact__email{transition:color .15s}.showcase-contact__email:hover{color:var(--color-lime)}.showcase-contact__social{gap:.75rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=820px){.showcase-contact{grid-template-columns:1fr;row-gap:clamp(2rem,5vw,3rem)}.showcase-contact__body{grid-column:1}.showcase-contact__cubes{background-position:bottom;order:2;grid-column:1;min-height:16rem}}@media (width<=1024px){.showcase-hero{padding-top:calc(7rem + env(safe-area-inset-top,0px))}}@media (width<=820px){.showcase-case{grid-template-columns:1fr}.showcase-case__media{--case-reserve:21.5rem}.showcase-case__blurb{font-size:clamp(.88rem,min(4vw,2.2vh),1rem);line-height:1.45}.showcase-case__body{gap:clamp(.5rem,1.3vh,.9rem)}.showcase-case,.showcase-case--reverse .showcase-case__media,.showcase-case--reverse .showcase-case__body{grid-column:1/-1}.showcase-case--reverse .showcase-case__media{order:0;grid-row:auto}.showcase-case--reverse .showcase-case__body{order:1;grid-row:auto}}@media (width<=700px){.showcase-hero__title{text-align:left;font-size:clamp(1.9rem,8vw,3rem)}[dir=rtl] .showcase-hero__title{text-align:right}.showcase-filters__pill{padding:.75rem 1.25rem .35rem .8rem;font-size:.75rem}[dir=rtl] .showcase-filters__pill{padding:.75rem .8rem .35rem 1.25rem}.showcase-list{gap:clamp(3.5rem,12vw,5rem)}.showcase-case__title{font-size:clamp(1.75rem,8vw,2.5rem)}}@media (prefers-reduced-motion:reduce){.showcase-case__shot img,.showcase-case__link span,.showcase-filters__pill,.showcase-contact__email{transition:none}.showcase-case:hover .showcase-case__shot img{transform:none}}
