
/* Utility states */
.miyabi-empty-state { display:grid; grid-template-columns:180px 1fr; gap:70px; align-items:center; max-width:920px; }
.miyabi-empty-state__mark {
	width:150px; height:150px; border:1px solid var(--color-line); border-radius:50%;
	display:grid; place-items:center; font-family:var(--font-serif); font-size:54px; color:var(--color-gold);
}
.miyabi-empty-state h2, .miyabi-empty-copy h2 {
	margin:0 0 16px; font-family:var(--font-serif); font-size:clamp(3rem,5vw,4.8rem); font-weight:500; line-height:1;
}
.miyabi-empty-state p, .miyabi-empty-copy p { color:var(--color-muted); }
.miyabi-empty-state__actions { display:flex; gap:24px; flex-wrap:wrap; align-items:center; margin-top:28px; }
.miyabi-text-link--dark { color:var(--color-ink); border-bottom-color:var(--color-line); }
.miyabi-search-page { max-width:920px; }
.miyabi-search-form label { display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--color-muted); margin-bottom:12px; }
.miyabi-search-form > div { display:flex; border-bottom:1px solid var(--color-ink); }
.miyabi-search-form input { flex:1; border:0; background:transparent; padding:18px 0; font:500 20px/1.3 var(--font-sans); outline:none; }
.miyabi-search-form button { border:0; background:transparent; padding:0 0 0 24px; font:700 11px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.miyabi-search-results { margin-top:70px; border-top:1px solid var(--color-line); }
.miyabi-search-results article { padding:28px 0; border-bottom:1px solid var(--color-line); }
.miyabi-search-results article > span { font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--color-gold); }
.miyabi-search-results h2 { font-family:var(--font-serif); font-size:34px; font-weight:500; margin:8px 0; }
.miyabi-search-results p { color:var(--color-muted); font-size:13px; max-width:700px; }
.miyabi-empty-copy { margin-top:70px; }
@media (max-width:700px) {
	.miyabi-empty-state { grid-template-columns:1fr; gap:34px; }
	.miyabi-empty-state__mark { width:100px; height:100px; font-size:40px; }
}
