.tbp-content {
  --tbp-ink: #1c1c1d;
  --tbp-gold: #caa05c;
  --tbp-muted: #59585d;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px 80px;
  color: var(--tbp-ink);
  font-family: "Albert Sans", sans-serif;
}
.tbp-content * { box-sizing: border-box; }
.tbp-content h1, .tbp-content h2 { margin: 0 0 20px; font-size: clamp(30px, 3.2vw, 48px); line-height: 1.12; letter-spacing: -1px; }
.tbp-content h3 { margin: 0 0 14px; font-size: 25px; line-height: 1.2; letter-spacing: -.4px; }
.tbp-content p { margin: 0 0 20px; color: var(--tbp-muted); font-size: 17px; line-height: 1.65; }
.tbp-content a { text-decoration: none; }
.tbp-content a:focus-visible { outline: 3px solid #91682b; outline-offset: 5px; }
.tbp-content section[id] { scroll-margin-top: 130px; }
.tbp-intro { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding: 12px 0 64px; align-items: start; }
.tbp-intro h1 { font-size: clamp(38px, 4.4vw, 64px); }
.tbp-intro h1 span { color: #9a702f; }
.tbp-eyebrow { display: block; margin: 0 0 18px; font-size: 12px; font-weight: 600; letter-spacing: 1.6px; line-height: 1.6; text-transform: uppercase; }
.tbp-intro > .tbp-eyebrow { padding-top: 9px; }
.tbp-jump-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.tbp-jump-links a { padding: 9px 16px; border: 1px solid #ddd8ce; border-radius: 30px; font-size: 14px; color: var(--tbp-ink); }
.tbp-jump-links a:hover { background: #f3eee5; }
.tbp-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 28px; }
.tbp-section-heading h2 { margin-bottom: 0; }
.tbp-section-heading p { max-width: 360px; margin: 0; }
.tbp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.tbp-product-card { display: flex; flex-direction: column; border: 1px solid #e8e4dd; border-radius: 20px; overflow: hidden; background: #fff; }
.tbp-product-image { position: relative; background: #f5f4f1; padding: 28px; }
.tbp-product-image img { display: block; width: 100%; height: 280px; object-fit: contain; mix-blend-mode: multiply; }
.tbp-badge { position: absolute; left: 16px; top: 16px; padding: 6px 12px; background: #fff; border-radius: 20px; font-size: 11px; font-weight: 600; letter-spacing: .7px; text-transform: uppercase; }
.tbp-card-body { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.tbp-card-body .tbp-product-tagline { font-size: 14px; color: #8b6329; font-weight: 600; }
.tbp-card-body p { font-size: 16px; }
.tbp-card-body ul { margin: 0 0 28px; padding-left: 19px; color: var(--tbp-muted); font-size: 15px; line-height: 1.7; }
.tbp-card-body li + li { margin-top: 5px; }
.tbp-card-actions { margin-top: auto; display: flex; flex-direction: column; align-items: start; gap: 16px; }
.tbp-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 20px; border: 1px solid var(--tbp-gold); border-radius: 8px; background: var(--tbp-gold); color: #1c1c1d; font-size: 15px; font-weight: 600; line-height: 1.4; transition: background .2s, color .2s; }
.tbp-button:hover { background: #1c1c1d; border-color: #1c1c1d; color: #fff; }
.tbp-button-secondary { background: transparent; border-color: #777; color: #fff; }
.tbp-button-secondary:hover { background: #fff; color: #1c1c1d; }
.tbp-source, .tbp-text-link { display: inline-flex; gap: 12px; align-items: center; color: #1c1c1d; font-size: 14px; font-weight: 600; border-bottom: 1px solid #caa05c; padding-bottom: 3px; }
.tbp-source:hover, .tbp-text-link:hover { color: #8b6329; }
.tbp-content .tbp-note { margin-top: 22px; font-size: 14px; line-height: 1.65; }
.tbp-spaced { margin-top: 76px; }
.tbp-standard-card, .tbp-scope-card { padding: 30px; border-radius: 16px; background: #f6f5f2; }
.tbp-standard-card { display: flex; flex-direction: column; align-items: start; }
.tbp-standard-card .tbp-text-link { margin-top: auto; }
.tbp-number { display: block; margin-bottom: 24px; color: #8b6329; font-size: 14px; letter-spacing: 2px; }
.tbp-brand { display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 48px; padding: 44px; border: 1px solid #e4ded3; border-radius: 20px; }
.tbp-brand-logo { padding: 30px; }
.tbp-brand-logo img { display: block; width: 100%; max-width: 230px; height: auto; margin: auto; }
.tbp-cta { display: grid; grid-template-columns: 1.6fr 1fr; align-items: center; gap: 40px; background: #1c1c1d; padding: 48px; border-radius: 24px; color: #fff; }
.tbp-cta h2 { color: #fff; }
.tbp-cta p { color: #d5d2cc; margin-bottom: 0; }
.tbp-cta .tbp-eyebrow { color: #e3bd80; }
.tbp-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.tbp-fitout-image { margin: 0; }
.tbp-fitout-image img { width: 100%; height: 380px; object-fit: cover; border-radius: 20px; }
.tbp-fitout-image figcaption { margin-top: 12px; color: var(--tbp-muted); font-size: 13px; }
.tbp-scope-card h3 { font-size: 23px; }
.tbp-scope-card p { font-size: 16px; margin-bottom: 0; }
.tbp-process { padding-top: 48px; border-top: 1px solid #ded8cf; }
.tbp-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding: 0; margin: 32px 0 0; list-style: none; counter-reset: tbp-step; }
.tbp-process-grid li { counter-increment: tbp-step; }
.tbp-process-grid li::before { content: "0" counter(tbp-step); display: block; color: #8b6329; font-size: 32px; margin-bottom: 24px; }
.tbp-process-grid h3 { font-size: 23px; }
.tbp-slots { padding-top: 72px; padding-bottom: 72px; }
.tbp-slot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.tbp-slot { border-radius: 24px; overflow: hidden; min-width: 0; }
.tbp-slot-products { display: grid; grid-template-columns: 32% 68%; background: #f6f5f2; }
.tbp-slot-image { padding: 24px 0 24px 24px; display: flex; align-items: center; }
.tbp-slot-image img { width: 100%; height: 260px; object-fit: contain; mix-blend-mode: multiply; }
.tbp-slot-body { padding: 40px 32px; }
.tbp-slot-body h3 { font-size: 32px; }
.tbp-slot-fitout { background: linear-gradient(90deg, rgba(20,20,20,.93), rgba(20,20,20,.73)), url('/wp-content/uploads/2026/03/pagetitle.webp') center/cover; color: #fff; }
.tbp-slot-fitout h3 { color: #fff; }
.tbp-slot-fitout p { color: #e4e1db; }
.tbp-slot-fitout .tbp-eyebrow { color: #e3bd80; }
@media (max-width: 1024px) {
  .tbp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tbp-intro { grid-template-columns: 1fr 3fr; gap: 24px; }
  .tbp-slot-products { grid-template-columns: 1fr; }
  .tbp-slot-image { display: none; }
  .tbp-slot-body { padding: 32px; }
  .tbp-cta { padding: 32px; grid-template-columns: 1fr; }
  .tbp-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .tbp-content { padding: 0 16px 48px; }
  .tbp-intro { grid-template-columns: 1fr; gap: 4px; padding-bottom: 40px; }
  .tbp-section-heading { display: block; }
  .tbp-section-heading p { margin-top: 16px; }
  .tbp-grid, .tbp-slot-grid, .tbp-brand { grid-template-columns: 1fr; }
  .tbp-product-image img { height: 260px; }
  .tbp-card-body, .tbp-standard-card, .tbp-scope-card { padding: 24px; }
  .tbp-spaced { margin-top: 48px; }
  .tbp-brand { padding: 28px; gap: 24px; }
  .tbp-brand-logo { padding: 12px; }
  .tbp-brand-logo img { max-width: 170px; }
  .tbp-cta { padding: 28px 24px; gap: 24px; }
  .tbp-fitout-image img { height: 240px; }
  .tbp-process-grid { gap: 24px; }
  .tbp-process-grid h3 { font-size: 21px; }
  .tbp-process-grid p { font-size: 15px; }
  .tbp-slot-body { padding: 28px 24px; }
  .tbp-slots { padding-top: 40px; padding-bottom: 40px; }
}
