/* ==========================================================================
   Fable and Hare — layout and components
   Colors, fonts, and base type come from theme.json. This file handles the
   journal layout: wraps, chapter grid, plates, principles, contents, steps,
   facts, quote band, header, footer, and form styling.
   ========================================================================== */

:root{
	--fh-paper: var(--wp--preset--color--paper, #F0EFEE);
	--fh-paper-deep: var(--wp--preset--color--paper-deep, #E7E3DE);
	--fh-neutral: var(--wp--preset--color--soft-neutral, #BEB5AC);
	--fh-rustic: var(--wp--preset--color--rustic-olive, #9B907F);
	--fh-warm: var(--wp--preset--color--warm, #846E5E);
	--fh-acorn: var(--wp--preset--color--aged-acorn, #726352);
	--fh-leaf: var(--wp--preset--color--olive-leaf, #4F5141);
	--fh-ink: var(--wp--preset--color--ink, #2C2420);
	--fh-body-ink: #3d332e;
	--fh-rule: rgba(44,36,32,.18);
	--fh-display: var(--wp--preset--font-family--display);
	--fh-body: var(--wp--preset--font-family--body);
	--fh-label: var(--wp--preset--font-family--label);
	--fh-wrap: 1180px;
	--fh-gutter: clamp(20px, 5vw, 64px);
}

body{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html{ scroll-behavior: smooth; }
.wp-site-blocks > * + *{ margin-block-start: 0; }
.wp-site-blocks{ padding: 0; }

/* ---------- shared ---------- */
.fh-wrap{
	max-width: var(--fh-wrap);
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--fh-gutter);
	padding-right: var(--fh-gutter);
	box-sizing: border-box;
	width: 100%;
}
.fh-eyebrow,
.fh-eyebrow a{
	font-family: var(--fh-label);
	font-size: .72rem;
	font-weight: 500;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--fh-acorn);
	text-decoration: none;
}
.fh-lede{
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.6;
	color: var(--fh-body-ink);
	max-width: 34em;
}
.wp-block-image img{ height: auto; }

/* button styles */
.wp-block-button.is-style-outline > .wp-block-button__link{
	background: transparent;
	color: var(--fh-leaf);
	border: 1px solid var(--fh-leaf);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover{
	background: var(--fh-leaf);
	color: var(--fh-paper);
}
.wp-block-button.is-style-text-link > .wp-block-button__link{
	background: transparent;
	color: var(--fh-leaf);
	border: 0;
	border-bottom: 1px solid var(--fh-rustic);
	padding: 0 0 .35em;
}
.wp-block-button.is-style-text-link > .wp-block-button__link:hover{
	color: var(--fh-acorn);
	border-bottom-color: var(--fh-acorn);
	background: transparent;
}

/* plate (framed panel) */
.is-style-plate{
	position: relative;
	background: var(--fh-paper-deep);
	padding: clamp(24px, 3vw, 40px);
	z-index: 0;
}
.is-style-plate::before{
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid var(--fh-rule);
	pointer-events: none;
}
.is-style-plate::after{
	content: "";
	position: absolute;
	inset: -18px 18px 18px -18px;
	border: 1px solid var(--fh-rustic);
	opacity: .55;
	z-index: -1;
	pointer-events: none;
}
.is-style-plate .wp-block-image{ margin: 0; }
.fh-plate-caption{ margin-top: 14px !important; }
.fh-plate-caption p{
	font-family: var(--fh-label);
	font-size: .64rem;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--fh-acorn);
	margin: 0 !important;
}

/* ---------- header ---------- */
.fh-header .fh-volume{ border-bottom: 1px solid var(--fh-rule); }
.fh-header .fh-volume-inner{ padding-top: 9px; padding-bottom: 9px; }
.fh-header .fh-volume-inner p{
	margin: 0;
	font-family: var(--fh-label);
	font-size: .64rem;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--fh-acorn);
}
.fh-header .fh-masthead{ border-bottom: 1px solid var(--fh-rule); margin-top: 0 !important; }
.fh-header .fh-masthead-inner{ padding-top: 16px; padding-bottom: 16px; gap: 24px; }
.fh-header .fh-brand{ gap: 14px; }
.fh-header .fh-brand-mark{ margin: 0; }
.fh-header .fh-brand-mark img{ height: 46px; width: auto; }
.fh-header .fh-brand-name{ margin: 0; }
.fh-header .fh-brand-name a{
	font-family: var(--fh-display);
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: .32em;
	text-transform: uppercase;
	color: var(--fh-ink);
	text-decoration: none;
	white-space: nowrap;
}
.fh-header .fh-nav-wrap{ gap: clamp(18px, 2.6vw, 38px); }
.fh-header .fh-nav{ gap: clamp(18px, 2.6vw, 38px); }
.fh-header .fh-nav .wp-block-navigation-item__content{
	font-family: var(--fh-label);
	font-size: .72rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--fh-ink);
	text-decoration: none;
}
.fh-header .fh-nav .wp-block-navigation-item__content:hover{ color: var(--fh-acorn); }
.fh-header .fh-header-cta .wp-block-button__link{ padding: .85em 1.4em; white-space: nowrap; }
.wp-block-navigation__responsive-container.is-menu-open{
	background: var(--fh-paper) !important;
	color: var(--fh-ink) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
	font-family: var(--fh-display) !important;
	font-size: 1.8rem !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* ---------- footer ---------- */
.fh-footer{ background: var(--fh-leaf); color: var(--fh-paper); }
.fh-footer .fh-footer-inner{
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 40px;
	align-items: center;
	padding-top: 56px;
	padding-bottom: 56px;
}
.fh-footer .fh-footer-inner > *{ margin: 0 !important; }
.fh-footer .fh-footer-mark img{ width: 84px; }
.fh-footer .fh-footer-tag{
	font-family: var(--fh-display);
	font-style: italic;
	font-size: 1.45rem;
	line-height: 1.3;
	color: var(--fh-paper);
}
.fh-footer .fh-footer-meta{ text-align: right; }
.fh-footer .fh-footer-meta p{
	margin: 0 !important;
	font-family: var(--fh-label);
	font-size: .68rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	line-height: 2.1;
	color: var(--fh-neutral);
}
.fh-footer .fh-footer-meta a{ color: var(--fh-paper); text-decoration: none; }

/* ---------- home: reset flow margins inside layout containers ---------- */
.fh-home > *{ margin-block-start: 0 !important; }
.fh-home .fh-hero-grid > *,
.fh-home .fh-chapter-grid > *,
.fh-home .fh-principle > *,
.fh-home .fh-entry > *,
.fh-home .fh-session > *,
.fh-home .fh-facts > *,
.fh-home .fh-about > *,
.fh-home .fh-quote-inner > *{ margin-block-start: 0; margin-block-end: 0; }

/* hero */
.fh-home .fh-hero-grid{
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: clamp(32px, 6vw, 96px);
	align-items: center;
	padding-top: clamp(56px, 9vw, 120px);
	padding-bottom: clamp(64px, 10vw, 136px);
}
.fh-home .fh-hero h1{ margin: 0 0 1.6rem; }
.fh-home .fh-hero h1 em{ font-weight: 300; }
.fh-home .fh-hero .fh-eyebrow{ margin: 0 0 1.4rem; }
.fh-home .fh-actions{ margin-top: 2.2rem !important; gap: 18px 30px; align-items: center; }
.fh-home .fh-hero-figure{ position: relative; z-index: 0; }

/* titles line */
.fh-home .fh-titles{
	border-top: 1px solid var(--fh-rule);
	border-bottom: 1px solid var(--fh-rule);
	text-align: center;
	padding: 22px var(--fh-gutter);
	margin: 0 !important;
	font-family: var(--fh-display);
	font-style: italic;
	font-size: clamp(1.2rem, 1rem + .8vw, 1.6rem);
	color: var(--fh-leaf);
}

/* chapters */
.fh-home .fh-chapter{ padding: clamp(72px, 10vw, 140px) 0; }
.fh-home .fh-chapter-tight{ padding-top: 0; }
.fh-home .fh-band{ background: var(--fh-paper-deep); }
.fh-home .fh-enroll{ border-top: 1px solid var(--fh-rule); }
.fh-home .fh-chapter-grid{
	display: grid;
	grid-template-columns: minmax(150px, 230px) 1fr;
	gap: clamp(24px, 6vw, 96px);
}
.fh-home .fh-chapter-mark{
	border-top: 1px solid var(--fh-ink);
	padding-top: 14px;
	align-self: start;
	position: sticky;
	top: 28px;
}
.fh-home .fh-chapter-mark p{ margin: 0; }
.fh-home .fh-no{
	font-family: var(--fh-display);
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 10px !important;
}
.fh-home .fh-name{
	font-family: var(--fh-label);
	font-size: .7rem;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--fh-acorn);
}
.fh-home .fh-chapter-body h2{ margin: 0 0 1.4rem; max-width: 16em; }
.fh-home .fh-chapter-body > .fh-lede + .fh-lede{ margin-top: 1rem; }

/* principles */
.fh-home .fh-principles{ margin-top: 3rem !important; border-top: 1px solid var(--fh-rule); }
.fh-home .fh-principle{
	display: grid;
	grid-template-columns: 80px 1fr 1.25fr;
	gap: 28px;
	padding: 34px 0;
	border-bottom: 1px solid var(--fh-rule);
	margin: 0 !important;
}
.fh-home .fh-num{
	font-family: var(--fh-display);
	font-style: italic;
	font-size: 1.5rem;
	color: var(--fh-rustic);
	line-height: 1.3;
}
.fh-home .fh-principle p:not(.fh-num){ color: var(--fh-body-ink); }

/* quote band */
.fh-home .fh-quote-band{ background: var(--fh-leaf); color: var(--fh-paper); }
.fh-home .fh-quote-inner{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: clamp(28px, 6vw, 90px);
	align-items: center;
	padding-top: clamp(64px, 8vw, 110px);
	padding-bottom: clamp(64px, 8vw, 110px);
}
.fh-home .fh-quote-mark img{ width: clamp(110px, 16vw, 190px); }
.fh-home .fh-quote{ margin: 0; padding: 0; border: 0; }
.fh-home .fh-quote p{
	font-family: var(--fh-display);
	font-weight: 300;
	font-style: italic;
	font-size: clamp(2rem, 1.3rem + 2.8vw, 3.5rem);
	line-height: 1.12;
	margin: 0 0 1.4rem;
	color: var(--fh-paper);
}
.fh-home .fh-quote cite{
	font-style: normal;
	font-family: var(--fh-label);
	font-size: .7rem;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--fh-neutral);
}

/* contents (the year) */
.fh-home .fh-contents{ margin-top: 2.6rem !important; border-top: 1px solid var(--fh-ink); }
.fh-home .fh-entry{
	display: grid;
	grid-template-columns: 84px 1fr auto;
	gap: 24px;
	align-items: baseline;
	padding: 30px 0 28px;
	border-bottom: 1px solid var(--fh-rule);
	margin: 0 !important;
}
.fh-home .fh-entry .fh-num{ font-style: normal; font-size: 1.35rem; }
.fh-home .fh-entry h3{ font-style: italic; font-weight: 300; font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.7rem); margin: 0; }
.fh-home .fh-by{
	font-family: var(--fh-label);
	font-size: .68rem;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--fh-acorn);
	margin: .5rem 0 .7rem !important;
}
.fh-home .fh-entry-text p:not(.fh-by){ margin-top: 0; max-width: 32em; color: var(--fh-body-ink); }
.fh-home .fh-term{
	font-family: var(--fh-label);
	font-size: .66rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--fh-acorn);
	text-align: right;
	white-space: nowrap;
}
.fh-home .fh-note{ margin-top: 1.6rem !important; font-style: italic; color: var(--fh-warm); }

/* a session */
.fh-home .fh-session{
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: clamp(32px, 5vw, 80px);
	margin-top: 2.6rem !important;
	align-items: start;
}
.fh-home .fh-steps{ counter-reset: fhstep; }
.fh-home .fh-step{
	position: relative;
	padding: 0 0 30px 64px;
	border-left: 1px solid var(--fh-rule);
	margin: 0 0 0 14px !important;
}
.fh-home .fh-step:last-child{ border-left-color: transparent; padding-bottom: 0; }
.fh-home .fh-step::before{
	counter-increment: fhstep;
	content: counter(fhstep, lower-roman);
	position: absolute;
	left: -15px;
	top: -2px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	background: var(--fh-paper);
	border: 1px solid var(--fh-rustic);
	border-radius: 50%;
	font-family: var(--fh-display);
	font-style: italic;
	font-size: 1rem;
	color: var(--fh-acorn);
	line-height: 28px;
	text-align: center;
}
.fh-home .fh-step h3{ font-size: 1.6rem; margin: 0 0 .4rem; }
.fh-home .fh-step p{ margin: 0; color: var(--fh-body-ink); }
.fh-home .fh-photo-plate{ position: sticky; top: 28px; }
.fh-home .fh-photo-frame{
	aspect-ratio: 4 / 5;
	background: linear-gradient(135deg, rgba(155,144,127,.20), rgba(79,81,65,.16)), var(--fh-paper-deep);
	display: grid;
	place-items: center;
	text-align: center;
	padding: 32px;
	position: relative;
}
.fh-home .fh-photo-frame::before{
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid var(--fh-rule);
	pointer-events: none;
}
.fh-home .fh-photo-frame p{
	font-family: var(--fh-display);
	font-style: italic;
	font-size: 1.25rem;
	color: var(--fh-acorn);
	max-width: 14em;
	margin: 0;
}
/* when a real photo is added inside the frame, let it fill the plate */
.fh-home .fh-photo-frame .wp-block-image,
.fh-home .fh-photo-frame .wp-block-image img{ margin: 0; width: 100%; height: 100%; object-fit: cover; }

/* the term */
.fh-home .fh-facts{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 clamp(32px, 5vw, 72px);
	margin-top: 2.6rem !important;
	border-top: 1px solid var(--fh-ink);
}
.fh-home .fh-fact{ padding: 24px 0 22px; border-bottom: 1px solid var(--fh-rule); margin: 0 !important; }
.fh-home .fh-fact p{ margin: 0; }
.fh-home .fh-fact-label{
	font-family: var(--fh-label);
	font-size: .68rem;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--fh-acorn);
	margin-bottom: .5rem !important;
}
.fh-home .fh-fact-value{ font-family: var(--fh-display); font-size: 1.65rem; line-height: 1.25; }
.fh-home .fh-fact-note{ font-size: 1rem; color: #4a3f39; margin-top: .35rem !important; }
.fh-home .fh-scarcity{ margin-top: 2.4rem !important; max-width: 36em; }
.fh-home .fh-band .wp-block-buttons{ margin-top: 1.6rem !important; }

/* about */
.fh-home .fh-about{
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: clamp(28px, 5vw, 72px);
	align-items: start;
	margin-top: 2.4rem !important;
}
.fh-home .fh-portrait{
	aspect-ratio: 3 / 4;
	background: var(--fh-paper-deep);
	position: relative;
	display: grid;
	place-items: center;
	text-align: center;
}
.fh-home .fh-portrait::before{
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid var(--fh-rule);
	pointer-events: none;
}
.fh-home .fh-portrait p{ font-family: var(--fh-display); font-style: italic; color: var(--fh-acorn); font-size: 1.15rem; margin: 0; }
.fh-home .fh-portrait .wp-block-image,
.fh-home .fh-portrait .wp-block-image img{ margin: 0; width: 100%; height: 100%; object-fit: cover; }
.fh-home .fh-signature{ font-family: var(--fh-display); font-style: italic; font-size: 1.8rem; }

/* ---------- interest form (WPForms or Fluent Forms) ---------- */
.fh-home .fh-form{ margin-top: 2.6rem !important; }
.fh-home .fh-form-placeholder{
	border: 1px dashed var(--fh-warm);
	padding: 28px;
	font-style: italic;
	color: var(--fh-warm);
	background: rgba(132,110,94,.06);
}
.fh-home .fh-form-soon{ font-style: italic; color: var(--fh-warm); }
.fh-form label,
.fh-form legend,
.fh-form .wpforms-field-label,
.fh-form .ff-el-input--label label{
	font-family: var(--fh-label) !important;
	font-size: .68rem !important;
	font-weight: 500 !important;
	letter-spacing: .24em !important;
	text-transform: uppercase !important;
	color: var(--fh-acorn) !important;
}
.fh-form .wpforms-field-label-inline,
.fh-form .ff-el-form-check-label,
.fh-form .ff-el-form-check-label span{
	font-family: var(--fh-display) !important;
	font-style: italic !important;
	font-size: 1.25rem !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--fh-ink) !important;
}
.fh-form input[type="text"],
.fh-form input[type="email"],
.fh-form input[type="tel"],
.fh-form input[type="number"],
.fh-form select,
.fh-form textarea{
	font-family: var(--fh-body) !important;
	font-size: 1.15rem !important;
	color: var(--fh-ink) !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--fh-rustic) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: .45em 0 !important;
	max-width: 100% !important;
}
.fh-form textarea{
	border: 1px solid var(--fh-rule) !important;
	padding: .7em .8em !important;
	min-height: 96px;
}
.fh-form input:focus,
.fh-form textarea:focus,
.fh-form select:focus{
	outline: none !important;
	border-color: var(--fh-leaf) !important;
	box-shadow: 0 1px 0 var(--fh-leaf) !important;
}
.fh-form input[type="checkbox"]{ accent-color: var(--fh-leaf); }
.fh-form .wpforms-field-description,
.fh-form .ff-el-help-message{
	font-family: var(--fh-body) !important;
	font-style: italic !important;
	color: var(--fh-warm) !important;
	font-size: .98rem !important;
}
.fh-form button[type="submit"],
.fh-form .wpforms-submit,
.fh-form .ff-btn-submit{
	font-family: var(--fh-label) !important;
	font-size: .74rem !important;
	font-weight: 500 !important;
	letter-spacing: .24em !important;
	text-transform: uppercase !important;
	background: var(--fh-leaf) !important;
	color: var(--fh-paper) !important;
	border: 1px solid var(--fh-leaf) !important;
	border-radius: 0 !important;
	padding: 1.05em 2em !important;
	height: auto !important;
	box-shadow: none !important;
	cursor: pointer;
}
.fh-form button[type="submit"]:hover,
.fh-form .wpforms-submit:hover,
.fh-form .ff-btn-submit:hover{
	background: var(--fh-ink) !important;
	border-color: var(--fh-ink) !important;
}
.fh-form .wpforms-confirmation-container-full,
.fh-form .ff-message-success{
	background: var(--fh-paper-deep) !important;
	border: 0 !important;
	color: var(--fh-ink) !important;
	font-family: var(--fh-display);
	font-style: italic;
	font-size: 1.4rem;
	padding: 36px !important;
	text-align: center;
}


