/*
 * V6, the site's design: V4 with the client's edits from his emails of Oct 24 and 25, 2026 onwards.
 * Loaded on every page (the other design versions were archived on 2026-11-03).
 * Palette: Porcelain #F3F5F2 and Sage #DDE4DB as in V4; Navy #1C445A, the shadow of the neck in his
 * blue-face photo, replaces V4's near-black moss for text; Lip #C8435A, a softer red than the lips
 * so they stay the one vivid accent, is used for booking and nothing else; Chocolate #3B2620 for
 * the footer and the closing bands.
 * Type: Bodoni Moda for headings only (medium weight, low optical size so the hairlines stay visible),
 * Jost Regular for everything you read.
 */

@font-face {
	font-family: "Jost";
	src: url("../fonts/jost.woff2") format("woff2");
	font-weight: 300 600;
	font-style: normal;
	font-display: swap;
}
/* Bodoni Moda (headings) and Pinyon Script (brochure line), self-hosted from Google Fonts (OFL), Latin and Latin Extended. */
@font-face {
	font-family: "Bodoni Moda";
	src: url("../fonts/bodoni-moda-italic-latin-ext.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Bodoni Moda";
	src: url("../fonts/bodoni-moda-italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Bodoni Moda";
	src: url("../fonts/bodoni-moda-latin-ext.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Bodoni Moda";
	src: url("../fonts/bodoni-moda.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Pinyon Script";
	src: url("../fonts/pinyon-script-latin-ext.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Pinyon Script";
	src: url("../fonts/pinyon-script.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body.bgs-v6 {
	--v6-porcelain: #F3F5F2;
	--v6-sage: #DDE4DB;
	--v6-navy: #1C445A;
	--v6-navy-2: #2E5D72;
	--v6-face: #3D7489; /* the mid blue of the face, for pressed buttons */
	--v6-line: rgba(28, 68, 90, .16);
	--v6-lip: #C8435A;
	--v6-lip-deep: #B03A4F;
	--v6-choc: #3B2620;
	--v6-copper: #D2A27C;
	/* Inner pages keep the theme's own styles; their text is a navy that reads as black (he asked for easy reading). */
	--v6-ink: #14303E;
	--wp--preset--color--contrast: var(--v6-ink);
	--wp--preset--color--contrast-2: var(--v6-ink);
	--wp--preset--color--moss: var(--v6-ink);
	--v6-serif: "Bodoni Moda", "Bodoni 72", Didot, Georgia, serif;
	--v6-sans: "Jost", "Futura", "Helvetica Neue", Arial, sans-serif;
	--v6-max: 1240px;
	--v6-gutter: clamp(1.25rem, 5vw, 4rem);
	--v6-section: clamp(5rem, 10vw, 9rem);
	--v6-ease: cubic-bezier(.2, .7, .1, 1);
}

.bgs-v6 .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ---------- Header, every page: logo with "Since 2008" beside it, the menu, and the red booking button with the
   phone number, all of which stay at the top wherever you are. Below 1100px (like the theme): logo, booking button
   and the menu button. On phones the homepage opens on the photo, with only the menu button on it until you scroll. ---------- */
body.bgs-v6 .bgs-header { background-color: var(--v6-porcelain) !important; color: var(--v6-navy); box-shadow: none !important; transition: box-shadow .35s ease, background-color .35s ease; }
body.bgs-v6.bgs-past-hero .bgs-header, body.bgs-v6:not(.home) .bgs-header { box-shadow: 0 1px 0 var(--v6-line) !important; }
/* Inner pages: the theme turns the header ink over its photo and sage heroes; V6 keeps it porcelain. */
body.bgs-v6.bgs-header-overlay .bgs-header,
body.bgs-v6.bgs-header-overlay.bgs-scrolled .bgs-header,
body.bgs-v6.bgs-header-overlay:has(.bgs-split-hero) .bgs-header { background-color: var(--v6-porcelain) !important; background-image: none !important; }
body.bgs-v6 .bgs-header-row { display: flex !important; align-items: center !important; gap: clamp(.75rem, 2vw, 1.5rem) !important; }
body.bgs-v6 .bgs-site-brand { flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: .9rem !important; }
body.bgs-v6 .bgs-site-brand .bgs-logo img { width: 196px !important; }
body.bgs-v6 .bgs-since { margin: 0 0 .35rem !important; color: var(--v6-navy-2) !important; font-family: var(--v6-sans); letter-spacing: .3em; white-space: nowrap; }
body.bgs-v6 .bgs-nav-right { display: flex !important; margin-left: auto; }
@media (max-width: 1099px) {
	body.bgs-v6 .bgs-nav-left { display: none !important; }
	body.bgs-v6 .bgs-nav-right .wp-block-navigation-item:not(.bgs-nav-book) { display: none !important; }
	body.bgs-v6 .bgs-nav-burger { display: flex !important; }
}
/* Desktop: the logo, every menu item and the booking button spread evenly across the row. The theme's two menus
   are flattened into the row (display: contents), so the gaps are the same between all of them. */
@media (min-width: 1100px) {
	body.bgs-v6 .bgs-header-row { justify-content: space-between !important; gap: 1rem !important; }
	body.bgs-v6 .bgs-header-row > .bgs-site-brand { order: -1; }
	body.bgs-v6 .bgs-header-row > .bgs-nav-desktop,
	body.bgs-v6 .bgs-header-row > .bgs-nav-desktop > .wp-block-navigation__container { display: contents !important; }
	body.bgs-v6 .bgs-site-brand .bgs-logo, body.bgs-v6 .bgs-site-brand .bgs-logo img { width: 214px !important; }
	body.bgs-v6 .bgs-since { font-size: .625rem !important; }
	body.bgs-v6 .bgs-nav-desktop > .wp-block-navigation__container > .wp-block-navigation-item:not(.bgs-nav-book) > .wp-block-navigation-item__content,
	body.bgs-v6 .bgs-nav-desktop > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
		color: var(--v6-navy) !important; font-family: var(--v6-sans); font-size: 1.0625rem !important; font-weight: 400; letter-spacing: .01em;
	}
	body.bgs-v6 .bgs-nav-desktop .wp-block-navigation__submenu-container { background: var(--v6-porcelain) !important; }
	body.bgs-v6 .bgs-nav-desktop .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		color: var(--v6-navy) !important; font-family: var(--v6-sans); font-size: 1rem !important; letter-spacing: .01em;
	}
	body.bgs-v6 .bgs-nav-desktop .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--v6-lip) !important; }
	body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content:hover { color: #fff !important; }
}
@media (min-width: 1100px) and (max-width: 1279px) {
	body.bgs-v6 .bgs-site-brand .bgs-logo, body.bgs-v6 .bgs-site-brand .bgs-logo img { width: 168px !important; }
	body.bgs-v6 .bgs-site-brand { gap: .6rem !important; }
	body.bgs-v6 .bgs-nav-desktop > .wp-block-navigation__container > .wp-block-navigation-item:not(.bgs-nav-book) > .wp-block-navigation-item__content { font-size: .9375rem !important; }
	body.bgs-v6 .bgs-book-txt { display: none; }
}
/* The booking button: phone icon, the number, then "Book Now". */
body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content {
	display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1.35rem .7rem 1.1rem !important; border: 0 !important; border-radius: 999px;
	background: var(--v6-lip); color: #fff !important; text-decoration: none; white-space: nowrap;
	font-family: var(--v6-sans); font-size: .9375rem !important; font-weight: 500; letter-spacing: .02em; text-transform: none !important;
	transition: background-color .3s ease;
}
body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content::before {
	content: ""; width: 1rem; height: 1rem; flex: 0 0 auto; background: currentColor;
	-webkit-mask: var(--bgs-i-phone) center / contain no-repeat; mask: var(--bgs-i-phone) center / contain no-repeat;
}
body.bgs-v6 .bgs-nav-book .wp-block-navigation-item__label { display: inline-flex; align-items: center; gap: .65rem; }
body.bgs-v6 .bgs-book-tel { letter-spacing: .05em; font-variant-numeric: lining-nums tabular-nums; }
body.bgs-v6 .bgs-book-txt { padding-left: .65rem; border-left: 1px solid rgba(255, 255, 255, .45); }
body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content:hover { background: var(--v6-lip-deep) !important; }
body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content::after { display: none; }
body.bgs-v6 .bgs-header .wp-block-navigation__responsive-container-open { color: var(--v6-navy) !important; margin-right: -10px; }
body.bgs-v6 .bgs-header .wp-block-navigation__responsive-container-open:focus-visible { outline: 2px solid var(--v6-navy); outline-offset: 2px; }
body.bgs-v6 .bgs-mobile-bar { display: none !important; }
/* Same 1240px grid as the page below it. */
body.bgs-v6 .bgs-header > .bgs-header-row { max-width: var(--v6-max) !important; }
@media (max-width: 1099px) {
	body.bgs-v6 .bgs-book-txt { display: none; }
}
@media (max-width: 781px) {
	/* Phones: "Since 2008" goes back under the logo to leave room for the number. */
	body.bgs-v6 .bgs-site-brand { flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; }
	body.bgs-v6 .bgs-since { margin: .3rem 0 0 !important; }
	body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content { gap: .45rem; padding: .6rem .95rem .6rem .8rem !important; font-size: .875rem !important; }
	body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content::before { width: .9rem; height: .9rem; }
	/* Homepage: the header floats over the photo, which already carries the logo; only the menu button shows
	   until the photo has scrolled away, then the whole bar (logo, number, menu) slides in. */
	body.bgs-v6.home .wp-site-blocks > header.wp-block-template-part { position: fixed !important; top: 0; left: 0; right: 0; }
	body.bgs-v6.home:not(.bgs-past-hero) .bgs-header { background-color: transparent !important; box-shadow: none !important; }
	body.bgs-v6.home .bgs-site-brand, body.bgs-v6.home .bgs-nav-right { transition: opacity .35s ease, visibility .35s; }
	body.bgs-v6.home:not(.bgs-past-hero) .bgs-site-brand, body.bgs-v6.home:not(.bgs-past-hero) .bgs-nav-right { opacity: 0; visibility: hidden; }
}

/* Menu overlay: porcelain, Bodoni, on the same grid as the header. */
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open {
	--v6-edge: max(var(--v6-gutter), calc((100vw - var(--v6-max)) / 2));
	background: var(--v6-porcelain) !important;
	padding-left: var(--v6-edge) !important; padding-right: var(--v6-edge) !important;
}
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open::before {
	left: var(--v6-edge); width: 196px; height: 84px; background-image: url("/wp-content/uploads/2026/10/bgs-logo-blue-3d-600x257.webp");
	/* The logo's white ground showed as a box on the open menu (Nov 3); "darken" lets the menu's colour through, as in the header. */
	mix-blend-mode: darken;
}
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open::after { border-top-color: var(--v6-line); }
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { right: var(--v6-edge) !important; color: var(--v6-navy); }
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { border-bottom-color: var(--v6-line) !important; }
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--v6-serif) !important; font-size: clamp(1.5rem, 2.4vw, 2.125rem) !important;
	font-weight: 500 !important; font-optical-sizing: none; font-variation-settings: "opsz" 14;
	color: var(--v6-navy) !important; padding: .8rem 0 !important;
}
body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
@media (min-width: 900px) {
	body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: clamp(3rem, 8vw, 8rem) !important; max-width: none !important;
	}
	body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { max-width: none !important; }
}
@media (max-width: 781px) {
	body.bgs-v6 .wp-block-navigation__responsive-container.is-menu-open::before { width: 132px; height: 57px; }
	body.bgs-v6 .bgs-site-brand .bgs-logo img { width: 132px !important; }
	body.bgs-v6 .bgs-since { font-size: .5rem; letter-spacing: .26em; }
	body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content { padding: .55rem 1rem !important; font-size: .8125rem !important; }
	body.bgs-v6 .bgs-vswitch, body.bgs-v6.bgs-past-hero .bgs-vswitch { bottom: calc(.85rem + env(safe-area-inset-bottom)) !important; }
}

