.gallery{position:relative;overflow:hidden;background:#f7f1e7}
.gallery.section{padding-bottom:10px}
.gallery:before{content:"";position:absolute;inset:180px 0 auto;height:330px;background:var(--forest);transform:skewY(-2deg)}
.experience-heading{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:34px}
.experience-heading h2{display:inline-block;padding:18px 26px 20px;background:var(--red);color:#fff;box-shadow:12px 12px 0 var(--yellow);transform:rotate(-1deg)}
.experience-heading h2 span{color:var(--yellow)}
.experience-heading>p{max-width:370px;margin:0 0 6px;color:var(--muted)}
.expect-collage{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;width:min(1380px,calc(100% - 20px));min-height:460px;padding:24px 0 12px}
.expect-card{position:relative;flex:0 0 188px;height:345px;margin-left:-18px;padding:9px 9px 48px;border:0;border-radius:5px;background:#fff;box-shadow:0 22px 45px rgba(0,0,0,.3);cursor:zoom-in;transition:transform .3s ease,z-index 0s}
.expect-card:first-child{margin-left:0}
.expect-card img{width:100%;height:100%;object-fit:cover}
.expect-card span{position:absolute;left:50%;bottom:14px;width:max-content;max-width:calc(100% - 22px);padding:7px 12px;border-radius:18px;background:var(--yellow);color:var(--deep);font:900 12px/1.05 Montserrat;text-align:center;transform:translateX(-50%)}
.expect-card:nth-child(even) span{background:var(--red);color:#fff}
.expect-card-1{transform:rotate(-7deg) translateY(42px);z-index:1}
.expect-card-2{transform:rotate(3deg) translateY(78px);z-index:2}
.expect-card-3{transform:rotate(-2deg) translateY(18px);z-index:3}
.expect-card-4{transform:rotate(5deg) translateY(58px);z-index:4}
.expect-card-5{transform:rotate(-4deg) translateY(8px);z-index:5}
.expect-card-6{transform:rotate(4deg) translateY(54px);z-index:6}
.expect-card-7{transform:rotate(-3deg) translateY(20px);z-index:7}
.expect-card-8{transform:rotate(7deg) translateY(66px);z-index:8}
.expect-card:hover,.expect-card:focus-visible{z-index:20;transform:rotate(0) translateY(-12px) scale(1.08);outline:4px solid var(--yellow)}
@media(max-width:1350px){.expect-collage{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px 34px 22px;scrollbar-width:thin;scrollbar-color:var(--red) transparent}.expect-card{flex-basis:250px;margin-left:-18px;scroll-snap-align:center}}
@media(max-width:640px){.gallery:before{top:260px;height:360px}.experience-heading{display:block;margin-bottom:22px}.experience-heading h2{padding:14px 16px 16px;box-shadow:7px 7px 0 var(--yellow);font-size:32px}.experience-heading>p{margin-top:25px}.expect-collage{width:100%;min-height:440px;padding:24px 34px 18px}.expect-card{flex:0 0 72vw;height:410px;margin-left:-8px}.expect-card-1,.expect-card-2,.expect-card-3,.expect-card-4,.expect-card-5,.expect-card-6,.expect-card-7,.expect-card-8{transform:rotate(0) translateY(0)}}