The coming
/* 主容器 */
.main-container {
font-family: "GoogleFlexSans", sans-serif;
max-width: 1440px;
margin: 0 auto;
}
/* --- 头部区域 (Header Section) --- */
.header-section {
display: flex;
align-items: flex-start;
margin-bottom: clamp(60px, 6.25vw, 120px);
transition: all 0.3s ease;
}
/* 头部左侧：文案 */
.header-content {
flex: 2;
padding-right: clamp(43px, 4.48vw, 86px);
}
.brand-title {
font-size: clamp(40px, 4.84vw, 93px);
font-weight: 500;
line-height: 1.1;
margin-top: 0;
margin-bottom: clamp(20px, 2.08vw, 40px);
letter-spacing: -1px;
color: #000;
}
.brand-subtitle {
font-size: clamp(18px, 2.14vw, 41px);
font-weight: 400;
margin-bottom: clamp(22.5px, 2.34vw, 45px);
display: block;
color: #000;
}
.brand-description {
font-size: clamp(15px, 1.56vw, 30px);
line-height: 1.8;
color: #000;
font-weight: 400;
max-width: 900px; /* 限制大屏下的行宽，增加可读性 */
}
/* 头部右侧：人物图 */
.header-image-box {
padding-left: clamp(43px, 4.48vw, 86px);
border-left: 1px solid #000;
flex: 1;
display: flex;
flex-direction: column;
}
.originator-wrapper {
width: 100%;
position: relative;
}
.originator-img {
width: 100%;
display: block;
object-fit: cover;
aspect-ratio: 1 / 1.336;
}
.originator-label {
width: 100%;
background-color: #00FF80;
color: #000000;
font-size: clamp(14px, 1.56vw, 30px);
text-align: center;
padding: 8px 0;
font-weight: 400;
margin-top: 0;
}
/* --- 响应式调整 (Mobile & Tablet) --- */
@media (max-width: 750px) {
.header-section {
flex-direction: column; /* 屏幕较小时改为上下堆叠 */
}
.header-content {
padding-right: 0;
margin-bottom: 50px; /* 文字与下方图片的间距 */
}
.header-image-box {
padding-left: 0;
border-left: none; /* 移除侧边分割线 */
border-top: 1px solid #000; /* 改为顶部分割线（可选） */
padding-top: 40px;
width: 100%;
max-width: 500px; /* 限制图片在平板/手机上的最大宽度，防止过大 */
}
.brand-description {
max-width: 100%; /* 移动端释放行宽限制 */
}
}
@media (max-width: 640px) {
.header-image-box {
max-width: 100%; /* 手机端图片撑满 */
}
}
/* --- 产品展示网格 (保持原样) --- */
.product-grid {
display: grid;
gap: clamp(62.5px, 6.51vw, 125px) clamp(23.5px, 2.45vw, 47px);
grid-template-columns: repeat(2, 1fr);
}
.product-item {
display: flex;
flex-direction: column;
}
.product-img {
width: 100%;
aspect-ratio: 1 / 0.65;
object-fit: cover;
display: block;
background-color: #f0f0f0;
margin-bottom: clamp(16px, 1.67vw, 32px);
}
.product-name {
font-size: clamp(16px, 1.67vw, 32px);
font-weight: 500;
color: #000000;
}
The coming
the coming is a lifestyle objects brand.
"the coming" evokes that subtle moment anticipating change or
transition. Through crafting tangible objects, the brand captures beauty
at the intersection of tradition and modernity - each creation serves as
a medium to examine contemporary sensibilities and self-awareness. With
meticulous attention to craftsmanship and materials, and through
continuous contemplation of order and poetry, we pursue that timeless
balanced beauty worthy of enduring appreciation.
Originator: Yanzi
Accretion Series
Yuanbao Series
Collaboration Series
TAB Series
