@charset "UTF-8";.main-top{display:flex;flex-direction:column;align-items:center;gap:2rem}.section-cards{padding:var(--default-padding) 0;overflow:hidden;--mask-opacity:1;--bg-opacity:0}.section-cards__inner{display:flex;flex-direction:column;gap:4rem}.section-cards__list{display:grid;border-radius:2rem}.section-cards__item{position:relative;overflow:hidden;z-index:1;transition:transform .25s ease}.section-cards__item-inner{z-index:20;position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:3.2rem;mix-blend-mode:difference}.section-cards__item-inner *{mix-blend-mode:difference}.section-cards__item img{position:absolute;bottom:0;top:0;display:flex;z-index:-1;opacity:0;transition:opacity .25s ease}.section-cards__item:after{inset:0;width:100%;height:100%;content:"";position:absolute;background-color:var(--card-bg);z-index:1;pointer-events:none;opacity:var(--bg-opacity);transition:opacity .25s ease}.section-cards__item:nth-child(1):before{background-position:0 0}.section-cards__item:nth-child(2):before{background-position:50% 0}.section-cards__item:nth-child(3):before{background-position:100% 0}@media (hover:hover) and (min-width:767px){.section-cards__item:hover{transform:scale(1.1)}}@media (hover:none) and (min-width:767px){.section-cards__item:active{transform:scale(1.1)}}@media (min-width:767px){.section-cards .main-top{opacity:0;transform:translateY(2rem);pointer-events:none}.section-cards__list{grid-template-columns:repeat(3,1fr);overflow:hidden}.section-cards__item{border-radius:0;aspect-ratio:350/500;pointer-events:none}.section-cards__item-inner [data-fade]{opacity:0}.section-cards__item:before{inset:0;width:100%;height:100%;content:"";position:absolute;background-image:var(--card-mask);background-size:300% 100%;opacity:var(--mask-opacity);z-index:2;pointer-events:none}}@media (max-width:766.98px){.section-cards{--bg-opacity:1}.section-cards__list{grid-template-columns:100%;max-width:576px;margin:0 auto;gap:1rem}.section-cards__item{aspect-ratio:1.4/1;border-radius:16px}}@media (hover:hover){.section-cards__item:hover img{opacity:1}.section-cards__item:hover:after{opacity:0}}@media (hover:none){.section-cards__item:active img{opacity:1}.section-cards__item:active:after{opacity:0}}