/* ============================================================
   Brand Page (L2) — Cinematic / Immersive
   Full-bleed photo, content anchored to bottom, ticker strip.
============================================================ */

/* ---- Hero: full viewport height ---- */
.bp-hero{
  position:relative;
  min-height:max(540px, 80vh);
  display:flex;flex-direction:column;
  overflow:hidden;
  background:#080c12;color:#fff;
}

/* Background photo */
.bp-hero__bg{position:absolute;inset:0;z-index:0}
.bp-hero__bg-img{
  position:absolute;inset:0;
  background-size:cover;background-position:center 40%;
  opacity:.35;
  transition:opacity .6s;
}
/* Scrim: strong bottom gradient to anchor content */
.bp-hero__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,
      rgba(8,12,18,.4) 0%,
      rgba(8,12,18,.2) 30%,
      rgba(8,12,18,.7) 65%,
      rgba(8,12,18,.95) 100%
    ),
    linear-gradient(90deg,
      rgba(8,12,18,.6) 0%,
      transparent 50%
    );
}

/* Top: breadcrumbs */
.bp-hero__top{
  position:relative;z-index:2;
  max-width:1200px;width:100%;
  margin:0 auto;padding:28px 24px 0;
}
.bp-crumbs{
  display:flex;align-items:center;gap:6px;
  font-size:var(--cf-text-12);
  color:rgba(255,255,255,.25);
}
.bp-crumbs a{color:rgba(255,255,255,.35);text-decoration:none}
.bp-crumbs a:hover{color:rgba(255,255,255,.6)}

/* Bottom: main content, pushed down */
.bp-hero__bottom{
  position:relative;z-index:2;
  margin-top:auto;
  max-width:1200px;width:100%;
  margin-left:auto;margin-right:auto;
  padding:0 24px 28px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:end;
}

/* Content block */
.bp-hero__kicker{
  font-size:var(--cf-text-12);
  font-weight:var(--cf-w-semi);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.4);
  margin:0 0 8px;
}

.bp-hero__h1{
  font-family:var(--cf-font-display);
  font-size:clamp(48px, 6.5vw, 88px);
  font-weight:400;
  line-height:.88;
  letter-spacing:.01em;
  color:#fff;
  margin:0 0 24px;
}

