@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}section.split-panel-case-study .panels-wrapper{overflow:hidden;position:relative;width:100%}section.split-panel-case-study .panels .text-panel{margin:calc((100vw - var(--scrollbar-width))*.125) calc((100vw - var(--scrollbar-width))*.07143 - 1px);overflow:hidden;position:relative}section.split-panel-case-study .panels .text-panel>.pattern-dots{display:none}section.split-panel-case-study .panels .text-panel .t1{margin-bottom:1em}section.split-panel-case-study .panels .text-panel .card{background-color:#151817;box-shadow:inset 0 0 0 1px #333;color:#ece7dc;display:flex;flex-direction:column;padding:calc((100vw - var(--scrollbar-width))*.10714) calc((100vw - var(--scrollbar-width))*.07143);position:relative}section.split-panel-case-study .panels .text-panel .card p{margin-top:1.4em;max-width:300px;width:100%}section.split-panel-case-study .panels .text-panel .card .box-button{margin-top:40px}section.split-panel-case-study .panels .image-panel{align-items:center;aspect-ratio:1/1;background-color:#333;display:flex;justify-content:center;margin:0 calc((100vw - var(--scrollbar-width))*.07143 - 1px) calc((100vw - var(--scrollbar-width))*.19643);position:relative}@media (min-width:768px){section.split-panel-case-study .panels .text-panel{margin:calc((100vw - var(--scrollbar-width))*.10714) calc((100vw - var(--scrollbar-width))*.10714 - 1px) calc((100vw - var(--scrollbar-width))*.07143)}section.split-panel-case-study .panels .text-panel .card{padding:calc((100vw - var(--scrollbar-width))*.07143) calc((100vw - var(--scrollbar-width))*.05357)}section.split-panel-case-study .panels .image-panel{margin:0 calc((100vw - var(--scrollbar-width))*.10714 - 1px) calc((100vw - var(--scrollbar-width))*.10714)}}@media (min-width:1024px){section.split-panel-case-study .panels-wrapper{padding:calc((100vw - var(--scrollbar-width))*.04464) 0}section.split-panel-case-study .panels-wrapper>.pattern-dots{display:none}section.split-panel-case-study .panels{display:flex;justify-content:space-between}section.split-panel-case-study .panels .text-panel{display:flex;flex-direction:column;justify-content:center;margin:0;width:calc((100vw - var(--scrollbar-width))*.35714)}section.split-panel-case-study .panels .text-panel>.pattern-dots{display:flex}section.split-panel-case-study .panels .text-panel .content{margin:0 calc((100vw - var(--scrollbar-width))*.04464 - 1px)}section.split-panel-case-study .panels .text-panel .card{padding:calc((100vw - var(--scrollbar-width))*.07143) calc((100vw - var(--scrollbar-width))*.04464)}section.split-panel-case-study .panels .image-panel{display:flex;flex-shrink:0;margin:0;width:calc((100vw - var(--scrollbar-width))*.52679)}}@media (min-width:1280px){section.split-panel-case-study .panels .text-panel{margin:calc((100vw - var(--scrollbar-width))*-.00893 + 1px) calc((100vw - var(--scrollbar-width))*-.00893) 0 calc((100vw - var(--scrollbar-width))*-.00893)}}@media (min-width:1680px){section.split-panel-case-study .panels .text-panel{width:calc((100vw - var(--scrollbar-width))*.42857)}section.split-panel-case-study .panels .text-panel .content{margin:0 calc((100vw - var(--scrollbar-width))*.08036 - 1px)}section.split-panel-case-study .panels .image-panel{width:calc((100vw - var(--scrollbar-width))*.45536)}}@media (min-width:1920px){section.split-panel-case-study .panels .text-panel{width:calc((100vw - var(--scrollbar-width))*.42857)}section.split-panel-case-study .panels .text-panel .content{margin:0 calc((100vw - var(--scrollbar-width))*.11607 - 1px)}section.split-panel-case-study .panels .image-panel{margin-right:calc((100vw - var(--scrollbar-width))*.07143);width:calc((100vw - var(--scrollbar-width))*.38393)}}