.omrh-wisdom {
	--omrh-coral: #d56045;
	--omrh-green: #75764d;
	--omrh-purple: #7a5d8e;
	--omrh-lime: #a5bf60;
	--omrh-page: #f5f2ed;
	--omrh-stone: #e5dfd7;
	--omrh-charcoal: #333333;
	position: relative;
	width: min(100%, 520px);
	margin: 30px auto;
	padding: 26px;
	box-sizing: border-box;
}

.omrh-wisdom__paper {
	position: relative;
	z-index: 2;
	padding: 46px 40px 36px;
	text-align: center;
	background: linear-gradient(rgba(245,242,237,.97),rgba(245,242,237,.97)), repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(117,118,77,.08) 28px);
	border: 1px solid rgba(51,51,51,.13);
	box-shadow: 0 8px 22px rgba(51,51,51,.18), inset 0 0 30px rgba(213,96,69,.05);
	transition: opacity .18s ease, transform .18s ease;
}

.omrh-wisdom.is-changing .omrh-wisdom__paper { opacity: .45; transform: translateY(2px); }

.omrh-wisdom__eyebrow {
	margin: 0 0 20px;
	color: var(--omrh-purple);
	font-family: Oswald, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.omrh-wisdom blockquote { margin: 0; padding: 0; border: 0; }
.omrh-wisdom blockquote p {
	margin: 0;
	color: var(--omrh-charcoal);
	font-family: "Source Sans 3", Arial, sans-serif;
	font-size: clamp(22px,3vw,30px);
	font-weight: 500;
	line-height: 1.35;
}
.omrh-wisdom blockquote p::before,
.omrh-wisdom blockquote p::after { color: var(--omrh-coral); font-family: Georgia,serif; font-size: 1.35em; line-height: 0; }
.omrh-wisdom blockquote p::before { content: "“"; }
.omrh-wisdom blockquote p::after { content: "”"; }
.omrh-wisdom__flourish { display: block; margin-top: 22px; color: var(--omrh-green); font-size: 20px; letter-spacing: 7px; }

.omrh-wisdom--barn {
	background: linear-gradient(90deg,rgba(255,255,255,.04),rgba(0,0,0,.05),rgba(255,255,255,.03)), repeating-linear-gradient(0deg,#80654f 0,#80654f 48px,#745a47 49px,#745a47 52px);
	border-radius: 5px;
	box-shadow: 0 14px 34px rgba(51,51,51,.18);
}
.omrh-wisdom--barn .omrh-wisdom__paper { transform: rotate(-.6deg); }
.omrh-wisdom__pin {
	position: absolute; z-index: 5; top: 13px; left: 50%; width: 18px; height: 18px;
	background: var(--omrh-coral); border: 3px solid rgba(255,255,255,.65); border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,.3), inset 0 2px 3px rgba(255,255,255,.45); transform: translateX(-50%);
}

.omrh-wisdom--jar { padding-top: 80px; }
.omrh-wisdom--jar .omrh-wisdom__paper { border: 2px solid rgba(122,93,142,.3); border-radius: 12px 12px 35px 35px; }
.omrh-wisdom__jar {
	position: absolute; z-index: 4; top: 28px; left: 50%; width: 118px; height: 64px;
	display: flex; align-items: center; justify-content: center; color: var(--omrh-purple); font-size: 28px;
	background: var(--omrh-stone); border: 4px double rgba(51,51,51,.32); border-radius: 8px 8px 18px 18px;
	transform: translateX(-50%); box-shadow: 0 5px 12px rgba(51,51,51,.14);
}

.omrh-wisdom__button {
	margin-top: 24px; padding: 11px 18px; border: 0; border-radius: 4px; cursor: pointer;
	background: var(--omrh-coral); color: #fff; font-family: Oswald,sans-serif; font-size: 15px;
	letter-spacing: .7px; text-transform: uppercase; transition: background .2s ease, transform .2s ease;
}
.omrh-wisdom__button:hover { background: var(--omrh-green); transform: translateY(-1px); }

@media (max-width: 980px) {
	.omrh-wisdom { width: 100%; max-width: 100%; margin: 20px auto; padding: 12px; }
	.omrh-wisdom--jar { padding-top: 64px; }
	.omrh-wisdom--jar .omrh-wisdom__paper { padding: 76px 22px 30px; transform: none; }
	.omrh-wisdom__jar { top: 18px; width: 92px; height: 54px; font-size: 23px; }
	.omrh-wisdom__eyebrow { font-size: 15px; line-height: 1.3; letter-spacing: 1.5px; }
	.omrh-wisdom blockquote p { font-size: 22px; }
}