/* ---------- Page base ---------- */
body.bgs-v6.home, body.bgs-v6.home .wp-site-blocks { background: var(--v6-porcelain); }
.bgs-v6.home .wp-block-post-content > * { margin-block: 0 !important; }
.bgs-v6.home [class*="bgs4-"] { font-family: var(--v6-sans); font-weight: 400; }
.bgs-v6.home [class*="bgs4-"] :is(h1, h2, h3) {
	font-family: var(--v6-serif); font-weight: 500; color: var(--v6-navy);
	font-optical-sizing: none; font-variation-settings: "opsz" 18;
	letter-spacing: -.01em; text-wrap: balance;
}
.bgs-v6.home [class*="bgs4-"] h2 { font-size: clamp(2.25rem, 4.4vw, 3.75rem); line-height: 1.04; margin: 0; }
.bgs-v6.home [class*="bgs4-"] p { color: var(--v6-navy-2); font-weight: 400; line-height: 1.7; }
.bgs-v6.home [class*="bgs4-"] a:focus-visible { outline: 2px solid var(--v6-navy); outline-offset: 4px; }

/* Buttons: one shape, three weights. Red only books. */
.bgs-v6.home [class*="bgs4-"] .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center; gap: .75rem;
	border-radius: 999px; font-family: var(--v6-sans); font-size: 1rem; font-weight: 500;
	letter-spacing: .02em; text-transform: none; line-height: 1.2;
	transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}
