/* ---------------------------------------------------------------------------
   The site header.
   A dark band across the top: the wordmark on the left, the collections on
   the right. Dark because it runs into the entry page's hero and reads as a
   deliberate masthead on the lighter gallery pages.
   --------------------------------------------------------------------------- */

.bv-head{
	--bv-h-ink:#eceae6;
	--bv-h-ink-soft:#9aa0a6;
	--bv-h-ground:#0f1113;
	--bv-h-rule:#2a2e33;
	--bv-h-accent:#79b8d4;
	position:relative;
	z-index:900;
	background:var(--bv-h-ground);
	color:var(--bv-h-ink);
	font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
	color-scheme:dark;
}
.bv-head *{box-sizing:border-box}

.bv-head-inner{
	max-width:1180px;
	margin:0 auto;
	padding:0 16px;
	min-height:62px;
	display:flex;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
}

.bv-head-brand{
	font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
	font-weight:300;
	font-size:1.35rem;
	letter-spacing:.15em;
	line-height:1;
	color:var(--bv-h-ink);
	text-decoration:none;
	padding:18px 0;
	white-space:nowrap;
}
/* The wordmark is the way home (v1.7.3, item 66a): on hover it takes the
   header's accent, the same blue that marks the current menu group. */
.bv-head-brand{transition:color .18s ease}
.bv-head-brand:hover,.bv-head-brand:focus-visible{color:var(--bv-h-accent)}
@media (prefers-reduced-motion:reduce){ .bv-head-brand{transition:none} }

/* ---- the bar ---- */
.bv-head-nav{margin-left:auto;min-width:0}
.bv-head .bv-menu{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:2px;
}
.bv-head .bv-menu > li{position:relative}
.bv-head .bv-menu > li > a{
	display:block;
	padding:12px 9px;
	font-size:.78rem;
	font-weight:500;
	letter-spacing:0;
	color:var(--bv-h-ink);
	text-decoration:none;
	border-bottom:2px solid transparent;
	white-space:nowrap;
}
.bv-head .bv-menu > li > a:hover,
.bv-head .bv-menu > li > a:focus-visible,
.bv-head .bv-menu > li.current-menu-item > a,
.bv-head .bv-menu > li.current-menu-ancestor > a,
.bv-head .bv-menu > li.current-menu-parent > a{
	border-bottom-color:var(--bv-h-accent);
	color:#fff;
}
.bv-head .bv-menu > li.bv-has-sub > a::after{
	content:"";
	display:inline-block;
	width:.36em;height:.36em;
	margin-left:.5em;
	vertical-align:.18em;
	border-right:1px solid currentColor;
	border-bottom:1px solid currentColor;
	transform:rotate(45deg);
	opacity:.65;
}

/* ---- the drop ---- */
.bv-head .bv-menu .sub-menu{
	list-style:none;
	margin:0;
	padding:6px 0;
	position:absolute;
	top:100%;
	left:0;
	min-width:250px;
	max-width:min(90vw,340px);
	background:var(--bv-h-ground);
	border:1px solid var(--bv-h-rule);
	border-radius:0 0 3px 3px;
	box-shadow:0 18px 40px rgba(0,0,0,.45);
	opacity:0;
	visibility:hidden;
	transform:translateY(-4px);
	transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.bv-head .bv-menu > li:hover > .sub-menu,
.bv-head .bv-menu > li:focus-within > .sub-menu,
.bv-head .bv-menu > li.bv-open > .sub-menu{
	opacity:1;visibility:visible;transform:none;
}
/* keep the last groups from running off the right edge */
.bv-head .bv-menu > li:nth-last-child(-n+3) > .sub-menu{left:auto;right:0}

.bv-head .sub-menu a{
	display:block;
	padding:7px 16px;
	font-size:.82rem;
	line-height:1.35;
	color:var(--bv-h-ink-soft);
	text-decoration:none;
}
.bv-head .sub-menu a:hover,
.bv-head .sub-menu a:focus-visible,
.bv-head .sub-menu .current-menu-item > a{color:#fff;background:rgba(255,255,255,.055)}

/* ---- the small-screen button ---- */
.bv-head-toggle{
	display:none;
	margin-left:auto;
	align-items:center;
	gap:9px;
	background:none;
	border:1px solid var(--bv-h-rule);
	border-radius:3px;
	color:var(--bv-h-ink);
	font:500 .78rem/1 inherit;
	letter-spacing:.06em;
	text-transform:uppercase;
	padding:9px 12px;
	cursor:pointer;
}
.bv-head-bars{display:inline-block;width:16px}
.bv-head-bars span{display:block;height:1.5px;background:currentColor;margin:3px 0}
.bv-head-toggle:focus-visible,
.bv-head a:focus-visible{outline:2px solid var(--bv-h-accent);outline-offset:2px}

@media (max-width:900px){
	.bv-head-inner{min-height:56px}
	.bv-head-toggle{display:inline-flex}
	.bv-head-nav{
		flex-basis:100%;
		margin-left:0;
		display:none;
		border-top:1px solid var(--bv-h-rule);
		padding:6px 0 14px;
		max-height:70vh;
		overflow-y:auto;
	}
	.bv-head.bv-open .bv-head-nav{display:block}
	.bv-head .bv-menu{display:block}
	.bv-head .bv-menu > li > a{padding:11px 2px;font-size:.95rem}
	.bv-head .bv-menu .sub-menu{
		position:static;opacity:1;visibility:visible;transform:none;
		border:0;box-shadow:none;background:none;padding:0 0 8px 14px;
		min-width:0;max-width:none;
	}
	.bv-head .bv-menu > li:nth-last-child(-n+3) > .sub-menu{right:auto}
	.bv-head .sub-menu a{padding:6px 2px}
}

@media (prefers-reduced-motion:reduce){
	.bv-head .bv-menu .sub-menu{transition:none}
}