/* Emma-Leigh: blush, rose gold and cocoa, matching her logo. Loaded after bh.css. */
:root { --ink: #3B2A2A; --blue: #A86A5C; --light: #F7EBE6; --muted: #74625E; --gold: #E3B3A6; --cream: #FDF8F6; }
h2 span { color: #B39A93; }
.el-brand b { font-family: "Pinyon Script", "Cormorant Garamond", cursive; font-size: 36px; font-weight: 400; letter-spacing: 0; color: var(--blue); }
.el-brand small { color: var(--ink); }
.bh-hero .hero-image::before { background: linear-gradient(90deg, rgba(43,28,28,.8) 0%, rgba(43,28,28,.5) 45%, rgba(43,28,28,.05) 82%); }
@media (max-width: 650px) { .bh-hero .hero-image::before { background: linear-gradient(180deg, rgba(43,28,28,.1) 0%, rgba(43,28,28,.5) 38%, rgba(43,28,28,.92) 100%); } }
.bh-hero .bh-slide { object-position: 70% 40%; }
#motion-toggle { background: rgba(59,42,42,.85); }
.bh-foot { background: #2E2020; }
.bh-hours li, .bh-foot-bottom { border-color: #4A3434; }
.el-foot-logo { width: 120px; height: 120px; border-radius: 50%; display: block; margin-bottom: 16px; }
.el-ig { background: linear-gradient(45deg, #F58529, #DD2A7B 55%, #8134AF) !important; }
.bh-aerial-shade { background: linear-gradient(90deg, rgba(43,28,28,.82) 0%, rgba(43,28,28,.45) 50%, rgba(43,28,28,.12) 100%), linear-gradient(0deg, rgba(43,28,28,.55), transparent 40%); }
.work-photos.el-photos { grid-template-columns: repeat(2, minmax(0,1fr)); }
.el-photos .work-photo { aspect-ratio: 16 / 9; }
@media (max-width: 650px) { .work-photos.el-photos { grid-template-columns: 1fr; } }
.work-heading a { color: var(--blue); text-decoration: underline; }
/* Lash style picker (before/after frame, 16:9 eye shots) */
.el-ba .ba-frame { aspect-ratio: 4 / 3; max-width: min(900px, calc((100svh - 280px) * 4 / 3)); }
.el-ba .ba-tag-a { background: var(--gold); color: var(--ink); }
.ba-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; transition: opacity .5s; z-index: 4; }
.ba-frame.is-film .ba-film { opacity: 1; }
.ba-frame.is-film .ba-line, .ba-frame.is-film .ba-tag { opacity: 0; }
.ba-play { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); z-index: 5; display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px 10px 12px; border: 0; border-radius: 999px; background: rgba(59,42,42,.82); color: #fff; font: 500 14px "Jost", sans-serif; cursor: pointer; backdrop-filter: blur(6px); white-space: nowrap; }
.ba-play i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--gold); color: var(--ink); font-style: normal; font-size: 11px; }
.ba-frame.is-film .ba-play { top: auto; bottom: 16px; }
.ba-frame.is-film .ba-play i { font-size: 0; } .ba-frame.is-film .ba-play i::after { content: "⟷"; font-size: 13px; }
.ba-frame.is-film .ba-play span { font-size: 0; } .ba-frame.is-film .ba-play span::before { content: "Back to compare"; font-size: 14px; }
.ba-caption { max-width: 760px; margin: 20px auto 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ba-caption b { font-family: "Cormorant Garamond", Georgia, serif; font-size: 30px; font-weight: 600; color: var(--ink); }
.ba-caption b em { font-style: normal; color: var(--blue); margin-left: 8px; }
.ba-caption span { color: var(--muted); }
@media (max-width: 560px) { .ba-play { font-size: 13px; padding: 8px 14px 8px 10px; top: 10px; } .ba-play i { width: 24px; height: 24px; } .ba-tab { padding: 9px 14px; font-size: 14px; } }
@media (max-width: 650px) { .bh-hero:not(.bh-hero-sm) { min-height: 800px; } .bh-hero .bh-slide { object-position: 64% 45%; } }
@media (max-width: 650px) {
  .bh-hero:not(.bh-hero-sm) { background: var(--ink); align-items: flex-end; }
  .bh-hero:not(.bh-hero-sm) .hero-image { bottom: auto; height: 430px; }
  .bh-hero:not(.bh-hero-sm) .hero-image::before { background: linear-gradient(180deg, rgba(59,42,42,0) 45%, rgba(59,42,42,1) 100%); }
  .bh-hero:not(.bh-hero-sm) .bh-slide { object-position: 58% 55%; }
  .bh-hero:not(.bh-hero-sm) .hero-copy { padding-top: 330px; }
  .bh-hero:not(.bh-hero-sm) .image-caption { display: none; }
}