/* CTA pair */
.bp-hero__ctas{
  display:flex;align-items:center;gap:12px;
}
.bp-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;border-radius:2px;
  background:#fff;color:#080c12;
  font-family:var(--cf-font);font-size:var(--cf-text-13);
  font-weight:var(--cf-w-bold);
  letter-spacing:.03em;text-transform:uppercase;
  border:none;cursor:pointer;
  transition:background .15s, color .15s;
}
.bp-btn-primary:hover{background:var(--cf-accent);color:#fff}

.bp-btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;border-radius:2px;
  border:1px solid rgba(255,255,255,.2);
  background:transparent;
  color:rgba(255,255,255,.7);
  font-family:var(--cf-font);font-size:var(--cf-text-13);
  font-weight:var(--cf-w-semi);
  letter-spacing:.03em;text-transform:uppercase;
  text-decoration:none;
  transition:border-color .15s, color .15s;
}
.bp-btn-outline:hover{border-color:rgba(255,255,255,.5);color:#fff}

/* Stats strip — right side, vertical stack */
.bp-hero__strip{
  display:grid;
  grid-template-columns:repeat(4,auto);
  gap:0;
}
.bp-strip__item{
  padding:0 24px;
  border-left:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.bp-strip__item:first-child{border-left:none;padding-left:0}
.bp-strip__n{
  font-family:var(--cf-font-display);
  font-size:var(--cf-text-28);
  color:#fff;line-height:1;
  white-space:nowrap;
}
.bp-strip__l{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(255,255,255,.3);
  margin-top:4px;
  white-space:nowrap;
}

/* ---- Model ticker ---- */
.bp-hero__ticker{
  position:relative;z-index:2;
  border-top:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  /* Mask fade edges */
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.bp-ticker__track{
  display:flex;gap:0;
  animation:bp-ticker 30s linear infinite;
  width:max-content;
}
@keyframes bp-ticker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.bp-ticker__item{
  flex-shrink:0;
  padding:14px 32px;
  font-size:var(--cf-text-12);
  font-weight:var(--cf-w-semi);
  letter-spacing:.04em;
  color:rgba(255,255,255,.2);
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .15s;
}
.bp-ticker__item:hover{color:rgba(255,255,255,.6)}

/* ---- Models grid (below hero) ---- */
.bp-models{background:var(--cf-bg-alt)}
.bp-models__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}

.bp-model-card{
  background:var(--cf-bg);border:1px solid var(--cf-border);
  border-radius:var(--cf-radius);padding:20px;
  transition:all .2s var(--cf-ease);
}
.bp-model-card:hover{box-shadow:var(--cf-shadow-md);transform:translateY(-2px)}
.bp-model-card--hidden{display:none}
.bp-models__more-wrap{grid-column:1/-1;display:flex;justify-content:center;padding:8px 0 0}
.bp-models__more-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;border-radius:var(--cf-radius);
  background:var(--cf-bg);border:1px solid var(--cf-border);
  font-size:var(--cf-text-14);font-weight:var(--cf-w-semi);
  color:var(--cf-primary);cursor:pointer;transition:all .2s;
  font-family:var(--cf-font);
}
.bp-models__more-btn span{font-size:var(--cf-text-12);color:var(--cf-text-muted);font-weight:var(--cf-w-medium)}
.bp-models__more-btn:hover{border-color:var(--cf-primary);box-shadow:var(--cf-shadow-sm);transform:translateY(-1px)}
.bp-model-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}
.bp-model-card__head h3{font-size:var(--cf-text-15);font-weight:var(--cf-w-bold);margin:0;color:var(--cf-primary)}
.bp-model-card__count{
  flex-shrink:0;font-size:var(--cf-text-11);font-weight:var(--cf-w-bold);
  color:var(--cf-text-muted);background:var(--cf-bg-alt);
  padding:3px 8px;border-radius:4px;
}
.bp-model-card__price{
  font-size:var(--cf-text-14);font-weight:var(--cf-w-bold);
  color:var(--cf-text);margin-bottom:12px;
  font-family:var(--cf-font-mono);
}
.bp-model-card__to{font-size:var(--cf-text-12);font-weight:var(--cf-w-medium);color:var(--cf-text-muted)}
.bp-model-card__actions{display:flex;gap:8px}
.cn-btn--ghost-sm{
  padding:8px 16px;font-size:var(--cf-text-12);border-radius:4px;
  background:transparent;border:1px solid var(--cf-border);
  color:var(--cf-text-muted);cursor:pointer;transition:all .15s;
}
.cn-btn--ghost-sm:hover{border-color:var(--cf-primary);color:var(--cf-primary)}

/* ---- Responsive ---- */
@media(max-width:991px){
  .bp-hero{min-height:max(480px, 70vh)}
  .bp-hero__bottom{
    grid-template-columns:1fr;
    gap:24px;
  }
  .bp-hero__strip{
    grid-template-columns:repeat(4,1fr);
  }
  .bp-strip__item{padding:0 12px}
  .bp-hero__h1{font-size:clamp(40px,9vw,56px)}
}
@media(max-width:575px){
  .bp-hero{min-height:max(420px, 65vh)}
  .bp-hero__bottom{padding:0 16px 20px}
  .bp-hero__top{padding:20px 16px 0}
  .bp-hero__h1{font-size:44px;margin-bottom:16px}
  .bp-hero__ctas{flex-direction:column;align-items:stretch;gap:8px}
  .bp-btn-primary,.bp-btn-outline{justify-content:center;padding:14px 16px}
  .bp-hero__strip{grid-template-columns:repeat(2,1fr);gap:12px 0}
  .bp-strip__item{border-left:none;text-align:left;padding:0}
  .bp-strip__item:nth-child(2n){text-align:right}
  .bp-strip__n{font-size:var(--cf-text-20)}
  .bp-ticker__item{padding:10px 20px;font-size:var(--cf-text-11)}
  .bp-models__grid{grid-template-columns:1fr}
}