/* Furniture Gala hero — drop-in styles
   Everything is namespaced .fg-* so it will not collide with your existing CSS. */

.fg-hero{
  --fg-gold:#C8A063;
  --fg-gold-lt:#E8D2A4;
  --fg-cream:#F5EFE4;
  position:relative; overflow:hidden; isolation:isolate; width:100%;
  display:flex; align-items:flex-start; justify-content:center;
  padding:clamp(22px,5vw,64px) 20px calc(clamp(70px,15vw,215px) + clamp(18px,4vw,52px));
  border-top:2px solid var(--fg-gold);
  background:#1A1411;
  color:var(--fg-cream);
  font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---- background layers ---- */
.fg-photo{
  position:absolute; inset:0; z-index:0; width:100%; height:100%;
  object-fit:cover; object-position:center 40%;
}
.fg-warm{                      /* pulls the blue-hour photo into the brand palette */
  position:absolute; inset:0; z-index:1; mix-blend-mode:color; opacity:.7;
  background:linear-gradient(180deg,#8A6B38 0%,#5c4426 55%,#3a2a17 100%);
}
.fg-shade{                     /* keeps the top reading as solid dark, city emerges lower */
  position:absolute; inset:0; z-index:2;
  background:
    linear-gradient(180deg, rgba(26,20,17,.97) 0%, rgba(26,20,17,.9) 26%,
                            rgba(22,17,13,.62) 54%, rgba(14,10,8,.86) 100%),
    radial-gradient(68% 58% at 50% 30%, rgba(26,20,17,.5) 0%, rgba(26,20,17,0) 70%);
}
.fg-hero .band{                /* the furniture street + delivery truck */
  position:absolute; left:0; right:0; bottom:0; z-index:3; width:100%;
  height:clamp(70px,15vw,215px); pointer-events:none;
  filter:drop-shadow(0 6px 22px rgba(0,0,0,.65));
}

/* ---- content ---- */
.fg-inner{ position:relative; z-index:5; width:min(100%,780px); text-align:center; }

.fg-logo{
  display:block; width:clamp(130px,26vw,300px); height:auto;
  margin:0 auto clamp(14px,3vw,30px);
  filter:drop-shadow(0 4px 26px rgba(0,0,0,.85));
}
.fg-hero h1{
  font-family:'Bodoni Moda',Georgia,serif; font-weight:400; margin:0; color:#fff;
  font-size:clamp(2rem,6.4vw,4rem); line-height:1.08; letter-spacing:-.005em; text-wrap:balance;
  text-shadow:0 2px 22px rgba(0,0,0,.6);
}
.fg-sub{
  margin:clamp(12px,2vw,22px) auto 0; max-width:46ch; color:#e6dccd; font-weight:400;
  font-size:clamp(1rem,2.2vw,1.22rem); line-height:1.5;
  text-shadow:0 1px 14px rgba(0,0,0,.7);
}
.fg-hero hr{
  border:0; height:1px; width:min(100%,640px);
  margin:clamp(26px,4vw,44px) auto clamp(20px,3vw,32px);
  background:linear-gradient(90deg,transparent,rgba(200,160,99,.55),transparent);
}
.fg-stock{
  font-family:'Bodoni Moda',Georgia,serif; margin:0; color:var(--fg-gold-lt); font-weight:400;
  font-size:clamp(1.7rem,5vw,3rem); line-height:1;
  text-shadow:0 2px 18px rgba(0,0,0,.7);
}
.fg-mission{
  margin:clamp(24px,3.4vw,38px) 0 0; color:var(--fg-gold-lt); font-weight:500;
  font-size:clamp(.82rem,2vw,1.08rem); letter-spacing:.2em; text-indent:.2em;
  text-shadow:0 1px 14px rgba(0,0,0,.85);
}
.fg-mission i{ font-style:normal; color:var(--fg-gold); font-weight:400; padding:0 .5em; opacity:.8; }

/* ---- call to action buttons ---- */
.fg-cta{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
  width:min(100%,640px); margin:clamp(18px,3vw,30px) auto 0;
}
.fg-cta a{
  display:flex; align-items:center; justify-content:center; gap:9px; min-height:54px; padding:12px 16px;
  border-radius:12px; font-family:'Karla',system-ui,sans-serif; font-size:1.05rem; font-weight:700;
  text-decoration:none; color:#1a1411; background:var(--fg-cream); border:2px solid var(--fg-cream);
  box-shadow:0 6px 20px rgba(0,0,0,.35); transition:transform .15s ease, background .15s ease;
}
.fg-cta a:hover{ transform:translateY(-1px); background:#fff; }
.fg-cta a.primary{ grid-column:1 / -1; background:#a81017; border-color:#a81017; color:#fff; font-size:1.15rem; }
.fg-cta a.primary:hover{ background:#8f0d13; }
.fg-cta svg{ width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round; }
@media (min-width:700px){
  .fg-cta{ grid-template-columns:repeat(3,1fr); }
  .fg-cta a.primary{ grid-column:auto; font-size:1.05rem; }
}
.fg-fine{ margin:10px 0 0; color:#e6dccd; font-size:.9rem; text-shadow:0 1px 10px rgba(0,0,0,.8); }

@media (max-width:520px){
  .fg-hero{ padding-left:16px; padding-right:16px; }
  .fg-hero h1{ font-size:clamp(1.85rem,8.4vw,2.4rem); }
  .fg-sub{ max-width:34ch; }
  .fg-hero hr{ margin:22px auto 16px; }
}

/* Illustrated Black Friday sale poster. */
.fg-hero .fg-logo{width:clamp(130px,20vw,210px);margin-bottom:22px}
.bf-poster{position:relative;padding:30px clamp(16px,4vw,48px) 28px;border:1px solid var(--fg-gold);
  background:radial-gradient(ellipse at 50% 25%,#a52c30 0%,#75191f 55%,#421519 100%);
  box-shadow:0 18px 60px #100b0980,inset 0 0 0 7px #60191d,inset 0 0 0 8px #c8a06370}
.bf-poster::before,.bf-poster::after{content:"";position:absolute;top:27px;width:35px;height:1px;background:var(--fg-gold)}
.bf-poster::before{left:22px}.bf-poster::after{right:22px}
.bf-kicker{display:block;color:var(--fg-gold-lt);font-family:var(--body);font-size:clamp(.7rem,2.3vw,.9rem);
  text-transform:uppercase;letter-spacing:.2em;margin-bottom:19px;padding:0 28px}
.bf-event{font-family:'Karla',sans-serif;font-weight:700;font-size:clamp(3.5rem,13vw,7.8rem);line-height:.83;letter-spacing:-.065em;color:#fff5e5}
.bf-event span{color:var(--fg-gold-lt)}
.bf-offer{display:flex;justify-content:center;align-items:center;gap:clamp(13px,4vw,40px);margin:18px auto 0}
.bf-quantity{display:flex;flex-direction:column;align-items:center;min-width:0}
.bf-quantity strong{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;font-size:clamp(6rem,19vw,11rem);line-height:1;color:#fff5e5}
.bf-quantity span{text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.68rem,2.4vw,1rem);color:var(--fg-gold-lt)}
.bf-one strong{color:var(--fg-gold-lt)}
.bf-for{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1.2rem,3.6vw,2rem);line-height:1.1;max-width:5.5em;text-wrap:balance}
.bf-furniture{display:block;width:100%;height:auto;margin:12px auto 0}
.bf-note{margin:2px 0 16px;color:var(--fg-gold-lt);font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1.3rem,3vw,1.7rem)}
.bf-shop{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 28px;background:var(--fg-gold-lt);
  border:1px solid var(--fg-gold-lt);color:#421519;font-weight:700;text-decoration:none;transition:background .15s ease,transform .15s ease}
.bf-shop:hover{background:#fff5e5;transform:translateY(-2px)}
@media(max-width:400px){.bf-poster{padding:25px 13px}.bf-poster::before,.bf-poster::after{width:15px}.bf-kicker{letter-spacing:.1em}.bf-offer{gap:12px}}