.s3-ju-bento-list{flex-flow:wrap;gap:1em;width:100%;display:flex}.s3-ju-bento-item{z-index:0;perspective:900px;width:100%;position:relative}.s3-ju-bento-item:hover{z-index:1}@media screen and (min-width:768px){.s3-ju-bento-item{max-width:calc(50% - .5em)}.s3-ju-bento-item:nth-child(6n+1),.s3-ju-bento-item:nth-child(6n+3){max-width:calc(60% - 1em)}.s3-ju-bento-item:nth-child(6n+2),.s3-ju-bento-item:nth-child(6n+4){max-width:40%}}.s3-ju-bento-card{border-radius:var(--s3-border-radius);background-color:var(--s3-derin);width:100%;height:24em;color:var(--s3-krem);text-align:left;flex-flow:row;text-decoration:none;display:flex;position:relative;overflow:hidden}.s3-ju-bento-link{color:inherit;flex:1;text-decoration:none;display:flex}.s3-ju-bento-inner{z-index:1;flex-flow:column;flex:1;justify-content:space-between;padding:2em;display:flex;position:relative}.s3-ju-bento-title{max-width:90%}.s3-ju-bento-title p{margin:1em 0}.s3-ju-bento-btm{justify-content:space-between;align-items:center;display:flex}.s3-ju-bento-image{height:5em;margin-left:auto;display:inline-block}.s3-ju-bento-logo{object-fit:contain;width:auto;height:100%;display:block}.s3-ju-bento-number{margin-left:auto}.s3-ju-bento-number-big{font-family:var(--s3-font-display);letter-spacing:-.03em;margin:1em 0;font-size:10em;font-weight:700;line-height:.8}.s3-ju-bento-number-small{font-family:var(--s3-font-display);letter-spacing:-.03em;margin:1em 0;font-size:5em;font-weight:700;line-height:1}.s3-ju-bento-bg{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.s3-ju-bento-poster{object-fit:cover}.s3-ju-bento-card .s3-ju-bento-gradient{z-index:0;position:absolute;inset:0}.s3-ju-bento-lottie{aspect-ratio:4/3;width:125%;min-width:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s3-ju-bento-project-logo{height:1.8em}.s3-ju-bento-card.is-center{text-align:center;justify-content:center;align-items:center}.s3-ju-bento-card.is-center .s3-ju-bento-inner{justify-content:center}.s3-ju-bento-center-title{max-width:80%;font-family:var(--s3-font-display);letter-spacing:-.03em;margin-left:auto;margin-right:auto;font-size:3em;font-weight:700;line-height:1}.s3-ju-link{text-transform:uppercase;align-items:center;gap:1em;font-size:.8em;font-weight:700;line-height:20px;display:inline-flex}.s3-ju-link-title{font-family:var(--s3-font-display);letter-spacing:-.03em;font-weight:900}.s3-ju-link-icon{aspect-ratio:1;background-color:var(--s3-petrol);width:2em;color:var(--s3-lime);transition:transform var(--s3-duration-lg) var(--s3-ease);border-radius:2em;justify-content:center;align-items:center;display:flex}.s3-ju-link-icon svg{width:40%}.s3-ju-bento-link:hover .s3-ju-link-icon{transform:rotateY(-360deg)}@media screen and (max-width:767px){.s3-ju-bento-number-big{font-size:8em}.s3-ju-bento-number-small{font-size:3.5em}}.s3-ju-bento-card.is-derin{background-color:var(--s3-derin);color:var(--s3-krem)}.s3-ju-bento-card.is-isik{background-color:var(--s3-petrol);color:var(--s3-krem)}.s3-ju-bento-card.is-isik .s3-ju-bento-number{color:var(--s3-derin)}.s3-ju-bento-card.is-lime{background-color:var(--s3-lime);color:var(--s3-petrol)}.s3-ju-bento-card.is-project,.s3-ju-bento-card.is-center{background-color:var(--s3-kum);color:var(--s3-petrol)}.s3-ju-bento-card .s3-ju-bento-bg .s3-placeholder-label{align-self:flex-end;margin-bottom:.5em}.s3-ju-bento-image .s3-placeholder,.s3-ju-bento-project-logo .s3-placeholder{width:auto;height:100%}.s3-ju-bento-project-logo .s3-placeholder-label{display:none}