/* ==========================================================================
   Europe Odyssey — home page, layer 3
   (a) true jigsaw pieces (shapes come from assets/js/eo-jigsaw.js)
   (b) a shorter, more cinematic hero like the reference designs
   ========================================================================== */

/* ---- (b) HERO: wide banner, not a full screen ---------------------------- */
.eo-hero {
	min-height: clamp(470px, 36vw, 640px) !important;
	padding-top: 118px !important;
	padding-bottom: 64px !important;
	background-position: center 28% !important;
}
.eo-hero-title { font-size: clamp(42px, 5.4vw, 84px) !important; margin-bottom: 16px !important; }
.eo-hero-subtitle { font-size: clamp(17px, 1.5vw, 20px) !important; }
.eo-hero-actions { margin-top: 26px !important; }
.eo-hero-trust { margin-top: 22px !important; }
.eo-hero::after { height: 90px !important; }

/* ---- (a) JIGSAW ----------------------------------------------------------- */
@media (min-width: 992px) {
	.eo-puzzle-layout.eo-jig {
		--eo-jig-t: 46px;
		gap: 0 !important;
		max-width: 1100px;
		filter: drop-shadow(0 12px 16px rgba(15, 26, 46, .11)) drop-shadow(0 1px 2px rgba(15, 26, 46, .06));
	}
	.eo-puzzle-rome-layout.eo-jig { grid-template-rows: 262px 262px !important; }
	.eo-puzzle-florence-layout.eo-jig,
	.eo-puzzle-venice-layout.eo-jig { grid-template-rows: 276px 262px !important; }

	/* Each piece overflows its cell by T on every side, so tabs have room. */
	.eo-puzzle-layout.eo-jig > .eo-puz-card,
	.eo-puzzle-layout.eo-jig > .eo-puzzle-center-card {
		margin: calc(-1 * var(--eo-jig-t)) !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		-webkit-mask: none !important;
		        mask: none !important;
		background-clip: border-box;
	}
	.eo-puzzle-layout.eo-jig > .eo-puz-card { transform: none !important; transition: filter .3s var(--eo-ease), transform .45s var(--eo-ease); }
	.eo-puzzle-layout.eo-jig > .eo-puz-card:hover { transform: translateY(-5px) !important; z-index: 8; }
	.eo-puzzle-layout.eo-jig .eo-peg { display: none !important; }

	/* The label sits inside the visible body, not the overflow margin. */
	.eo-puzzle-layout.eo-jig .eo-puz-card-label {
		left: calc(var(--eo-jig-t) + 22px) !important;
		right: calc(var(--eo-jig-t) + 22px) !important;
		bottom: calc(var(--eo-jig-t) + 20px) !important;
	}
	.eo-puzzle-layout.eo-jig .eo-puz-card img { object-position: center; }
	.eo-puzzle-layout.eo-jig .eo-puzzle-center-overlay { padding: 40px; }
}