:root{--app-height: 100vh;--swiper-theme-color: $color-btn;--swiper-pagination-bullet-inactive-color: #fff;--scaleVmax: 90vmax}.case{padding:8vh clamp(0rem,8%,clamp(1rem,6vmin,5rem) * 2) 4vh}@media (max-width: 780px){.case{padding:max(8em,8vh) 0 4vh}}.case section{padding-top:5vh}.case section .case-item{display:grid;grid-template-columns:1fr 20% 1fr;grid-column-gap:.75%;margin-top:-1px}@media (max-width: 780px){.case section .case-item{grid-template-columns:12.65% 1fr}}.case section .case-item:first-of-type{padding-top:5vh}.case section .case-item:first-of-type .start{background:url(../../../images/case-bckgrnd-start.svg) no-repeat center center/100%;display:flex;justify-content:center;align-items:center;font-size:160%}@media (max-width: 780px){.case section .case-item:first-of-type .start{background-image:none;grid-column:1/3;justify-content:flex-start;margin-bottom:4%}}.case section .case-item figure,.case section .case-item .description{margin:10% 0;transition:scale .5s cubic-bezier(0,0,.25,1);transform-origin:left}.case section .case-item.intro .description{padding:0;align-self:center}@media (max-width: 780px){.case section .case-item.intro .description{grid-column:1/3;grid-row:2}}@media (max-width: 780px){.case section .case-item figure{margin:0;grid-column:1/3}}.case section .tree{background:url(../../../images/case-bckgrnd.svg) no-repeat center top/100%}@media (max-width: 780px){.case section .tree{background:url(../../../images/case-bckgrnd-mobile.svg) no-repeat right top/60%;grid-row:2}}.case section .tree.img{background-image:url(../../../images/case-bckgrnd-img.svg)}@media (max-width: 780px){.case section .tree.img{background-image:url(../../../images/case-bckgrnd-mobile.svg)}}.case section .tree.end{background-image:url(../../../images/case-bckgrnd-end.svg)}.case section .tree.end.img{background-image:url(../../../images/case-bckgrnd-end-img.svg)}@media (max-width: 780px){.case section .tree.end,.case section .tree.end.img{background-image:url(../../../images/case-bckgrnd-mobile-end.svg)}}.case section .description{padding-top:3.75rem}@media (max-width: 1460px){.case section .description{padding-top:12%}}@media (max-width: 1280px){.case section .description{padding-top:11.4%}}@media (max-width: 980px){.case section .description{padding-top:10%}}@media (max-width: 780px){.case section .description{padding:.2rem 0 10%;grid-row:2}}.case section .description .more{margin-right:4%;float:right}.case section .description .more i{background-color:#fff;border-radius:1em;display:inline-block;height:.3em;width:.3em;position:relative;margin-left:.3em;opacity:0;transition:opacity .15s}@media (max-width: 780px){.case section .description .more i:nth-of-type(1){animation:opacityAnim 1.5s linear .25s infinite}.case section .description .more i:nth-of-type(2){animation:opacityAnim 1.5s linear .5s infinite}.case section .description .more i:nth-of-type(3){animation:opacityAnim 1.5s linear .75s infinite}}.case.list .case-item:hover figure{transform:translateY(-5%);transition:transform .5s cubic-bezier(0,0,.25,1)}.case.list .case-item:hover .description{transform:translateY(-5%);transition:transform .5s cubic-bezier(0,0,.25,1) .03s}.case.list .case-item:hover .more i:nth-of-type(1){animation:opacityAnim 1.5s linear .25s infinite}.case.list .case-item:hover .more i:nth-of-type(2){animation:opacityAnim 1.5s linear .5s infinite}.case.list .case-item:hover .more i:nth-of-type(3){animation:opacityAnim 1.5s linear .75s infinite}.case.list .case-item:hover .more i figure:hover{z-index:25;scale:2}.case .detail .case-item figure video,.case .detail .case-item figure img{transition:transform .3s ease-out;cursor:pointer}