*{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#d80b0b;
  --deep-red:#a90000;
  --orange:#f47a00;
  --gold:#d99b2b;
  --cream:#fff9ed;
  --ink:#17233b;
  --muted:#4d4d4d;
}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.topbar{height:40px;background:linear-gradient(90deg,#bd0808,#ef6800);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;font-size:12px;font-weight:500}
.top-contact{display:flex;align-items:center;gap:15px}.top-contact i{width:1px;height:18px;background:#fff8}
.header{height:94px;background:#fff;display:flex;align-items:center;padding:0 4.4%;box-shadow:0 1px 9px #0000000c;position:relative;z-index:5}
.brand{width:235px;display:block}.brand img{width:100%;height:72px;object-fit:cover;object-position:left center}
.nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:10px;font-weight:600;white-space:nowrap}.nav a{height:94px;display:flex;align-items:center;position:relative}.nav .active{color:#a90c0c}.nav .active:after{content:"";position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:67px;height:2px;background:#bd1717}.nav b{margin-left:5px;font-size:13px}
.enquire{
  height:36px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#c90808 0%,#e51b0b 45%,#f58a00 100%)!important;
  color:#fff!important;
  border:none;
  border-radius:4px;
  box-shadow:0 4px 10px rgba(190,20,0,.22);
  transition:all .3s ease;
}
.enquire:hover{
  background:linear-gradient(90deg,#a90000 0%,#d90d0d 45%,#f07800 100%)!important;
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(190,20,0,.30);
}.menu-toggle{display:none;border:0;background:none;font-size:25px}

.hero{height:405px;position:relative;display:grid;grid-template-columns:43% 57%;overflow:hidden;background:#fff8ec}
.hero-copy{position:relative;z-index:2;padding:20px 10px 0 4.5%;background:linear-gradient(90deg,#fffaf1 0%,#fffaf1 75%,#fffaf100)}
.breadcrumb{font-size:11px;color:#333;margin:0 0 25px}.breadcrumb span{padding:0 9px;color:#777}.breadcrumb strong{color:#a60a0a}
.eyebrow{color:#b70e0e;font-size:13px;font-weight:700;letter-spacing:.2px}
.hero h1{font-family:"Playfair Display",serif;font-size:48px;line-height:.98;margin:5px 0 24px;color:#13213a;font-weight:600}
.hero h1 em{font-style:normal;color:#b81212}
.hero-text{max-width:370px;font-size:13px;line-height:1.65;color:#222}
.hero-features{display:flex;margin-top:20px;gap:0}.hero-features>div{width:88px;min-height:62px;text-align:center;border-right:1px solid #d9c6a8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.hero-features>div:first-child{text-align:left;align-items:flex-start}.hero-features>div:last-child{border:0}.hero-features span{font-size:24px;color:#c11}.hero-features strong{font-size:9px;line-height:1.35;color:#222}
.hero-art{position:relative;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-curve{position:absolute;z-index:3;left:-4%;right:-3%;bottom:-52px;height:95px;background:#f87800;border-radius:50% 50% 0 0/70% 70% 0 0;border-top:9px solid #fff;transform:rotate(-2deg)}

.benefit-strip{margin:-1px 2.2% 20px;background:#fff;box-shadow:0 3px 16px #00000012;border-radius:0 0 8px 8px;min-height:73px;display:grid;grid-template-columns:repeat(6,1fr);position:relative;z-index:4}
.benefit-strip>div{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid #e8d9c4;font-size:10px;line-height:1.4}.benefit-strip>div:last-child{border:0}.benefit-strip span{font-size:23px;color:#c51414}.benefit-strip b{font-weight:600;color:#222}

.collections{padding:0 2.2% 12px}.section-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#b31313;margin:5px 0 9px}.section-title h2{font-size:18px;font-weight:700}.section-title span{color:#df9c26;font-size:17px}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.card{background:#fff;border:1px solid #eee0d1;border-radius:9px;overflow:hidden;box-shadow:0 3px 10px #0000000c}.card>img{width:100%;height:169px;object-fit:cover;display:block}.card-body{padding:10px 11px 12px;text-align:center}.card h3{font-size:12px;color:#c31111;margin-bottom:7px;white-space:nowrap}.card p{font-size:9.5px;line-height:1.55;min-height:58px;color:#444}.card a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#c90808 0%,#e51b0b 45%,#f58a00 100%);
  color:#fff;
  border:none;
  border-radius:4px;
  padding:8px 13px;
  font-size:9px;
  font-weight:600;
  margin-top:4px;
  gap:9px;
  box-shadow:0 4px 10px rgba(190,20,0,.22);
  transition:all .3s ease;
}
.card a:hover{
  background:linear-gradient(90deg,#a90000 0%,#d90d0d 45%,#f07800 100%);
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(190,20,0,.30);
}
.card a span{font-size:13px;line-height:8px}

.why{margin:7px 2.2% 10px;min-height:255px;border-radius:9px;overflow:hidden;background:linear-gradient(90deg,#fff5dc,#fffaf0 58%,#ffe8c0);display:grid;grid-template-columns:33% 26% 41%;align-items:stretch;position:relative}
.why-copy{padding:20px 0 10px 27px}.why-copy .eyebrow{font-size:14px}.why-copy h2{font-family:"Playfair Display",serif;color:#b41414;font-size:26px;margin-bottom:15px}.why ul{list-style:none}.why li{font-size:10px;line-height:1.45;margin:8px 0;display:flex;gap:10px;color:#222}.why li span{color:#c20f0f;font-size:20px;width:20px;text-align:center}
.why-badge{display:flex;align-items:center;justify-content:center}.why-badge>div{width:185px;height:185px;border-radius:50%;border:7px solid #fff4d3;box-shadow:0 0 0 1px #d59b32;background:#c91111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.why-badge span{font-size:31px;color:#ffd65b}.why-badge p{font-family:"Playfair Display",serif;font-size:14px;line-height:1.3;margin-top:7px}.why-image{overflow:hidden}.why-image img{width:100%;height:100%;object-fit:cover;object-position:center}

.cta{margin:0 2.2% 9px;border-radius:8px;background:linear-gradient(90deg,#c70707,#f08a00);min-height:87px;color:#fff;display:grid;grid-template-columns:42% 36% 22%;align-items:center;padding:0 10px 0 5%;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;left:-50px;top:-70px;width:210px;height:210px;border:1px solid #ffffff25;border-radius:50%}.cta-title{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.cta-title>span{font-size:36px;color:#ffd35c}.cta h2{font-family:"Playfair Display",serif;color:#ffe5a7;font-size:20px;line-height:1.2}.cta p{font-size:9px;line-height:1.65}.cta>a{
  justify-self:center;
  background:#fff;
  color:#c70d0d;
  border-radius:4px;
  padding:10px 18px;
  font-size:10px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 4px 10px rgba(120,0,0,.12);
  transition:all .3s ease;
}
.cta>a:hover{
  background:linear-gradient(90deg,#c90808 0%,#e51b0b 45%,#f58a00 100%);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(190,20,0,.30);
}
.cta>a span{font-size:15px;margin-left:0}

.stats{margin:0 7.5%;height:71px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000008}.stats>div{height:43px;display:grid;grid-template-columns:45px auto;grid-template-rows:22px 17px;align-items:center;padding-left:16%;border-right:1px solid #d8c6b0}.stats>div:last-child{border:0}.stats span{grid-row:1/3;font-size:25px;color:#bb1111}.stats strong{font-size:16px;color:#a90e0e}.stats small{font-size:9px;color:#333}

.footer{margin-top:10px;background:linear-gradient(90deg,#a60000,#d50a0a);color:#fff}.footer-grid{display:grid;grid-template-columns:25% 31% 29% 15%;padding:25px 4.5% 17px;gap:20px}.footer-brand img{width:190px;height:62px;object-fit:cover;object-position:left center;filter:none}.footer h4{font-size:11px;margin:3px 0 13px}.links{display:grid;grid-template-columns:1fr 1fr;gap:7px 25px}.footer a,.footer p{font-size:9px;color:#fff}.footer p{margin:7px 0}.links a:before{content:"›";margin-right:7px;color:#ffc95b}.socials{display:flex;gap:13px;margin-top:12px}.socials a{width:31px;height:31px;border-radius:50%;background:#ef8500;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff33;padding:9px 4.5%;display:flex;justify-content:space-between;font-size:8px;color:#fff}

@media(max-width:1000px){
  .nav{gap:14px;font-size:9px}.brand{width:200px}.hero h1{font-size:40px}.cards{grid-template-columns:repeat(3,1fr)}.card>img{height:210px}.benefit-strip{grid-template-columns:repeat(3,1fr)}.benefit-strip>div{padding:12px}.why{grid-template-columns:45% 55%}.why-badge{display:none}.why-image{display:none}.why-copy{grid-column:1/3}.cta{grid-template-columns:1fr 1fr}.cta>a{justify-self:end;margin-right:5%}
}
@media(max-width:720px){
  .topbar{height:auto;min-height:38px;padding:7px 4%;font-size:9px;gap:8px}.top-contact{gap:7px}.top-contact span:last-child{display:none}.header{height:70px;padding:0 4%}.brand{width:175px}.brand img{height:58px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 8px 20px #0002}.nav.open{display:flex}.nav a{height:43px;padding:0 7%;border-bottom:1px solid #eee}.nav .active:after{display:none}.nav .enquire{margin:8px 7%;justify-content:center;height:38px!important}.hero{height:auto;display:flex;flex-direction:column}.hero-copy{padding:18px 7% 30px;background:#fff9ef}.breadcrumb{margin-bottom:20px}.hero h1{font-size:42px}.hero-text{max-width:100%}.hero-features{justify-content:space-between}.hero-features>div{width:25%}.hero-art{height:290px}.hero-curve{display:none}.benefit-strip{margin:0 3% 18px;grid-template-columns:repeat(2,1fr)}.benefit-strip>div{min-height:63px}.collections{padding:0 4%}.section-title h2{font-size:14px;text-align:center}.cards{grid-template-columns:1fr 1fr;gap:9px}.card>img{height:160px}.card h3{font-size:10px}.card p{font-size:8.5px;min-height:65px}.why{margin:12px 4%;display:block}.why-copy{padding:20px}.why-image{display:block;height:220px}.cta{margin:0 4% 10px;display:flex;flex-direction:column;align-items:flex-start;padding:20px;gap:15px}.cta p{font-size:9px}.cta>a{margin:0}.stats{margin:0 4%;grid-template-columns:1fr 1fr;height:auto;padding:8px}.stats>div{padding-left:10%;margin:4px 0}.footer-grid{grid-template-columns:1fr 1fr;padding:25px 7%;gap:25px}.footer-brand{grid-column:1/3}.footer-bottom{flex-direction:column;gap:8px;padding:10px 7%}
}
@media(max-width:450px){
  .hero h1{font-size:36px}.hero-features strong{font-size:7.5px}.hero-features span{font-size:20px}.cards{grid-template-columns:1fr}.card>img{height:190px}.benefit-strip{grid-template-columns:1fr}.why-copy h2{font-size:23px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}