.hbw{
  --hb-bg:#fdfbf8;--hb-gold:#b08a3e;--hb-dark:#1c1b1a;--hb-body:#3b3a38;--hb-bar:#b8934a;--hb-bartx:#fff8ea;
  position:relative;overflow:hidden;background:var(--hb-bg);border-radius:28px;
  font-family:'Inter',system-ui,sans-serif;color:var(--hb-body);
  box-shadow:0 20px 60px -30px rgba(90,65,20,.35);
}
.hbw *{box-sizing:border-box}
.hbw__sketch{position:absolute;left:0;bottom:0;width:230px;opacity:.55;pointer-events:none;z-index:0}

.hbw__main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:52px 0 0 52px}

/* ---- text column ---- */
.hbw__eyebrow{display:flex;align-items:center;gap:12px;color:var(--hb-gold);font-size:18px}
.hbw__eyebrow span{color:var(--hb-dark);letter-spacing:.18em;font-size:16px}
.hbw__title{margin:14px 0 0;font-family:'Playfair Display','Cormorant Garamond',serif;font-weight:500;font-size:clamp(38px,5.2vw,68px);line-height:1.05;letter-spacing:.02em;color:var(--hb-dark)}
.hbw__title-gold{color:var(--hb-gold)}
.hbw__rule{display:flex;align-items:center;gap:10px;margin:20px 0 26px;width:70%;max-width:260px}
.hbw__rule::before{content:"";flex:1;height:1px;background:var(--hb-gold)}
.hbw__rule i{width:10px;height:10px;background:var(--hb-gold);transform:rotate(45deg);border-radius:2px 8px 2px 8px}
.hbw__tagline{margin:0 0 24px;color:var(--hb-gold);font-family:'Inter',sans-serif;font-size:clamp(20px,2vw,26px);line-height:1.45;max-width:26em}
.hbw__text > p{margin:0 0 20px;font-size:16px;line-height:1.75;max-width:34em; text-align:justify; }

.hbw__features{list-style:none;margin:36px 0 0;padding:0 0 36px;display:grid;grid-template-columns:repeat(4,1fr)}
.hbw__features li{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 8px;border-left:1px solid rgba(176,138,62,.25)}
.hbw__features li:first-child{border-left:0}
.hbw__ficon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(176,138,62,.1);color:var(--hb-gold);font-size:24px}
.hbw__ficon svg{width:24px;height:24px;fill:currentColor}
.hbw__flabel{font-size:15px;line-height:1.35;color:var(--hb-dark)}

/* ---- gallery ---- */
.hbw__gallery{position:relative;padding-bottom:0px}
.hbw__flower{position:absolute;top:-40px;right:0;width:230px;z-index:4;pointer-events:none}
.hbw__photo{display:block;width:100%;object-fit:cover;box-shadow:0 8px 24px -10px rgba(0,0,0,.35)}
.hbw__photo--main{height:450px !important;border-radius:0 !important;border-top-left-radius:20px !important}
.hbw__row{display:grid;grid-template-columns:1fr 230px 1fr;align-items:end;margin-top:-64px;position:relative;z-index:2}
.hbw__photo--left,.hbw__photo--right{height:300px;border:4px solid #fff}
.hbw__photo--right{border-right:0;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}

.hbw__card{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;
  margin-bottom:-40px;padding:34px 20px 30px;background:var(--hb-bg);
  border-radius:115px 115px 24px 24px;box-shadow:0 14px 40px -12px rgba(0,0,0,.35)}
.hbw__pin{display:grid;place-items:center;width:72px;height:72px;margin-top:-6px;background:var(--hb-gold);color:#fff;font-size:26px;
  border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin-bottom:16px}
.hbw__pin i,.hbw__pin svg{transform:rotate(45deg)}
.hbw__pin svg{width:26px;height:26px;fill:currentColor}
.hbw__script{font-family:'Great Vibes',cursive;font-size:26px;color:var(--hb-gold);line-height:1}
.hbw__city{font-family:'Playfair Display',serif;font-weight:500;font-size:32px;letter-spacing:.06em;color:var(--hb-dark);margin:6px 0 10px}
.hbw__divider{width:60px;height:1px;background:var(--hb-gold);margin-bottom:14px}
.hbw__card address{font-style:normal;font-size:14px;line-height:1.85;color:var(--hb-dark)}

/* ---- bottom bar ---- */
.hbw__bar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin-left:16%;padding:10px 20px 20px 30px;
  background:var(--hb-bar);color:var(--hb-bartx);clip-path:polygon(60px 0,calc(100% - 60px) 0,100% 100%,0 100%);
  margin-top:-30px;border-top-right-radius:60px}
.hbw__bar-item{display:flex;align-items:center;gap:14px;padding:0 18px;border-left:1px solid rgba(255,248,234,.4);font-size:14px;line-height:1.7}
.hbw__bar-item:first-child{border-left:0}
.hbw__bar-item > i,.hbw__bar-item > svg{font-size:30px;width:30px;height:30px;flex:none;fill:currentColor;opacity:.9}

/* ---- responsive ---- */
@media (max-width:1024px){
  .hbw__main{grid-template-columns:1fr;padding:40px 32px 0}
  .hbw__gallery{margin-right:-32px}
  .hbw__photo--main{height:380px}
  .hbw__bar{margin-left:0;padding:26px 24px;clip-path:none;border-radius:0;grid-template-columns:repeat(2,1fr);row-gap:20px}
  .hbw__bar-item:nth-child(3){border-left:0}
}
@media (max-width:640px){
  .hbw__main{padding:28px 20px 0}
  .hbw__features{grid-template-columns:repeat(2,1fr);row-gap:24px}
  .hbw__features li:nth-child(3){border-left:0}
  .hbw__gallery{margin-right:0;padding-bottom:0}
  .hbw__photo--main{height:260px;border-radius:16px !important}
  .hbw__row{grid-template-columns:1fr;margin-top:-40px;gap:16px}
  .hbw__photo--left,.hbw__photo--right{height:200px;border-radius:16px !important;border:3px solid #fff}
  .hbw__card{order:-1;margin:0 auto;width:80%}
  .hbw__flower{width:130px;top:-20px}
  .hbw__bar{grid-template-columns:1fr;margin-top:24px}
  .hbw__bar-item{border-left:0;padding:0; font-size:18px; }
}