.bld-slim,.bld-slim *{box-sizing:border-box}
.bld-slim{--bld-slim-image-height:72px;position:relative;grid-column:1/-1;width:100%;max-width:1120px;margin:18px auto 6px;border:1px solid rgba(255,22,129,.28);border-radius:14px;background:#100b12;color:#f7f4f8;font-family:Manrope,system-ui,sans-serif;overflow:visible}
.bld-slim-label{position:absolute;z-index:3;top:0;left:50%;transform:translate(-50%,-50%);padding:2px 9px;border:1px solid rgba(255,22,129,.3);border-radius:999px;background:#0b080d;color:#ff5ab1;font-size:9px;line-height:16px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.bld-slim-viewport{position:relative;overflow:hidden;border-radius:13px;min-height:64px}
.bld-slim-images .bld-slim-viewport{height:var(--bld-slim-image-height);min-height:var(--bld-slim-image-height)}
.bld-slim-images{margin-top:26px}
.bld-slim-images .bld-slim-label{top:-1px;transform:translate(-50%,-100%)}
.bld-slim a.bld-slim-slide{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;min-height:64px;padding:12px 20px;color:#f7f4f8!important;background:transparent;text-decoration:none!important;overflow-wrap:anywhere}
.bld-slim .bld-slim-slide[hidden]{display:none!important}
.bld-slim-ready a.bld-slim-slide{position:absolute;inset:0;opacity:0;transition:opacity .62s ease-in-out;pointer-events:none}
.bld-slim-ready a.bld-slim-slide.is-active{opacity:1;pointer-events:auto}
.bld-slim-transitioning a.bld-slim-slide{pointer-events:none}
.bld-slim a.bld-slim-slide:hover{background:rgba(255,22,129,.045)}
.bld-slim a.bld-slim-slide:focus-visible{outline:2px solid #ff1681;outline-offset:-3px}
.bld-slim-copy{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:center}
.bld-slim-copy>strong{font:800 18px/1.3 Manrope,system-ui,sans-serif;color:#fff}
.bld-slim-copy>span{font:400 13px/1.5 Manrope,system-ui,sans-serif;color:#cdc4ce}
.bld-slim-logo{display:block;width:88px;height:52px;flex:0 0 88px;object-fit:contain}
.bld-slim-logo+.bld-slim-copy{text-align:left}
.bld-slim a.bld-slim-image{padding:0}
.bld-slim-image-frame{position:relative;display:block;overflow:hidden;width:100%;height:var(--bld-slim-image-height);background:#100b12;line-height:0}
.bld-slim-image-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;object-position:center}
.bld-slim-image-frame .bld-slim-image-backdrop{z-index:0;object-fit:cover;filter:blur(12px) brightness(.55);transform:scale(1.12);opacity:.7;pointer-events:none}
.bld-slim-image-frame .bld-slim-image-art{z-index:1;object-fit:contain}
.bld-slim-wide{margin-top:28px;max-width:1120px}
@media(max-width:639px){.bld-slim a.bld-slim-slide{padding:12px;gap:10px}.bld-slim-logo{width:66px;height:48px;flex-basis:66px}.bld-slim-copy>strong{font-size:16px}.bld-slim-copy>span{font-size:12px}.bld-slim a.bld-slim-image{padding:0}}
@media(min-width:640px) and (max-width:1023px){.bld-ref-browse .bld-slim{grid-column:auto;align-self:center}.bld-ref-browse .bld-slim a.bld-slim-slide{padding:12px;gap:10px}.bld-ref-browse .bld-slim-logo{width:66px;flex-basis:66px}.bld-ref-browse .bld-slim-copy>strong{font-size:16px}.bld-ref-browse .bld-slim a.bld-slim-image{padding:0}}

@media(min-width:1024px){.bld-slim{--bld-slim-image-height:88px}}
@media(prefers-reduced-motion:reduce){.bld-slim-ready a.bld-slim-slide{transition:none}}

/* v1.6.2: Logo + copy is a full-width artwork, with centered copy below.
   Existing text-only and image-only formats stay unchanged. */
.bld-slim a.bld-slim-logo{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;height:auto;padding:0}
.bld-slim-logo .bld-slim-logo-frame{display:block;width:100%;height:var(--bld-slim-image-height);flex:0 0 var(--bld-slim-image-height)}
.bld-slim-logo .bld-slim-copy{box-sizing:border-box;display:flex;align-items:center;text-align:center;width:100%;padding:8px 14px 10px;gap:3px}
.bld-slim-logo .bld-slim-copy>strong{font-size:14px;line-height:1.25}
.bld-slim-logo .bld-slim-copy>span{font-size:12px;line-height:1.35}
@media(max-width:639px){.bld-slim-logo .bld-slim-copy{padding:7px 9px 9px}.bld-slim-logo .bld-slim-copy>strong{font-size:13px}.bld-slim-logo .bld-slim-copy>span{font-size:11px}}

/* v1.6.4: Real cross-fade, including text-only ads, without a pause control. */
.bld-slim-ready a.bld-slim-slide.is-entering{z-index:2;animation:bld-slim-fade-in .62s ease-in-out both}
@keyframes bld-slim-fade-in{from{opacity:0}to{opacity:1}}
/* One discreet page dot per active advert (up to 10). Larger invisible tap area on mobile. */
.bld-slim .bld-slim-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:4px;padding:3px 5px 5px;min-height:27px}
.bld-slim .bld-slim-dot{box-sizing:border-box!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 22px!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;line-height:1!important}
.bld-slim .bld-slim-dot::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#735568;transition:background .22s ease,transform .22s ease}
.bld-slim .bld-slim-dot.is-active::before{background:#ff5ab1;transform:scale(1.33)}
.bld-slim .bld-slim-dot:focus-visible{outline:2px solid #ff5ab1!important;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.bld-slim-ready a.bld-slim-slide.is-entering{animation:none}}

/* v1.6.5: dots sit astride the bottom frame border, not in a separate strip. */
.bld-slim .bld-slim-pagination{position:absolute;z-index:7;left:50%;bottom:0;transform:translate(-50%,50%);width:max-content;max-width:calc(100% - 18px);height:16px!important;min-height:0!important;margin:0!important;padding:0 3px!important;gap:1px;background:#100b12;border-radius:99px;line-height:0}
.bld-slim .bld-slim-dot{height:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:19px!important;width:19px!important;min-width:19px!important;max-width:19px!important}
.bld-slim .bld-slim-dot::before{width:5px;height:5px}
.bld-slim .bld-slim-dot.is-active::before{transform:scale(1.4)}
.bld-slim{margin-bottom:12px}
/* Higher specificity ensures mobile theme CSS does not override slide fade. */
.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-entering{animation:bld-slim-fade-in .62s ease-in-out both}
@media(prefers-reduced-motion:reduce){.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-entering{animation:none}}

/* Text stays legible during transitions: fade out the old slide before fading in the next. */
.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-leaving{z-index:1;animation:bld-slim-fade-out .31s ease-in both}
.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-entering{z-index:2;animation:bld-slim-fade-in .31s ease-out .31s both}
@keyframes bld-slim-fade-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-leaving,.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-entering{animation:none}}

/* v1.6.7: slim-only, no old fixed-height banner clipping. */
.bld-slim:not(.bld-slim-images) .bld-slim-viewport a.bld-slim-image .bld-slim-image-frame{height:var(--bld-slim-image-height);min-height:var(--bld-slim-image-height)}
.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-leaving{z-index:1;opacity:1!important;animation:none!important}
.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-entering{z-index:2;animation:bld-slim-clean-overlay .58s ease-in-out both!important}
@keyframes bld-slim-clean-overlay{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.bld-slim.bld-slim-ready .bld-slim-viewport a.bld-slim-slide.is-entering{animation-duration:.18s!important}}

/* Slim ad is one link; the arrow is a passive visual link indicator. */
.bld-slim:not(.bld-slim-ready) a.bld-slim-slide{position:relative}
.bld-slim a.bld-slim-slide .bld-slim-link-hint{position:absolute;z-index:3;top:6px;right:7px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(14,10,17,.56);color:#fff;font:700 13px/1 Arial,sans-serif;opacity:.7;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.bld-slim a.bld-slim-slide:hover .bld-slim-link-hint,.bld-slim a.bld-slim-slide:focus-visible .bld-slim-link-hint{opacity:1}
@media(max-width:639px){.bld-slim a.bld-slim-slide .bld-slim-link-hint{top:4px;right:5px;width:17px;height:17px;font-size:12px}}

/* v1.6.8 DESKTOP ONLY: compact horizontal ad, full artwork on the left,
   stored title and text on the right. Mobile/tablet rules remain unchanged. */
.bld-slim .bld-slim-image-desktop-copy{display:none}
@media(min-width:1024px){
  .bld-slim{--bld-slim-desktop-min-height:148px}
  .bld-slim .bld-slim-viewport{min-height:var(--bld-slim-desktop-min-height)}
  /* Mixed image-only rotations also contain textual labels on desktop. */
  .bld-slim.bld-slim-images .bld-slim-viewport{height:auto;min-height:var(--bld-slim-desktop-min-height)}
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-image,
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo{
    display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);
    align-items:stretch;justify-content:stretch;gap:0;
    width:100%;height:auto;min-height:var(--bld-slim-desktop-min-height);
    margin:0;padding:0;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-image .bld-slim-image-frame,
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-image-frame{
    width:100%;height:100%;min-height:var(--bld-slim-desktop-min-height);
    flex:initial;align-self:stretch;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-image .bld-slim-image-desktop-copy,
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy{
    display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
    width:100%;height:100%;min-width:0;min-height:var(--bld-slim-desktop-min-height);
    gap:7px;padding:14px 34px 14px 24px;
    text-align:left;background:#100b12;line-height:1.4;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-image .bld-slim-copy>strong,
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy>strong{
    font-size:clamp(16px,1.6vw,20px);line-height:1.27;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-image .bld-slim-copy>span,
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy>span{
    font-size:clamp(13px,1.2vw,15px);line-height:1.45;
  }
  /* The blurred backdrop remains a fill only; the original image is never cropped. */
  .bld-slim .bld-slim-image-art{object-fit:contain}
}


/* v1.7.3: Logo/banner WITH copy: wide artwork above, title and text below.
   Overrides ONLY the v1.6.8 desktop 42/58 horizontal split.  The image-only
   and text-only types, mobile rules, rotation and click targets stay unchanged. */
@media(min-width:1024px){
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo{
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0;width:100%;height:auto;min-height:0;margin:0;padding:0;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-logo-frame{
    position:relative;display:block;width:100%;height:auto;min-height:0;
    aspect-ratio:5/1;flex:0 0 auto;align-self:auto;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    box-sizing:border-box;width:100%;height:auto;min-height:0;
    padding:12px 20px 15px;gap:6px;text-align:center;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy>strong{
    font-size:clamp(15px,1.6vw,20px);line-height:1.3;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy>span{
    font-size:clamp(12px,1.18vw,15px);line-height:1.45;
  }
}


/* 1.7.4 DESKTOP ONLY: restore true slim proportions for artwork + text.
   The v1.7.3 5:1 ratio had no height limit and became 300px+ tall on wide pages.
   Keep artwork above copy; constrain the artwork frame and compact the typography.
   Image-only/text-only advertisements and ALL mobile/tablet layouts stay untouched. */
@media (min-width:1024px){
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-logo-frame{
    height:108px!important;
    max-height:108px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    flex:0 0 108px!important;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy{
    padding:8px 14px 10px;
    gap:3px;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy>strong{
    font-size:14px;
    line-height:1.25;
  }
  .bld-slim .bld-slim-viewport a.bld-slim-slide.bld-slim-logo .bld-slim-copy>span{
    font-size:12px;
    line-height:1.35;
  }
}