#page-experiences main.hero{display:grid;grid-template-columns:repeat(2,1fr);height:100vh;height:100svh}@media (max-width: 1024px) and (orientation: portrait){#page-experiences main.hero{grid-template-columns:1fr}}#page-experiences main.hero .col{position:relative;display:flex;align-items:center;justify-content:center}#page-experiences main.hero .col:not(:hover) .overlay{opacity:1}@media (max-width: 1024px) and (orientation: portrait){#page-experiences main.hero .col.left .wrapper{top:40px}}#page-experiences main.hero .wrapper{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:40px}#page-experiences main.hero .location{padding-block:16px}#page-experiences main.hero .desc{width:min(100%,50ch)}#page-experiences main.hero .overlay{background-image:linear-gradient(transparent,#000c 75%);opacity:.4;transition:all .5s ease-in-out}