.bgs-v6.home .bgs4-btn-line .wp-block-button__link { background: transparent; color: var(--v6-navy); border: 1px solid var(--v6-navy); padding: 1.05rem 2.1rem; }
.bgs-v6.home .bgs4-btn-line .wp-block-button__link:hover { background: var(--v6-navy); color: var(--v6-porcelain); }
.bgs-v6.home .bgs4-btn-light .wp-block-button__link { color: var(--v6-porcelain); border-color: rgba(243, 245, 242, .55); }
.bgs-v6.home .bgs4-btn-light .wp-block-button__link:hover { background: var(--v6-porcelain); color: var(--v6-navy); border-color: var(--v6-porcelain); }
.bgs-v6.home .bgs4-btn-solid .wp-block-button__link { background: var(--v6-navy); color: var(--v6-porcelain); border: 1px solid var(--v6-navy); padding: 1.05rem 2.1rem; }
.bgs-v6.home .bgs4-btn-solid .wp-block-button__link:hover { background: var(--v6-face); border-color: var(--v6-face); }
.bgs-v6.home .bgs4-btn-gift .wp-block-button__link::before {
	content: ""; width: 1.05em; height: 1.05em; background: currentColor;
	-webkit-mask: var(--bgs-i-gift) center / contain no-repeat; mask: var(--bgs-i-gift) center / contain no-repeat;
}
.bgs-v6.home .bgs4-call .wp-block-button__link {
	background: var(--v6-lip); color: #fff; border: 0; padding: 1.05rem 1.9rem 1.05rem 1.5rem;
	box-shadow: 0 22px 44px -26px rgba(200, 67, 90, .6);
}
.bgs-v6.home .bgs4-call .wp-block-button__link:hover { background: var(--v6-lip-deep); color: #fff; }
.bgs-v6.home .bgs4-call .wp-block-button__link::before {
	content: ""; width: 1.15rem; height: 1.15rem; background: currentColor; flex: 0 0 auto;
	-webkit-mask: var(--bgs-i-phone) center / contain no-repeat; mask: var(--bgs-i-phone) center / contain no-repeat;
}
.bgs-v6.home .bgs4-call strong { font-weight: 500; font-size: 1.125rem; letter-spacing: .05em; font-variant-numeric: lining-nums tabular-nums; }
.bgs-v6.home .bgs4-call span { padding-left: .75rem; border-left: 1px solid rgba(255, 255, 255, .4); }
.bgs-v6.home .bgs4-call .wp-block-button__link:focus-visible,
.bgs-v6.home .bgs4-btn-solid .wp-block-button__link:focus-visible,
.bgs-v6.home .bgs4-btn-line .wp-block-button__link:focus-visible { outline: 2px solid var(--v6-navy); outline-offset: 3px; }
.bgs-v6.home .bgs4-closing .wp-block-button__link:focus-visible { outline-color: var(--v6-porcelain); }

/* ---------- Hero: the brochure photo, title just below the palms ---------- */
.bgs-v6.home .bgs4-hero {
	min-height: calc(100svh - var(--bgs-header-h, 100px)) !important; background: var(--v6-porcelain);
	padding: 0 var(--v6-gutter) clamp(2.5rem, 7vh, 5rem) !important; overflow: hidden;
}
.bgs-v6.home .bgs4-hero .wp-block-cover__image-background {
	object-position: 40% 28% !important;
	/* The photo dissolves into the page instead of ending on a hard edge. */
	-webkit-mask-image: linear-gradient(180deg, #000 58%, rgba(0, 0, 0, .55) 80%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 58%, rgba(0, 0, 0, .55) 80%, transparent 100%);
}
.bgs-v6.home .bgs4-hero .wp-block-cover__background { display: none; }
.bgs-v6.home .bgs4-hero .wp-block-cover__inner-container { width: 100% !important; box-sizing: border-box; }
.bgs-v6.home .bgs4-title {
	font-size: clamp(2.6rem, 6.4vw, 6.5rem) !important; line-height: 1 !important; letter-spacing: -.02em !important;
	margin: 0 auto clamp(1.5rem, 3.5vh, 2.5rem) !important; max-width: 12em;
}
.bgs-v6.home .bgs4-title span { display: block; }
.bgs-v6.home .bgs4-hero-actions { margin-block: 0 !important; }

/* The one orchestrated moment: the photo settles, the title rises line by line, then the call button. */
@media (prefers-reduced-motion: no-preference) {
	.bgs-v6.home .bgs4-hero .wp-block-cover__image-background { animation: bgs4-settle 2.8s var(--v6-ease) both; }
	.bgs-v6.home .bgs4-title span { animation: bgs4-rise 1.2s var(--v6-ease) .35s both; }
	.bgs-v6.home .bgs4-title span + span { animation-delay: .55s; }
	.bgs-v6.home .bgs4-hero-actions { animation: bgs4-fade 1s ease 1.15s both; }
}
@keyframes bgs4-settle { from { transform: scale(1.06); } to { transform: none; } }
@keyframes bgs4-rise {
	from { opacity: 0; transform: translateY(.45em); clip-path: inset(0 0 100% 0); }
	to { opacity: 1; transform: none; clip-path: inset(-.2em 0 -.2em 0); }
}
@keyframes bgs4-fade { from { opacity: 0; transform: translateY(.5rem); } to { opacity: 1; transform: none; } }

@media (max-width: 781px) {
	/* Phones: the whole photo (it is on the brochures), title and button under it. */
	.bgs-v6.home .bgs4-hero { display: block !important; min-height: 0 !important; padding: 0 0 3rem !important; }
	.bgs-v6.home .bgs4-hero .wp-block-cover__image-background {
		position: relative !important; inset: auto !important; display: block;
		width: 100% !important; height: auto !important; aspect-ratio: 1466 / 1073; object-position: 50% 50% !important;
		-webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 100%);
		mask-image: linear-gradient(180deg, #000 70%, transparent 100%);
	}
	.bgs-v6.home .bgs4-hero .wp-block-cover__inner-container { padding: 0 var(--v6-gutter) !important; margin-top: -1.75rem; }
	.bgs-v6.home .bgs4-title { font-size: clamp(2.35rem, 11vw, 3.25rem) !important; }
	.bgs-v6.home .bgs4-call .wp-block-button__link { width: auto !important; }
	/* Beat the theme's full-width cover buttons on phones. */
	.bgs-v6.home .bgs4-hero .wp-block-buttons.wp-block-buttons > .wp-block-button.wp-block-button { flex: 0 1 auto !important; width: auto !important; }
}
@media (max-width: 420px) {
	.bgs-v6.home .bgs4-call .wp-block-button__link { flex-wrap: wrap; justify-content: center; row-gap: .2rem; padding: .95rem 1.5rem; }
	.bgs-v6.home .bgs4-call span { flex-basis: 100%; text-align: center; padding-left: 0; border-left: 0; font-size: .8125rem; }
}

/* ---------- Intro: his paragraph as a standfirst, then the menu button ---------- */
.bgs-v6.home .bgs4-intro { padding: clamp(3.5rem, 8vw, 6.5rem) var(--v6-gutter) clamp(4.5rem, 9vw, 7.5rem) !important; }
.bgs-v6.home .bgs4-intro-text {
	font-family: var(--v6-sans) !important; font-size: clamp(1.125rem, 1.4vw, 1.3125rem) !important; line-height: 1.8 !important;
	color: var(--v6-navy) !important; max-width: 38em; margin: 0 auto clamp(2rem, 4vw, 2.75rem) !important;
}

/* ---------- Photo rail: his photos in his order; captions sit below the photos ---------- */
.bgs-v6.home .bgs4-rail-wrap { padding: 0 0 var(--v6-section) !important; }
.bgs-v6.home .bgs4-rail {
	display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important;
	gap: clamp(1rem, 1.6vw, 1.5rem) !important; overflow-x: auto; overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory; scrollbar-width: none;
	padding: 0 max(var(--v6-gutter), calc((100vw - var(--v6-max)) / 2)) .5rem !important;
	scroll-padding-inline: max(var(--v6-gutter), calc((100vw - var(--v6-max)) / 2));
}
.bgs-v6.home .bgs4-rail::-webkit-scrollbar { display: none; }
.bgs-v6.home .bgs4-card { flex: 0 0 clamp(220px, 21vw, 292px); margin: 0 !important; position: relative; scroll-snap-align: start; }
.bgs-v6.home .bgs4-card img {
	display: block; width: 100%; aspect-ratio: 3 / 4.4; object-fit: cover; border-radius: 2px;
	transition: filter .6s ease;
}
.bgs-v6.home .bgs4-card:hover img { filter: brightness(1.05) saturate(1.06); }
.bgs-v6.home .bgs4-card figcaption { display: flex; flex-direction: column; gap: .35rem; margin: 1.1rem 0 0 !important; text-align: left; }
.bgs-v6.home .bgs4-card figcaption a {
	font-family: var(--v6-serif); font-size: 1.5rem; line-height: 1.15; color: var(--v6-navy);
	font-weight: 500; font-optical-sizing: none; font-variation-settings: "opsz" 12;
	text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: .22em;
	transition: text-decoration-color .35s ease;
}
/* The whole card is the link (one tab stop per card). */
.bgs-v6.home .bgs4-card figcaption a::after { content: ""; position: absolute; inset: 0; }
.bgs-v6.home .bgs4-card:hover figcaption a { text-decoration-color: currentColor; }
.bgs-v6.home .bgs4-card figcaption a:focus-visible { outline: 0; text-decoration-color: currentColor; }
.bgs-v6.home .bgs4-card:has(a:focus-visible) img { outline: 2px solid var(--v6-navy); outline-offset: 4px; }
.bgs-v6.home .bgs4-card figcaption span { font-size: .9375rem; line-height: 1.5; color: var(--v6-navy-2); }

/* Rail controls (added by v6.js): a track that shows where you are, and previous / next. */
.bgs-v6.home .bgs4-rail-bar {
	display: flex; align-items: center; gap: 1.5rem; max-width: var(--v6-max); box-sizing: content-box;
	margin: clamp(1.75rem, 3vw, 2.5rem) auto 0; padding: 0 var(--v6-gutter);
}
.bgs-v6.home .bgs4-rail-track { position: relative; flex: 1 1 auto; height: 1px; background: var(--v6-line); }
.bgs-v6.home .bgs4-rail-thumb { position: absolute; top: -1px; left: 0; height: 3px; background: var(--v6-navy); transition: transform .2s linear; transform-origin: left; }
.bgs-v6.home .bgs4-rail-btns { display: flex; gap: .5rem; }
.bgs-v6.home .bgs4-rail-btns button {
	width: 48px; height: 48px; padding: 0; border-radius: 50%; cursor: pointer;
	border: 1px solid var(--v6-navy); background: transparent; color: var(--v6-navy);
	display: flex; align-items: center; justify-content: center; transition: background-color .3s ease, color .3s ease, opacity .3s ease;
}
.bgs-v6.home .bgs4-rail-btns button::before {
	content: ""; width: 18px; height: 18px; background: currentColor;
	-webkit-mask: var(--bgs-i-chev) center / contain no-repeat; mask: var(--bgs-i-chev) center / contain no-repeat;
}
.bgs-v6.home .bgs4-rail-btns .bgs4-rail-prev::before { transform: rotate(180deg); }
.bgs-v6.home .bgs4-rail-btns button:hover:not(:disabled) { background: var(--v6-navy); color: var(--v6-porcelain); }
.bgs-v6.home .bgs4-rail-btns button:disabled { opacity: .25; cursor: default; }
.bgs-v6.home .bgs4-rail-btns button:focus-visible { outline: 2px solid var(--v6-navy); outline-offset: 3px; }
@media (max-width: 781px) {
	.bgs-v6.home .bgs4-card { flex-basis: 62vw; }
	.bgs-v6.home .bgs4-rail-btns { display: none; }
}

/* ---------- E-gift certificates: the designs as stationery on sage ---------- */
.bgs-v6.home .bgs4-gift { background: var(--v6-sage); padding: var(--v6-section) var(--v6-gutter) !important; }
.bgs-v6.home .bgs4-gift-cols { gap: clamp(2.5rem, 7vw, 6.5rem) !important; }
.bgs-v6.home .bgs4-gift .bgs-gift-slides { max-width: 500px; margin-inline: auto; }
.bgs-v6.home .bgs4-gift .bgs-gift-slides img {
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(28, 68, 90, .08), 0 46px 70px -38px rgba(28, 68, 90, .55);
}
.bgs-v6.home .bgs4-gift .bgs-gift-slides figcaption {
	margin: 1.4rem 0 0 !important; text-align: center; font-size: .9375rem; color: var(--v6-navy-2);
}
.bgs-v6.home .bgs4-gift .bgs-gift-dots { margin-top: .5rem; }
.bgs-v6.home .bgs4-gift .bgs-gift-dots button::before { border-color: var(--v6-navy); }
.bgs-v6.home .bgs4-gift .bgs-gift-dots button[aria-current]::before { background: var(--v6-navy); }
.bgs-v6.home .bgs4-gift-copy h2 { margin-bottom: 1.5rem !important; max-width: 9em; }
.bgs-v6.home .bgs4-gift-copy p { font-size: 1.125rem; line-height: 1.75; max-width: 30em; }
.bgs-v6.home .bgs4-gift-copy .wp-block-buttons { margin-top: 2.25rem !important; }
.bgs-v6.home .bgs4-note { font-size: .875rem !important; margin-top: 1.25rem !important; }

/* ---------- Clients and reviews ---------- */
.bgs-v6.home .bgs4-proof { padding: var(--v6-section) var(--v6-gutter) !important; }
.bgs-v6.home .bgs4-proof-head { gap: clamp(2rem, 6vw, 5rem) !important; align-items: flex-end !important; margin-bottom: clamp(3rem, 6vw, 5rem) !important; }
.bgs-v6.home .bgs4-proof-head h2 { font-size: clamp(2.75rem, 6vw, 5.5rem) !important; line-height: .98 !important; font-variant-numeric: lining-nums; }
.bgs-v6.home .bgs4-proof-head p { font-size: 1.125rem; line-height: 1.7; max-width: 26em; }
.bgs-v6.home .bgs4-link a {
	color: var(--v6-navy); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .3em;
	text-decoration-color: var(--v6-line); transition: text-decoration-color .3s ease;
}
.bgs-v6.home .bgs4-link a:hover { text-decoration-color: currentColor; }
.bgs-v6.home .bgs4-quotes { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: clamp(2rem, 4vw, 3.5rem) !important; }
.bgs-v6.home .bgs4-quote { margin: 0; padding-top: 1.75rem; border-top: 1px solid var(--v6-line); }
.bgs-v6.home .bgs4-quote-text {
	font-family: var(--v6-sans) !important; font-size: 1.125rem !important; line-height: 1.7 !important; color: var(--v6-navy) !important;
	margin: 0 0 1.25rem !important; hanging-punctuation: first;
}
.bgs-v6.home .bgs4-quote-who { font-size: .9375rem !important; font-weight: 500 !important; margin: 0 !important; }

/* ---------- Be First To Know ---------- */
.bgs-v6.home .bgs4-news { padding: clamp(3.5rem, 7vw, 5.5rem) var(--v6-gutter) !important; }
.bgs-v6.home .bgs4-news > .wp-block-columns {
	max-width: var(--v6-max); margin-inline: auto; gap: clamp(2rem, 6vw, 5rem) !important;
	padding-block: clamp(2.5rem, 5vw, 4rem); border-top: 1px solid var(--v6-line); border-bottom: 1px solid var(--v6-line);
}
.bgs-v6.home .bgs4-news h2 { margin-bottom: .75rem !important; }
.bgs-v6.home .bgs4-news p { font-size: 1.125rem; margin: 0; }
.bgs-v6.home .bgs4-news .bgs-ml-form { max-width: none; margin: 0; gap: 1rem; align-items: stretch; }
.bgs-v6.home .bgs4-news .bgs-ml-form input[type="email"] {
	border: 0; border-bottom: 1px solid var(--v6-navy); border-radius: 0; background: transparent;
	padding: 1rem .25rem; font-family: var(--v6-sans); font-size: 1.0625rem; color: var(--v6-navy);
}
.bgs-v6.home .bgs4-news .bgs-ml-form input[type="email"]::placeholder { color: var(--v6-navy-2); opacity: .8; }
.bgs-v6.home .bgs4-news .bgs-ml-form input[type="email"]:focus { outline: 0; border-bottom-width: 2px; }
.bgs-v6.home .bgs4-news .bgs-ml-form button {
	background: var(--v6-navy); color: var(--v6-porcelain); border: 1px solid var(--v6-navy); border-radius: 999px;
	padding: 1rem 2rem; font-family: var(--v6-sans); font-size: 1rem; font-weight: 500; letter-spacing: .02em; text-transform: none;
}
.bgs-v6.home .bgs4-news .bgs-ml-form button:hover { background: var(--v6-face); }
.bgs-v6.home .bgs4-news .bgs-ml-form button:focus-visible { outline: 2px solid var(--v6-navy); outline-offset: 3px; }
.bgs-v6.home .bgs4-news .bgs-ml-note, .bgs-v6.home .bgs4-news .bgs-ml-privacy { text-align: left; }

/* ---------- Information ---------- */
.bgs-v6.home .bgs4-info { padding: clamp(1rem, 3vw, 2rem) var(--v6-gutter) var(--v6-section) !important; }
.bgs-v6.home .bgs4-info > h2 { margin-bottom: clamp(2rem, 4vw, 3rem) !important; }
.bgs-v6.home .bgs4-info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: clamp(2rem, 4vw, 3rem) !important; }
.bgs-v6.home .bgs4-info-item { padding-top: 1.5rem; border-top: 1px solid var(--v6-line); }
.bgs-v6.home .bgs4-info-item::before {
	content: ""; display: block; width: 1.5rem; height: 1.5rem; margin-bottom: 1.1rem; background: var(--v6-navy);
	-webkit-mask: var(--bgs-i) center / contain no-repeat; mask: var(--bgs-i) center / contain no-repeat;
}
.bgs-v6.home .bgs4-info-item.bgs-ico-calendar { --bgs-i: var(--bgs-i-calendar); }
.bgs-v6.home .bgs4-info-item.bgs-ico-leaf { --bgs-i: var(--bgs-i-leaf); }
.bgs-v6.home .bgs4-info-item.bgs-ico-help { --bgs-i: var(--bgs-i-help); }
.bgs-v6.home .bgs4-info-item.bgs-ico-star { --bgs-i: var(--bgs-i-star); }
.bgs-v6.home .bgs4-info-item h3 { font-size: 1.5rem !important; line-height: 1.2; margin: 0 0 .6rem !important; font-variation-settings: "opsz" 12 !important; }
.bgs-v6.home .bgs4-info-item h3 a { color: inherit; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: .22em; transition: text-decoration-color .3s ease; }
.bgs-v6.home .bgs4-info-item h3 a:hover { text-decoration-color: currentColor; }
.bgs-v6.home .bgs4-info-item p { font-size: 1rem; line-height: 1.65; margin: 0; }

/* ---------- Closing: his line, set large; it runs straight into the footer ---------- */
.bgs-v6.home .bgs4-closing {
	background: var(--v6-navy); padding: clamp(6rem, 13vw, 11rem) var(--v6-gutter) clamp(4.5rem, 9vw, 7rem) !important;
}
.bgs-v6.home .bgs4-closing-line {
	font-family: var(--v6-serif) !important; font-size: clamp(2rem, 4.2vw, 3.75rem) !important; line-height: 1.16;
	font-weight: 500; font-optical-sizing: none; font-variation-settings: "opsz" 18; letter-spacing: -.01em; color: var(--v6-porcelain) !important; max-width: 17em; margin: 0 auto 2.25rem !important; text-wrap: balance;
}
.bgs-v6.home .bgs4-closing-meta { color: rgba(243, 245, 242, .82) !important; font-size: 1rem; line-height: 1.8; margin-top: 0 !important; margin-bottom: 2.5rem !important; }
.bgs-v6.home .bgs4-closing .wp-block-buttons { gap: .9rem; }
.bgs-v6.home .bgs4-call-compact .wp-block-button__link { box-shadow: none; }
body.bgs-v6.home .bgs-footer { border-top: 1px solid rgba(243, 245, 242, .1); }

/* ---------- Narrow screens ---------- */
@media (max-width: 1023px) {
	.bgs-v6.home .bgs4-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 781px) {
	.bgs-v6.home .bgs4-quotes, .bgs-v6.home .bgs4-info-grid { grid-template-columns: minmax(0, 1fr) !important; }
	.bgs-v6.home .bgs4-gift-cols, .bgs-v6.home .bgs4-proof-head, .bgs-v6.home .bgs4-news > .wp-block-columns { gap: 2.25rem !important; }
	.bgs-v6.home .bgs4-gift .bgs-gift-slides { max-width: 340px; }
	.bgs-v6.home .bgs4-gift-copy h2 { max-width: none; }
	.bgs-v6.home .bgs4-news .bgs-ml-form { flex-direction: column; }
	.bgs-v6.home .bgs4-closing .wp-block-buttons > .wp-block-button { flex: 0 1 auto !important; width: auto !important; }
}

/* ---------- Footer, every page: chocolate instead of near-black, copper icons; "Visit" comes before the social icons ---------- */
body.bgs-v6 .bgs-footer { background-color: var(--v6-choc) !important; color: rgba(250, 249, 246, .8) !important; }
body.bgs-v6 .bgs-footer .bgs-ico::before { background: var(--v6-copper); }
body.bgs-v6 .bgs-footer a:hover { color: var(--v6-copper) !important; }
body.bgs-v6 .bgs-footer .bgs-back-to-top a:hover { border-color: var(--v6-copper); }
body.bgs-v6 .bgs-footer-social { margin-top: 1.4rem !important; }
body.bgs-v6.home .bgs-footer { border-top: 0; }

/* ---------- Opening hours ([bgs_hours]): "Opening Hours" by the clock icon; tapping it opens the week ---------- */
body.bgs-v6 .bgs-hours { margin: 0 0 .6rem; }
body.bgs-v6 .bgs-hours > summary { display: inline-flex; align-items: center; gap: .45rem; cursor: pointer; list-style: none; }
body.bgs-v6 .bgs-hours > summary::-webkit-details-marker { display: none; }
body.bgs-v6 .bgs-hours > summary::after {
	content: ""; width: .85em; height: .85em; background: currentColor; transform: rotate(90deg); transition: transform .25s ease;
	-webkit-mask: var(--bgs-i-chev) center / contain no-repeat; mask: var(--bgs-i-chev) center / contain no-repeat;
}
body.bgs-v6 .bgs-hours[open] > summary::after { transform: rotate(-90deg); }
body.bgs-v6 .bgs-hours > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body.bgs-v6 .bgs-hours-list {
	display: grid; grid-template-columns: max-content max-content; column-gap: 1.5rem; row-gap: .3rem;
	margin: .8rem 0 0 1.85rem; font-variant-numeric: lining-nums tabular-nums;
}
body.bgs-v6 .bgs-hours-day { display: contents; }
body.bgs-v6 .bgs-hours-list dt, body.bgs-v6 .bgs-hours-list dd { margin: 0; }
body.bgs-v6 .bgs-hours-footer { font-size: .9375rem; }

/* ======================================================================
   V6 homepage edits (his email of Oct 24, 2026)
   ====================================================================== */

/* Intro: three centred lines on laptops. */
@media (min-width: 1100px) {
	.bgs-v6.home .bgs4-intro > .bgs4-intro-text { max-width: 1160px !important; font-size: 1.125rem !important; line-height: 1.8 !important; }
}
/* "Discover and Elevate…": pressed or hovered, it turns the blue of the face instead of black. */
.bgs-v6.home .bgs4-btn-line:not(.bgs4-btn-light) .wp-block-button__link:is(:hover, :active, :focus-visible) { background: var(--v6-face); border-color: var(--v6-face); color: #fff; }

/* Gift certificates: one caption under the designs. Nov 1: people didn't see that they can buy them here, so the heading
   says "GIFT CERTIFICATES" (his capitals), "Easy To Give, Perfect To Receive" a size smaller under it, everything centred. */
.bgs-v6.home .bgs6-gift-pick { margin: 1.4rem 0 0 !important; font-size: .9375rem !important; color: var(--v6-navy-2) !important; letter-spacing: .02em; }
.bgs-v6.home .bgs4-gift-copy { text-align: center; }
.bgs-v6.home .bgs4-gift-copy h2.bgs6-gift-title { max-width: none !important; margin-bottom: .75rem !important; font-size: clamp(2rem, 3.5vw, 3.125rem) !important; line-height: 1.05 !important; text-transform: uppercase; letter-spacing: .04em; }
.bgs-v6.home .bgs4-gift-copy p.bgs6-gift-sub { max-width: none; margin: 0 0 1.75rem !important; font-family: var(--v6-serif); font-optical-sizing: none; font-variation-settings: "opsz" 18; font-size: clamp(1.375rem, 2.3vw, 2rem); line-height: 1.2; letter-spacing: -.01em; color: var(--v6-navy); }
.bgs-v6.home .bgs6-gift-sub span { display: block; }
.bgs-v6.home .bgs4-gift-copy p { margin-inline: auto !important; }
/* Phones: small enough that "GIFT CERTIFICATES" stays on one line. */
@media (max-width: 781px) {
	.bgs-v6.home .bgs4-gift-copy h2.bgs6-gift-title { font-size: min(2rem, 6.4vw) !important; letter-spacing: .03em; }
}

/* Reviews: the awards photo beside the numbers, USA Today first, the review heart, then his video. */
.bgs-v6.home .bgs4-proof-head { align-items: center !important; }
.bgs-v6.home .bgs6-awards { margin: 0 !important; }
.bgs-v6.home .bgs6-awards img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 2px; }
.bgs-v6.home .bgs4-proof-head h2 { font-size: clamp(2.5rem, 4.8vw, 4.75rem) !important; line-height: 1 !important; margin-bottom: clamp(1.5rem, 3vw, 2.25rem) !important; }
/* Bodoni's plus is a hairline; set it in Jost so it is as heavy as the numbers. */
.bgs-v6.home .bgs6-plus { font-family: var(--v6-sans); font-weight: 500; font-size: .82em; vertical-align: .06em; margin-left: .03em; }
.bgs-v6.home .bgs6-voted {
	font-family: var(--v6-serif) !important; font-size: clamp(1.5rem, 2.3vw, 2.125rem) !important; line-height: 1.2 !important;
	font-weight: 500 !important; font-optical-sizing: none; font-variation-settings: "opsz" 14; color: var(--v6-navy) !important; margin: 0 0 .75rem !important;
}
.bgs-v6.home .bgs6-rated { font-size: 1.125rem; margin: 0 0 2rem !important; }
.bgs-v6.home .bgs6-heart { margin: 0 0 1.75rem !important; }
.bgs-v6.home .bgs6-heart a { display: inline-flex; align-items: center; gap: 1.1rem; color: var(--v6-navy); font-weight: 500; text-decoration: none; }
.bgs-v6.home .bgs6-heart a::before {
	content: ""; flex: 0 0 auto; width: 3.5rem; height: 3.5rem; border-radius: 50%;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D92B3A' d='M12 21s-7.6-4.7-9.7-9.4C.9 8.2 3.1 4.4 6.9 4.4c2.1 0 3.7 1.1 5.1 3 1.4-1.9 3-3 5.1-3 3.8 0 6 3.8 4.6 7.2C19.6 16.3 12 21 12 21z'/%3E%3C/svg%3E") center / 50% no-repeat;
	box-shadow: 0 0 0 0 rgba(217, 43, 58, .45), 0 8px 20px -10px rgba(217, 43, 58, .7);
}
.bgs-v6.home .bgs6-heart a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.bgs-v6.home .bgs6-heart a:focus-visible { outline: 2px solid var(--v6-navy); outline-offset: 4px; border-radius: 999px; }
@media (prefers-reduced-motion: no-preference) {
	.bgs-v6.home .bgs6-heart a::before { animation: bgs6-heartbeat 1.6s ease-out infinite; }
}
@keyframes bgs6-heartbeat {
	0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(217, 43, 58, .45), 0 8px 20px -10px rgba(217, 43, 58, .7); }
	14% { transform: scale(1.1); }
	28% { transform: scale(1); }
	42% { transform: scale(1.07); }
	70%, 100% { transform: scale(1); box-shadow: 0 0 0 18px rgba(217, 43, 58, 0), 0 8px 20px -10px rgba(217, 43, 58, .7); }
}
.bgs-v6.home .bgs6-video { max-width: 960px; margin: clamp(3.5rem, 7vw, 6rem) auto !important; }
.bgs-v6.home .bgs6-video video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #0d2633; border-radius: 2px; box-shadow: 0 46px 70px -38px rgba(28, 68, 90, .55); }
.bgs-v6.home .bgs6-video figcaption { margin-top: 1rem; text-align: center; font-size: .9375rem; color: var(--v6-navy-2); }

