/* Shop: featured poster series, book shelf, leaflets */
.ei.shop { padding: clamp(80px, 10vw, 130px) 0; background: var(--ei-paper); }
.ei .shop__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 40px; margin-bottom: 44px; }
.ei .shop__head .kicker { width: 100%; margin-bottom: 0; }
.ei .shop__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 20px; }
.ei .shop__grid--one { grid-template-columns: minmax(0, 1fr); }
.ei .feat { display: grid; grid-template-rows: minmax(0, 1fr) auto; background: var(--ei-lapis); color: var(--ei-light); border-radius: 6px; overflow: hidden; text-decoration: none; }
.ei .feat__img { display: block; background: #fff; padding: 28px; }
.ei .feat__img img { width: 100%; height: 100%; object-fit: contain; transition: transform .4s; }
.ei .feat:hover .feat__img img { transform: scale(1.03); }
.ei .feat__body { padding: 24px 28px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 20px; }
.ei .feat__body b { font: 400 26px/1.15 var(--ei-display); }
.ei .feat__body span { grid-column: 1; color: var(--ei-light-2); font-size: 15px; }
.ei .feat__body em { grid-column: 2; grid-row: 1 / span 2; font: 400 34px/1 var(--ei-display); color: var(--ei-gold-2); font-style: normal; }
.ei .books { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ei .book { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-content: start; text-decoration: none; background: #fff; border-radius: 6px; padding: 18px; box-shadow: 0 0 0 1px var(--ei-line); transition: box-shadow .2s; color: var(--ei-ink); }
.ei .book:hover { box-shadow: 0 0 0 2px var(--ei-amber); }
.ei .book__img { grid-column: 1 / -1; aspect-ratio: 4 / 3; margin-bottom: 10px; display: block; }
.ei .book__img img { width: 100%; height: 100%; object-fit: contain; }
.ei .book b { font-size: 15px; line-height: 1.3; font-weight: 600; }
.ei .book em { font: 400 22px/1 var(--ei-display); font-style: normal; }
.ei .leaflets { margin-top: 20px; display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; align-items: center; padding: 22px 24px; background: var(--ei-ivory); border-radius: 6px; }
.ei .leaflets p { font-size: 15px; color: var(--ei-muted); }
.ei .leaflets p b { display: block; font: 400 28px/1.1 var(--ei-display); color: var(--ei-ink); }
.ei .leaflets ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.ei .leaflets a { display: flex; flex-direction: column; gap: 8px; text-decoration: none; font-size: 13.5px; font-weight: 500; line-height: 1.3; }
.ei .leaflets img { aspect-ratio: 3 / 4; width: 100%; height: auto; object-fit: cover; border-radius: 2px; box-shadow: 0 8px 14px -8px rgba(16, 26, 63, .5); transition: transform .25s; }
.ei .leaflets a:hover img { transform: translateY(-4px) rotate(-1deg); }

@media (max-width: 1020px) {
	.ei .shop__grid { grid-template-columns: minmax(0, 1fr); }
	.ei .leaflets { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
	.ei.shop { padding: 72px 0; }
	.ei .books { gap: 12px; }
	.ei .book { padding: 12px; }
	.ei .feat__body { padding: 20px; }
	.ei .leaflets ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}