Feng Shui Text
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Nunito+Sans:wght@300;400;600;700&display=swap');
:root{
--cocoa:#49220d;
--brown:#603e3e;
--mocha:#aa8f80;
--cream:#faf5ef;
--gold:#b8893f;
--line:rgba(73,34,13,.12);
}
.feng-page{
font-family:'Nunito Sans',sans-serif;
background:var(--cream);
color:var(--cocoa);
line-height:1.8;
}
.feng-wrap{
max-width:1100px;
margin:auto;
padding:0 24px;
}
.hero{
text-align:center;
padding:80px 20px;
}
.lotus{
display:none !important;
}
.hero h1{
font-family:'Cormorant Garamond',serif;
font-size:clamp(3rem,6vw,5rem);
margin-bottom:20px;
}
.hero p{
max-width:750px;
margin:auto;
font-size:1.2rem;
}
.section-head{
text-align:center;
margin:80px auto 40px;
}
.section-head h2{
font-family:'Cormorant Garamond',serif;
font-size:3rem;
}
.feng-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
.card{
background:#fff;
border:1px solid var(--line);
border-radius:24px;
padding:30px;
}
.card h3{
font-family:'Cormorant Garamond',serif;
font-size:2rem;
}
.stone{
display:flex;
align-items:center;
gap:15px;
margin-bottom:15px;
}
.stone img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
}
.room-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}
.room,
.tip{
background:#fff;
border:1px solid var(--line);
border-radius:20px;
padding:25px;
}
.tips{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.cta{
margin-top:80px;
padding:80px 20px;
text-align:center;
background:#f4ede4;
}
.btn{
display:inline-block;
background:#49220d;
color:#fff;
padding:18px 42px;
border-radius:999px;
text-decoration:none;
font-weight:700;
}
@media(max-width:900px){
.feng-grid,
.room-grid,
.tips{
grid-template-columns:1fr;
}
}