/* Closing: his brochure line in a script face over the moving massage video, warmed with chocolate. */
.bgs-v6.home .bgs6-closing-video { background: var(--v6-choc) !important; }
.bgs-v6.home .bgs6-script {
	font-family: "Pinyon Script", "Snell Roundhand", cursive !important; font-weight: 400 !important;
	font-size: clamp(2.5rem, 5.6vw, 5rem) !important; line-height: 1.25 !important; letter-spacing: 0 !important;
	font-variation-settings: normal; max-width: none !important;
}
.bgs-v6.home .bgs6-script span { display: block; }

/* Information on phones: a compact 2 × 2 of links (it is not an important section). */
@media (max-width: 781px) {
	.bgs-v6.home .bgs4-info { padding-bottom: 3.5rem !important; }
	.bgs-v6.home .bgs4-info > h2 { margin-bottom: 1.25rem !important; font-size: 2rem !important; }
	.bgs-v6.home .bgs4-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 1rem !important; }
	.bgs-v6.home .bgs4-info-item { display: flex; align-items: center; gap: .6rem; padding: .9rem 0; }
	.bgs-v6.home .bgs4-info-item::before { width: 1.1rem; height: 1.1rem; margin: 0; flex: 0 0 auto; }
	.bgs-v6.home .bgs4-info-item h3 { font-size: 1.125rem !important; margin: 0 !important; }
	.bgs-v6.home .bgs4-info-item p { display: none; }
	.bgs-v6.home .bgs4-proof-head > .wp-block-column:first-child { order: 2; }
	.bgs-v6.home .bgs6-awards { max-width: 420px; margin-inline: auto !important; }
}
body.bgs-v6 .bgs-hours-footer .bgs-hours-list { column-gap: 1rem; font-size: .875rem; }
@media (min-width: 1101px) {
	body.bgs-v6 .bgs-footer .wp-block-column:has(.bgs-hours-footer) { flex-grow: 1.35 !important; }
}
.bgs-v6.home .bgs6-voted { text-wrap: balance; }
.bgs-v6.home .bgs4-proof-head .bgs6-heart { max-width: none; }
/* Phones: the number in the red button never breaks; "Book your experience now!" goes under it, centred. */
.bgs-v6.home .bgs4-call strong { white-space: nowrap; }

