:root{--font-weight-base:400;--line-height-base:1.1;--default-transition:0.3s linear;--c-bg:var(--wp--preset--color--background,#ebebeb);--c-dark:var(--wp--preset--color--contrast,#111);--c-menu-dark:#1c1c1c;--c-pink:var(--wp--preset--color--pink,#ff005c);--c-white:var(--wp--preset--color--white,#fff);--c-text:var(--wp--preset--color--base,#3f3f3f);--c-border:#c4c4c4;--header-top:clamp(20px,2.5vw,48px);--header-x-left:clamp(20px,3.02vw,58px);--header-x-right:clamp(16px,2.24vw,43px)}.worknav{background-color:var(--c-bg);display:block;padding:clamp(48px,8vh,120px) var(--header-x-right) clamp(64px,10vh,150px) var(--header-x-left)}.worknav__inner{display:grid;gap:clamp(16px,2vw,40px);grid-template-columns:repeat(2,1fr)}.worknav__item{aspect-ratio:613/350;background-color:#d9d9d9;border-radius:clamp(16px,1.5vw,28px);display:block;overflow:hidden;position:relative;text-decoration:none}.worknav__media{display:block;inset:0;position:absolute;transition:transform .7s cubic-bezier(.22,1,.36,1)}.worknav__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.worknav__media .media-placeholder{display:flex;inset:0;position:absolute}.worknav__item:after{background:linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.15) 42%,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.worknav__bar{align-items:center;bottom:clamp(16px,1.8vw,34px);display:flex;gap:clamp(10px,1vw,20px);left:clamp(20px,2vw,40px);position:absolute;right:clamp(20px,2vw,40px);z-index:2}.worknav__arrow{align-items:center;color:var(--c-white);display:inline-flex;flex:0 0 auto;height:clamp(34px,3vw,58px);justify-content:center;transition:transform .45s cubic-bezier(.22,1,.36,1);width:clamp(34px,3vw,58px)}.worknav__arrow svg{height:100%;width:100%}.worknav__text{display:flex;flex-direction:column;min-width:0}.worknav__label{color:hsla(0,0%,100%,.75);font-size:clamp(12px,.95vw,18px);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.worknav__title{color:var(--c-white);font-size:clamp(24px,2.8vw,54px);font-weight:500;line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worknav__item--next .worknav__bar{flex-direction:row-reverse}.worknav__item--next .worknav__text{align-items:flex-end;text-align:right}@media(hover:hover)and (pointer:fine){.worknav:hover .worknav__item:hover .worknav__media{transform:scale(1.05)}.worknav:hover .worknav__item--prev:hover .worknav__arrow{transform:translateX(-8px)}.worknav:hover .worknav__item--next:hover .worknav__arrow{transform:translateX(8px)}}@media(max-width:767.98px){.worknav__inner{grid-template-columns:1fr}.worknav__item{aspect-ratio:16/10}}