:root{--black-color: #000;--black-color-opaque: rgba(0, 0, 0, 0.7);--gray-color-opaque: rgba(101, 99, 99, 0.7);--blue-color-opaque: rgba(67, 159, 248, 0.2);--white-color: #fff;--vapor-blue: #009fff;--vapor-pink: #ff00bc;--loading-gray: #babbbc;--accent-color: var(--vapor-pink);--accent-hover-color: var(--vapor-pink);--body-bg-color-dark-mode: #000;--spacer-1: 6px;--spacer-2: 8px;--spacer-3: 16px;--spacer-4: 24px;--spacer-5: 32px;--spacer-6: 40px;--spacer-7: 48px;--spacer-8: 64px;--spacer-9: 96px;--spacer-10: 120px;--font-family: "Poppins", sans-serif;--font-weight-bold: bold;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-default: 500;--font-weight-regular: 400;--text-shadow-vapor: -5px 5px 0 var(--vapor-pink);--sm-text-shadow-vapor: -3px 2px 0 var(--vapor-pink);--body-bg-color: var(--white-color);--main-text-color: var(--black-color);--alt-text-color: var(--vapor-pink);--article-text-color: var(--black-color);--article-bg-color: var(--body-bg-color);--grid-template-columns: 1;--grid-template-column-size: 1fr;--grid-column-gap: 0;--grid-row-gap: 0;--card-link-text-color: var(--white-color);--card-hover-bg-color: var(--gray-color-opaque);--card-hover-bg-color: var(--blue-color-opaque);--z-index-low: 1;--z-index-mid: 2;--z-index-high: 3;--overlay-bg-color: var(--black-color-opaque);--opacity-hover: 0.75;--button-bg-color: var(--white-color);--button-border-radius: 50%;--button-width: 53px;--button-height: var(--button-width);--button-width-lg: var(--spacer-8);--button-height-lg: var(--button-width-lg);--icon-1: var(--spacer-3);--icon-2: var(--spacer-4);--icon-3: var(--spacer-5);--icon-lg: var(--spacer-5);--icon-stroke-color: var(--black-color);--sections-animation-push-up-duration: 0.55s;--loading-animation: hintloading 2s ease-in-out 0s infinite reverse}@media(prefers-color-scheme: dark){:root{--body-bg-color: var(--body-bg-color-dark-mode);--main-text-color: var(--white-color);--text-shadow-vapor: -5px 5px 0 var(--vapor-blue);--sm-text-shadow-vapor: -3px 2px 0 var(--vapor-blue);--article-text-color: var(--white-color);--button-bg-color: var(--black-color);--icon-stroke-color: var(--white-color);--overlay-bg-color: var(--gray-color-opaque)}}html{line-height:1.15}body{font-family:var(--font-family);color:var(--main-text-color);background-color:var(--body-bg-color);margin:0;-webkit-transition:all .15s cubic-bezier(0.25, 0.8, 0.25, 1);-o-transition:all .15s cubic-bezier(0.25, 0.8, 0.25, 1);transition:all .15s cubic-bezier(0.25, 0.8, 0.25, 1);-webkit-transition:all .17s cubic-bezier(0.25, 0.8, 0.25, 1);-o-transition:all .17s cubic-bezier(0.25, 0.8, 0.25, 1);transition:all .17s cubic-bezier(0.25, 0.8, 0.25, 1);-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s;overflow-x:hidden}body.custom-cursor,body.custom-cursor iframe body,body.custom-cursor a:-webkit-any-link,body.custom-cursor a:hover,body.custom-cursor .btn:hover,body.custom-cursor .card:hover{cursor:none}.cursor{--cursor-size: var(--spacer-5);--cursor-border-color: var(--main-text-color);--cursor-bg-color: var(--cursor-border-color);--cursor-bg-color: var(--body-bg-color);--cursor-icon-opacity: 0;position:fixed;z-index:10;width:var(--cursor-size);background-color:var(--cursor-bg-color);height:var(--cursor-size);border:2px solid var(--cursor-border-color);border-radius:50%}.cursor--image{--cursor-size: var(--spacer-6);background-image:var(--cursor-bg-image);background-size:cover;background-position:center}.cursor--icon{display:flex;align-items:center;justify-content:center}.cursor--icon .icon{opacity:var(--cursor-icon-opacity)}.hidden,.hidden.grid,.hidden.flex{display:none}.invisible{opacity:0}.inactive{opacity:var(--opacity-inactive)}.no-border-bottom{border-bottom:0}.no-border-top{border-bottom:0}@media screen and (min-width: 768px){.wrapper--max-width{width:var(--app-wrapper-max-width-lg)}}.highlight{outline:2px solid var(--accent-color);outline-offset:-2px}.no-scroll{overflow:hidden}.lazy{opacity:0}.blue{color:var(--vapor-blue)}.pink{color:var(--vapor-pink)}.black{color:var(--black-color)}.color--alt-text{color:var(--alt-text-color)}:root{--wrapper-margin: 3vw;--wrapper-max-width-below-lg: calc(100vw - (2 * var(--wrapper-margin) ));--wrapper-max-width: var(--wrapper-max-width-below-lg);--wrapper-max-width-lg: 1344px}div{display:block}.grid{display:grid;grid-template-columns:repeat(var(--grid-template-columns), var(--grid-template-column-size));grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.wrapper{width:100%;max-width:var(--wrapper-max-width);margin-left:var(--wrapper-margin);margin-right:var(--wrapper-margin)}@media only screen and (min-width: 1024px)and (max-width: 1439px){.wrapper{--wrapper-margin: var(--spacer-5)}}@media only screen and (min-width: 1440px){.wrapper{--wrapper-margin: var(--spacer-7);--wrapper-max-width: var(--wrapper-max-width-lg)}.wrapper .intro{margin-left:0}}.full_col{-webkit-box-orient:vertical;-webkit-box-direction:normal}.full_col.flex{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.full_col.grid{--grid-template-columns: 3;--grid-template-column-size: 1fr;--grid-column-gap: 0;--grid-row-gap: var(--spacer-4)}.flex{display:flex}.flex--column{flex-direction:column;align-items:center}.projects.full_col.grid{--grid-colmn-gap: var(--spacer-5);--grid-row-gap: var(--spacer-8);--grid-template-columns: 3;--grid-template-column-size: 1fr;--grid-column-gap: 0}@media only screen and (max-width: 767px){.projects.full_col.grid{--grid-template-columns: 1}}@media only screen and (min-width: 768px)and (max-width: 1023px){.projects.full_col.grid{--grid-column-gap: var(--spacer-4)}}@media only screen and (min-width: 1024px){.projects.full_col.grid{--grid-column-gap: var(--spacer-5)}}:root{--animation-push-duration: 0.3s;--animation-push-duration-md: 0.45s;--animation-wiggle-duration: 0.3s}@media screen and (min-width: 768px){:root{--animation-push-duration: var(--animation-push-duration-md)}}.animation.playing{animation-play-state:running}@keyframes pushToRight{0%{width:100vw;transform:translateX(0)}99%{width:100vw}100%{width:0;transform:translateX(100vw)}}@keyframes pushToLeft{0%{width:100vw;transform:translateX(0)}99%{width:100vw}100%{width:0;transform:translateX(-100vw)}}@keyframes pushFromRightToCenter{0%{width:100vw;transform:translateX(100vw)}100%{transform:translateX(0)}}@keyframes pushFromLeftToCenter{0%{width:100vw;transform:translateX(-100vw)}100%{transform:translateX(0)}}@keyframes wiggle{0%{transform:rotateZ(0deg)}25%{transform:rotateZ(-5deg);transform:rotateZ(-3.75deg)}50%{transform:rotateZ(5deg);transform:rotateZ(3.75deg)}100%{transform:rotateZ(0deg)}}.push-to-right{animation:pushToRight var(--animation-push-duration) forwards;animation-iteration-count:1}.push-to-left{animation:pushToLeft var(--animation-push-duration) forwards;animation-iteration-count:1}.push-to-center{animation:pushFromLeftToCenter var(--animation-push-duration) forwards;animation-iteration-count:1}.push-to-center--left{animation:pushFromLeftToCenter var(--animation-push-duration) forwards;animation-iteration-count:1}.push-to-center--right{animation:pushFromRightToCenter var(--animation-push-duration) forwards;animation-iteration-count:1}.wiggle{will-change:transform;transform-style:preserve-3d;animation:wiggle var(--animation-wiggle-duration) forwards;animation-play-state:paused;animation-iteration-count:1}.wiggle:hover{animation-play-state:running}.push-up{will-change:transform,opacity;animation:push-up var(--animation-push-up-duration, 1s) forwards;animation-iteration-count:1;animation-play-state:paused;transition:opacity var(--animate-op-duration, 0.5s) linear,transform var(--animate-trans-duration, 0.75s) ease-out,-webkit-transform var(--animate-in-trans-duration, 0.75s) ease-out}@keyframes push-up{0%{transform:translateY(35px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes hintloading{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@-webkit-keyframes hintloading{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}.text-shadow--vapor{text-shadow:var(--text-shadow-vapor)}h1,.h1,h2,.h2{font-size:9.375rem;font-weight:var(--font-weight-bold);letter-spacing:-2px;line-height:.9;margin-bottom:var(--spacer-3)}.article h2,.project-title,h2.project-title{font-size:3.75rem;line-height:1.11;font-weight:var(--font-weight-regular)}h3,.h3,p.p--bio{font-size:1.5rem;font-weight:var(--font-weight-semibold);letter-spacing:0;line-height:1.5}.h4{font-size:1.5em;font-weight:var(--font-weight-semibold);letter-spacing:2px;line-height:1.0416666667}.h5,p.p--small{font-size:1em;font-weight:var(--font-weight-medium);letter-spacing:.25px;line-height:1.5}a{text-decoration:none}a,a:visited{color:var(--accent-color)}a:hover{color:var(--accent-hover-color)}a.main-link,a.main-link:hover,a.main-link:visited{color:var(--main-text-color)}p{font-size:1.5em;line-height:1.5;font-weight:var(--font-weight-regular);color:var(--article-text-color)}@media only screen and (max-width: 424px){p.p--bio{font-size:clamp(1.025rem,.3392857143rem + 3.4285714286vw,1.25rem)}}@media only screen and (min-width: 425px)and (max-width: 767px){p.p--bio{font-size:clamp(1.25rem,.9402332362rem + 1.166180758vw,1.5rem)}}.article{font-size:9.5px}.article h2{font-size:3.75em}.article h3{font-size:1.5em}.article ul,.article ol,.article a,.article button{font-size:1.5em;line-height:1.5;font-weight:var(--font-weight-regular)}@media screen and (min-width: 768px){.article{font-size:14px}}@media screen and (min-width: 1440px){.article{font-size:16px}}.italic{font-style:italic}.article h2,.article h2.project-title,.article h3,.article p,.article ul{color:var(--article-text-color)}@media screen and (max-width: 767px){.article ul,.article ol{padding-left:var(--spacer-6)}}@media only screen and (max-width: 767px){.text-shadow--vapor{text-shadow:var(--sm-text-shadow-vapor)}h1,.h1,h2,.h2{font-size:clamp(3.6rem,1.5285714286rem + 10.3571428571vw,6.5rem)}p,.p--bio{font-size:1rem}}@media only screen and (min-width: 768px)and (max-width: 1023px){h1,h2{font-size:6.5rem}}.icon{color:var(--icon-stroke-color)}.icon--stroke{stroke:currentColor}.icon--fill{fill:currentColor}.icon--1{width:var(--icon-1);height:var(--icon-1)}.icon--2{width:var(--icon-2);height:var(--icon-2)}.icon--3{width:var(--icon-3);height:var(--icon-3)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}button,.btn{outline:none;border:none;width:var(--button-width);height:var(--button-height)}button--background,button--icon,.btn--background,.btn--icon{background-color:var(--button-bg-color);border-radius:var(--button-border-radius)}button--icon,.btn--icon{display:flex;align-items:center;justify-content:center}button--molding,.btn--molding{--button-width: 100%;--button-height: 100%;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 1440px){button--lg,.btn--lg{--button-width: var(--button-width-lg);--button-height: var(--button-height-lg)}button--lg .icon,.btn--lg .icon{width:var(--icon-lg);height:var(--icon-lg)}}button--text,.btn--text{background-color:rgba(0,0,0,0);color:var(--accent-color)}button:hover,.btn:hover{cursor:pointer}button:hover,button:hover .icon,.btn:hover,.btn:hover .icon{color:var(--accent-color)}:root{--card-height-sm: auto;--card-height-md-to-lg: 235px;--card-height-lg: auto;--card-height: var(--card-height-sm)}.card{background-size:cover;background:#fff;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--card-height);overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;-webkit-transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);-o-transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);-webkit-filter:grayscale(1);filter:grayscale(1)}.card:hover{cursor:pointer;-webkit-filter:unset;filter:unset}.card__btn{position:absolute;inset:0;display:block;width:100%;height:100%}.card--portfolio--thumbnail{background-image:var(--card--portfolio-thumbnail)}.card__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.card--has-buttons:hover .card__btn-wrapper,.card--has-buttons.show-buttons .card__btn-wrapper{opacity:1}.card--round{border-radius:var(--spacer-3)}.card__btn-wrapper{align-items:center;flex-direction:row;justify-content:space-evenly;opacity:0;flex-grow:1;background-color:var(--card-hover-bg-color)}.card__link__text{color:var(--card-link-text-color)}@media only screen and (max-width: 767px){.card{aspect-ratio:16/9}}@media only screen and (min-width: 768px){.card{--card-height: var(--card-height-md-to-lg)}}@media only screen and (min-width: 1440px){.card{aspect-ratio:16/9}}.service__title,.service__description{margin:0}.service__title{color:var(--main-text-color)}@media only screen and (min-width: 768px)and (max-width: 1023px){.service__title{font-size:clamp(1.2rem,.3rem + 1.875vw,1.5rem)}}.service__description{margin-top:var(--spacer-1)}.iframe-video-wrapper{padding:76.19% 0 0 0;position:relative}.iframe-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project__card-wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:flex;flex-direction:column}.project__card-wrapper.push-up{--animation-push-up-duration: var(--sections-animation-push-up-duration)}.project__card-wrapper.animation .lazy{transition:none}.project__card-wrapper.loading .card__image,.project__card-wrapper.loading .project__title,.project__card-wrapper.loading .project__subtitle{background-color:var(--loading-gray);color:rgba(0,0,0,0);animation:var(--loading-animation)}.project__card-wrapper.loading .project__title{width:90%}.project__card-wrapper.loading .project__subtitle{width:80%}.project__title{margin-top:var(--spacer-4);margin-bottom:0}@media only screen and (min-width: 768px)and (max-width: 1023px){.project__title{font-size:clamp(1.2rem,.3rem + 1.875vw,1.5rem)}}.project__subtitle{margin-top:var(--spacer-1);margin-bottom:0}@media only screen and (max-width: 767px){.project__card-wrapper.active .card{filter:none}}.article{--header-image-height: auto;--content-wrapper-padding: var(--spacer-4);--title-bottom-spacing: var(--spacer-3);--article-grid-row-gap: var(--spacer-3);background-color:var(--article-bg-color);color:var(--article-text-color)}.article__content-wrapper{padding:var(--content-wrapper-padding);padding-top:0}.article__content-wrapper.grid{--grid-row-gap: var(--article-grid-row-gap)}.article__content-wrapper h2{text-align:center;margin-bottom:var(--title-bottom-spacing)}.article__content-wrapper img,.article__content-wrapper video{width:100%;height:auto;object-fit:contain}.article__content-wrapper p,.article__content-wrapper ul,.article__content-wrapper ol{margin-top:0;margin-bottom:0}.article .project__content-wrapper{display:grid;grid-template-columns:1fr;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--article-grid-row-gap)}.article__header-image{width:100%;height:var(--header-image-height);object-fit:cover}@media screen and (max-width: 767px){.article__header-image{max-height:250px}}@media screen and (min-width: 768px){.article__header-image{--header-image-height: 250px}}@media screen and (min-width: 1024px){.article__header-image{--header-image-height: 333px}}@media screen and (min-width: 2560px){.article__header-image{--header-image-height: 500px}}@media screen and (min-width: 768px)and (max-width: 1023px){.article{--content-wrapper-padding: var(--spacer-8);--title-bottom-spacing: var(--spacer-4);--article-grid-row-gap: var(--spacer-4)}}@media screen and (min-width: 1024px){.article{--content-wrapper-padding: var(--spacer-9);--title-bottom-spacing: var(--spacer-7);--article-grid-row-gap: var(--spacer-4)}}:root{--dialog-max-width: 1024px;--dialog-spacer: var(--spacer-4);--dialog-width: calc( 100vw - ( var(--dialog-spacer) * 2 ) );--dialog-top: var(--dialog-spacer);--dialog-transform: calc( -1 * var(--dialog-top) )}.ui-dialog__close-btn.top{margin-top:var(--spacer-4);margin-bottom:var(--spacer-4)}.ui-dialog__close-btn.end{text-align:center}.ui-dialog .container{position:relative;top:var(--dialog-top);transform:translateY(var(--dialog-transform))}.ui-dialog .wrapper{--dialog-width: auto;--dialog-max-width: calc(100% - ( var(--dialog-spacer) * 2 ) );background-color:var(--article-bg-color);width:var(--dialog-width);max-width:var(--dialog-max-width);margin-bottom:var(--dialog-spacer)}.ui-dialog .wrapper.grid{--grid-template-columns: 1;--grid-template-column-size: auto}.ui-dialog .wrapper.flex{align-items:center;justify-content:center}@media screen and (min-width: 768px)and (max-width: 1023px){.ui-dialog .wrapper{--dialog-spacer: var(--spacer-7);--dialog-width: auto;--dialog-max-width: calc(100% - ( var(--dialog-spacer) * 2 ) )}}@media screen and (min-width: 1024px){.ui-dialog .wrapper{--dialog-spacer: var(--spacer-9);--dialog-width: calc( 100vw - ( var(--dialog-spacer) * 2 ) );--dialog-max-width: 1024px}}.article-wrapper{--dialog-spacer: var(--spacer-3);--dialog-width: auto;--dialog-max-width: calc(100% - ( var(--dialog-spacer) * 2 ) );width:var(--dialog-width);max-width:var(--dialog-max-width)}@media screen and (min-width: 768px)and (max-width: 1023px){.article-wrapper{--dialog-spacer: var(--spacer-6);--dialog-width: auto;--dialog-max-width: calc(100% - ( var(--dialog-spacer) * 2 ) )}}@media screen and (min-width: 1024px){.article-wrapper{--dialog-spacer: var(--spacer-8);--dialog-width: calc( 100vw - ( var(--dialog-spacer) * 2 ) );--dialog-max-width: 1024px}}.overlay,.ui-dialog{position:fixed;top:0;left:0;width:100%;height:100%;right:0;bottom:0;background:var(--overlay-bg-color);z-index:var(--z-index-high);overflow-y:scroll}:root{--section-spacer-sm: var(--spacer-7);--section-spacer-md: var(--spacer-8);--section-spacer-lg: var(--spacer-9);--section-spacer: var(--section-spacer-lg);--section-bottom-spacer-sm: var(--spacer-8);--section-bottom-spacer-md: var(--spacer-9);--section-bottom-spacer-lg: var(--spacer-10);--section-bottom-spacer: var(--section-bottom-spacer-lg);--section-title-spacer-sm: var(--spacer-7);--section-title-spacer-lg: var(--spacer-8);--section-title-spacer: var(--section-title-spacer-lg);--intro-section-spacer-sm: var(--spacer-4);--intro-section-spacer-lg: var(--spacer-7);--intro-section-spacer: var(--intro-section-spacer-lg)}section,.section{margin-left:auto;margin-right:auto;padding-top:var(--section-spacer);padding-bottom:var(--section-bottom-spacer)}section__title-wrapper.push-up,.section__title-wrapper.push-up{--animation-push-up-duration: var(--sections-animation-push-up-duration)}section__title,.section__title{margin-top:0;margin-bottom:var(--section-title-spacer)}section--title-border.intro h1,section--title-border h2,.section--title-border.intro h1,.section--title-border h2{padding:var(--spacer-3, 16px);border:var(--spacer-1, 6px) solid}section--border-top section,section--border-top .section__title,.section--border-top section,.section--border-top .section__title{border-top:24px solid;padding-top:var(--section-title-spacer)}section.intro,.section.intro{--section-spacer: var(--intro-section-spacer)}section.intro section,section.intro .section__title,.section.intro section,.section.intro .section__title{margin-bottom:0}.intro__row.grid{--grid-template-columns: 1;--grid-row-gap: var(--section-title-spacer)}.intro__row.grid .p--bio,.intro__row.grid .p--bio a{margin:0}.intro__bio-wrapper{--grid-template-columns: 1;--grid-row-gap: var(--spacer-2)}.project-videos.grid{--grid-row-gap: var(--spacer-10)}@media only screen and (max-width: 767px){.project-videos.grid{--grid-row-gap: var(--spacer-8)}}@media only screen and (max-width: 767px){:root{--section-spacer: var(--section-spacer-sm);--section-bottom-spacer: var(--section-bottom-spacer-sm);--section-title-spacer: var(--section-title-spacer-sm);--intro-section-spacer: var(--intro-section-spacer-sm)}.section--title-border.intro h1,.section--title-border h2{padding:var(--spacer-2, 8px)}}@media only screen and (min-width: 768px)and (max-width: 1023px){:root{--section-spacer: var(--section-spacer-md);--section-bottom-spacer: var(--section-bottom-spacer-md)}}.services{--spacer-between-lists: var(--spacer-9);--spacer-between-list-items: var(--spacer-5)}.services__main-grid{--grid-row-gap: var(--spacer-between-lists);--grid-column-gap: var(--spacer-5)}@media only screen and (min-width: 768px){.services__main-grid{--grid-template-columns: 2}}@media only screen and (max-width: 767px){.services .services-lists-wrapper--single-category .services__category-and-list:nth-of-type(n+2) .services__category{display:none}}@media only screen and (min-width: 768px){.services .services-lists-wrapper{--grid-template-columns: 2}}.services__category-and-list{--grid-template-columns: 1;--grid-row-gap: var(--spacer-4)}.services__category-and-list.push-up{--animation-push-up-duration: var(--sections-animation-push-up-duration)}@media only screen and (min-width: 768px){.services__category-and-list{grid-template-rows:25px auto}}.services__category-title{color:var(--alt-text-color);text-transform:uppercase;margin:0}@media only screen and (min-width: 768px)and (max-width: 809px){.services__category-title{font-size:clamp(1.35rem,-1.3928571429rem + 5.7142857143vw,1.5rem)}}.services__list{--grid-row-gap: var(--spacer-between-list-items)}.services--no-second-category__col{grid-auto-rows:25px}.article-page{background-color:var(--article-bg-color);position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--z-index-high);overflow-y:scroll;width:100vw;transform:translateX(100vw)}.article-page.flex{flex-direction:column;align-items:center}.article-page__close-btn{align-self:flex-start}