/* ======================================================================
   V6 inner pages (his email of Oct 25, 2026): plain, easy-to-read text
   ====================================================================== */

/* The video band at the end of the pages: chocolate instead of black, and the Opening Hours under the address. */
body.bgs-v6 .bgs-video-cover .wp-block-cover__background { background-color: var(--v6-choc) !important; }
body.bgs-v6 .bgs-hours-band { display: flex; flex-direction: column; align-items: center; margin: 1.25rem auto 0; color: #fff; }
body.bgs-v6 .bgs-hours-band > summary { font-size: 1.0625rem; }
body.bgs-v6 .bgs-hours-band .bgs-ico::before, body.bgs-v6 .bgs-video-cover .bgs-ico::before { background: var(--v6-copper); }
body.bgs-v6 .bgs-hours-band .bgs-hours-list { margin-left: 0; text-align: left; }

/* Spa Menu: his line on top, then the phone number and Opening Hours side by side. */
body.bgs-v6 .bgs6-lead {
	font-family: var(--v6-serif); font-style: italic; font-size: clamp(1.25rem, 2vw, 1.625rem); line-height: 1.4;
	color: var(--v6-navy); max-width: 30em; margin-inline: auto !important; text-wrap: balance;
}
body.bgs-v6 .bgs6-contact-row { gap: .5rem 2.5rem !important; margin-top: 1.25rem !important; font-size: 1.0625rem; }
body.bgs-v6 .bgs6-contact-row > * { margin: 0 !important; }
body.bgs-v6 .bgs6-contact-row a { color: inherit; }
/* "Microdermabrasion" is one long word: keep the section titles small enough to stay on one line on laptops. */
body.bgs-v6 .bgs-menu-intro h2 { font-size: clamp(2rem, 3.1vw, 2.75rem) !important; overflow-wrap: normal; hyphens: manual; }

/* Service pages: every photo of the service, small, in a grid; tap one to see it larger. */
body.bgs-v6 .bgs6-gallery-band { padding: clamp(2rem, 4vw, 3rem) var(--v6-gutter) clamp(2.5rem, 5vw, 4rem) !important; }
body.bgs-v6 .bgs6-gallery { gap: clamp(.5rem, 1vw, .875rem) !important; }
body.bgs-v6 .bgs6-gallery.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 1; object-fit: cover; border-radius: 2px; }
@media (max-width: 781px) {
	body.bgs-v6 .bgs6-gallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important; }
}

