.page--work{--hair: rgba(242, 240, 235, .18);--k: 1}@media (max-width: 767px){.page--work{--k: .8}}.wk-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:min(72vh,760px);min-height:min(72svh,760px);padding-bottom:clamp(40px,7vh,88px)}.wk-hero__title{font-size:min(44vh,30vw);font-size:min(44svh,30vw);line-height:.82;letter-spacing:.005em;text-transform:uppercase;margin-left:-.04em}.wk-hero__line{margin-top:clamp(16px,3vh,28px);font-size:clamp(18px,1.6vw,22px);line-height:1.4}.wk-hero__down{display:inline-flex;align-items:center;justify-content:center;width:var(--target);height:var(--target);margin:clamp(20px,4vh,40px) 0 0 -10px;color:var(--gold)}.wk-hero__down svg{width:22px;height:auto;fill:currentColor}@keyframes wk-drop{0%{opacity:0;transform:translate3d(0,-32px,0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.wk-hero__down svg{animation:wk-drop 1.2s cubic-bezier(.16,1,.3,1) .3s both}}.wk-h2{padding-top:20px;margin-bottom:clamp(28px,3.5vw,48px);border-top:1px solid var(--hair);font-size:var(--type-h1);line-height:1;text-transform:uppercase}.wk-cases:focus{outline:none}.wk-cases{padding-top:clamp(40px,6vw,96px)}.wk-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--gutter)}.wk-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.wk-card__stage{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;background:var(--night)}.wk-card__stage>.case-dev{transition:transform .5s cubic-bezier(.16,1,.3,1)}.wk-dev--lap{width:82%;filter:none}.wk-dev--lap .case-dev__lid{box-shadow:inset 0 0 0 1px #f2f0eb21,0 24px 36px #0000008c}.wk-dev--phone{width:auto;height:86%;aspect-ratio:585 / 1266;padding:2.4%;border-radius:13%/6%}.wk-dev--phone .case-dev__scr{border-radius:11%/5%;height:100%}.wk-dev--phone .case-dev__scr img{width:100%;height:100%;object-fit:cover;object-position:top}.wk-dev--phone .case-dev__isl{top:4.4%;height:2.6%}.wk-card__text{display:grid;gap:4px;padding:18px 0 4px}.wk-card__name{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:clamp(28px,2.6vw,40px);line-height:1.05;text-transform:uppercase}.wk-card__chev{width:14px;height:auto;fill:currentColor;transition:transform .25s ease,fill .25s ease}.wk-card__type{color:var(--taupe);font-size:15px}.wk-card__link:hover .wk-card__stage>.case-dev,.wk-card__link:focus-visible .wk-card__stage>.case-dev{transform:scale(1.035)}.wk-card__link:hover .wk-card__chev,.wk-card__link:focus-visible .wk-card__chev{fill:var(--gold);transform:translate(4px)}.wk-card__link:focus-visible{outline:var(--focus-width) solid var(--gold);outline-offset:6px}.wk-index{padding:var(--section-space) 0}.wk-filter{display:none;flex-wrap:wrap;gap:8px;margin:0 0 clamp(32px,4vw,56px)}html.js .wk-filter{display:flex}.wk-filter__btn{display:inline-flex;align-items:center;min-height:var(--target);padding:0 18px;border:1px solid var(--hair);border-radius:999px;background:none;color:var(--ivory);font:500 14px/1 var(--font-text);letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,color .2s ease}.wk-filter__btn:hover{border-color:var(--ivory)}.wk-filter__btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.wk-group+.wk-group{margin-top:clamp(48px,6vw,88px)}.wk-group[hidden]{display:none}.wk-group__title{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;font-size:clamp(28px,3vw,44px);line-height:1;text-transform:uppercase}.wk-group__count{font-family:var(--font-text);font-size:14px;font-weight:500;color:var(--taupe);letter-spacing:.04em}.wk-group__rows{border-bottom:1px solid var(--hair)}.wk-row{position:relative;display:grid;grid-template-columns:calc(150px * var(--k)) minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);align-items:center;gap:8px clamp(16px,2.4vw,40px);min-height:80px;padding:14px 0;border-top:1px solid var(--hair)}.wk-row__logo{display:flex;align-items:center;justify-content:center;height:calc(48px * var(--k))}.wk-row__logo img{display:block;flex:none;width:calc(var(--lw) * var(--k));height:calc(var(--lh) * var(--k))}.wk-row__logotext{display:flex;align-items:center;justify-content:center;width:calc(120px * var(--k));height:calc(48px * var(--k));font-size:calc(15px * var(--k));font-weight:500;line-height:1.2;text-align:center;color:#f2f0eb99}.wk-row__name{font-size:clamp(17px,1.4vw,20px);font-weight:500;line-height:1.3;overflow-wrap:anywhere}.wk-row__status{display:inline-block;margin-left:8px;padding:3px 8px;border:1px solid var(--hair);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--taupe);vertical-align:2px}.wk-row__type{color:var(--taupe);font-size:15px;line-height:1.4}.wk-row__acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 20px}.wk-row__acts a{display:inline-flex;align-items:center;gap:8px;min-height:var(--target);font-size:15px;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--taupe)}.wk-row__arrow{display:inline-block;transition:transform .2s ease,color .2s ease}.wk-row__acts a:hover,.wk-row__acts a:focus-visible{text-decoration-color:currentColor}.wk-row__acts a:hover .wk-row__arrow,.wk-row__acts a:focus-visible .wk-row__arrow{color:var(--gold);transform:translate(3px)}.wk-row__ext:hover .wk-row__arrow,.wk-row__ext:focus-visible .wk-row__arrow{transform:translate(2px,-2px)}.wk-row--case .wk-row__case:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.wk-row--case .wk-row__ext{position:relative;z-index:1}.wk-row--case:hover{background:#f2f0eb08}@media (max-width: 1023px){.wk-row{grid-template-columns:calc(150px * var(--k)) minmax(0,1fr) auto}.wk-row__type{grid-column:2;grid-row:2}.wk-row__name{grid-column:2}.wk-row__acts{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:flex-end;gap:0}}@media (max-width: 559px){.wk-row{grid-template-columns:calc(150px * var(--k)) minmax(0,1fr);column-gap:16px}.wk-row__logo{grid-row:1 / span 2}.wk-row__acts{grid-column:2;grid-row:3;flex-direction:row;align-items:center;justify-content:flex-start;gap:0 20px}.wk-filter__btn{padding:0 14px;font-size:13px}}@media (prefers-reduced-motion: reduce){.wk-card__stage>.case-dev,.wk-card__chev,.wk-row__arrow,.wk-filter__btn{transition:none}.wk-card__link:hover .wk-card__stage>.case-dev,.wk-card__link:focus-visible .wk-card__stage>.case-dev{transform:none}}@media (max-width: 767px){.wk-hero{min-height:58vh;min-height:58svh}.wk-hero__title{font-size:min(44svh,40vw)}}