/* =====================================================================
   FastDriver Plugin 1374 - Sponsored Brand Pages
   Colour, spacing and layout only. No font-family; font-size only for
   small chrome, in em, so the theme type scale still rules.
   Scoped under .fdbr.
   ===================================================================== */

.fdbr,.fdbr *,.fdbr *::before,.fdbr *::after{box-sizing:border-box}

.fdbr{
  --fdbr-ink:var(--heading-dark,#141414);
  --fdbr-body:var(--text-color-dark,#4a4e56);
  --fdbr-lime:var(--primary-color-one,#C1F11D);
  --fdbr-acc:var(--menu-active-color,#5F7C05);
  --fdbr-line:var(--border-color-dark,rgba(20,20,20,.12));
  --fdbr-paper:#F7F7F4;
  --fdbr-tint:#F1F1EC;
  --fdbr-r:20px;
  color:var(--fdbr-body);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}

.fdbr-wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.fdbr-sec{padding:72px 0}
.fdbr-sec--tight{padding:44px 0 62px}
.fdbr-sec--paper{background:var(--fdbr-paper)}
.fdbr-sec--ink{background:var(--fdbr-ink);color:rgba(255,255,255,.72)}
.fdbr-center{text-align:center}

/* ---------- Type ---------- */
.fdbr-h1{margin:14px 0 0;color:var(--fdbr-ink);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.fdbr-h2{margin:0;color:var(--fdbr-ink);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.fdbr-h2--light{color:#fff}
.fdbr-eyebrow{display:inline-block;margin:0;font-size:.72em;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(20,20,20,.66)}
.fdbr-eyebrow--tag{background:var(--fdbr-lime);color:var(--fdbr-ink);padding:7px 14px;border-radius:100px}
.fdbr-lead{margin-top:18px;max-width:68ch;line-height:1.65}
.fdbr-lead p{margin:0 0 10px}
.fdbr-lead p:last-child{margin-bottom:0}
.fdbr-lead--light,.fdbr-lead--light p{color:rgba(255,255,255,.68)}
.fdbr-center .fdbr-lead{margin-left:auto;margin-right:auto}
.fdbr-dim{color:rgba(20,20,20,.6);font-size:.86em}
.fdbr-empty{margin:0;padding:26px 0;color:rgba(20,20,20,.6)}
.fdbr-count{color:rgba(20,20,20,.6);font-size:.9em;white-space:nowrap}
.fdbr-pill{display:inline-block;background:var(--fdbr-lime);color:var(--fdbr-ink);padding:5px 12px;border-radius:100px;font-size:.66em;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.fdbr-kicker{font-size:.74em;letter-spacing:.06em;text-transform:uppercase;color:rgba(20,20,20,.66)}

.fdbr-ul{position:relative;color:var(--fdbr-acc);font-weight:600;text-decoration:none;white-space:nowrap}
.fdbr-ul::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .32s cubic-bezier(.22,1,.36,1)}
.fdbr-ul:hover::after{right:0}

/* ---------- Buttons ---------- */
.fdbr-btns{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}
.fdbr-btns--center{justify-content:center}
.fdbr-btn{display:inline-block;padding:15px 26px;border-radius:100px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.fdbr-btn--ink{background:var(--fdbr-ink);color:var(--fdbr-lime)}
.fdbr-btn--ink:hover{background:var(--fdbr-acc);color:#fff}
.fdbr-btn--lime{background:var(--fdbr-lime);color:var(--fdbr-ink)}
.fdbr-btn--lime:hover{background:#fff;color:var(--fdbr-ink)}
.fdbr-btn--ghost{border-color:rgba(20,20,20,.22);color:var(--fdbr-ink)}
.fdbr-btn--ghost:hover{background:var(--fdbr-ink);color:#fff}
.fdbr-btn--outline{border-color:rgba(255,255,255,.28);color:#fff}
.fdbr-btn--outline:hover{background:#fff;color:var(--fdbr-ink)}

/* ---------- Hero + crumbs ---------- */
.fdbr-hero{background:var(--fdbr-paper);border-bottom:1px solid var(--fdbr-line);padding:62px 0 52px}
.fdbr-crumbs{background:var(--fdbr-tint);border-bottom:1px solid var(--fdbr-line);padding:14px 0}
.fdbr-crumbs .fdbr-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.9em;color:rgba(20,20,20,.72)}
.fdbr-crumbs a{color:rgba(20,20,20,.72);text-decoration:none}
.fdbr-crumbs a:hover{color:var(--fdbr-acc)}
.fdbr-crumbs span[aria-hidden]{opacity:.5}
.fdbr-crumbs__cur{color:var(--fdbr-ink)}

/* ---------- Toolbar + search ---------- */
.fdbr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px}
.fdbr-search{position:relative;flex:1;min-width:260px;max-width:520px}
.fdbr-search input{width:100%;padding:15px 46px 15px 18px;border:1px solid rgba(20,20,20,.16);border-radius:100px;background:#fff;color:var(--fdbr-ink);outline:none;transition:border-color .2s,box-shadow .2s}
.fdbr-search input:focus{border-color:var(--fdbr-lime);box-shadow:0 0 0 3px rgba(193,241,29,.3)}
.fdbr-search__ic{position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(-45deg);color:rgba(20,20,20,.4);pointer-events:none}

/* ---------- Brand grid ---------- */
.fdbr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.fdbr-grid--posts{grid-template-columns:repeat(3,1fr)}

.fdbr-brand{position:relative;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--fdbr-line);border-radius:var(--fdbr-r);padding:24px;text-decoration:none;color:inherit;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s}
.fdbr-brand:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(20,20,20,.10);border-color:rgba(20,20,20,.18);color:inherit}
.fdbr-brand__flag{position:absolute;top:14px;right:14px;background:var(--fdbr-lime);color:var(--fdbr-ink);border-radius:100px;padding:4px 10px;font-size:.62em;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.fdbr-brand__logo{display:grid;place-items:center;height:84px;border-radius:12px;background:var(--fdbr-paper);border:1px solid var(--fdbr-line);overflow:hidden;padding:12px}
.fdbr-brand__logo img{max-width:100%;max-height:100%;object-fit:contain}
.fdbr-brand__ph{display:grid;place-items:center;width:100%;height:100%;color:rgba(20,20,20,.45);font-weight:700;letter-spacing:.08em}
.fdbr-brand__ph--lg{font-size:1.4em}
.fdbr-brand__body{display:flex;flex-direction:column;gap:4px;flex:1}
.fdbr-brand__n{font-weight:600;color:var(--fdbr-ink);line-height:1.3}
.fdbr-brand:hover .fdbr-brand__n{color:var(--fdbr-acc)}
.fdbr-brand__m{font-size:.84em;color:rgba(20,20,20,.6)}
.fdbr-brand__c{margin-top:auto;padding-top:8px;font-size:.78em;letter-spacing:.06em;text-transform:uppercase;color:rgba(20,20,20,.5)}

/* ---------- Profile card ---------- */
.fdbr-banner{background:var(--fdbr-tint)}
.fdbr-banner img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}
.fdbr-profile{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:start;background:#fff;border:1px solid var(--fdbr-line);border-radius:var(--fdbr-r);padding:32px;box-shadow:0 4px 20px rgba(20,20,20,.05)}
.fdbr-profile--lift{margin-top:-72px;position:relative;z-index:2}
.fdbr-profile__logo{display:grid;place-items:center;height:150px;border:1px solid var(--fdbr-line);border-radius:16px;background:var(--fdbr-paper);overflow:hidden;padding:16px}
.fdbr-profile__logo img{max-width:100%;max-height:100%;object-fit:contain}
.fdbr-profile__body{min-width:0}
.fdbr-profile__n{margin-top:12px}
.fdbr-profile__tag{margin:10px 0 0;color:rgba(20,20,20,.72);line-height:1.5}
.fdbr-profile__m{margin:8px 0 0;font-size:.84em;letter-spacing:.06em;text-transform:uppercase;color:rgba(20,20,20,.55)}
.fdbr-profile__d{margin-top:14px;line-height:1.7;max-width:70ch}
.fdbr-profile__d p{margin:0 0 10px}
.fdbr-profile__d p:last-child{margin-bottom:0}
.fdbr-socials{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.fdbr-socials a{border:1px solid rgba(20,20,20,.16);border-radius:100px;padding:7px 14px;font-size:.84em;line-height:1;color:var(--fdbr-ink);text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.fdbr-socials a:hover{background:var(--fdbr-ink);border-color:var(--fdbr-ink);color:var(--fdbr-lime)}

.fdbr-about{margin-top:34px;padding-top:28px;border-top:1px solid var(--fdbr-line)}
.fdbr-prose{margin-top:14px;line-height:1.75;color:rgba(20,20,20,.8);max-width:78ch}
.fdbr-prose p{margin:0 0 16px}
.fdbr-prose p:last-child{margin-bottom:0}
.fdbr-prose a{color:var(--fdbr-acc)}
/* theme-css.css injects a tick before every `section ul li`; reset it. */
.fdbr-prose ul{margin:14px 0 18px;padding:0;list-style:none}
.fdbr-prose ul li{position:relative;padding-left:20px;margin-bottom:8px;list-style:none}
.fdbr-prose ul li::before{content:"" !important;display:block !important;position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:100px;background:var(--fdbr-lime);font-family:inherit !important;color:transparent}

/* ---------- Post cards ---------- */
.fdbr-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:28px}
.fdbr-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fdbr-line);border-radius:var(--fdbr-r);overflow:hidden;box-shadow:0 2px 10px rgba(20,20,20,.04);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s}
.fdbr-post:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(20,20,20,.10);border-color:rgba(20,20,20,.18)}
.fdbr-post__media{display:block;position:relative;background:var(--fdbr-tint);border-bottom:1px solid var(--fdbr-line);aspect-ratio:16/9;overflow:hidden}
.fdbr-post__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.fdbr-post:hover .fdbr-post__media img{transform:scale(1.04)}
.fdbr-ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(20,20,20,.34);font-size:.78em;letter-spacing:.14em;text-transform:uppercase}
.fdbr-post__body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.fdbr-metaline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fdbr-post__t{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.28}
.fdbr-post__t a{color:var(--fdbr-ink);text-decoration:none}
.fdbr-post__t a:hover{color:var(--fdbr-acc)}
.fdbr-post__s{margin:0;line-height:1.6;color:rgba(20,20,20,.62);font-size:.94em}
.fdbr-post__foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--fdbr-line);display:flex;align-items:center;justify-content:space-between;gap:12px}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .fdbr-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .fdbr-grid,.fdbr-grid--posts{grid-template-columns:repeat(2,1fr)}
  .fdbr-profile{grid-template-columns:1fr;gap:22px}
  .fdbr-profile--lift{margin-top:-48px}
  .fdbr-profile__logo{width:150px}
}
@media(max-width:768px){
  .fdbr-sec{padding:52px 0}
}
@media(max-width:600px){
  .fdbr-wrap{padding:0 20px}
  .fdbr-grid,.fdbr-grid--posts{grid-template-columns:1fr}
  .fdbr-btn{padding:14px 22px}
  .fdbr-profile--lift{margin-top:-32px}
}