/* Specials: the small print under his offer. */
body.bgs-v6 .bgs6-terms { font-size: .9375rem; color: var(--v6-ink); margin-top: .25rem !important; }

/* Contact: the Tower Place photo whole and rectangular, so the top of the tower shows (people find the spa by it). */
body.bgs-v6 .bgs6-photo-whole img { aspect-ratio: auto !important; max-height: none !important; object-fit: contain !important; border-radius: 2px !important; }
body.bgs-v6 .bgs-hours[open] > summary { margin-bottom: 0; }

/* Gift shop (the e-gift product page): no product photos, the design picker shows the cards. */
body.bgs-v6.single-product .wp-block-columns:has(> .bgs-product-summary) > .wp-block-column:not(.bgs-product-summary) { display: none; }
body.bgs-v6.single-product .wp-block-columns:has(> .bgs-product-summary) { justify-content: center; }
body.bgs-v6.single-product .bgs-product-summary { flex: 0 1 720px !important; }
/* Outline buttons written for dark heroes sit on sage in V6: give them ink. */
body.bgs-v6 .bgs-split-hero .is-style-outline .wp-block-button__link.has-base-color { color: var(--v6-ink) !important; border-color: currentColor !important; }

/* ---------- Hero (V6): his blue-face photo, which carries the logo, then his 3D title in the white below it ---------- */
/* Both images have a near-white ground (#F7F7F7): "darken" lets the page show through it, so neither reads as a box. */
.bgs-v6.home .bgs6-hero {
	display: flex !important; flex-direction: column; align-items: center; min-height: 0 !important;
	padding: 0 var(--v6-gutter) clamp(2.5rem, 6vh, 4.5rem) !important;
	background: linear-gradient(180deg, #F7F7F7 0%, #F7F7F7 60%, var(--v6-porcelain) 100%) !important;
}
.bgs-v6.home .bgs6-hero > * { margin-block: 0 !important; }
/* Laptops: the whole hand shows (he found it cut off); the photo is sized so his title still fits on the first screen. */
.bgs-v6.home .bgs6-hero-photo {
	/* Plain width first: a browser without the svh unit would drop the line below, and the photo would shrink to nothing. */
	width: 100%; max-width: var(--v6-max) !important;
	width: min(100%, var(--v6-max), calc((100vh - var(--bgs-header-h, 110px) - 13rem) * 1.523));
	width: min(100%, var(--v6-max), calc((100svh - var(--bgs-header-h, 110px) - 13rem) * 1.523));
}
.bgs-v6.home .bgs6-hero-photo img {
	display: block; width: 100%; height: auto; aspect-ratio: 1776 / 1166; object-fit: cover; object-position: 50% 0; mix-blend-mode: darken;
	/* No frame: it melts into the page at the bottom, and on the left where the shoulder meets the edge. */
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%), linear-gradient(180deg, #000 80%, transparent 100%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(90deg, transparent 0, #000 9%), linear-gradient(180deg, #000 80%, transparent 100%);
	mask-composite: intersect;
}
/* The blend sits on the heading: its fade-in makes it a layer of its own, so a blend on the image inside would not reach the page. */
.bgs-v6.home .bgs6-title { width: min(520px, 80%); max-width: none !important; margin: .25rem auto clamp(1rem, 2.5vh, 1.75rem) !important; line-height: 0 !important; mix-blend-mode: darken; }
.bgs-v6.home .bgs6-title img { display: block; width: 100%; height: auto; }
/* Laptops, Nov 1: the photo was much too small in Chrome (whose bars leave a shorter window) and a little small in Safari;
   he asked for a size between V4 and this, so the photo fills the first screen's height.
   Nov 3 (his colleagues): the title was tucked into the photo's faded bottom and was hard to read over the fingers, so it
   now sits wholly under the photo. To keep it on the first screen the photo is about 16% narrower than on Nov 2, still
   about 15% wider than before that. 1.195 = 1 / (photo height .657 + title height .18, as measured), both as parts of
   the photo's width; the 1.5rem covers the gap above the title and a little room under it. */
@media (min-width: 782px) {
	.bgs-v6.home .bgs6-hero { --v6-hero-w: min(100%, var(--v6-max), calc((100vh - var(--bgs-header-h, 110px) - 1.5rem) * 1.195)); }
	@supports (height: 100svh) {
		.bgs-v6.home .bgs6-hero { --v6-hero-w: min(100%, var(--v6-max), calc((100svh - var(--bgs-header-h, 110px) - 1.5rem) * 1.195)); }
	}
	.bgs-v6.home .bgs6-hero-photo { width: var(--v6-hero-w); }
	/* A soft right edge too: at this size the photo's slightly grey ground showed as a faint line beside the fingertips. */
	.bgs-v6.home .bgs6-hero-photo img {
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 96.5%, transparent 100%), linear-gradient(180deg, #000 80%, transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 96.5%, transparent 100%), linear-gradient(180deg, #000 80%, transparent 100%);
	}
	/* Positioned, so it stays above the photo while the photo settles in. */
	.bgs-v6.home .bgs6-title { position: relative; width: min(560px, calc(var(--v6-hero-w) * .55)); margin-top: .5rem !important; }
}
@media (prefers-reduced-motion: no-preference) {
	.bgs-v6.home .bgs6-hero-photo img { animation: bgs4-settle 2.8s var(--v6-ease) both; }
	.bgs-v6.home .bgs6-title { animation: bgs4-fade 1.2s ease .45s both; }
}
@media (max-width: 781px) {
	/* Phones: the photo edge to edge at the very top (the menu button floats on it), the title under it. */
	.bgs-v6.home .bgs6-hero { display: block !important; padding: 0 0 2.75rem !important; }
	.bgs-v6.home .bgs6-hero-photo { width: 100%; }
	.bgs-v6.home .bgs6-hero-photo img {
		aspect-ratio: 1776 / 1296;
		-webkit-mask-image: linear-gradient(180deg, #000 78%, transparent 100%); mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
	}
	.bgs-v6.home .bgs6-title { width: 88%; margin: -.5rem auto 1.25rem !important; }
}

/* His light-blue 3D logo in the header (it matches the photo); its white ground disappears into the header. */
body.bgs-v6 .bgs6-logo-blue img { mix-blend-mode: darken; }
/* The header's height is measured once, as the page loads (the sticky section bars sit under it):
   give the logo its shape up front so the measurement is right even before the image arrives. */
body.bgs-v6 .bgs6-logo-blue img { aspect-ratio: 768 / 329; height: auto; }

/* ---------- Open now / closed (his idea of Oct 29): a dot and one line beside the call buttons ---------- */
/* Auto side margins: the line sits in the section's content column (1240px, 980px in the closing video), and a zero
   margin pinned that column to the left on screens wider than it, so the line drifted left of the centred button. */
body.bgs-v6 .bgs-open-status { display: flex; align-items: center; justify-content: center; gap: .6rem; margin: 0 auto .85rem !important; font-size: .9375rem; line-height: 1.4; color: var(--v6-navy); text-align: center; }
body.bgs-v6 .bgs-open-status[hidden] { display: none; }
body.bgs-v6 .bgs-open-dot { flex: 0 0 auto; width: .55rem; height: .55rem; border-radius: 50%; background: #D92B3A; box-shadow: 0 0 0 3px rgba(217, 43, 58, .18); }
body.bgs-v6 .bgs-open-status.is-open .bgs-open-dot { background: #2E9B5F; box-shadow: 0 0 0 3px rgba(46, 155, 95, .2); }
@media (prefers-reduced-motion: no-preference) {
	body.bgs-v6 .bgs-open-status.is-open .bgs-open-dot { animation: bgs6-open-glow 2.4s ease-in-out infinite; }
}
@keyframes bgs6-open-glow { 50% { box-shadow: 0 0 0 6px rgba(46, 155, 95, .08); } }
body.bgs-v6 .bgs6-closing-video .bgs-open-status { color: #fff; margin-bottom: 1.25rem !important; }
/* Phones (his note of Nov 1): the line sits under the red button, not above it. The hero zeroes its children's margins,
   so it needs its own room from the button. */
.bgs-v6.home .bgs6-hero > .bgs-open-status { margin-top: 1rem !important; margin-bottom: 0 !important; }

/* Phones: the hero's call button keeps the page margins (it ran edge to edge) and wraps like the one at the bottom. */
@media (max-width: 781px) {
	.bgs-v6.home .bgs6-hero .bgs4-hero-actions, .bgs-v6.home .bgs6-hero .bgs-open-status { padding-inline: var(--v6-gutter) !important; }
	.bgs-v6.home .bgs6-hero .bgs4-call .wp-block-button__link { max-width: 100%; }
}


/* ======================================================================
   His email of Oct 29, 2026
   ====================================================================== */

/* Laptops: the call button sits under the photo strip, not beside the header's booking button; phones keep it under the title. */
.bgs-v6.home .bgs6-call-band { display: none; }
@media (min-width: 782px) {
	.bgs-v6.home .bgs6-hero .bgs4-hero-actions, .bgs-v6.home .bgs6-hero > .bgs-open-status { display: none !important; }
	.bgs-v6.home .bgs6-call-band { display: block; padding: 0 var(--v6-gutter) var(--v6-section) !important; }
	.bgs-v6.home .bgs4-rail-wrap { padding-bottom: clamp(3rem, 5vw, 4.5rem) !important; }
	.bgs-v6.home .bgs6-call-band > * { margin-block: 0 !important; }
	.bgs-v6.home .bgs6-call-band > .bgs-open-status { margin-bottom: 1.25rem !important; }
}

/* Reviews: "since 2008" centred under "55,000+ Happy Clients". */
.bgs-v6.home .bgs4-proof-head h2 { display: table; text-align: center; font-size: clamp(2rem, 3.7vw, 4rem) !important; }
.bgs-v6.home .bgs4-proof-head h2 > span { display: block; }

/* Specials (Nov 1): no treatment list; his weekday-morning discount sits right under the first offer, in the same type,
   a short copper rule between the two, then the line about last-minute specials. */
body.bgs-v6 .bgs6-offer-rule { width: 3.5rem !important; max-width: 3.5rem !important; margin: 1.5rem 0 1.25rem !important; border: 0 !important; border-top: 1px solid var(--v6-copper) !important; opacity: 1; }
body.bgs-v6 .bgs6-terms strong { letter-spacing: .06em; }
body.bgs-v6 .bgs6-lastminute { margin-top: 1.5rem !important; font-size: 1.0625rem; color: var(--v6-ink); }

/* E-gift page (Nov 1): "Physical (mailed) gift certificates are currently unavailable." large enough that people
   notice it instead of calling. */
body.bgs-v6 .bgs6-gift-notice { margin-top: 2rem !important; padding-top: 1.5rem; border-top: 1px solid rgba(28, 68, 90, .18); font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.25rem, 2vw, 1.5rem) !important; line-height: 1.35; color: var(--v6-navy) !important; }


/* ======================================================================
   His colleagues' notes of Nov 3, 2026 (screenshots sent with "Kosmetinės korekcijos")
   ====================================================================== */

/* Phones: the gap under the red button matched the one above it (20px) only up to the open/closed line; the hero's
   bottom padding and the intro's top padding added 100px before "We are a luxurious urban retreat". */
@media (max-width: 781px) {
	.bgs-v6.home .bgs6-hero { padding-bottom: 0 !important; }
	.bgs-v6.home .bgs4-intro { padding-top: 1.25rem !important; }
}

/* Spa Menu tabs: the outline was so pale that they didn't read as buttons. */
body.bgs-v6 .bgs-subnav .wp-block-button.is-style-outline .wp-block-button__link {
	border: 1px solid rgba(28, 68, 90, .45) !important; background: rgba(255, 255, 255, .55); color: var(--v6-navy);
}
body.bgs-v6 .bgs-subnav .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.bgs-v6 .bgs-subnav .wp-block-button.is-style-outline .wp-block-button__link:focus-visible { border-color: var(--v6-navy) !important; background: #fff; }
/* Phones: the row is wider than the screen. Centred, it hung off both edges, and the left part (Facials) could not be
   scrolled to, so the row looked scrolled to the right. Auto margins centre it only when it fits. */
@media (max-width: 781px) {
	body.bgs-v6 .bgs-subnav .wp-block-buttons.is-content-justification-center { justify-content: flex-start !important; }
	body.bgs-v6 .bgs-subnav .wp-block-buttons > .wp-block-button:first-child { margin-left: auto; }
	body.bgs-v6 .bgs-subnav .wp-block-buttons > .wp-block-button:last-child { margin-right: auto; }
}

/* "55,000+ Happy Clients": the heading was centred (his note of Oct 29) and the lines under it left-aligned. Everything
   in the column is centred now, on phones and laptops. */
.bgs-v6.home .bgs4-proof-head h2 { display: block; width: 100%; text-align: center !important; }
.bgs-v6.home .bgs4-proof-head p { text-align: center !important; margin-inline: auto !important; }
.bgs-v6.home .bgs4-proof-head .bgs6-heart a { text-align: left; }
/* Phones: the heart's line wraps to two lines, so the heart sits above it and both are centred. */
@media (max-width: 781px) {
	.bgs-v6.home .bgs4-proof-head .bgs6-heart a { flex-direction: column; gap: .75rem; text-align: center; }
}

/* The space between the last review and "Be First To Know" was 177px on phones and more on laptops: the reviews'
   bottom padding, the newsletter's top padding and the padding inside its rule all added up. The rule now sits a
   short step under the reviews. */
.bgs-v6.home .bgs4-proof { padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important; }
.bgs-v6.home .bgs4-news { padding-top: 0 !important; }

/* "Voted #1 Spa in Atlanta…" should run the width of its column. On laptops above about 1400px it was splitting into
   two short lines, and on narrow laptops too, so it now scales with the column and stays on one line. The line is about
   21.3em wide, and the column is about 44vw up to its 696px limit. On phones it needs two lines, so those two lines are
   sized to fill the width, still smaller than the 32px heading above. */
@media (min-width: 782px) {
	.bgs-v6.home .bgs6-voted { font-size: clamp(1.125rem, 2.2vw, 2rem) !important; }
}
@media (max-width: 480px) {
	.bgs-v6.home .bgs6-voted { font-size: clamp(1.4rem, 7.2vw, 1.75rem) !important; }
}

/* The old fixed call bar is hidden in this design, but style.css still kept 68px for it under the page, which showed
   as an empty cream band below the footer on phones. */
@media (max-width: 781px) {
	body.bgs-v6 { padding-bottom: 0; }
}

/* Spa Menu, phones: the phone number and Opening Hours were squeezed into one row that broke apart when the hours
   opened. They now stack, centred, and the hours open centred under their label. */
@media (max-width: 781px) {
	body.bgs-v6 .bgs6-contact-row { flex-direction: column; align-items: center !important; gap: .5rem !important; }
	body.bgs-v6 .bgs6-contact-row .bgs-hours { width: 100%; text-align: center; }
	body.bgs-v6 .bgs6-contact-row .bgs-hours-list { justify-content: center; margin: .8rem 0 0; text-align: left; }
}

/* The smallest phones (under 360px): the logo, number and menu button need 349px, so the menu button ran off the right
   edge and the page scrolled sideways. All three stay, a little smaller. */
@media (max-width: 359px) {
	body.bgs-v6 .bgs-header-row { gap: .5rem !important; }
	body.bgs-v6 .bgs-site-brand .bgs-logo, body.bgs-v6 .bgs-site-brand .bgs-logo img { width: 104px !important; }
	body.bgs-v6 .bgs-nav-right .bgs-nav-book > .wp-block-navigation-item__content { gap: .35rem; padding: .5rem .7rem !important; font-size: .75rem !important; }
}

/* Laptops, Nov 5 (his note): the space under the title should match the space above it. The title image has empty space
   built in, more above the letters than below, so this was judged by the visible letters, not the image's box. The
   hero's bottom padding and the title's bottom margin are gone, and the text section keeps a small top padding. Phones
   stay as they are. */
@media (min-width: 782px) {
	.bgs-v6.home .bgs6-hero { padding-bottom: 0 !important; }
	.bgs-v6.home .bgs6-title { margin-bottom: 0 !important; }
	.bgs-v6.home .bgs4-intro { padding-top: 1.25rem !important; }
}

/* Spa Menu, Nov 6 (his note): a quick price list, with name, duration and price only. The explanations stay on the service
   pages, so they are hidden here, not deleted: these blocks are shared with those pages. The package cards keep their
   lists of what's included. */
.bgs-v6 .bgs-menu-category .bgs-menu-desc,
.bgs-v6 .bgs-menu-category .bgs-menu-intro > p:not(.is-style-bgs-eyebrow) { display: none; }

/* A section tab moves the keyboard focus to that section's heading; a mouse or tap shows no outline for it. */
.bgs-v6 h2[tabindex="-1"]:focus:not(:focus-visible), .bgs-v6 h3[tabindex="-1"]:focus:not(:focus-visible) { outline: none; }