/* Bondsmore Toolkit — Services menu. */
.bm.bm-menu { padding: 120px 0; background: #fff; }
.bm-menu .bm-menu__head { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 56px; }
.bm.bm-menu .bm-menu__intro { max-width: 44ch; justify-self: end; color: var(--bm-muted); font-size: 17px; }
.bm-menu .bm-menu__list { border-top: 1px solid var(--bm-ink); }
.bm-menu .bm-menu__list li { border-bottom: 1px solid var(--bm-line); }
.bm-menu .bm-menu__list a, .bm-menu .bm-menu__row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) 56px; gap: 32px; align-items: center; padding: 30px 0; transition: padding .35s cubic-bezier(.2, .7, .2, 1); }
.bm.bm-menu .bm-menu__name { color: var(--bm-ink); font-family: var(--bm-serif); font-size: clamp(26px, 2.8vw, 38px); font-weight: 600; line-height: 1.1; letter-spacing: -.025em; transition: color .25s; }
.bm.bm-menu .bm-menu__desc { max-width: 42ch; color: var(--bm-muted); font-size: 16px; }
.bm-menu .bm-menu__go { justify-self: end; width: 52px; height: 52px; border: 1px solid var(--bm-line); border-radius: 50%; background: center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e1b17' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E"); transition: background-color .25s, border-color .25s, transform .35s; }
.bm-menu .bm-menu__row .bm-menu__go { display: none; }
.bm-menu .bm-menu__list a:hover { padding-left: 18px; }
.bm-menu .bm-menu__list a:hover .bm-menu__name { color: var(--bm-green); }
.bm-menu .bm-menu__list a:hover .bm-menu__go { background-color: var(--bm-amber); border-color: var(--bm-amber); transform: rotate(45deg); }
.bm-menu .bm-menu__peek { position: fixed; left: 0; top: 0; z-index: 50; width: 280px; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 6px; pointer-events: none; opacity: 0; transition: opacity .25s; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45); }
.bm-menu .bm-menu__peek.is-on { opacity: 1; }
.bm-menu .bm-menu__peek img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
	.bm-menu .bm-menu__head { grid-template-columns: 1fr; }
	.bm.bm-menu .bm-menu__intro { justify-self: start; }
	.bm-menu .bm-menu__peek { display: none; }
}
@media (max-width: 680px) {
	.bm.bm-menu { padding: 72px 0; }
	.bm-menu .bm-menu__head { margin-bottom: 36px; }
	.bm-menu .bm-menu__list a, .bm-menu .bm-menu__row { grid-template-columns: 1fr 44px; gap: 8px 16px; padding: 22px 0; }
	.bm.bm-menu .bm-menu__desc { grid-column: 1; font-size: 15px; }
	.bm-menu .bm-menu__go { grid-row: 1 / span 2; grid-column: 2; width: 44px; height: 44px; }
	.bm-menu .bm-menu__list a:hover { padding-left: 0; }
}