:root,
.editor-styles-wrapper {
	--formica-ink: #20231f;
	--formica-green: #37453d;
	--formica-cream: #f4ead7;
	--formica-paper: #fff8e9;
	--formica-orange: #ef5b2a;
	--formica-red: #c63f2d;
	--formica-mustard: #e3a82b;
	--formica-plum: #4d2027;
	--formica-shadow: 8px 8px 0 var(--formica-ink);
}

/* Titles */
.wp-block-heading.is-style-formica-display {
	color: var(--formica-paper);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(54px, 7vw, 112px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: .9;
	text-transform: uppercase;
}

.wp-block-heading.is-style-formica-display mark {
	background: var(--formica-orange);
	box-decoration-break: clone;
	color: var(--formica-paper);
	padding: 0 .08em .07em;
}

.wp-block-heading.is-style-formica-section-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(54px, 7vw, 100px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: .92;
	text-transform: uppercase;
}

.wp-block-heading.is-style-formica-editorial {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 70px);
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1.02;
}

.wp-block-heading.is-style-formica-editorial em {
	color: var(--formica-mustard);
	font-weight: 400;
}

.wp-block-heading.is-style-formica-card-title {
	font-size: clamp(27px, 3vw, 42px);
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.wp-block-heading.is-style-formica-workshop-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(55px, 8vw, 110px);
	font-weight: 700;
	letter-spacing: -.05em;
	line-height: .85;
	text-transform: uppercase;
}

.wp-block-heading.is-style-formica-footer-title {
	color: var(--formica-paper);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 7vw, 96px);
	font-weight: 800;
	letter-spacing: -.05em;
	line-height: .9;
	text-transform: uppercase;
}

/* Inline rich-text formats. These classes are output on span elements. */
.formica-inline-orange,
.formica-inline-mustard {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	display: inline;
	padding: 0 .1em .06em;
}

.formica-inline-orange {
	background: var(--formica-orange);
	color: var(--formica-paper);
}

.formica-inline-mustard {
	background: var(--formica-mustard);
	color: var(--formica-ink);
}

.formica-inline-handwritten {
	color: var(--formica-red);
	font-family: cursive;
	font-style: italic;
	font-weight: 700;
}

