Skip the Line. Grab & Go.
Online Order
The season changes.The craft doesn't.
Kagoshima matcha. Single-origin coffee.
Steeped in careserved in Beverly Hills.
9038 Burton WayBeverly Hills
Daily PastriesBaked fresh.
Baked fresh. Gone by evening.
The Space
A gentle escape in the middle of Beverly Hills.
Signature Drinks
The Beverly Bloom — our most requested drink.
The bôme coffee Story
Refined. Rare. Right here.
At bômewe celebrate the quietpowerful beauty of spring. Inspired by the Korean word for "spring"bôme is a space where every detail is designed to feel freshupliftingand gently energizing.
<>
/* Features 섹션 - 아이콘과 텍스트 세로 가운데 정렬 + 3:7 비율 */
.features .feature {
align-items: center;
}
/* 아이콘 영역: 3 비율 + 크기 확대 */
.features .feature__icon {
flex: 3;
width: auto;
height: auto;
max-width: 140px;
aspect-ratio: 1 / 1;
}
/* 텍스트 영역: 7 비율 */
.features .feature__content {
flex: 7;
min-width: 0;
}
/* 모바일에서는 비율보다 가독성 우선 - 아이콘 크기만 살짝 키움 */
@media (max-width: 749px) {
.features .feature__icon {
flex: 0 0 80px;
max-width: 80px;
}
.features .feature__content {
flex: 1;
}
}
Sourced with intention.
Every bean is hand-selected and roasted in-house — because where it comes from is as important as how it tastes.
Kagoshima matchaNothing less
We use matcha from KagoshimaJapan — smootherricherand unlike anything else in the city.
One place. One standard.
We chose to stay in Beverly Hills and do one thing exceptionally wellrather than many things adequately.
<>
/* 1. 섹션 전체 설정 */
.steps-template--26519359521087__steps {
padding: 100px 20px;
background-color: #ffffff;
text-align: center;
}
.steps__header {
margin-bottom: 80px;
text-align: center;
}
.steps__grid {
display: grid;
grid-template-columns: repeat(31fr);
gap: 20px;
max-width: 1200px;
margin: 0 auto;
padding-top: 100px; /* 이미지가 튀어나올 공간 확보 */
}
/* 2. 카드 설정 */
.step-card {
background-color: #f7f2ec;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
padding: 128px 30px 14px; /* 이미지 바로 아래에 텍스트 + 상하 여백 타이트하게 */
box-sizing: border-box;
position: relative; /* 이미지를 절대 위치로 배치하기 위함 */
margin-bottom: 50px; /* 아래 간격 */
}
/* 링크가 적용된 카드: 기본 링크 스타일(밑줄/색) 제거호버 효과 */
.step-card--linked {
color: inherit;
text-decoration: none;
cursor: pointer;
transition: transform 0.25s easebox-shadow 0.25s ease;
}
.step-card--linked:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0000.08);
}
/* 3. 이미지 영역 (카드 위에 걸치게) */
.step-card__img-wrapper {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
width: 180px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
/* 배경 관련 설정 초기화 */
background: transparent !important;
background-color: rgba(0,0,0,0) !important;
border: none !important;
box-shadow: none !important;
}
.step-card__img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
display: block;
/* 이미지 자체에 깔리는 배경색 제거 */
background-color: transparent !important;
background: none !important;
mix-blend-mode: multiply; /* 흰색/회색 잔상을 배경과 섞어 제거하는 트릭 (필요시 사용) */
}
/* 4. 텍스트 설정 */
.step-card__title {
font-size: 20px;
font-weight: bold;
margin: 0 0 10px;
color: #333;
padding: 0;
}
.step-card__text {
font-size: 15px;
color: #666;
line-height: 1.6;
padding: 0;
margin: 0;
}
.step-card__text p {
margin: 0;
}
@media screen and (max-width: 767px) {
.steps-template--26519359521087__steps {
padding: 40px 16px;
}
.steps__grid {
display: grid;
grid-template-columns: repeat(21fr);
justify-content: center;
/* 좌우 간격 10px상하 간격은 이미지가 위로 튀어나올 공간(28px)만 확보 */
gap: 40px 10px;
padding-top: 70px; /* 첫 줄 이미지가 헤더와 겹치지 않게 */
}
.step-card {
min-width: 0;
max-width: none;
/* 이미지 바로 아래 텍스트하단 타이트 (PC 비율과 동일) */
padding: 70px 15px 2px;
background-color: #f7f2ec;
border-radius: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
/* 카드 자기 자신 정렬: 같은 행의 카드들과 높이 맞추지 않고 자기 콘텐츠 크기로 */
align-self: flex-start;
}
/* 모바일에서 이미지 크기 및 위치 재조정 */
.step-card__img-wrapper {
position: absolute;
/* 카드 안쪽으로 더 깊게 내려오도록 */
top: -28px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 120px;
background: transparent !important;
z-index: 2; /* 이미지가 카드보다 위에 오도록 */
}
.step-card__img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.step-card__title {
font-size: 14px;
margin: 10px 0 5px;
}
.step-card__text {
font-size: 11px;
line-height: 1.4;
}
}
Menu
Coffee & Matcha
Iced Americano
Lorem ipsum dolor 설명글입니다.
Einspänner
Lorem ipsum dolor 설명글입니다.
Banana Matcha Latte
matcha latte with our signature banana cream and cinnamon
Matcha with Cream Top
matcha latte with our signature cream
Coconut Matcha Latte
organic coconut water topped with matcha cream
See More
<>
.dark-blocks {
padding: 80px 20px;
text-align: center;
background: #ccbdad;
}
.dark-blocks__header {
margin-bottom: 50px;
}
/* 카드를 감싸는 부모 컨테이너 */
.dark-blocks__list {
display: flex;
flex-direction: row; /* 가로 배치 강제 */
flex-wrap: nowrap; /* PC에서는 줄바꿈 방지 (공간 부족시 수축) */
justify-content: center; /* 가운데 정렬 */
align-items: stretch; /* 카드 높이 통일 */
gap: 30px; /* 카드 사이 간격 */
max-width: 1200px; /* 전체 섹션 너비 제한 */
margin: 0 auto; /* 중앙 배치 */
}
/* 개별 카드 스타일 */
.dark-block {
background:rgb(255255255); /* 카드 배경색 (이미지 기반) */
border-radius: 24px; /* 둥근 모서리 */
padding: 20px 30px;
flex: 1; /* 1:1 비율로 가로 공간 나눠 갖기 */
min-width: 0; /* flex 아이템 너비 버그 방지 */
display: flex;
flex-direction: column; /* 카드 내부 요소는 세로로 쌓임 */
align-items: center;
box-sizing: border-box;
}
/* 카드 내 이미지 스타일 */
.dark-block__img {
width: 100%;
max-width: 250px; /* 너무 커지지 않게 제한 */
height: 160px; /* 세로 길이 고정 */
object-fit: contain; /* 이미지 비율 유지하며 영역 맞춤 */
margin-bottom: 4px;
background: transparent !important;
}
/* 카드 내 텍스트 스타일 */
.dark-block__body {
text-align: center;
color: #3b2a23; /* 텍스트 색상 */
font-size: 16px;
line-height: 1.6;
word-break: keep-all; /* 한글 단어 잘림 방지 */
}
/* 모바일 화면 대응 */
@media screen and (max-width: 768px) {
.dark-blocks {
padding: 60px 16px; /* 섹션 좌우 여백: 20px → 12px */
}
.dark-blocks__list {
flex-direction: column; /* 모바일은 세로로 쌓기 */
align-items: stretch; /* 카드가 부모 너비 꽉 채우게 */
gap: 16px;
}
.dark-block {
width: 100%;
max-width: none; /* 400px 제한 해제 → 화면 꽉 채움 */
padding: 24px 20px; /* 카드 내부 좌우 패딩: 30px → 20px */
}
.dark-block__body {
font-size: 15px; /* 모바일에서 약간 축소 */
}
}
Brazil-Colombia BlendRoasted In-House
Ethiopia GujiSingle-Origin Roasted In-House
What Goes Into Every Sip
The ingredients we refuse to compromise on.
Brazil-Colombia BlendRoasted In-House
A bold base of Brazil and Colombiakissed with a touch of Ethiopia. We’ve preserved the deepauthentic essence of the coffee while ensuring a crispclean aftertaste. The difference isn't subtle. You'll taste it on the first sip.
Ethiopia GujiSingle-Origin Roasted In-House
Ethiopian Guji coffee is a highly sought-afterpremium Arabica coffee grown in the high-altitude forested regions of southern Ethiopia. Known for its complexfruityand floral profilesit often features notes of berriescitrusjasmineand tea,
First-Harvest Matcha from KagoshimaJapan
Most cafés use matcha. We use Kagoshima matcha — stone-ground from the first harvestsmoother and deeper than anything you've likely tasted before. Some ingredients are worth traveling for. We brought it here.
We’d love to hear from you
Contact Us