@charset "UTF-8";
/***!  Style Declaration  !***/

body{background:#f4f4f4}.expanding-wrapper{max-width:1500px;margin:40px auto;display:flex;flex-direction:column;gap:40px;padding:0 10px}.expanding-strips{display:flex;width:100%;height:420px;gap:10px}.strip{flex:1;cursor:pointer;position:relative;overflow:hidden;transform:skewX(-12deg);background-size:cover;background-position:center;transition:flex-grow .35s ease,transform .35s ease;border:2px solid #000;background-image:var(--small-img)}.strip-inner{height:100%;width:100%;display:flex;flex-direction:column}.expanding-strips.flat .strip{transform:skewX(0deg)}.reverse{height:250px}.strip-title-wrapper{display:flex;justify-content:center;transform:skewX(12deg)}.strip-title{transform:skewX(-12deg);background:rgba(0,0,0,.55);color:#fff;padding:10px 20px 16px;font-weight:bold;text-shadow:1px 2px #000;user-select:none}.strip-content{display:none;margin-top:auto;padding:15px;background:rgba(255,255,255,.35);backdrop-filter:blur(8px);color:#000;height:100%;overflow:auto;border-top:1px solid rgba(255,255,255,.4)}.strip:hover:not(.active){flex-grow:4;background-image:var(--big-img)}.strip:hover .strip-content{display:block}.strip.active{flex-grow:5;background-image:var(--big-img) !important}.strip.active .strip-content{display:block}.expanding-strips.reverse .strip{transform:skewX(12deg)}.expanding-strips.reverse .strip-title-wrapper{transform:skewX(-12deg)}.expanding-strips.reverse .strip-title{transform:skewX(12deg)}.expanding-strips.reverse.flat .strip{transform:skewX(0deg)}@media (max-width:768px){.expanding-strips{flex-direction:column;height:auto}.strip,.strip-title-wrapper,.strip-title{transform:none !important}.strip{min-height:220px}}