.formica-inline-small-caps {
	font-size: .72em;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.formica-inline-orange-text {
	color: var(--formica-orange);
}

.formica-inline-light-text {
	color: var(--formica-paper);
}

.formica-format-icon {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 800;
	height: 22px;
	justify-content: center;
	line-height: 1;
	min-width: 22px;
	padding: 2px 3px;
}

.formica-format-icon.formica-inline-orange { background: var(--formica-orange); color: #fff; }
.formica-format-icon.formica-inline-mustard { background: var(--formica-mustard); color: var(--formica-ink); }
.formica-format-icon.formica-inline-handwritten { font-family: cursive; font-size: 12px; }
.formica-format-icon.formica-inline-small-caps { font-size: 8px; letter-spacing: 0; }
.formica-format-icon.formica-inline-orange-text { border-bottom: 3px solid var(--formica-orange); }
.formica-format-icon.formica-inline-light-text { background: var(--formica-ink); color: var(--formica-paper); }

/* Text */
.wp-block-paragraph.is-style-formica-kicker,
p.is-style-formica-kicker {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.wp-block-paragraph.is-style-formica-kicker::before,
p.is-style-formica-kicker::before {
	color: var(--formica-orange);
	content: "✦";
	margin-right: 10px;
}

.wp-block-paragraph.is-style-formica-lead-light,
p.is-style-formica-lead-light {
	color: var(--formica-paper);
	font-size: clamp(18px, 2vw, 24px);
	font-weight: 500;
	line-height: 1.45;
	text-shadow: 0 2px 12px #000;
}

.wp-block-paragraph.is-style-formica-body-large,
p.is-style-formica-body-large {
	font-size: clamp(18px, 2vw, 23px);
	line-height: 1.55;
}

.wp-block-paragraph.is-style-formica-handwritten,
p.is-style-formica-handwritten {
	color: var(--formica-red);
	font-family: cursive;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	transform: rotate(-4deg);
}

.wp-block-paragraph.is-style-formica-number,
p.is-style-formica-number {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 1;
	opacity: .24;
}

.wp-block-paragraph.is-style-formica-small-caps,
p.is-style-formica-small-caps {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.wp-block-paragraph.is-style-formica-date,
p.is-style-formica-date {
	align-items: center;
	display: flex;
	font-size: 12px;
	font-weight: 800;
	gap: 12px;
	line-height: 1.25;
}

.wp-block-paragraph.is-style-formica-date strong,
p.is-style-formica-date strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 64px;
	line-height: .8;
}

.wp-block-paragraph.is-style-formica-location,
p.is-style-formica-location {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
}

/* Boxes */
.wp-block-group.is-style-formica-box-orange,
.wp-block-group.is-style-formica-box-mustard,
.wp-block-group.is-style-formica-box-green,
.wp-block-group.is-style-formica-box-paper,
.wp-block-group.is-style-formica-box-plum,
.wp-block-group.is-style-formica-box-vichy,
.wp-block-column.is-style-formica-box-orange,
.wp-block-column.is-style-formica-box-mustard,
.wp-block-column.is-style-formica-box-green,
.wp-block-column.is-style-formica-box-paper,
.wp-block-column.is-style-formica-box-plum,
.wp-block-column.is-style-formica-box-vichy {
	border: 3px solid var(--formica-ink);
	box-shadow: var(--formica-shadow);
	padding: 34px;
}

.is-style-formica-box-orange { background: var(--formica-orange); color: #fff; }
.is-style-formica-box-mustard { background: var(--formica-mustard); color: var(--formica-ink); }
.is-style-formica-box-green { background: var(--formica-green); color: #fff; }
.is-style-formica-box-paper { background: var(--formica-cream); color: var(--formica-ink); }
.is-style-formica-box-plum { background: var(--formica-plum); color: #fff; }
.is-style-formica-box-vichy {
	background: url("../images/formica-vichy.jpg") center / 120px auto;
	color: var(--formica-ink);
}

.wp-block-group.is-style-formica-row-orange { background: var(--formica-orange); color: #fff; }
.wp-block-group.is-style-formica-row-green { background: var(--formica-green); color: #fff; }
.wp-block-group.is-style-formica-row-paper { background: var(--formica-cream); color: var(--formica-ink); overflow: hidden; position: relative; }
.wp-block-group.is-style-formica-row-paper::after {
	background: url("../images/formica-vichy.jpg") center / 96px auto;
	border-left: 3px solid var(--formica-ink);
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
}

.wp-block-group.is-style-formica-poster-box {
	background: var(--formica-orange);
	border: 3px solid var(--formica-ink);
	box-shadow: 14px 14px 0 var(--formica-mustard);
	color: #fff;
	overflow: hidden;
	padding: clamp(45px, 7vw, 100px);
	position: relative;
}

.wp-block-group.is-style-formica-poster-box::after {
	border: 100px solid transparent;
	border-right-color: var(--formica-paper);
	content: "";
	position: absolute;
	right: -40px;
	top: -80px;
	transform: rotate(45deg);
}

/* Buttons */
.wp-block-button.is-style-formica-primary .wp-block-button__link,
.wp-block-button.is-style-formica-outline-light .wp-block-button__link,
.wp-block-button.is-style-formica-dark .wp-block-button__link {
	border: 2px solid var(--formica-paper);
	border-radius: 0;
	box-shadow: 5px 5px 0 var(--formica-paper);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .04em;
	padding: 15px 22px;
	text-transform: uppercase;
	transition: .2s ease;
}

.wp-block-button.is-style-formica-primary .wp-block-button__link { background: var(--formica-orange); color: #fff; }
.wp-block-button.is-style-formica-outline-light .wp-block-button__link { background: transparent; color: var(--formica-paper); }
.wp-block-button.is-style-formica-dark .wp-block-button__link { background: var(--formica-ink); border-color: var(--formica-ink); color: #fff; }

.wp-block-button.is-style-formica-primary .wp-block-button__link:hover,
.wp-block-button.is-style-formica-outline-light .wp-block-button__link:hover,
.wp-block-button.is-style-formica-dark .wp-block-button__link:hover {
	box-shadow: 1px 1px 0 currentColor;
	transform: translate(4px, 4px);
}

.wp-block-button.is-style-formica-round .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
	border-radius: 50%;
	color: inherit;
	font-size: 13px;
	font-weight: 800;
	padding: 25px 14px;
	text-transform: uppercase;
}

/* Images and quotes */
.wp-block-image.is-style-formica-vichy-frame {
	background: url("../images/formica-vichy.jpg") center / 150px auto;
	border: 3px solid var(--formica-ink);
	box-shadow: 13px 15px 0 rgba(0,0,0,.23);
	padding: 18px;
	transform: rotate(-3deg);
}

.wp-block-image.is-style-formica-vichy-frame img {
	display: block;
	transform: rotate(-1deg);
}

.wp-block-quote.is-style-formica-poster-quote {
	border: 0;
	padding: 0;
}

.wp-block-quote.is-style-formica-poster-quote p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(34px, 5vw, 72px);
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1.05;
}

.wp-block-quote.is-style-formica-poster-quote cite {
	display: block;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	margin-top: 30px;
	text-transform: uppercase;
}

@media (max-width: 640px) {
	.wp-block-heading.is-style-formica-display { font-size: 46px; }
	.wp-block-heading.is-style-formica-section-title { font-size: 52px; }
	.wp-block-heading.is-style-formica-workshop-title { font-size: 52px; }
	.wp-block-heading.is-style-formica-footer-title { font-size: 48px; }
	.wp-block-paragraph.is-style-formica-date strong,
	p.is-style-formica-date strong { font-size: 48px; }
	.wp-block-group.is-style-formica-poster-box { box-shadow: 8px 8px 0 var(--formica-mustard); padding: 45px 25px; }
}