/* Homepage — PoC 4.0 ("Lotus Harmony") composition. Loaded on the front page only.
   Every rule is scoped to the syvh-* classes used by the page 9 blocks
   (ai-site-v1/homepage/page-9-poc4.blocks.html); tokens come from the parent theme.json.
   Deliberate differences from the prototype: theme fonts (Noto Serif / Noto Sans, which cover
   Hindi and Gujarati), darker button gold for AA contrast, and body text no smaller than 14 px. */

.wp-block-post-content > section[class*="syvh-"] { margin-block: 0; scroll-margin-block-start: 1rem; }
section[class*="syvh-"] :where(p, h1, h2, h3, ul, figure) { margin-block: 0; }
section[class*="syvh-"] :where(h1, h2, h3) { font-family: var(--wp--preset--font-family--heading); font-weight: 400; line-height: 1.1; text-wrap: balance; }
section[class*="syvh-"] h1 { font-size: clamp(2.8rem, 5vw, 5rem); margin-block: .6rem 1.1rem; }
section[class*="syvh-"] h2 { font-size: clamp(2rem, 3.3vw, 3.3rem); margin-block: .5rem 1rem; }
section[class*="syvh-"] h3 { font-size: 1.35rem; }
.syvh-benefit-grid > *, .syvh-cards > *, .syvh-facts > *, .syvh-split > *, .syvh-event > * { margin: 0; } /* grid items: no flow-layout gaps */
.syvh-wrap { max-inline-size: 74.375rem; margin-inline: auto; padding-inline: 1.875rem; }
.syvh-eyebrow { letter-spacing: .16em; font-size: .8125rem; font-weight: 700; color: #8a5d20; text-transform: uppercase; }
section[class*="syvh-"] h2.syvh-eyebrow { font-family: var(--wp--preset--font-family--body); font-size: .8125rem; font-weight: 700; line-height: 1.5; margin: 0; }
.syvh-wrap .screen-reader-text, .syvh-wrap h2.screen-reader-text {
	position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0;
}

/* Buttons */
.syvh-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1.45rem; }
.syvh-actions .wp-block-button { margin: 0; }
.syvh-actions .wp-block-button__link {
	padding: .8rem 1.2rem; border: 1px solid var(--wp--preset--color--gold-dark); border-radius: 5px;
	background: var(--wp--preset--color--gold-dark); color: #fff; font-family: var(--wp--preset--font-family--body);
	font-size: .9375rem; font-weight: 600; line-height: 1.3; text-decoration: none;
}
.syvh-actions .wp-block-button__link:hover { background: #8a6a2f; border-color: #8a6a2f; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(118, 92, 46, .25); } /* same as site.css */
.syvh-actions .is-style-outline .wp-block-button__link { background: rgba(255, 249, 237, .8); color: var(--wp--preset--color--charcoal); }
.syvh-actions .is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--cream); border-color: var(--wp--preset--color--gold-dark); color: var(--wp--preset--color--charcoal); }
.syvh-actions .wp-block-button__link:focus-visible { outline: 3px solid #183b34; outline-offset: 3px; }
.syvh-arrow .wp-block-button__link::after { content: " →" / ""; }

/* 1. Hero: lotus photograph behind a soft ivory wash on the text side. */
.syvh-hero {
	position: relative; display: flex; align-items: center; min-block-size: 35.625rem;
	background:
		linear-gradient(90deg, #faf7f0 0%, rgba(250, 247, 240, .96) 25%, rgba(250, 247, 240, .82) 40%, rgba(250, 247, 240, .19) 67%, transparent 100%),
		url("../images/home/hero-water-lily.jpg") center / cover no-repeat;
}
.syvh-hero > .syvh-wrap { inline-size: 100%; }
.syvh-hero-copy { max-inline-size: 32.5rem; padding-block: 5.9rem; }
.syvh-hero .syvh-hero-location { display: inline-block; margin-block-start: .35rem; font-size: .95rem; font-weight: 600; letter-spacing: .04em; text-transform: none; color: #6b5427; } /* location line under the hero label */
.syvh-lead { font-size: 1.1rem; line-height: 1.55; max-inline-size: 28.75rem; }
.syvh-hero::after { /* the PoC's soft curved edge into the next section */
	content: ""; position: absolute; inset-inline: 0; inset-block-end: -.7rem; block-size: 1.75rem;
	background: var(--wp--preset--color--ivory); border-radius: 60% 60% 0 0;
}

/* 2. Five informational benefits (not links). Icons are decorative glyphs. */
.syvh-benefits { position: relative; padding-block: 2.75rem 3.45rem; background: var(--wp--preset--color--ivory); }
.syvh-benefit-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.25rem; text-align: center; }
.syvh-benefit::before {
	content: "❀" / ""; display: grid; place-items: center; inline-size: 4.125rem; block-size: 4.125rem; margin: 0 auto .65rem;
	border-radius: 50%; background: #f9e5e6; color: #b9506a; font-size: 1.9rem; line-height: 1;
}
.syvh-benefit:nth-child(2)::before { content: "♧" / ""; background: #e8efdd; color: #517b43; }
.syvh-benefit:nth-child(3)::before { content: "♡" / ""; background: #f9e8d7; }
.syvh-benefit:nth-child(4)::before { content: "♧" / ""; background: #e5edf8; }
.syvh-benefit:nth-child(5)::before { content: "♧" / ""; background: #eee5f1; }
.syvh-benefit h3 { font-size: 1.15rem; margin-block-end: .5rem; }
.syvh-benefit p { font-size: .875rem; line-height: 1.5; }

/* Shared two-column composition. */
.syvh-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 3.45rem; }
.syvh-split > * { min-inline-size: 0; margin: 0; }
.syvh-copy > p:not(.syvh-eyebrow) { font-size: 1.05rem; line-height: 1.6; }

/* 3. Shree Mataji: photograph flush left, filling the section height; only its text-facing edge fades. */
.syvh-mataji {
	color: #183b34;
	background:
		radial-gradient(ellipse 60% 70% at 97% 28%, rgba(168, 180, 154, .16) 0%, transparent 70%),
		linear-gradient(135deg, #faf7f0 0%, #f0e9dd 100%);
}
.syvh-mataji .syvh-split { grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: 0; align-items: stretch; }
.syvh-mataji-photo { line-height: 0; -webkit-mask-image: linear-gradient(to right, #000 0%, #000 72%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 72%, transparent 100%); }
.syvh-mataji-photo img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1600 / 1143; object-fit: cover; }
.syvh-mataji .syvh-copy { align-self: center; padding: 2.6rem clamp(1.875rem, 5vw, 5rem) 2.6rem 1.75rem; }
.syvh-mataji h2, .syvh-meditation h2 { color: #183b34; font-size: clamp(2rem, 3.5vw, 3.45rem); line-height: 1.08; }

/* 4. The Subtle System: copy left, diagram right. */
.syvh-subtle { padding-block: 4.7rem; background: var(--wp--preset--color--ivory); }
.syvh-points { list-style: none; padding: 0; margin-block: 1.1rem 0; display: grid; gap: .5rem; }
.syvh-points li { margin: 0; font-size: 1.05rem; }
.syvh-points li::before { content: "✧" / ""; margin-inline-end: .5rem; color: var(--wp--preset--color--gold-dark); }
.syvh-subtle .syvs-ssd { max-inline-size: 36rem; justify-self: center; inline-size: 100%; }

/* 5. Free meditation sessions: copy left, photograph flush right; only its left edge fades. */
.syvh-meditation { background: linear-gradient(135deg, #faf7f0 0%, #f0e9dd 100%); }
.syvh-meditation .syvh-split { gap: 0; align-items: stretch; }
.syvh-meditation .syvh-copy { align-self: center; padding: 2.4rem 1.5rem 2.4rem clamp(1.875rem, 5.5vw, 5.25rem); }
.syvh-meditation-photo { line-height: 0; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 28%, #000 100%); mask-image: linear-gradient(to right, transparent 0%, #000 28%, #000 100%); }
.syvh-meditation-photo img { display: block; inline-size: 100%; block-size: 100%; min-block-size: 100%; aspect-ratio: 743 / 492; object-fit: cover; }
.syvh-facts { display: grid; grid-template-columns: 1fr 1.15fr .85fr; gap: 1.1rem; margin-block: 1.4rem 0; }
.syvh-fact { position: relative; padding-inline-start: 2.4rem; font-size: .9rem; line-height: 1.5; }
.syvh-fact strong { display: block; font-family: var(--wp--preset--font-family--heading); font-size: 1.02rem; font-weight: 700; }
.syvh-fact::before {
	content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .1rem; inline-size: 1.75rem; block-size: 2rem;
	background: #966b28; -webkit-mask: var(--syvh-icon) center / contain no-repeat; mask: var(--syvh-icon) center / contain no-repeat;
}
.syvh-fact-time { --syvh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='4' y='6' width='24' height='22' rx='2'/%3E%3Cpath d='M4 13h24M10 3v7M22 3v7M10 18h2m6 0h2m-10 5h2m6 0h2'/%3E%3C/svg%3E"); }
.syvh-fact-place { --syvh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M16 29S5 17 5 11a11 11 0 0 1 22 0c0 6-11 18-11 18Z'/%3E%3Ccircle cx='16' cy='11' r='4'/%3E%3C/svg%3E"); }
.syvh-fact-open { --syvh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='16' cy='9' r='4'/%3E%3Cpath d='M8 28v-5a8 8 0 0 1 16 0v5ZM7 8a3 3 0 1 0 0 6M25 8a3 3 0 1 1 0 6M5 18c-3 1-4 4-4 8h4M27 18c3 1 4 4 4 8h-4'/%3E%3C/svg%3E"); }

/* 6. Upcoming events: compact card with the water-lily photograph. */
.syvh-events { padding-block: 4rem 0; background: var(--wp--preset--color--ivory); }
.syvh-event {
	display: grid; grid-template-columns: 6.25rem minmax(0, 1fr) 42%; min-block-size: 11.5rem; margin-block-start: 1rem;
	background: #fff; border: 1px solid #e7dac5; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(52, 34, 10, .07);
}
.syvh-event > * { margin: 0; min-inline-size: 0; }
.syvh-event-date { display: grid; place-content: center; gap: .3rem; background: #f8ecdb; font-size: .875rem; text-align: center; text-transform: uppercase; }
.syvh-event-date strong { font-size: 2rem; line-height: 1; font-weight: 400; }
.syvh-event-text { padding: 1.55rem; }
.syvh-event-text h3 { margin-block-end: .6rem; }
.syvh-event-text p { font-size: 1rem; line-height: 1.55; }
.syvh-event-link { margin-block-start: .75rem !important; }
.syvh-event-link { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.syvh-event-link a { display: inline-flex; align-items: center; min-block-size: 2.75rem; color: var(--wp--preset--color--gold-dark); font-weight: 600; } /* two links (event + livestream), easy to tap */
.syvh-event-photo { position: relative; line-height: 0; min-block-size: 11.5rem; }
.syvh-event-photo img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; } /* the card's text sets its height */

/* 7. Explore Sahaja Yoga: four navigation cards; the heading link covers the whole card. */
.syvh-explore { padding-block: 2.4rem 4rem; background: var(--wp--preset--color--ivory); }
.syvh-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; margin-block-start: 1.5rem; }
.syvh-card {
	position: relative; display: flex; flex-direction: column; overflow: hidden;
	background: #fffaf2; border: 1px solid #ece1cf; border-radius: 10px; box-shadow: 0 4px 16px rgba(75, 56, 16, .03);
	transition: transform .2s ease, box-shadow .2s ease;
}
.syvh-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(75, 56, 16, .08); }
.syvh-card:focus-within { outline: 3px solid #183b34; outline-offset: 3px; }
.syvh-card-image { line-height: 0; }
.syvh-card-image img { display: block; inline-size: 100%; aspect-ratio: 1.85; object-fit: cover; }
.syvh-card h3 { padding: 1.05rem 3rem 0 1.2rem; font-size: 1.23rem; line-height: 1.2; color: #183b34; }
.syvh-card h3 a { color: inherit; text-decoration: none; }
.syvh-card h3 a::after { content: ""; position: absolute; inset: 0; } /* whole card is the link target */
.syvh-card h3 a:focus-visible { outline: none; }
.syvh-card p { padding: .3rem 3rem 1.2rem 1.2rem; font-size: .875rem; line-height: 1.55; color: #34483f; }
.syvh-card::after {
	content: "→" / ""; position: absolute; inset-block-end: 1.1rem; inset-inline-end: .95rem; display: grid; place-items: center;
	inline-size: 1.8rem; block-size: 1.8rem; border: 1px solid #d8b777; border-radius: 50%; color: #966b28; font-size: 1rem;
}

/* 8. Closing invitation: landscape photograph behind a soft ivory wash. */
.syvh-closing {
	padding-block: 5.6rem;
	background:
		linear-gradient(90deg, #fff9eb 0%, rgba(255, 249, 235, .85) 45%, rgba(255, 249, 235, .13) 100%),
		url("../images/home/closing-sunflower-field.jpg") center / cover no-repeat;
}
.syvh-closing-copy { max-inline-size: 32.5rem; }
.syvh-closing-copy > p:not(.syvh-eyebrow) { font-size: 1.05rem; }

/* Botanical line decorations (PoC 4.0 v3.9 values: positions, sizes, colours, opacities), drawn as CSS
   backgrounds so page 9 needs no decorative markup. Hidden below 850 px except the lotus line, as in the PoC. */
.syvh-mataji, .syvh-meditation { position: relative; isolation: isolate; }
.syvh-mataji > .syvh-split, .syvh-meditation > .syvh-split { position: relative; z-index: 1; }
.syvh-mataji::before, .syvh-mataji::after, .syvh-meditation::before, .syvh-meditation::after, .syvh-meditation .syvh-copy::after {
	content: ""; position: absolute; z-index: 0; pointer-events: none; background: center / contain no-repeat;
}
.syvh-meditation .syvh-copy { position: relative; }
.syvh-meditation .syvh-copy::after { z-index: -1; }
.syvh-mataji::before { inset-inline-start: 0; inset-block-start: 16%; inline-size: clamp(110px, 15%, 200px); aspect-ratio: 180 / 250; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 250'><g fill='none' stroke='%23c6a257' stroke-opacity='0.46' stroke-width='1.2'><path d='M87 228C42 172 45 99 83 28C130 100 139 177 87 228Z'/><path d='M87 228C28 208 4 151 3 105C57 123 92 169 87 228Z'/><path d='M87 228C140 211 175 164 178 113C127 131 88 174 87 228Z'/><path d='M87 228C56 188 49 147 45 126M87 228C117 195 137 156 145 143M87 228C92 172 87 93 83 28'/></g></svg>"); }
.syvh-mataji::after { inset-inline-end: 1%; inset-block-start: 8%; inline-size: clamp(150px, 19%, 320px); aspect-ratio: 180 / 130; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -15 180 130'><g transform='rotate(-7 80 50)'><g fill='none' stroke='%23d9bd83' stroke-opacity='0.2' stroke-width='1.15'><path d='M5 92C32 81 56 70 80 55C106 39 126 24 152 6'/><path d='M34 77C27 66 23 56 25 44C36 52 42 62 44 75Z'/><path d='M61 63C55 51 52 41 55 29C65 38 70 48 71 61Z'/><path d='M89 47C84 35 82 25 86 14C95 22 99 32 99 45Z'/><path d='M114 32C110 21 109 12 114 2C122 9 125 18 124 30Z'/></g></g></svg>"); }
.syvh-meditation::before { inset-inline-start: 1%; inset-block-start: 8%; inline-size: clamp(80px, 11%, 170px); aspect-ratio: 130 / 180; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -10 130 180'><g transform='rotate(-5 50 80)'><g fill='none' stroke='%23d9bd83' stroke-opacity='0.18' stroke-width='1.1'><path d='M50 156C48 120 46 90 50 55C52 30 56 15 62 2'/><path d='M50 110C38 100 28 95 15 94C25 108 35 116 50 120Z'/><path d='M51 80C64 72 74 68 88 68C77 80 66 86 51 88Z'/><path d='M52 50C42 42 33 38 20 38C30 50 39 56 52 58Z'/><path d='M55 25C65 18 73 15 84 16C76 25 68 30 56 32Z'/></g></g></svg>"); }
.syvh-meditation::after { inset-inline-start: 45%; inset-block-start: 42%; inline-size: clamp(55px, 7.5%, 120px); aspect-ratio: 130 / 180; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -10 130 180'><g transform='rotate(10 50 80)'><g fill='none' stroke='%23a8b49a' stroke-opacity='0.14' stroke-width='1.1'><path d='M50 156C48 120 46 90 50 55C52 30 56 15 62 2'/><path d='M50 110C38 100 28 95 15 94C25 108 35 116 50 120Z'/><path d='M51 80C64 72 74 68 88 68C77 80 66 86 51 88Z'/><path d='M52 50C42 42 33 38 20 38C30 50 39 56 52 58Z'/><path d='M55 25C65 18 73 15 84 16C76 25 68 30 56 32Z'/></g></g></svg>"); }
.syvh-meditation .syvh-copy::after { inset-inline-start: 72%; inset-block-start: 76%; inline-size: clamp(55px, 15%, 120px); aspect-ratio: 130 / 180; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -10 130 180'><g transform='translate(100 0) scale(-1 1) rotate(14 50 80)'><g fill='none' stroke='%23a8b49a' stroke-opacity='0.15' stroke-width='1.1'><path d='M50 156C48 120 46 90 50 55C52 30 56 15 62 2'/><path d='M50 110C38 100 28 95 15 94C25 108 35 116 50 120Z'/><path d='M51 80C64 72 74 68 88 68C77 80 66 86 51 88Z'/><path d='M52 50C42 42 33 38 20 38C30 50 39 56 52 58Z'/><path d='M55 25C65 18 73 15 84 16C76 25 68 30 56 32Z'/></g></g></svg>"); }
@media (max-width: 53.125rem) {
	.syvh-mataji::after, .syvh-meditation::before, .syvh-meditation::after, .syvh-meditation .syvh-copy::after { display: none; }
	.syvh-mataji::before { inset-block-start: 4%; }
}

/* ---------- Responsive (PoC breakpoints: 70rem stack, 850px tablet, 500px phone) ---------- */
@media (max-width: 68.75rem) and (min-width: 53.1875rem) {
	.syvh-facts { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
}
@media (max-width: 70rem) {
	.syvh-mataji .syvh-split, .syvh-meditation .syvh-split { grid-template-columns: minmax(0, 1fr); }
	.syvh-mataji .syvh-copy { grid-row: 1; }
	.syvh-mataji-photo, .syvh-meditation-photo { grid-row: 2; -webkit-mask-image: none; mask-image: none; }
	.syvh-mataji .syvh-copy, .syvh-meditation .syvh-copy { padding: 2.5rem 1.875rem; }
	.syvh-meditation-photo img { block-size: auto; }
}
@media (max-width: 53.125rem) {
	.syvh-hero {
		align-items: flex-start; min-block-size: 38.75rem;
		background:
			linear-gradient(180deg, rgba(250, 247, 240, .96) 0%, rgba(250, 247, 240, .93) 37%, rgba(250, 247, 240, .33) 72%, transparent 100%),
			url("../images/home/hero-water-lily.jpg") 64% center / cover no-repeat;
	}
	.syvh-hero-copy { padding-block: 3.6rem; }
	.syvh-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem .75rem; }
	.syvh-split { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; }
	.syvh-subtle { padding-block: 3.4rem; }
	.syvh-event { grid-template-columns: 5rem minmax(0, 1fr); }
	.syvh-event-photo { grid-column: 1 / -1; grid-row: 2; }
	.syvh-event-photo { min-block-size: 12rem; }
	.syvh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 31.25rem) {
	.syvh-wrap { padding-inline: 1.25rem; }
	.syvh-hero { min-block-size: 41.5rem; background-position: 61% bottom; background-size: auto 100%; }
	.syvh-hero-copy { padding-block: 2.4rem; }
	section[class*="syvh-"] h1 { font-size: 3.1rem; }
	.syvh-actions .wp-block-button__link { padding-inline: 1.1rem; }
	.syvh-mataji .syvh-copy, .syvh-meditation .syvh-copy { padding: 2rem 1.25rem; }
	.syvh-facts { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
	.syvh-event-text { padding: 1.1rem; }
	.syvh-cards { grid-template-columns: minmax(0, 1fr); }
	.syvh-closing { padding-block: 4rem; }
}
@media (prefers-reduced-motion: reduce) {
	.syvh-card { transition: none; }
	.syvh-card:hover, .syvh-actions .wp-block-button__link:hover { transform: none; }
}

/* Festival greeting band below the hero (seasonal; remove the homepage block after the festival).
   The marigold rangoli and lamp glow are pure CSS, with no image file. */
.syvh-greeting { padding: 3rem 1rem; background: linear-gradient(180deg, var(--wp--preset--color--ivory), #f8ecdb); }
.syvh-greeting-card {
	position: relative; max-inline-size: 46rem; margin-inline: auto; padding: 2.5rem 1.5rem 2.25rem; text-align: center;
	background: rgba(255, 255, 255, .62); border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold) 40%, transparent);
	border-block-start: 3px solid #e8891a; border-radius: .75rem; box-shadow: 0 12px 32px rgba(122, 74, 18, .08);
}
.syvh-greeting-card > * { margin-block: 0; }
.syvh-greeting-card::before {
	content: ""; display: block; inline-size: 6rem; block-size: 6rem; margin: 0 auto 1.25rem; border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%, #fff6cf 0 7%, #f6c453 8% 11%, #8a5a12 12% 17%, transparent 18%),
		repeating-radial-gradient(circle at 50% 50%, #f7b733 0 5%, #ef8a12 5% 10%, #e56b0a 10% 15%, #f59e0b 15% 20%);
	box-shadow: 0 0 0 5px rgba(239, 138, 18, .16), 0 0 0 11px rgba(247, 183, 51, .12);
}
.syvh-greeting-hi { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.1rem, 6vw, 3.4rem); line-height: 1.25; color: #8a5a12; }
.syvh-greeting .syvh-greeting-card h2.syvh-greeting-title {
	display: flex; align-items: center; justify-content: center; gap: .9rem; margin-block-start: .6rem !important;
	font-family: var(--wp--preset--font-family--body); font-size: .95rem; font-weight: 600; line-height: 1.4; letter-spacing: .22em; text-transform: uppercase; color: var(--wp--preset--color--charcoal);
}
.syvh-greeting .syvh-greeting-title::before, .syvh-greeting .syvh-greeting-title::after { content: ""; inline-size: 2.5rem; block-size: 1px; background: #e8891a; }
.syvh-greeting-text { max-inline-size: 34rem; margin-inline: auto !important; margin-block-start: 1.1rem !important; font-size: 1.125rem; line-height: 1.6; }
.syvh-greeting-from { margin-block-start: 1.25rem !important; font-weight: 600; letter-spacing: .02em; color: var(--wp--preset--color--gold-dark); }
@media (max-width: 31.25rem) {
	.syvh-greeting { padding: 2rem 1rem; }
	.syvh-greeting-card { padding: 2rem 1.1rem 1.75rem; }
	.syvh-greeting-card::before { inline-size: 4.75rem; block-size: 4.75rem; }
	.syvh-greeting .syvh-greeting-card h2.syvh-greeting-title { letter-spacing: .16em; gap: .6rem; }
	.syvh-greeting .syvh-greeting-title::before, .syvh-greeting .syvh-greeting-title::after { inline-size: 1.5rem; }
}