:root{--brown:#5b3528;--copper:#ad4b31;--cream:#f7f2ec;--ink:#34251f;--muted:#6b625e}
*{box-sizing:border-box}
body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--ink)}
a{text-decoration:none;color:inherit}
.wrap{width:min(1140px,calc(100% - 36px));margin:auto}
header{height:120px;display:flex;align-items:center;background:#fff}
.nav{display:flex;align-items:center;gap:34px}
.logo{margin-right:auto}
.logo img{display:block;width:230px;height:104px;object-fit:contain}
.nav>a:not(.logo){font-weight:700;font-size:14px;color:var(--brown)}
.nav>a:hover{color:var(--copper)}
.hero,.pagehero{color:#fff;background-size:cover;background-position:center}
.hero{height:620px;background-image:linear-gradient(90deg,#2b1409a8,#2b140920),url('https://cateringsolutions.com.sg/wp-content/uploads/2025/06/4-1.jpeg')}
.pagehero{height:390px;background-image:linear-gradient(90deg,#2b1409c9,#2b140938),url('https://cateringsolutions.com.sg/wp-content/uploads/2025/06/3.jpg')}
.hero .wrap,.pagehero .wrap{padding-top:120px}
.tag{text-transform:uppercase;letter-spacing:2.4px;color:#efb19f;font-weight:800;font-size:12px}
.hero h1,.pagehero h1{font:700 clamp(48px,7vw,84px)/1 Georgia;margin:18px 0;max-width:850px}
.hero p{font-size:20px;line-height:1.6;max-width:620px}
.btn{display:inline-block;background:var(--copper);color:#fff;padding:15px 23px;font-weight:800;margin-top:18px}
.section{padding:90px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:85px}
.section h2{font:700 clamp(36px,4vw,56px)/1.1 Georgia;margin:0 0 22px}
.section p{color:var(--muted);line-height:1.75}
.lead{font:700 21px/1.55 Georgia!important;color:var(--brown)!important}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}
.card{min-height:370px;padding:238px 28px 28px;background:#fff center top/100% 215px no-repeat;border-top:4px solid var(--copper);box-shadow:0 10px 30px #00000014}
.card h3{font:700 23px Georgia;margin:0 0 10px}
.soft{background:var(--cream)}
.service{padding:35px 0;border-bottom:1px solid #ddd4cf;display:grid;grid-template-columns:80px 1fr}
.service b{color:var(--copper)}
.service h2{font-size:30px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.details a{display:block;padding:18px 0;border-top:1px solid #ddd4cf;line-height:1.7}
.details b{display:block;color:var(--brown)}
form{background:var(--cream);padding:35px;display:grid;gap:15px}
input,select,textarea{width:100%;padding:14px;border:1px solid #d6cac4;background:#fff;font:inherit}
button{border:0}
.addresses{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.address{background:#f1e9e4;padding:30px}
.address h3{font:700 22px Georgia;color:var(--brown)}
.notice{padding:14px;border-radius:4px;font-weight:700}
.success{background:#e3f5e9;color:#25633b}
.error{background:#fde8e5;color:#8a2f22}
footer{background:#38231b;color:#fff;padding:60px 0 24px}
.foot{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px}
.foot p,.foot a{color:#dac9c1;line-height:1.8}
.foot a{display:block}
.copy{border-top:1px solid #ffffff22;margin-top:40px;padding-top:22px;color:#baa69c;font-size:12px}
@media(max-width:760px){
  header{height:auto;padding:10px 0}
  .nav{flex-wrap:wrap;gap:15px}
  .logo{width:100%}
  .logo img{width:190px;height:92px}
  .hero{height:570px}
  .hero .wrap{padding-top:85px}
  .pagehero .wrap{padding-top:90px}
  .grid2,.contact,.addresses,.foot{grid-template-columns:1fr;gap:35px}
  .cards{grid-template-columns:1fr}
  .section{padding:65px 0}
  .service{grid-template-columns:45px 1fr}
}