/* WPForms layout (works with or without WPForms' own base styles) */
.fh-form .wpforms-container{ max-width: 640px; margin: 0 !important; }
.fh-form .wpforms-field{ padding: 0 0 28px !important; margin: 0 !important; clear: both; }
.fh-form .wpforms-field-label{ display: block !important; margin: 0 0 .7rem !important; line-height: 1.5 !important; }
.fh-form .wpforms-required-label{ color: var(--fh-warm) !important; }
.fh-form .wpforms-field input[type="text"],
.fh-form .wpforms-field input[type="email"],
.fh-form .wpforms-field input[type="tel"],
.fh-form .wpforms-field select,
.fh-form .wpforms-field textarea{ display: block; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
.fh-form .wpforms-field ul{ list-style: none !important; margin: 0 !important; padding: 0 !important; }
.fh-form .wpforms-field ul li{ display: flex !important; align-items: center; gap: 10px; margin: 0 0 6px !important; padding: 0 !important; }
.fh-form .wpforms-field ul li input[type="checkbox"]{ margin: 0 !important; width: 16px; height: 16px; flex: none; }
.fh-form .wpforms-field-sublabel{ font-family: var(--fh-label) !important; font-size: .64rem !important; letter-spacing: .18em; text-transform: uppercase; color: var(--fh-rustic) !important; }
.fh-form .wpforms-error,
.fh-form label.wpforms-error{ font-family: var(--fh-body) !important; font-style: italic; text-transform: none !important; letter-spacing: 0 !important; font-size: .95rem !important; color: #8a3b2e !important; }
.fh-form .wpforms-submit-container{ padding: 8px 0 0 !important; }

/* ---------- ordinary pages and posts ---------- */
.fh-page .fh-page-head{ padding-top: clamp(56px, 8vw, 110px); padding-bottom: 2rem; }
.fh-page .fh-page-head h1{ margin: .4rem 0 0; max-width: 18em; }
.fh-page .fh-404{ padding-bottom: clamp(72px, 10vw, 140px); }
.fh-page .fh-404 .wp-block-buttons{ margin-top: 2rem; }
.fh-page .fh-prose{ padding-bottom: clamp(64px, 8vw, 120px); }
.fh-page .fh-post-row{ padding: 32px 0; border-bottom: 1px solid var(--fh-rule); }
.fh-page .fh-post-row h2 a{ text-decoration: none; color: var(--fh-ink); }

/* ---------- responsive ---------- */
@media (max-width: 900px){
	.fh-home .fh-hero-grid,
	.fh-home .fh-session,
	.fh-home .fh-about{ grid-template-columns: 1fr; }
	.fh-home .fh-hero-figure{ order: -1; max-width: 520px; margin: 0 auto 12px !important; width: 100%; }
	.fh-home .fh-chapter-grid{ grid-template-columns: 1fr; }
	.fh-home .fh-chapter-mark{ position: static; display: flex; align-items: baseline; gap: 16px; }
	.fh-home .fh-no{ font-size: 2.4rem; margin: 0 !important; }
	.fh-home .fh-photo-plate{ position: static; }
	.fh-home .fh-photo-frame{ aspect-ratio: 16 / 10; }
	.fh-home .fh-portrait{ aspect-ratio: 16 / 10; }
	.fh-home .fh-quote-inner{ grid-template-columns: 1fr; }
	.fh-footer .fh-footer-inner{ grid-template-columns: 1fr; }
	.fh-footer .fh-footer-meta{ text-align: left; }
}
@media (max-width: 720px){
	.fh-header .fh-volume-right{ display: none; }
	.fh-header .fh-brand-name a{ font-size: .82rem; letter-spacing: .18em; }
	.fh-header .fh-brand-mark img{ height: 34px; }
	.fh-header .fh-brand{ gap: 10px; }
	.fh-header .fh-nav-wrap{ gap: 12px; }
	.fh-header .fh-header-cta .wp-block-button__link{ padding: .75em 1em; letter-spacing: .16em; }
	.fh-home .fh-principle{ grid-template-columns: 1fr; gap: 8px; }
	.fh-home .fh-entry{ grid-template-columns: 64px 1fr; gap: 12px; }
	.fh-home .fh-entry .fh-num{ white-space: nowrap; font-size: 1.15rem; }
	.fh-home .fh-entry .fh-term{ grid-column: 2; text-align: left; }
	.fh-home .fh-facts{ grid-template-columns: 1fr; }
	.is-style-plate::after{ display: none; }
}
@media (max-width: 420px){
	.fh-header .fh-brand-name{ display: none; }
}