.about-moment-section .image-grid-wrap .col-block{position:relative;color:rgb(var(--text-color));overflow:hidden}.about-moment-section .image-grid-wrap .col-block img{width:100%;display:block;object-position:center}.about-moment-section .image-grid-wrap .col-block .media-box picture{display:block;width:100%}.about-moment-section a.image-link{position:absolute;inset:0;z-index:3}.about-moment-section .image-grid-wrap .col-block.has-content .media-box{position:absolute;width:100%;height:100%;top:0;left:0}.about-moment-section .image-grid-wrap .col-block.has-content .media-box picture{height:100%}.about-moment-section .image-grid-wrap .col-block.has-content img{height:100%;object-fit:cover}.about-moment-section .col-block-text{position:relative;z-index:4}.about-moment-section .image-grid-wrap .col-block:nth-child(1).has-content .col-block-text{display:flex;height:100%;align-items:flex-end}.about-moment-section .image-grid-wrap .col-block:where(:nth-child(2),:nth-child(3)).has-content .col-block-text{padding:50px 55px 50px 25px;max-width:422px;margin-left:auto;background-color:rgb(var(--background));position:relative}.about-moment-section .image-grid-wrap .col-block:where(:nth-child(2),:nth-child(3)).has-content .col-block-text:after{content:"";box-shadow:-17px 0 7px rgb(var(--background-without-opacity) / 100%);position:absolute;top:50%;transform:translateY(-50%);width:25px;right:100%;height:110%;background:rgb(var(--background-without-opacity) / 100%)}.about-moment-section .image-grid-wrap .col-block:where(:nth-child(2),:nth-child(3)).has-content .media-box{max-width:calc(100% - 422px)}.about-moment-section .image-grid-wrap .col-block .col-block-title{line-height:1.25;font-size:28px;margin-bottom:10px}.about-moment-section .image-grid-wrap .col-block .col-block-button-wrap{padding-top:20px;position:relative;z-index:5}.about-moment-section .image-grid-wrap .col-block .col-block-button-wrap .button{font-size:12px;line-height:1;padding-left:19px;padding-right:19px;position:relative;z-index:6}.about-moment-section .image-grid-wrap .col-block:nth-child(1).has-content .col-block-text .col-block-text-wrap{background-color:rgb(var(--background));position:relative;padding:0 32px 32px;width:100%}.about-moment-section .image-grid-wrap .col-block:nth-child(1).has-content .col-block-text .col-block-text-wrap:after{content:"";box-shadow:0 -24px 14px rgb(var(--background-without-opacity) / 100%);position:absolute;bottom:100%;left:50%;width:110%;background:rgb(var(--background-without-opacity) / 100%);height:40px;transform:translateX(-50%)}.about-moment-section .image-grid-wrap .col-block-description{color:rgb(var(--text-color) / 70%)}.about-moment-section .image-grid-wrap .col-block.image-only{min-height:310px}.about-moment-section .image-grid-wrap .col-block.image-only .media-box{position:absolute;inset:0;width:100%;height:100%;max-width:100%}.about-moment-section .image-grid-wrap .col-block.image-only .media-box picture{width:100%;height:100%}.about-moment-section .image-grid-wrap .col-block.image-only img{width:100%;height:100%;object-fit:cover;object-position:center}
@media only screen and (min-width:1000px){.about-moment-section .image-grid-wrap{display:grid;grid-template-columns:38.663% calc(61.337% - 20px);grid-template-rows:clamp(310px,18vw,360px) clamp(310px,18vw,360px);gap:20px;align-items:stretch}.about-moment-section .image-grid-wrap .col-block:nth-child(1){grid-row:span 2 / span 2;min-height:clamp(640px,calc(36vw + 20px),740px)}.about-moment-section .image-grid-wrap .col-block:nth-child(2),.about-moment-section .image-grid-wrap .col-block:nth-child(3){min-height:clamp(310px,18vw,360px)}.about-moment-section .image-grid-wrap .col-block:nth-child(3){grid-column-start:2}.about-moment-section .image-grid-wrap .col-block.image-only img{object-fit:cover;object-position:center}.about-moment-section .image-grid-wrap .col-block:nth-child(1).image-only img{object-position:top center}}
@media only screen and (max-width:1360px){.about-moment-section .image-grid-wrap .col-block:where(:nth-child(2),:nth-child(3)).has-content .col-block-text{padding-right:25px;max-width:300px}.about-moment-section .image-grid-wrap .col-block:where(:nth-child(2),:nth-child(3)).has-content .col-block-text:after{right:calc(100% - 7px)}.about-moment-section .image-grid-wrap .col-block:where(:nth-child(2),:nth-child(3)).has-content .media-box{max-width:calc(100% - 280px)}}
@media only screen and (max-width:999px){.about-moment-section .image-grid-wrap{display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px}.about-moment-section .image-grid-wrap .col-block{width:100%;max-width:100%}.about-moment-section .image-grid-wrap .col-block.image-only{display:block;position:relative;width:100%;min-height:260px;height:260px;overflow:hidden}.about-moment-section .image-grid-wrap .col-block.image-only .media-box{position:absolute;inset:0;width:100%;height:100%;max-width:100%}.about-moment-section .image-grid-wrap .col-block.image-only .media-box picture{display:block;width:100%;height:100%}.about-moment-section .image-grid-wrap .col-block.image-only .media-box img{display:block;width:100%;height:100%;object-position:center}.about-moment-section .image-grid-wrap .col-block:nth-child(1).image-only .media-box img{object-fit:contain}.about-moment-section .image-grid-wrap .col-block:nth-child(2).image-only .media-box img,.about-moment-section .image-grid-wrap .col-block:nth-child(3).image-only .media-box img{object-fit:cover}.about-moment-section .image-grid-wrap .col-block.has-content .media-box{left:unset;right:0;max-width:50%}.about-moment-section .image-grid-wrap .col-block.has-content .col-block-text{margin-left:0;margin-right:auto;display:flex;align-items:center;width:100%;max-width:50%;min-height:400px;background-color:rgb(var(--background));padding:20px}.about-moment-section .image-grid-wrap .col-block:nth-child(2).has-content .media-box{left:0;right:unset;max-width:50%}.about-moment-section .image-grid-wrap .col-block:nth-child(2).has-content .col-block-text{margin-left:auto;margin-right:0}}
@media only screen and (max-width:699px){.about-moment-section .image-grid-wrap .col-block .col-block-title{font-size:24px}.about-moment-section .image-grid-wrap .col-block.image-only{min-height:260px;height:260px}.about-moment-section .image-grid-wrap .col-block.has-content .col-block-text{min-height:unset;max-width:60%}.about-moment-section .image-grid-wrap .col-block.has-content .media-box{max-width:40%}.about-moment-section .image-grid-wrap .col-block .col-block-button-wrap{padding-top:12px}.about-moment-section .image-grid-wrap .col-block .col-block-button-wrap .button{padding-left:12px;padding-right:12px}}