.hero{position:relative;overflow:hidden;height:100dvh;aspect-ratio:1600/900;width:100%;background:#151515;min-height:660px}@media screen and (min-width: 1200px){.hero{min-height:720px}}@media screen and (max-width: 767px){.hero{height:calc(100dvh - 50px)}}.mode-login .hero{height:calc(100dvh - var(--ccm-tool-bar, 0px))}.main-article{position:relative;width:100%}.main-article .work-tabs{width:100%;position:relative;z-index:5;--work-tabs-sticky-top: 0px;padding-top:12px;border-bottom:1px solid rgba(255,255,255,.1)}.mode-login .main-article .work-tabs{--work-tabs-sticky-top: 50px}@media screen and (min-width: 992px){.mode-login .main-article .work-tabs{padding-top:64px}}@media screen and (max-width: 991px){.mode-login .main-article .work-tabs{padding-top:0}}@media screen and (min-width: 992px){.main-article .work-tabs{margin-top:-100px}}.mode-login .main-article .work-tabs{margin-top:-65px}@media screen and (min-width: 992px){.mode-login .main-article .work-tabs{margin-top:-135px}}.main-article .work-tabs.is-sticky{position:sticky;top:var(--work-tabs-sticky-top);z-index:30;background:rgba(13,13,13,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.main-article .work-tabs__list{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none}.main-article .work-tabs__item{margin:0;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}.main-article .work-tabs__toggle{display:none;width:100%;align-items:center;justify-content:center;gap:8px;padding:16px 16px 16px 21px;border:1px solid rgba(255,255,255,.1);background:#0d0d0d;color:var(--color-white-1, #fff);cursor:pointer}.main-article .work-tabs__toggle-label{font-family:var(--font-family-dm-mono);font-size:12px;font-style:normal;font-weight:400;line-height:1;letter-spacing:.08em;text-transform:uppercase}.main-article .work-tabs__toggle-icon{flex-shrink:0;-webkit-transition:transform .25s ease;-moz-transition:transform .25s ease;-ms-transition:transform .25s ease;-o-transition:transform .25s ease;transition:transform .25s ease}.main-article .work-tabs.is-open .work-tabs__toggle-icon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.main-article .work-tabs__button{position:relative;display:inline-flex;justify-content:inherit;-webkit-justify-content:inherit;align-items:inherit;-webkit-align-items:inherit;-webkit-flex-wrap:inherit;flex-direction:inherit;-webkit-flex-direction:inherit;align-items:center;-webkit-align-items:center;min-height:32px;padding:0;border:0;background:transparent;color:var(--color-white-1, #fff);font-family:var(--font-family-dm-mono);font-size:12px;font-style:normal;font-weight:400;line-height:1;letter-spacing:.08em;text-transform:uppercase;opacity:.5;text-shadow:0 6px 20px rgba(0,0,0,.32);-webkit-transition:opacity .25s ease,color .25s ease,transform .25s ease;-moz-transition:opacity .25s ease,color .25s ease,transform .25s ease;-ms-transition:opacity .25s ease,color .25s ease,transform .25s ease;-o-transition:opacity .25s ease,color .25s ease,transform .25s ease;transition:opacity .25s ease,color .25s ease,transform .25s ease;cursor:pointer}.main-article .work-tabs__button::after{content:"";position:absolute;left:0;right:0;bottom:0px;height:1px;background:#fff;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:transform .25s ease;-moz-transition:transform .25s ease;-ms-transition:transform .25s ease;-o-transition:transform .25s ease;transition:transform .25s ease}.main-article .work-tabs__button:focus-visible,.main-article .work-tabs__button.is-active{opacity:1}.main-article .work-tabs__button:focus-visible::after,.main-article .work-tabs__button.is-active::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.main-article .work-tabs__button:focus-visible{outline:0}@media(hover: hover)and (pointer: fine){.main-article .work-tabs__button:hover{opacity:1}.main-article .work-tabs__button:hover::after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}}.main-article .selected-work[hidden]{display:none !important}.main-article .selected-work.is-active{display:block}@media(max-width: 991px){.main-article .work-tabs{position:fixed !important;top:auto !important;bottom:0 !important;left:0;right:0;width:100%;margin:0 !important;padding-top:0;border-bottom:0;z-index:40}.main-article .work-tabs__toggle{display:flex}.main-article .work-tabs__list{position:absolute;left:0;right:0;bottom:100%;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;max-height:60vh;overflow-y:auto;background:#0d0d0d;border:1px solid rgba(255,255,255,.1);border-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);-webkit-transition:opacity .25s ease,transform .25s ease,visibility .25s ease;-moz-transition:opacity .25s ease,transform .25s ease,visibility .25s ease;-ms-transition:opacity .25s ease,transform .25s ease,visibility .25s ease;-o-transition:opacity .25s ease,transform .25s ease,visibility .25s ease;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.main-article .work-tabs.is-open .work-tabs__list{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.main-article .work-tabs__item{width:100%;margin:0}.main-article .work-tabs__item+.work-tabs__item{border-top:1px solid rgba(255,255,255,.1)}.main-article .work-tabs__button{width:100%;min-height:48px;justify-content:space-between;padding:14px 21px;opacity:.6}.main-article .work-tabs__button::after{display:none}.main-article .work-tabs__button.is-active{opacity:1;background:rgba(255,255,255,.06)}.site-footer{margin-top:100px}}/*# sourceMappingURL=work.css.map */