.work-case{min-width:0;color:#fff}.work-case-link{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:.76;overflow:hidden;border-radius:18px;background:#272725;container-type:inline-size;outline-offset:7px}.work-case-link:focus-visible{outline:2px solid #ff7929}.work-case-cover{position:absolute;inset:-5% 0;pointer-events:none}.work-case-cover img{object-fit:cover;object-position:center}.work-case-open{position:absolute;right:22px;bottom:22px;z-index:5;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff7a;border-radius:50%;color:#fff;background:#15151542;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .35s,background .35s,transform .55s cubic-bezier(.22,1,.36,1)}.work-case-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:24px}.work-case-caption .work-case-title{margin:0;font-size:clamp(21px,1.6vw,27px);font-weight:450;letter-spacing:-.035em;line-height:1.2}.work-case-caption>span{font-size:11px;line-height:1.4;color:#aeaeae;text-align:right}.work-case-summary{max-width:410px;margin:11px 0 0;font-size:15px;line-height:1.5;letter-spacing:-.015em;color:#d1d1d1}.work-case-episode{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:0;clip-path:inset(100% 0 0);transition:clip-path .85s cubic-bezier(.22,1,.36,1),opacity .35s;contain:paint}.work-case-episode-note{position:absolute;left:8%;right:18%;bottom:7%;font-size:2.35cqw;line-height:1.4;letter-spacing:-.02em}.work-case-episode-mian{background:#d9d0c2;color:#32251e}.work-case-catalog-back{position:absolute;inset:14% 7% 19%;background:#ad0c13;transform:rotate(7deg) translateY(1.8cqw);box-shadow:0 5cqw 9cqw #4d2d2524}.work-case-catalog{position:absolute;inset:11% 9% 16%;padding:5cqw 4.6cqw 3cqw;background:#f8f5ef;transform:rotate(-4deg);box-shadow:0 .15cqw .4cqw #35251e16,0 4cqw 8cqw #4a302b30;transform-origin:50% 80%}.work-case-catalog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5cqw}.work-case-mian-mark{display:block;width:31cqw;height:4.1cqw;background:#ce121b;-webkit-mask:url(/media/brands/mian-logo.png) center/contain no-repeat;mask:url(/media/brands/mian-logo.png) center/contain no-repeat}.work-case-catalog-menu{display:flex;flex-direction:column;gap:1cqw;width:3.2cqw}.work-case-catalog-menu i{display:block;height:1px;background:#867c72}.work-case-catalog-window{overflow:hidden}.work-case-catalog-track{display:flex;width:300%}.work-case-catalog-page{flex:0 0 33.333333%;min-width:0}.work-case-catalog-eyebrow{display:block;margin-bottom:2cqw;font-size:2.2cqw;line-height:1.2;letter-spacing:.025em;color:#85796d}.work-case-catalog-title{display:block;font-size:9.5cqw;font-weight:450;line-height:1.05;letter-spacing:-.065em;margin-bottom:4cqw}.work-case-room-image{position:relative;height:47cqw;overflow:hidden;background:#c6baa6}.work-case-room-image img{object-fit:cover;object-position:center}.work-case-catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding-top:3cqw;font-size:2.5cqw;line-height:1.3}.work-case-catalog-footer>span:last-child{font-size:5cqw;line-height:1}.work-case-catalog-progress{height:1px;background:#d9cec1;margin-top:4cqw;overflow:hidden}.work-case-catalog-progress>span{display:block;width:33.333333%;height:100%;background:#bf1720}.work-case-episode-kpmetr{background:#1552eb;color:white}.work-case-kp-heading{position:absolute;top:8%;left:8%;right:8%;display:flex;align-items:flex-start;justify-content:space-between;gap:5cqw;line-height:1.3}.work-case-kp-heading>span:first-child{font-size:4.3cqw;font-weight:650;letter-spacing:-.035em}.work-case-kp-heading>span:last-child{font-size:2.5cqw;text-align:right;color:#dce5ff}.work-case-document{position:absolute;width:49%;height:49%;top:27%;padding:6cqw 5cqw;background:#f7f9ff;color:#325086;box-shadow:0 2cqw 5cqw #071c4e2b}.work-case-document-left{left:8%;transform:translate(-6%) rotate(-13deg)}.work-case-document-right{right:8%;transform:translate(6%,-7%) rotate(12deg);background:#dce7ff}.work-case-paper-name{display:block;font-size:3cqw;letter-spacing:-.035em}.work-case-paper-lines{display:flex;flex-direction:column;gap:4cqw;margin-top:6cqw}.work-case-paper-lines i{display:block;width:100%;height:1px;background:#aebcd5}.work-case-paper-lines i:nth-child(2){width:73%}.work-case-paper-lines i:nth-child(4){width:58%}.work-case-matrix{position:absolute;top:29%;left:7%;right:7%;padding:5cqw 4.5cqw 4cqw;background:#fff;color:#152949;box-shadow:0 .25cqw .5cqw #152b611a,0 6cqw 12cqw #08256b47;transform:translateY(6cqw) rotate(4deg);opacity:0}.work-case-matrix-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6cqw;font-size:6.2cqw;font-weight:450;letter-spacing:-.06em}.work-case-matrix-symbol{font-size:5cqw;line-height:1;color:#2b5fec}.work-case-matrix-columns,.work-case-matrix-row{display:grid;grid-template-columns:1.15fr 1fr .65fr;align-items:center;gap:3cqw}.work-case-matrix-columns{padding-bottom:3cqw;font-size:1.9cqw;color:#8893a5;letter-spacing:.01em}.work-case-matrix-columns>span:last-child{text-align:center}.work-case-matrix-row{min-height:10cqw;border-top:1px solid #e9edf4;font-size:2.6cqw;opacity:0;transform:translateY(2cqw)}.work-case-matrix-value{display:flex;flex-direction:column;gap:1.3cqw}.work-case-matrix-value i{display:block;width:90%;height:1px;background:#9baac0}.work-case-matrix-value i:last-child{width:65%;background:#c2cad7}.work-case-matrix-status{display:grid;place-items:center;justify-self:center;width:4.4cqw;height:4.4cqw;background:#e5edff;color:#2c5dda;border-radius:50%}.work-case-matrix-status svg{width:2.6cqw;height:2.6cqw}.work-case-matrix-bottom{display:flex;align-items:center;gap:1.8cqw;margin-top:4cqw;padding-top:4cqw;border-top:1px solid #e9edf4;font-size:2cqw;color:#7a889b}.work-case-matrix-dot{width:1.2cqw;height:1.2cqw;background:#4c76e4;border-radius:50%}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.work-case-link:is(:hover,:focus-within) .work-case-episode{clip-path:inset(0);opacity:1}.work-case-link:is(:hover,:focus-within) .work-case-open{color:#111;background:#fff;transform:rotate(45deg)}.work-case-link:is(:hover,:focus-within) .work-case-catalog{animation:work-case-catalog-settle 1.2s cubic-bezier(.22,1,.36,1) both}.work-case-link:is(:hover,:focus-within) .work-case-catalog-track{animation:work-case-catalog-pages 10.5s cubic-bezier(.7,0,.2,1) .25s infinite}.work-case-link:is(:hover,:focus-within) .work-case-catalog-progress>span{animation:work-case-catalog-progress 10.5s cubic-bezier(.7,0,.2,1) .25s infinite}.work-case-link:is(:hover,:focus-within) .work-case-document-left{animation:work-case-document-left 8s cubic-bezier(.22,1,.36,1) .25s infinite}.work-case-link:is(:hover,:focus-within) .work-case-document-right{animation:work-case-document-right 8s cubic-bezier(.22,1,.36,1) .25s infinite}.work-case-link:is(:hover,:focus-within) .work-case-matrix{animation:work-case-matrix 8s cubic-bezier(.22,1,.36,1) .25s infinite}.work-case-link:is(:hover,:focus-within) .work-case-matrix-row{animation:work-case-matrix-row 8s ease .25s infinite}.work-case-link:is(:hover,:focus-within) .work-case-matrix-row-1{animation-name:work-case-matrix-row-next}.work-case-link:is(:hover,:focus-within) .work-case-matrix-row-2{animation-name:work-case-matrix-row-last}}@keyframes work-case-catalog-settle{0%{transform:translateY(9cqw) rotate(-9deg)}to{transform:translateY(0) rotate(-4deg)}}@keyframes work-case-catalog-pages{0%,23%{transform:translateX(0)}32%,55%{transform:translateX(-33.333333%)}64%,87%{transform:translateX(-66.666667%)}to{transform:translateX(0)}}@keyframes work-case-catalog-progress{0%,23%{transform:translateX(0)}32%,55%{transform:translateX(100%)}64%,87%{transform:translateX(200%)}to{transform:translateX(0)}}@keyframes work-case-document-left{0%,6%,to{transform:translate(-6%) rotate(-13deg);opacity:1}27%,76%{transform:translate(16%,-3%) rotate(-5deg);opacity:.68}87%{transform:translate(-6%) rotate(-13deg);opacity:1}}@keyframes work-case-document-right{0%,6%,to{transform:translate(6%,-7%) rotate(12deg);opacity:1}27%,76%{transform:translate(-16%,-7%) rotate(6deg);opacity:.8}87%{transform:translate(6%,-7%) rotate(12deg);opacity:1}}@keyframes work-case-matrix{0%,12%,to{transform:translateY(6cqw) rotate(4deg);opacity:0}29%,77%{transform:translateY(0) rotate(-2deg);opacity:1}89%{transform:translateY(-4cqw) rotate(-2deg);opacity:0}}@keyframes work-case-matrix-row{0%,27%,92%,to{opacity:0;transform:translateY(2cqw)}36%,82%{opacity:1;transform:translateY(0)}}@keyframes work-case-matrix-row-next{0%,32%,92%,to{opacity:0;transform:translateY(2cqw)}41%,82%{opacity:1;transform:translateY(0)}}@keyframes work-case-matrix-row-last{0%,37%,92%,to{opacity:0;transform:translateY(2cqw)}46%,82%{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.work-case-caption{display:block}.work-case-caption>span{display:block;text-align:left;margin-top:8px}}@media(max-width:700px){.work-case-link{border-radius:14px}.work-case-caption{margin-top:19px}.work-case-caption .work-case-title{font-size:22px}.work-case-caption>span{font-size:11px}.work-case-summary{font-size:14px;margin-top:9px}.work-case-open{width:40px;height:40px;right:17px;bottom:17px}}@media(prefers-reduced-motion:reduce){.work-case{opacity:1!important}.work-case,.work-case-cover{transform:none!important}.work-case-episode{display:none}.work-case-open{transition:none}}