.collage{--top-margin: 70px;max-width:600px;padding:30px 28px;margin:0 auto;box-sizing:border-box;position:relative;margin-top:var(--top-margin);margin-bottom:50px;contain:layout}@media(min-width: 718px){.collage{max-width:800px;padding:30px 100px}}@media(min-width: 1024px){.collage{max-width:1440px}}.collage *{box-sizing:border-box}@media(max-width: 717px){.collage{padding-top:0}}@media(max-width: 1023px){.collage{padding-right:0;padding-left:0}}@media(min-width: 718px){.collage{margin-bottom:135px}}.collage__bg{display:none}@media(min-width: 718px){.collage__bg{position:absolute;top:0;right:-100px;display:block;transform:translateY(calc(-1 * var(--top-margin) - 40%))}}.collage__main{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;width:calc(100% - 90px);max-width:400px;padding:35px 25px 40px;text-align:center;background:#fff;border-top-right-radius:35px;border-bottom-left-radius:35px;transition:transform .8s}@media(min-width: 718px){.collage__main{max-width:550px;padding:55px 60px 70px}}@media(min-width: 1024px){.collage__main{max-width:735px}}.collage__main .collage__eyebrow{position:relative;white-space:nowrap;font-size:12px;font-weight:bold;line-height:1;letter-spacing:.4em;color:#333;text-transform:uppercase;display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:10px 22px 17px 18px;margin:0 auto}.collage__main .collage__eyebrow::after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-repeat:no-repeat;background-size:100%;content:""}@media(min-width: 718px){.collage__main .collage__eyebrow{font-size:16px}}.collage__main .collage__eyebrow::after{top:5%}.collage__main .collage__title{font-size:24px;font-weight:600;line-height:28px;color:#333;max-width:16ch;margin:0 auto 15px}@media(min-width: 718px){.collage__main .collage__title{font-size:40px;font-weight:500;line-height:48px}}@media(min-width: 718px){.collage__main .collage__title{margin-top:10px}}.collage__main .collage__body{font-size:14px;line-height:22px;letter-spacing:-0.1px;color:#666}@media(min-width: 718px){.collage__main .collage__body{font-size:16px;line-height:26px;letter-spacing:-0.1px}}.collage__image-grid-container .aspect-ratio-box{position:relative;height:0;padding-top:125%;overflow:hidden}.collage__image-grid-container .aspect-ratio-box>*{position:absolute;top:0;left:0;width:100%;height:100%}@media(min-width: 718px){.collage__image-grid-container{margin:0 -100px}.collage__image-grid-container .aspect-ratio-box{position:relative;height:0;padding-top:62.4697336562%;overflow:hidden}.collage__image-grid-container .aspect-ratio-box>*{position:absolute;top:0;left:0;width:100%;height:100%}}@media(min-width: 1024px){.collage__image-grid-container{margin:0}}.collage__image-grid{display:grid;grid-template:repeat(5, 20%)/repeat(4, 25%);grid-auto-flow:column}@media(min-width: 718px){.collage__image-grid{grid-template:100%/repeat(8, 12.5%);grid-auto-flow:row}}@media(min-width: 718px){.collage__image-grid.collage__image-grid--mobile{display:none}}@media(max-width: 717px){.collage__image-grid.collage__image-grid--desktop{display:none}}@media(min-width: 718px){.collage__image-grid-column{display:grid;height:100%;transition:transform .8s;grid-template:repeat(5, 20%)/100%}}.collage__image img{display:block;width:100%;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(1){transform:translateY(70px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(2){transform:translateY(160px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(3){transform:translateY(30px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(4){transform:translateY(120px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(5){transform:translateY(80px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(6){transform:translateY(140px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(7){transform:translateY(50px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__image-grid-column:nth-of-type(8){transform:translateY(170px)}}@media(min-width: 718px){.collage.out-view-bottom .collage__main{transform:translate(-50%, 50%)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(1){transform:translateY(-70px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(2){transform:translateY(-160px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(3){transform:translateY(-30px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(4){transform:translateY(-120px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(5){transform:translateY(-80px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(6){transform:translateY(-140px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(7){transform:translateY(-50px)}}@media(min-width: 718px){.collage.out-view-top .collage__image-grid-column:nth-of-type(8){transform:translateY(-170px)}}@media(min-width: 718px){.collage.out-view-top .collage__main{transform:translate(-50%, -150%)}}