/* Brandzila Signature — main styles */
/* Self-hosted fonts (SIL Open Font License) */
@font-face { font-family: "Bebas Neue"; src: url("../fonts/bebas-neue-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/roboto-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/roboto-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/roboto-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/roboto-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root {
	--bg: #151414;
	--surface: #1e1c1c;
	--surface2: #2a2828;
	--ink: #e7cfb1;
	--text: #e9e3da;
	--muted: #a9a39b;
	--line: #363232;
	--accent: #ff8300;
	--on: #111111;
	--wrap: 1312px;
	--gut: clamp(20px, 4.4vw, 64px);
	--display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
	--body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 16px/1.6 var(--body); -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-x: clip; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.bz-wrap { width: 100%; max-width: calc(var(--wrap) + var(--gut) * 2); margin: 0 auto; padding: 0 var(--gut); }
.bz-skip { position: absolute; left: -999px; top: 8px; background: var(--accent); color: var(--on); padding: 10px 16px; z-index: 999; }
.bz-skip:focus { left: 8px; }

/* Type */
.bz-display { font-family: var(--display); font-weight: 400; line-height: .88; letter-spacing: 0; color: var(--ink); text-transform: uppercase; }
.bz-mega { font-size: clamp(64px, 14vw, 210px); line-height: .84; }
.bz-h1 { font-size: clamp(56px, 9.6vw, 150px); line-height: .86; }
.bz-h2 { font-size: clamp(44px, 6.4vw, 96px); }
.bz-h3 { font-size: clamp(36px, 4vw, 56px); line-height: .95; }
.bz-h4 { font-size: clamp(30px, 3vw, 44px); line-height: .95; }
.bz-label { font: 500 12px/1.4 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin: 0; }
.bz-accent { color: var(--accent) !important; }
.bz-muted { color: var(--muted); }
.bz-lead { font: 300 24px/1.35 var(--body); color: var(--ink); }
.bz-link { font: 700 13px/1 var(--body); letter-spacing: .1em; text-transform: uppercase; border-bottom: 1.5px solid currentColor; padding-bottom: 3px; display: inline-block; }

/* Buttons */
.bz-btns { display: flex; flex-wrap: wrap; gap: 14px; }
.bz-btn { display: inline-flex; align-items: center; gap: 12px; padding: 18px 28px; font: 700 14px/1 var(--body); letter-spacing: .1em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease; white-space: nowrap; }
.bz-btn:hover { transform: translateY(-2px); }
.bz-btn--primary { background: var(--accent); color: var(--on); }
.bz-btn--primary:hover { background: #ff9a33; }
.bz-btn--outline { border: 1px solid var(--ink); color: var(--ink); padding: 17px 27px; }
.bz-btn--outline:hover { background: var(--ink); color: var(--on); }
.bz-btn--dark { background: var(--on); color: var(--accent); }
.bz-btn--dark:hover { background: #000; }

/* Header */
.bz-header { position: relative; z-index: 50; border-bottom: 1px solid var(--line); background: var(--bg); }
.bz-header--overlay { position: absolute; inset: 0 0 auto 0; background: transparent; border-bottom: 0; }
.bz-header__in { display: flex; align-items: center; justify-content: space-between; height: 96px; }
.bz-logo img { width: 172px; height: auto; }
.bz-nav { display: flex; align-items: center; gap: 36px; }
.bz-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 36px; }
.bz-menu a, .bz-nav__cta { font: 500 13px/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); transition: color .2s; }
.bz-menu a:hover { color: var(--accent); }
.bz-nav__cta { color: var(--accent); }
.bz-burger { display: none; color: var(--ink); }

/* Hero */
.bz-hero { position: relative; min-height: max(720px, 100vh); display: flex; align-items: flex-end; padding: 150px 0 110px; overflow: hidden; }
.bz-hero__glow { position: absolute; width: 820px; height: 820px; right: -60px; top: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(255,131,0,.42) 0%, rgba(255,131,0,0) 65%); pointer-events: none; }
.bz-hero__art { position: absolute; right: -40px; top: 40px; width: min(1000px, 78vw); height: auto; pointer-events: none; opacity: .95; }
.bz-hero__spin { transform-origin: 500px 400px; animation: bz-spin 90s linear infinite; }
@keyframes bz-spin { to { transform: rotate(360deg); } }
.bz-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(to bottom, rgba(21,20,20,0), var(--bg)); pointer-events: none; }
.bz-hero__copy { position: relative; z-index: 2; }
.bz-hero__copy > .bz-label { margin-bottom: 30px; }
.bz-hero__title { font-size: clamp(68px, 13.6vw, 196px); line-height: .86; margin-bottom: 28px; }
.bz-hero__sub { max-width: 560px; font: 300 20px/1.5 var(--body); color: var(--text); margin-bottom: 32px; }
.bz-badge { position: absolute; z-index: 3; right: var(--gut); bottom: 90px; width: 170px; height: 170px; display: grid; place-items: center; }
.bz-badge svg { position: absolute; inset: 0; animation: bz-spin 20s linear infinite; }
.bz-badge text { font: 500 11.5px var(--body); letter-spacing: .2em; fill: var(--ink); }
.bz-badge__dot { width: 78px; height: 78px; border-radius: 50%; background: var(--accent); color: var(--on); display: grid; place-items: center; transition: transform .25s; }
.bz-badge:hover .bz-badge__dot { transform: scale(1.08); }

/* Sections */
.bz-section { padding: clamp(80px, 10vw, 140px) 0; position: relative; }
.bz-split { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 56px; }
.bz-split .bz-label { margin-bottom: 22px; }
.bz-split__note { max-width: 400px; font: 300 19px/1.5 var(--body); color: var(--text); text-align: right; margin: 0; }
.bz-split--center { align-items: center; margin: 64px 0 0; }

/* About */
.bz-about__grid { display: grid; grid-template-columns: 1fr 560px; gap: 80px; margin-bottom: 96px; }
.bz-about__grid .bz-label { margin-bottom: 28px; }
.bz-about__body { padding-top: 44px; }
.bz-about__body p { font: 300 22px/1.5 var(--body); color: var(--ink); margin-bottom: 26px; }
.bz-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bz-stat { background: var(--surface); border: 1px solid var(--line); padding: 36px; }
.bz-stat__num { font-size: clamp(64px, 6.4vw, 92px); color: var(--accent); line-height: .9; margin-bottom: 10px; white-space: nowrap; }
.bz-stat__dots { position: relative; display: flex; justify-content: space-between; margin-top: 26px; }
.bz-stat__dots::before { content: ""; position: absolute; left: 4px; right: 4px; top: 50%; height: 1px; background: rgba(255,131,0,.55); }
.bz-stat__dots i { position: relative; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px rgba(255,131,0,.8); }

/* Orange block */
.bz-orange { background: var(--accent); color: var(--on); }
.bz-orange .bz-display, .bz-orange .bz-label { color: var(--on); }
.bz-orange__title { max-width: 820px; font-size: clamp(56px, 11.6vw, 168px); }
.bz-orange__side { max-width: 360px; padding-bottom: 16px; }
.bz-orange__side p { margin: 0 0 8px; font-size: 18px; }
.bz-acc { border-top: 1px solid rgba(17,17,17,.25); margin-bottom: 56px; }
.bz-acc__item { border-bottom: 1px solid rgba(17,17,17,.25); }
.bz-acc__head { width: 100%; display: grid; grid-template-columns: 40px 1fr 340px 28px; align-items: center; gap: 40px; padding: 30px 0; text-align: left; color: var(--on); }
.bz-acc__num { font: 500 14px var(--body); letter-spacing: .1em; }
.bz-acc__title { font-size: clamp(40px, 5.8vw, 84px); color: var(--on); line-height: .9; }
.bz-acc__tag { font-size: 18px; }
.bz-acc__icon svg { transition: transform .3s ease; }
.bz-acc__item.is-open .bz-acc__icon svg { transform: rotate(45deg); }
.bz-acc__body { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; padding: 0 0 0 80px; max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .4s ease; }
.bz-acc__item.is-open .bz-acc__body { max-height: 320px; padding-bottom: 40px; }
.bz-acc__body ul { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 40px; }
.bz-acc__body li { font-size: 17px; line-height: 1.5; margin-bottom: 12px; break-inside: avoid; }
.bz-acc__body li::before { content: "—  "; }
.no-js .bz-acc__body { max-height: none; padding-bottom: 40px; }

/* Work */
.bz-feature { display: grid; grid-template-columns: 780px 1fr; background: var(--surface); border: 1px solid var(--line); margin-bottom: 72px; }
.bz-feature__media img { width: 100%; height: auto; }
.bz-feature__thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-top: 2px; }
.bz-feature__thumbs img { background: #fff; }
.bz-feature__body { padding: 48px; display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
.bz-feature__body .bz-h2 { font-size: clamp(48px, 5.6vw, 84px); }
.bz-feature dl { margin: 0; border-top: 1px solid var(--line); padding-top: 22px; }
.bz-feature dt { margin-bottom: 8px; }
.bz-feature dd { margin: 0 0 18px; font-size: 16px; }
.bz-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.bz-chips span { border: 1px solid var(--line); padding: 8px 14px; font: 500 11px/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.bz-index { position: relative; border-top: 1px solid var(--line); }
.bz-index__head, .bz-index__row { display: grid; grid-template-columns: 60px 1fr 440px 260px 24px; gap: 32px; align-items: center; padding: 14px 24px; }
.bz-index__head { border-bottom: 1px solid var(--line); }
.bz-index__row { padding: 26px 24px; border-bottom: 1px solid var(--line); transition: background .25s, color .25s; }
.bz-index__n { font: 500 14px var(--body); color: var(--accent); letter-spacing: .1em; }
.bz-index__c { font-size: clamp(36px, 4.2vw, 60px); line-height: .95; }
.bz-index__l { color: var(--muted); }
.bz-index__s { color: var(--ink); }
.bz-index__a { color: var(--ink); }
.bz-index__row:hover { background: var(--accent); }
.bz-index__row:hover * { color: var(--on) !important; }
.bz-index__preview { position: absolute; width: 320px; height: 240px; object-fit: contain; background: var(--surface); pointer-events: none; opacity: 0; transform: translate(-50%, -60%) rotate(-5deg) scale(.9); transition: opacity .2s, transform .2s; box-shadow: 0 24px 48px rgba(0,0,0,.55); z-index: 5; left: 0; top: 0; }
.bz-index.is-hover .bz-index__preview { opacity: 1; transform: translate(-50%, -60%) rotate(-5deg) scale(1); }

/* Stories */
.bz-stories { background: var(--surface); }
.bz-stories__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bz-story { background: var(--bg); border: 1px solid var(--line); padding: 40px; display: flex; flex-direction: column; gap: 18px; }
.bz-story > .bz-label { color: var(--accent); }
.bz-story__num { font-size: clamp(96px, 10vw, 150px); color: var(--accent); line-height: .86; margin: 0; }
.bz-story__line { color: var(--muted); margin: 0; }
.bz-story__mini { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-top: 1px solid var(--line); padding-top: 18px; margin-top: auto; }
.bz-story__mini div { display: flex; flex-direction: column; gap: 6px; }
.bz-story__mini .bz-display { font-size: 44px; }
.bz-story__mini .bz-label { font-size: 10px; }
.bz-story--hot { background: var(--accent); border-color: var(--accent); }
.bz-story--hot *, .bz-story--hot .bz-display, .bz-story--hot > .bz-label { color: var(--on) !important; }
.bz-story--hot .bz-story__mini { border-color: rgba(17,17,17,.25); }
.bz-stories__src { margin-top: 24px; font-size: 10px; }

/* Marquee */
.bz-marquee { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 40px 0; }
.bz-marquee__track { display: flex; align-items: center; gap: 48px; width: max-content; animation: bz-marq 45s linear infinite; }
.bz-marquee:hover .bz-marquee__track { animation-play-state: paused; }
.bz-marquee__item { font-size: clamp(64px, 8.8vw, 128px); line-height: 1; white-space: nowrap; }
.bz-marquee__item.is-outline { color: transparent; -webkit-text-stroke: 1.5px rgba(231,207,177,.55); }
.bz-marquee__dot { width: 22px; height: 22px; border-radius: 50%; background: var(--accent); flex: none; }
@keyframes bz-marq { to { transform: translateX(-50%); } }

/* Founder */
.bz-founder__grid { display: grid; grid-template-columns: 440px 1fr; gap: 96px; align-items: center; }
.bz-founder__photo { position: relative; width: 440px; height: 440px; border-radius: 50%; border: 1.5px solid var(--accent); padding: 24px; }
.bz-founder__photo img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.bz-founder__badge { position: absolute; right: 4px; bottom: 20px; width: 120px; height: 120px; border-radius: 50%; background: var(--accent); color: var(--on); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.bz-founder__badge small { font: 500 11px var(--body); letter-spacing: .14em; text-transform: uppercase; }
.bz-founder__badge b { font-size: 40px; color: var(--on); line-height: .95; }
.bz-founder__body { display: flex; flex-direction: column; gap: 28px; }
.bz-founder blockquote { margin: 0; font: 300 clamp(22px, 2.2vw, 32px)/1.42 var(--body); color: var(--ink); }
.bz-founder__body .bz-muted { font-size: 17px; margin: 0; }
.bz-founder__sig { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
.bz-founder__sig .bz-h4 { font-size: 52px; margin: 0 0 4px; }

/* Ideas */
.bz-ideas { background: var(--surface); }
.bz-ideas__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bz-ideas__grid--page { padding: 40px 0 120px; }
.bz-idea { background: var(--bg); padding: 40px 36px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; transition: transform .2s; }
.bz-idea:hover { transform: translateY(-4px); }
.bz-idea__n { font: 500 14px var(--body); color: var(--accent); letter-spacing: .06em; }
.bz-idea p { color: var(--muted); margin: 0; }

/* CTA */
.bz-cta { overflow: hidden; padding-top: clamp(100px, 12vw, 160px); }
.bz-cta__glow { position: absolute; width: 900px; height: 900px; right: -160px; top: -100px; border-radius: 50%; background: radial-gradient(circle, rgba(255,131,0,.3) 0%, rgba(255,131,0,0) 65%); pointer-events: none; }
.bz-cta .bz-wrap { position: relative; display: flex; flex-direction: column; gap: 40px; align-items: flex-start; }
.bz-cta__body { max-width: 720px; font: 300 22px/1.5 var(--body); color: var(--ink); margin: 0; }
.bz-cta__mail { display: inline-flex; align-items: center; gap: 20px; font-size: clamp(36px, 5vw, 72px); border-bottom: 1.5px solid rgba(231,207,177,.4); padding-bottom: 8px; text-transform: uppercase; word-break: break-all; }
.bz-cta__mail svg { color: var(--accent); width: 44px; height: 44px; flex: none; }

/* Download */
.bz-download { padding-bottom: 120px; }
.bz-download__card { background: var(--accent); color: var(--on); padding: 56px 64px; display: grid; grid-template-columns: 360px 1fr; gap: 72px; align-items: center; }
.bz-download__card .bz-display, .bz-download__card .bz-label { color: var(--on); }
.bz-download__card .bz-label { margin-bottom: 20px; }
.bz-download__card .bz-h2 { margin-bottom: 20px; }
.bz-download__card p { font-size: 18px; }
.bz-download__small { font-size: 13px !important; opacity: .7; margin-top: 18px; }
.bz-download__cover { position: relative; width: 360px; aspect-ratio: 1.414; background: #050505; transform: rotate(-4deg); box-shadow: 0 24px 40px rgba(0,0,0,.45); }
.bz-download__k { position: absolute; left: 22px; top: 20px; font: 400 10px var(--body); color: #fff; }
.bz-download__o { position: absolute; width: 150px; height: 150px; border-radius: 50%; background: var(--accent); right: 20px; top: 40px; }
.bz-logo--cover { position: absolute; left: 22px; bottom: 48px; }
.bz-logo--cover img { width: 138px; }
.bz-download__t { position: absolute; left: 22px; bottom: 22px; font: 400 8px var(--body); color: #fff; }

/* Page / single */
.bz-pagehead { padding: 120px 0 60px; border-bottom: 1px solid var(--line); margin-bottom: 60px; }
.bz-pagehead .bz-label { margin-bottom: 22px; }
.bz-prose { max-width: 820px; padding-bottom: 120px; font-size: 18px; line-height: 1.7; color: var(--text); }
.bz-prose h2, .bz-prose h3 { font-family: var(--display); color: var(--ink); text-transform: uppercase; line-height: .95; margin: 1.6em 0 .5em; }
.bz-prose h2 { font-size: 48px; } .bz-prose h3 { font-size: 34px; }
.bz-prose a { color: var(--accent); border-bottom: 1px solid currentColor; }
.bz-prose img { margin: 1.5em 0; }
.bz-single__img { margin-bottom: 40px; }
.bz-single__cta { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid var(--line); padding: 48px var(--gut) 120px; }
.bz-builder { min-height: 40vh; }
.bz-pager { padding-bottom: 80px; }
.bz-pager .nav-links { display: flex; gap: 10px; }
.bz-pager a, .bz-pager span { border: 1px solid var(--line); padding: 10px 16px; }
.bz-404 { min-height: 70vh; display: flex; align-items: center; }
.bz-404 .bz-wrap { display: flex; flex-direction: column; gap: 32px; align-items: flex-start; }

/* Footer */
.bz-footer { border-top: 1px solid var(--line); padding: 72px 0 40px; }
.bz-footer__top { display: flex; justify-content: space-between; gap: 48px; margin-bottom: 48px; }
.bz-footer__brand { max-width: 340px; }
.bz-footer__brand p { color: var(--muted); margin-top: 20px; font-size: 15px; }
.bz-logo--lg img { width: 240px; }
.bz-footer__cols { display: flex; gap: 80px; }
.bz-footer__cols h3 { margin-bottom: 14px; }
.bz-footer__cols ul { list-style: none; margin: 0; padding: 0; }
.bz-footer__cols li { font-size: 15px; margin-bottom: 10px; color: var(--text); }
.bz-footer__cols a:hover { color: var(--accent); }
.bz-footer__mark { opacity: .07; display: flex; justify-content: center; margin: 24px 0 40px; }
.bz-logo--mark img { width: min(1170px, 90vw); }
.bz-footer__bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; font-size: 11px; }
.bz-footer__social { display: flex; gap: 24px; color: var(--ink); }

/* Mobile action bar */
.bz-mbar { display: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
	.bz-feature { grid-template-columns: 1fr; }
	.bz-index__head, .bz-index__row { grid-template-columns: 50px 1fr 320px 24px; }
	.bz-index__s { display: none; }
	.bz-index__head span:nth-child(4) { display: none; }
	.bz-about__grid { grid-template-columns: 1fr 1fr; gap: 56px; }
	.bz-acc__head { grid-template-columns: 40px 1fr 260px 28px; }
}
@media (max-width: 960px) {
	.bz-burger { display: block; position: relative; z-index: 60; }
	.bz-nav { position: fixed; inset: 0; background: var(--bg); flex-direction: column; justify-content: center; gap: 28px; transform: translateY(-100%); transition: transform .35s ease; z-index: 55; }
	.bz-nav.is-open { transform: none; }
	.bz-menu { flex-direction: column; align-items: center; gap: 22px; }
	.bz-menu a, .bz-nav__cta { font-size: 18px; }
	.bz-header__in { height: 76px; }
	.bz-logo img { width: 140px; }
	.bz-split { flex-direction: column; align-items: flex-start; }
	.bz-split__note { text-align: left; }
	.bz-about__grid { grid-template-columns: 1fr; gap: 32px; margin-bottom: 56px; }
	.bz-about__body { padding-top: 0; }
	.bz-stats { grid-template-columns: 1fr 1fr; }
	.bz-stories__grid, .bz-ideas__grid { grid-template-columns: 1fr; }
	.bz-acc__head { grid-template-columns: 32px 1fr 28px; gap: 16px; padding: 22px 0; }
	.bz-acc__tag { display: none; }
	.bz-acc__body { grid-template-columns: 1fr; padding-left: 48px; }
	.bz-acc__body ul { columns: 1; }
	.bz-index__head { display: none; }
	.bz-index__row { grid-template-columns: 36px 1fr 22px; gap: 16px; padding: 22px 8px; }
	.bz-index__l { display: none; }
	.bz-index__preview { display: none; }
	.bz-founder__grid { grid-template-columns: 1fr; gap: 48px; }
	.bz-founder__photo { width: min(340px, 80vw); height: min(340px, 80vw); padding: 18px; }
	.bz-founder__badge { width: 96px; height: 96px; }
	.bz-founder__badge b { font-size: 32px; }
	.bz-download__card { grid-template-columns: 1fr; padding: 40px 28px; gap: 40px; }
	.bz-download__cover { width: min(320px, 100%); }
	.bz-footer__top { flex-direction: column; }
	.bz-footer__cols { flex-wrap: wrap; gap: 40px; }
	.bz-badge { width: 120px; height: 120px; bottom: 40px; }
	.bz-badge__dot { width: 56px; height: 56px; }
	.bz-badge text { font-size: 15px; }
	.bz-hero { padding: 130px 0 180px; min-height: 760px; }
	.bz-hero__art { width: 140vw; right: -50vw; top: 60px; opacity: .7; }
	.bz-mbar { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: rgba(30,28,28,.9); backdrop-filter: blur(16px); border-top: 1px solid var(--line); }
	.bz-mbar .bz-btn { flex: 1; justify-content: center; padding: 15px 14px; font-size: 12px; }
	.bz-mbar .bz-btn--outline { flex: 0 0 auto; }
	body { padding-bottom: 76px; }
	.bz-single__cta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
	.bz-stats { grid-template-columns: 1fr; }
	.bz-stat { padding: 28px; }
	.bz-feature__body { padding: 28px; }
	.bz-story { padding: 28px; }
	.bz-btn { padding: 16px 20px; font-size: 12px; }
	.bz-btn--outline { padding: 15px 19px; }
	.bz-hero__sub, .bz-about__body p, .bz-cta__body { font-size: 18px; }
	.bz-cta__mail { font-size: 30px; gap: 10px; }
	.bz-cta__mail svg { width: 28px; height: 28px; }
}

/* ===================== Motion layer =====================
   Everything below only applies when JS adds .bz-anim to <html> (and the visitor hasn't asked for reduced motion),
   so content is always visible to crawlers, no-JS visitors and reduced-motion users. */

/* Sticky header */
.bz-header--overlay { position: fixed; }
.bz-header { transition: background .35s ease, border-color .35s ease, height .35s ease; }
body:not(.home) .bz-header { position: sticky; top: 0; }
.bz-header.is-stuck { background: rgba(21,20,20,.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.bz-header.is-stuck .bz-header__in { height: 76px; }
.admin-bar .bz-header--overlay { top: 32px; }

/* Scroll progress */
.bz-progress { position: fixed; left: 0; top: 0; height: 2px; width: 100%; background: var(--accent); transform-origin: 0 50%; transform: scaleX(0); z-index: 80; pointer-events: none; }

/* Line-mask headline reveal */
.bz-line { display: block; overflow: hidden; padding-bottom: .04em; margin-bottom: -.04em; }
.bz-line > span { display: block; }
.bz-anim .bz-line > span { transform: translateY(108%); transition: transform 1.1s cubic-bezier(.2,.8,.2,1); }
.bz-anim .bz-line:nth-child(2) > span { transition-delay: .12s; }
.bz-anim .bz-line:nth-child(3) > span { transition-delay: .24s; }
.bz-anim .is-in .bz-line > span, .bz-anim .bz-hero.is-in .bz-line > span { transform: none; }

/* Hero intro */
.bz-anim .bz-hero__copy > .bz-label, .bz-anim .bz-hero__sub, .bz-anim .bz-hero .bz-btns, .bz-anim .bz-badge { opacity: 0; transform: translateY(24px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1); }
.bz-anim .bz-hero.is-in .bz-hero__copy > .bz-label { opacity: 1; transform: none; transition-delay: .05s; }
.bz-anim .bz-hero.is-in .bz-hero__sub { opacity: 1; transform: none; transition-delay: .55s; }
.bz-anim .bz-hero.is-in .bz-btns { opacity: 1; transform: none; transition-delay: .7s; }
.bz-anim .bz-hero.is-in .bz-badge { opacity: 1; transform: none; transition-delay: .9s; }
.bz-anim .bz-hero__art { opacity: 0; transform: scale(.92); transition: opacity 2s ease, transform 2.4s cubic-bezier(.2,.8,.2,1); }
.bz-anim .bz-hero.is-in .bz-hero__art { opacity: .95; transform: none; }
.bz-hero__glow { animation: bz-breathe 7s ease-in-out infinite; }
@keyframes bz-breathe { 50% { transform: scale(1.08); opacity: .8; } }
.bz-hero__parallax { position: absolute; inset: 0; pointer-events: none; transition: transform .6s cubic-bezier(.2,.8,.2,1); }

/* Generic reveal (applied by JS to section parts) */
.bz-anim [data-reveal] { opacity: 0; transform: translateY(44px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--d, 0) * 90ms); }
.bz-anim [data-reveal="left"] { transform: translateX(-48px); }
.bz-anim [data-reveal="scale"] { transform: scale(.9); }
.bz-anim [data-reveal].is-in { opacity: 1; transform: none; }

/* Stat dots light up in sequence */
.bz-anim .bz-stat .bz-stat__dots i { opacity: .2; box-shadow: none; transition: opacity .3s, box-shadow .3s; }
.bz-anim .bz-stat.is-in .bz-stat__dots i { opacity: 1; box-shadow: 0 0 8px rgba(255,131,0,.8); }
.bz-stat.is-in .bz-stat__dots i:nth-child(1) { transition-delay: .5s; }
.bz-stat.is-in .bz-stat__dots i:nth-child(2) { transition-delay: .65s; }
.bz-stat.is-in .bz-stat__dots i:nth-child(3) { transition-delay: .8s; }
.bz-stat.is-in .bz-stat__dots i:nth-child(4) { transition-delay: .95s; }
.bz-stat.is-in .bz-stat__dots i:nth-child(5) { transition-delay: 1.1s; }
.bz-anim .bz-stat .bz-stat__dots::before { transform: scaleX(0); transform-origin: 0 50%; transition: transform 1s cubic-bezier(.2,.8,.2,1) .4s; }
.bz-anim .bz-stat.is-in .bz-stat__dots::before { transform: none; }

/* Orange block wipe-in */
.bz-anim .bz-orange { clip-path: inset(6% 4% 6% 4%); transition: clip-path 1.2s cubic-bezier(.2,.8,.2,1); }
.bz-anim .bz-orange.is-in { clip-path: inset(0 0 0 0); }

/* Feature image zoom on reveal + hover */
.bz-feature__media { overflow: hidden; }
.bz-feature__media > img { transition: transform 1.4s cubic-bezier(.2,.8,.2,1); }
.bz-anim .bz-feature:not(.is-in) .bz-feature__media > img { transform: scale(1.12); }
.bz-feature:hover .bz-feature__media > img { transform: scale(1.04); }

/* Cards: lift + tilt (tilt set by JS) */
.bz-story, .bz-stat { transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s, opacity .9s cubic-bezier(.2,.7,.2,1); will-change: transform; }
.bz-story:hover { box-shadow: 0 30px 60px rgba(0,0,0,.45); }

/* Founder photo */
.bz-founder__photo img { transition: transform 1.2s cubic-bezier(.2,.8,.2,1), filter 1.2s; }
.bz-anim .bz-founder__photo:not(.is-in) img { transform: scale(1.15); filter: grayscale(1); }
.bz-founder__badge { animation: bz-bob 4s ease-in-out infinite; }
@keyframes bz-bob { 50% { transform: translateY(-8px); } }

/* Download cover float */
.bz-download__cover { animation: bz-float 6s ease-in-out infinite; }
@keyframes bz-float { 0%, 100% { transform: rotate(-4deg) translateY(0); } 50% { transform: rotate(-2deg) translateY(-12px); } }

/* Buttons: magnetic (JS) + arrow nudge */
.bz-btn svg { transition: transform .25s ease; }
.bz-btn:hover svg { transform: translateX(4px); }

/* Custom cursor (desktop, fine pointer only) */
.bz-cursor { position: fixed; left: 0; top: 0; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--accent); pointer-events: none; z-index: 90; display: grid; place-items: center; transition: width .3s cubic-bezier(.2,.8,.2,1), height .3s cubic-bezier(.2,.8,.2,1), margin .3s cubic-bezier(.2,.8,.2,1), opacity .3s; mix-blend-mode: normal; opacity: 0; }
.bz-cursor span { font: 700 11px/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: var(--on); opacity: 0; transition: opacity .2s; }
.bz-cursor.is-on { opacity: 1; }
.bz-cursor.is-view { width: 88px; height: 88px; margin: -44px 0 0 -44px; }
.bz-cursor.is-view span { opacity: 1; }
@media (hover: none), (pointer: coarse) { .bz-cursor { display: none; } }

@media (prefers-reduced-motion: reduce) {
	.bz-hero__glow, .bz-founder__badge, .bz-download__cover, .bz-marquee__track, .bz-hero__spin, .bz-badge svg { animation: none !important; }
}
@media (max-width: 960px) {
	.admin-bar .bz-header--overlay { top: 46px; }
	.bz-anim .bz-orange { clip-path: none; }
}

/* Success story template */
.bz-cs-hero { padding: 120px 0 64px; position: relative; overflow: hidden; }
.bz-cs-hero::before { content: ""; position: absolute; width: 760px; height: 760px; right: -120px; top: -300px; border-radius: 50%; background: radial-gradient(circle, rgba(255,131,0,.3), rgba(255,131,0,0) 65%); }
.bz-cs-hero .bz-wrap { position: relative; }
.bz-cs-hero .bz-label { margin-bottom: 28px; }
.bz-cs-meta { display: flex; flex-wrap: wrap; gap: 24px 64px; margin: 40px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
.bz-cs-meta dt { margin-bottom: 8px; }
.bz-cs-meta dd { margin: 0; font-weight: 500; }
.bz-cs-band { background: var(--accent); padding: 64px 0; }
.bz-cs-results { display: grid; grid-template-columns: repeat(3, 1fr); }
.bz-cs-results > div + div { border-left: 1px solid rgba(17,17,17,.25); padding-left: 40px; }
.bz-cs-results .bz-display { font-size: clamp(72px, 9.6vw, 140px); color: var(--on); margin: 0 0 6px; line-height: .86; }
.bz-cs-results .bz-label { color: var(--on); font-size: 13px; }
.bz-cs-two { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; }
.bz-cs-two .bz-label { margin-bottom: 24px; }
.bz-cs-text { font-size: 20px; margin-top: 24px; }
.bz-cs-steps { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.bz-cs-steps li { counter-increment: s; display: grid; grid-template-columns: 56px 1fr; gap: 4px 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.bz-cs-steps li:first-child { border-top: 1px solid var(--line); }
.bz-cs-steps li::before { content: "0" counter(s); grid-row: span 2; font: 400 36px/1 var(--display); color: var(--accent); }
.bz-cs-steps b { font-size: 30px; }
.bz-cs-steps span { color: var(--muted); }
.bz-cs-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.bz-cs-proof > div { background: var(--bg); border: 1px solid var(--line); padding: 32px; }
.bz-cs-proof .bz-display { font-size: clamp(64px, 6.4vw, 96px); color: var(--accent); margin: 14px 0 10px; line-height: .9; }
.bz-cs-proof p:last-child { color: var(--muted); margin: 0; }
.bz-cs-quote { text-align: center; }
.bz-cs-quote .bz-wrap { max-width: 1180px; }
.bz-cs-q { font-size: 160px; line-height: .6; margin: 0; }
.bz-cs-quote .bz-h2 { margin: 24px 0; }
.bz-cs-next { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bz-cs-next__card { background: var(--surface); border: 1px solid var(--line); padding: 48px; display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.bz-cs-next__cta { background: var(--accent); padding: 48px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.bz-cs-next__cta .bz-display, .bz-cs-next__cta .bz-label { color: var(--on); }
@media (max-width: 960px) {
	.bz-cs-results, .bz-cs-two, .bz-cs-next { grid-template-columns: 1fr; }
	.bz-cs-results > div + div { border-left: 0; padding-left: 0; border-top: 1px solid rgba(17,17,17,.25); padding-top: 24px; margin-top: 24px; }
	.bz-cs-proof { grid-template-columns: 1fr 1fr; }
	.bz-cs-two { gap: 56px; }
}
@media (max-width: 560px) { .bz-cs-proof { grid-template-columns: 1fr; } }

/* ===================== Inner pages · Signature layouts ===================== */
/* Page hero */
.bz-phero { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 130px) 0 clamp(64px, 8vw, 110px); border-bottom: 1px solid var(--line); }
.bz-phero__glow { position: absolute; width: 760px; height: 760px; right: -160px; top: -260px; border-radius: 50%; background: radial-gradient(circle, rgba(255,131,0,.34) 0%, rgba(255,131,0,0) 65%); pointer-events: none; animation: bz-breathe 7s ease-in-out infinite; }
.bz-phero .bz-hero__art { top: -60px; right: -180px; width: min(820px, 70vw); opacity: .45; }
.bz-phero__in { position: relative; z-index: 2; }
.bz-crumb { margin-bottom: 40px; }
.bz-crumb a:hover { color: var(--accent); }
.bz-crumb span { margin: 0 8px; opacity: .5; }
.bz-phero__eyebrow { margin-bottom: 26px; }
.bz-phero__title { margin-bottom: 44px; max-width: 1180px; }
.bz-phero__foot { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 32px 48px; }
.bz-phero__sub { max-width: 620px; font: 300 21px/1.5 var(--body); color: var(--text); margin: 0; }
.bz-anim .bz-phero__eyebrow, .bz-anim .bz-phero__foot, .bz-anim .bz-crumb { opacity: 0; transform: translateY(20px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.8,.2,1); }
.bz-anim .bz-phero.is-in .bz-crumb { opacity: 1; transform: none; }
.bz-anim .bz-phero.is-in .bz-phero__eyebrow { opacity: 1; transform: none; transition-delay: .1s; }
.bz-anim .bz-phero.is-in .bz-phero__foot { opacity: 1; transform: none; transition-delay: .55s; }
.bz-anim .bz-phero .bz-hero__art { opacity: 0; transition: opacity 2s ease; }
.bz-anim .bz-phero.is-in .bz-hero__art { opacity: .45; }

/* Shared */
.bz-intro { font: 300 clamp(24px, 2.4vw, 34px)/1.4 var(--body); color: var(--ink); }
.bz-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bz-cards--3 { grid-template-columns: repeat(3, 1fr); }
.bz-card { background: var(--surface); border: 1px solid var(--line); padding: 36px 32px; display: flex; flex-direction: column; gap: 16px; min-height: 280px; transition: border-color .3s, transform .3s; }
.bz-card:hover { border-color: var(--accent); transform: translateY(-4px); }
.bz-card__n { color: var(--accent); }
.bz-card .bz-h4 { margin-top: auto; }
.bz-card p { color: var(--muted); margin: 0; }
.bz-rows { border-top: 1px solid var(--line); }
.bz-row { display: grid; grid-template-columns: 60px 1fr 380px 24px; gap: 32px; align-items: center; padding: 26px 24px; border-bottom: 1px solid var(--line); transition: background .25s; }
.bz-row__n { font: 500 14px var(--body); color: var(--accent); letter-spacing: .1em; }
.bz-row__t { font-size: clamp(34px, 4vw, 56px); line-height: .95; }
.bz-row__h { color: var(--muted); }
.bz-row__a { color: var(--ink); }
.bz-row:hover { background: var(--accent); }
.bz-row:hover * { color: var(--on) !important; }

/* About · story */
.bz-story-sec__grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 80px; margin-bottom: 88px; align-items: start; }
.bz-year { font-size: clamp(120px, 19vw, 300px); line-height: .8; color: transparent; -webkit-text-stroke: 1.5px var(--accent); margin: 18px 0 18px; }
.bz-story-sec__body p:not(.bz-intro) { font: 300 19px/1.6 var(--body); }
.bz-imgband { padding: 0 var(--gut); }
.bz-imgband__in { position: relative; max-width: var(--wrap); margin: 0 auto; overflow: hidden; }
.bz-imgband img { width: 100%; height: clamp(320px, 46vw, 620px); object-fit: cover; filter: saturate(.85); }
.bz-imgband__in::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(21,20,20,.88) 0%, rgba(21,20,20,.2) 60%); }
.bz-imgband__cap { position: absolute; left: clamp(24px, 5vw, 64px); bottom: clamp(24px, 5vw, 56px); z-index: 2; font-size: clamp(48px, 7vw, 108px); margin: 0; }
.bz-numrows { border-top: 1px solid var(--line); }
.bz-numrow { display: grid; grid-template-columns: 120px 1fr 1fr; gap: 40px; align-items: center; padding: 34px 0; border-bottom: 1px solid var(--line); transition: padding .3s; }
.bz-numrow:hover { padding-left: 16px; }
.bz-numrow__n { font-size: 64px; color: var(--accent); }
.bz-numrow p { margin: 0; font: 300 19px/1.5 var(--body); color: var(--text); }
.bz-disc { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(17,17,17,.25); border-left: 1px solid rgba(17,17,17,.25); }
.bz-disc__item { display: flex; flex-direction: column; gap: 12px; padding: 32px; border-right: 1px solid rgba(17,17,17,.25); border-bottom: 1px solid rgba(17,17,17,.25); color: var(--on); transition: background .25s; }
.bz-disc__item .bz-display { font-size: clamp(32px, 3.2vw, 48px); color: var(--on); }
.bz-disc__hook { font-size: 16px; }
a.bz-disc__item:hover { background: var(--on); }
a.bz-disc__item:hover * { color: var(--accent) !important; }
.bz-disc--dark { margin-top: 20px; border-color: var(--line); }
.bz-disc--dark .bz-disc__item { border-color: var(--line); color: var(--text); }
.bz-disc--dark .bz-disc__item .bz-display { color: var(--ink); }
.bz-disc--dark .bz-disc__hook { color: var(--muted); }
.bz-offices { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bz-office { background: var(--surface); border: 1px solid var(--line); padding: 32px; display: flex; flex-direction: column; gap: 10px; min-height: 220px; }
.bz-office__n { color: var(--accent); margin-bottom: auto; }
.bz-office .bz-h4 { margin-top: 28px; }
.bz-office__addr { color: var(--muted); font-size: 15px; margin: 8px 0 0; }
.bz-office.is-hq { background: var(--accent); border-color: var(--accent); }
.bz-office.is-hq * { color: var(--on) !important; }
.bz-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.bz-logos > .bz-logos__item { flex: 0 0 calc((100% - 60px) / 6); }
.bz-logos__item { background: var(--surface); border: 1px solid var(--line); aspect-ratio: 16 / 10; display: grid; place-items: center; padding: 18px; transition: border-color .3s, background .3s; }
.bz-logos__item:hover { border-color: var(--accent); background: #232020; }
.bz-logos__mark { display: block; width: 80%; height: 64%; background: var(--ink); opacity: .85; -webkit-mask: var(--logo) center / contain no-repeat; mask: var(--logo) center / contain no-repeat; transition: background .3s, opacity .3s, transform .4s cubic-bezier(.2,.8,.2,1); }
.bz-logos__item:hover .bz-logos__mark { background: var(--accent); opacity: 1; transform: scale(1.06); }
.bz-logos__item { min-width: 0; }
.bz-logos__item img { max-height: 100%; width: auto; max-width: 78%; object-fit: contain; }
.bz-logos__more { background: var(--accent); display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.bz-logos__more .bz-display { color: var(--on); font-size: 72px; }
.bz-logos__more .bz-label { color: var(--on); }

/* Services overview */
.bz-subnav { position: sticky; top: 76px; z-index: 30; background: rgba(21,20,20,.92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.admin-bar .bz-subnav { top: 108px; }
.bz-subnav__in { display: flex; gap: 8px; overflow-x: auto; padding-top: 14px; padding-bottom: 14px; scrollbar-width: none; }
.bz-subnav__in::-webkit-scrollbar { display: none; }
.bz-subnav a { flex: none; border: 1px solid var(--line); padding: 10px 16px; font: 500 12px/1 var(--body); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); transition: background .2s, color .2s, border-color .2s; }
.bz-subnav a span { color: var(--accent); margin-right: 4px; }
.bz-subnav a:hover { background: var(--accent); border-color: var(--accent); color: var(--on); }
.bz-subnav a:hover span { color: var(--on); }
.bz-svcs { padding-top: 40px; }
.bz-svc { display: grid; grid-template-columns: 280px 1fr; gap: 56px; padding: 72px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 150px; }
.bz-svc__n { position: sticky; top: 170px; display: block; font-size: clamp(120px, 14vw, 220px); line-height: .8; color: transparent; -webkit-text-stroke: 1.5px rgba(231,207,177,.45); transition: color .4s, -webkit-text-stroke-color .4s; }
.bz-svc:hover .bz-svc__n { color: var(--accent); -webkit-text-stroke-color: var(--accent); }
.bz-svc__main .bz-label { margin-bottom: 20px; }
.bz-svc__main .bz-h2 { margin-bottom: 26px; }
.bz-svc__intro { max-width: 760px; font: 300 22px/1.5 var(--body); color: var(--ink); margin-bottom: 36px; }
.bz-svc__get { list-style: none; margin: 0 0 32px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; border-top: 1px solid var(--line); }
.bz-svc__get li { display: flex; flex-direction: column; gap: 6px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.bz-svc__get b { font: 500 17px var(--body); color: var(--ink); }
.bz-svc__get span { color: var(--muted); font-size: 15px; }
.bz-svc__ai { display: flex; gap: 20px; align-items: baseline; background: var(--surface); border-left: 3px solid var(--accent); padding: 20px 24px; margin: 0 0 32px; max-width: 760px; }
.bz-svc__ai .bz-label { flex: none; color: var(--accent); }
.bz-svc--hot { background: var(--accent); margin: 0 calc(var(--gut) * -1); padding-left: var(--gut); padding-right: var(--gut); border: 0; }
.bz-svc--hot .bz-svc__n { -webkit-text-stroke-color: rgba(17,17,17,.45); }
.bz-svc--hot:hover .bz-svc__n { color: var(--on); -webkit-text-stroke-color: var(--on); }
.bz-svc--hot .bz-label, .bz-svc--hot .bz-display, .bz-svc--hot .bz-svc__intro, .bz-svc--hot b { color: var(--on) !important; }
.bz-svc--hot .bz-svc__get, .bz-svc--hot .bz-svc__get li { border-color: rgba(17,17,17,.25); }
.bz-svc--hot .bz-svc__get span { color: rgba(17,17,17,.75); }
.bz-svc--hot .bz-svc__ai { background: rgba(17,17,17,.1); border-color: var(--on); color: var(--on); }
.bz-svc--hot .bz-btn--outline { border-color: var(--on); color: var(--on); }
.bz-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; }
.bz-steps::before { content: ""; position: absolute; left: 36px; right: 36px; top: 36px; height: 1px; background: linear-gradient(90deg, var(--accent), rgba(255,131,0,.15)); }
.bz-step { position: relative; display: flex; flex-direction: column; gap: 14px; }
.bz-step__dot { width: 72px; height: 72px; border-radius: 50%; background: var(--bg); border: 1.5px solid var(--accent); display: grid; place-items: center; font-size: 30px; color: var(--accent); margin-bottom: 14px; transition: background .3s, color .3s; }
.bz-step:hover .bz-step__dot { background: var(--accent); color: var(--on); }
.bz-step p { color: var(--muted); margin: 0; }
.bz-wins { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.bz-win { background: var(--surface); border: 1px solid var(--line); padding: 28px; display: flex; flex-direction: column; gap: 14px; min-height: 230px; }
.bz-stories .bz-win { background: var(--bg); }
.bz-win__res { font: 400 30px/1.05 var(--display); color: var(--ink); text-transform: uppercase; margin: 0; }
.bz-win__who { margin: auto 0 0; font-size: 14px; color: var(--text); }
.bz-win__who span { color: var(--muted); }
.bz-proof__more { margin-top: 36px; color: var(--accent); }
.bz-proof { background: var(--surface); }
.bz-proof .bz-win { background: var(--bg); }

/* Single service */
.bz-sget--alt { background: var(--surface); }
.bz-sget--alt .bz-card { background: var(--bg); }
.bz-aiband { background: var(--accent); padding: clamp(56px, 7vw, 96px) 0; }
.bz-aiband__in { display: grid; grid-template-columns: 220px 1fr; gap: 40px; align-items: start; }
.bz-aiband .bz-label { color: var(--on); padding-top: 10px; }
.bz-aiband .bz-display { color: var(--on); margin: 0; max-width: 1000px; }
.bz-pgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 20px; }
.bz-pcard { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.bz-pcard[hidden] { display: none; }
.bz-pcard__img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 8px; background: var(--bg, var(--surface)); }
.bz-pcard__img img { width: 100%; height: 100%; object-fit: contain; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.bz-combo { background: radial-gradient(circle at 70% 30%, rgba(255,131,0,.28), rgba(255,131,0,0) 60%), var(--surface); }
.bz-combo img.bz-combo__desk { position: absolute; left: 7%; top: 12%; width: 74%; height: auto; box-shadow: 0 18px 36px rgba(0,0,0,.5); }
.bz-combo img.bz-combo__mob { position: absolute; right: 7%; bottom: 8%; width: 22%; height: auto; border: 3px solid #0d0c0c; border-radius: 10px; box-shadow: 0 18px 36px rgba(0,0,0,.6); }
.bz-pcard:hover .bz-pcard__img img { transform: scale(1.06); }
.bz-pcard__line { color: var(--muted); }
.bz-pcard .bz-h4 { transition: color .2s; }
.bz-pcard:hover .bz-h4 { color: var(--accent); }

/* Portfolio */
.bz-flag { padding: 64px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.bz-flag .bz-h2 { margin: 18px 0 18px; max-width: 1100px; }
.bz-flag__sector { margin-bottom: 40px; }
.bz-flag__res { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--accent); margin-bottom: 56px; }
.bz-flag__res > div { padding: 36px 40px; }
.bz-flag__res > div + div { border-left: 1px solid rgba(17,17,17,.25); }
.bz-flag__res .bz-display { font-size: clamp(64px, 8vw, 120px); color: var(--on); margin: 0 0 6px; line-height: .86; }
.bz-flag__res .bz-label { color: var(--on); }
.bz-flag:nth-of-type(2) .bz-flag__res { background: var(--ink); }
.bz-flag__chal { font: 300 21px/1.5 var(--body); color: var(--ink); margin: 20px 0 32px; }
.bz-flag__q { margin: 0; padding-left: 20px; border-left: 3px solid var(--accent); font: 400 clamp(28px, 2.6vw, 40px)/1 var(--display); text-transform: uppercase; color: var(--ink); }
.bz-flag .bz-cs-steps { margin-top: 20px; }
.bz-flag .bz-cs-steps li { grid-template-columns: 56px 1fr; }
.bz-flag .bz-cs-steps li::before { grid-row: auto; }
.bz-flag .bz-cs-steps span { color: var(--text); }
.bz-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.bz-filter button { border: 1px solid var(--line); padding: 12px 18px; font: 500 12px/1 var(--body); letter-spacing: .12em; text-transform: uppercase; color: var(--ink); transition: background .2s, color .2s, border-color .2s; }
.bz-filter button:hover { border-color: var(--accent); }
.bz-filter button.is-on { background: var(--accent); border-color: var(--accent); color: var(--on); }
.bz-cases { padding-bottom: clamp(60px, 8vw, 120px); }
.bz-case { display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; padding: 64px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.bz-case--flip .bz-case__media { order: 2; }
.bz-case__media { position: relative; padding-bottom: 12%; }
.bz-case__main { width: 100%; height: auto; background: #fff; }
.bz-case__sub { position: absolute; right: -4%; bottom: 0; width: 44%; height: auto; border: 6px solid var(--bg); background: #fff; box-shadow: 0 24px 48px rgba(0,0,0,.5); }
.bz-case__sub.is-portrait { width: 22%; right: -2%; border-radius: 14px; }
.bz-case--flip .bz-case__sub.is-portrait { left: -2%; }
.bz-case--flip .bz-case__sub { right: auto; left: -4%; }
.bz-case__body { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.bz-case__body .bz-lead { margin: 0; }
.bz-case dl { margin: 0; border-top: 1px solid var(--line); padding-top: 20px; }
.bz-case dt { margin-bottom: 8px; }
.bz-case dd { margin: 0 0 18px; }
.bz-table { border-top: 1px solid var(--line); }
.bz-table__row { display: grid; grid-template-columns: 1.2fr 1fr 1.6fr .8fr; gap: 24px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--line); }
.bz-table__head { padding: 14px 0; }
.bz-table__c { font-weight: 500; color: var(--ink); }
.bz-table__r { font: 400 24px/1.1 var(--display); text-transform: uppercase; color: var(--text); }

/* Careers */
.bz-role { display: flex; justify-content: space-between; align-items: center; gap: 40px; background: var(--accent); color: var(--on); padding: 48px; }
.bz-role .bz-label, .bz-role .bz-display { color: var(--on) !important; }
.bz-role .bz-h3 { margin: 14px 0 14px; }
.bz-role p { max-width: 680px; margin: 0; font-size: 17px; }

/* Contact */
.bz-contact__grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 56px; align-items: start; }
.bz-contact__form { background: var(--surface); border: 1px solid var(--line); padding: clamp(28px, 4vw, 56px); }
.bz-contact__form .bz-h3 { margin: 16px 0 14px; }
.bz-form { margin-top: 28px; }
.bz-form__note { font-size: 13px; color: var(--muted); margin: 20px 0 0; }
.bz-contact__side { display: flex; flex-direction: column; gap: 16px; }
.bz-contact__card { border: 1px solid var(--line); padding: 28px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.bz-contact__big { font-size: clamp(28px, 2.8vw, 40px); line-height: 1; word-break: break-all; transition: color .2s; }
.bz-contact__big:hover { color: var(--accent); }
.bz-contact__card--hot { background: var(--accent); border-color: var(--accent); color: var(--on); }
.bz-contact__card--hot .bz-label { color: var(--on); }
.bz-contact__card ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.bz-audit { background: var(--accent); color: var(--on); }
.bz-audit .bz-display, .bz-audit .bz-label { color: var(--on); }
.bz-audit__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center; }
.bz-audit .bz-h2 { margin: 18px 0 22px; }
.bz-audit__sub { font-size: 19px; max-width: 560px; margin-bottom: 28px; }
.bz-audit__small { font-size: 13px; opacity: .75; margin: 16px 0 0; }
.bz-audit__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(17,17,17,.25); }
.bz-audit__list li { display: flex; flex-direction: column; gap: 4px; padding: 20px 0; border-bottom: 1px solid rgba(17,17,17,.25); }
.bz-audit__list b { font: 400 30px/1 var(--display); text-transform: uppercase; }

/* Contact Form 7 */
.bz-form .wpcf7 form > p, .bz-form .wpcf7 form > div > p { margin: 0 0 20px; }
.bz-form label { display: block; font: 500 12px/1.4 var(--body); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.bz-form input[type="text"], .bz-form input[type="email"], .bz-form input[type="tel"], .bz-form input[type="url"], .bz-form select, .bz-form textarea { display: block; width: 100%; margin-top: 8px; background: var(--bg); border: 1px solid var(--line); color: var(--text); font: 400 16px/1.4 var(--body); letter-spacing: 0; text-transform: none; padding: 16px 18px; border-radius: 0; transition: border-color .2s; -webkit-appearance: none; appearance: none; }
.bz-form select { background-image: linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 44px; }
.bz-form textarea { min-height: 160px; resize: vertical; }
.bz-form input:focus, .bz-form select:focus, .bz-form textarea:focus { outline: none; border-color: var(--accent); }
.bz-form .wpcf7-list-item { margin: 0; }
.bz-form .wpcf7-acceptance label, .bz-form .wpcf7-list-item label { display: flex; gap: 12px; align-items: flex-start; text-transform: none; letter-spacing: 0; font-size: 14px; color: var(--muted); }
.bz-form input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--accent); flex: none; }
.bz-form input[type="submit"], .bz-form button[type="submit"] { background: var(--accent); color: var(--on); border: 0; padding: 20px 32px; font: 700 14px/1 var(--body); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: background .2s, transform .2s; }
.bz-form input[type="submit"]:hover { background: #ff9a33; transform: translateY(-2px); }
.bz-form .wpcf7-not-valid-tip { color: #ff9a6b; font-size: 13px; margin-top: 6px; text-transform: none; letter-spacing: 0; }
.bz-form .wpcf7-response-output { margin: 20px 0 0 !important; padding: 14px 18px !important; border: 1px solid var(--accent) !important; color: var(--ink); }
.bz-form .wpcf7-spinner { background-color: var(--accent); }

/* Responsive · inner pages */
@media (max-width: 1200px) {
	.bz-cards, .bz-wins, .bz-offices { grid-template-columns: repeat(2, 1fr); }
	.bz-row { grid-template-columns: 50px 1fr 280px 24px; }
	.bz-svc { grid-template-columns: 180px 1fr; gap: 40px; }
}
@media (max-width: 960px) {
	.bz-subnav { top: 76px; }
	.bz-phero__foot { flex-direction: column; align-items: flex-start; }
	.bz-story-sec__grid, .bz-contact__grid, .bz-audit__grid, .bz-case { grid-template-columns: 1fr; gap: 40px; }
	.bz-case--flip .bz-case__media { order: 0; }
	.bz-numrow { grid-template-columns: 64px 1fr; gap: 8px 20px; }
	.bz-numrow p { grid-column: 2; }
	.bz-numrow__n { font-size: 44px; grid-row: span 2; }
	.bz-disc { grid-template-columns: 1fr 1fr; }
	.bz-logos > .bz-logos__item { flex-basis: calc((100% - 24px) / 3); }
	.bz-cards--3, .bz-pgrid { grid-template-columns: 1fr 1fr; }
	.bz-svc { grid-template-columns: 1fr; gap: 8px; padding: 56px 0; }
	.bz-svc__n { position: static; font-size: 110px; }
	.bz-svc__get { grid-template-columns: 1fr; }
	.bz-steps { grid-template-columns: 1fr 1fr; gap: 40px 24px; }
	.bz-steps::before { display: none; }
	.bz-row { grid-template-columns: 36px 1fr 22px; gap: 16px; padding: 22px 8px; }
	.bz-row__h { display: none; }
	.bz-aiband__in { grid-template-columns: 1fr; gap: 16px; }
	.bz-flag__res { grid-template-columns: 1fr; }
	.bz-flag__res > div + div { border-left: 0; border-top: 1px solid rgba(17,17,17,.25); }
	.bz-table__head { display: none; }
	.bz-table__row { grid-template-columns: 1fr; gap: 6px; }
	.bz-role { flex-direction: column; align-items: flex-start; padding: 32px; }
	.bz-svc__ai { flex-direction: column; gap: 8px; }
}
@media (max-width: 560px) {
	.bz-cards, .bz-cards--3, .bz-wins, .bz-offices, .bz-pgrid, .bz-steps { grid-template-columns: 1fr; }
	.bz-disc { grid-template-columns: 1fr; }
	.bz-card { min-height: 0; }
	.bz-phero__sub, .bz-svc__intro, .bz-flag__chal { font-size: 18px; }
	.bz-crumb { margin-bottom: 28px; }
	.bz-case__sub { width: 50%; border-width: 4px; }
	.bz-flag__res > div { padding: 28px; }
	.bz-role .bz-btn { white-space: normal; word-break: break-all; }
}
@media (prefers-reduced-motion: reduce) { .bz-phero__glow { animation: none !important; } }

/* ===================== Elementor inner pages (brand defaults) =====================
   Beats Elementor's global kit typography (.elementor-kit-N h2) but loses to styling
   set on an individual widget inside Elementor. */
[id="bz-main"] .elementor-widget-text-editor :is(h1, h2, h3, h4, h5, h6),
[id="bz-main"] .elementor-widget-theme-post-content :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--display); font-weight: 400; color: var(--ink);
	text-transform: uppercase; line-height: .95; letter-spacing: .01em; margin: .9em 0 .35em;
}
[id="bz-main"] .elementor-widget-text-editor h1 { font-size: clamp(44px, 6vw, 84px); }
[id="bz-main"] .elementor-widget-text-editor h2 { font-size: clamp(36px, 4.4vw, 56px); }
[id="bz-main"] .elementor-widget-text-editor h3 { font-size: clamp(28px, 3vw, 38px); }
[id="bz-main"] .elementor-widget-text-editor :is(h4, h5, h6) { font-size: 24px; }
[id="bz-main"] .elementor-widget-text-editor a { color: var(--accent); }
[id="bz-main"] .elementor-widget-text-editor p { line-height: 1.7; }

/* Mobile quick-contact bar: never clip the buttons on narrow phones */
.bz-mbar { max-width: 100vw; overflow: hidden; }
.bz-mbar .bz-btn { min-width: 0; white-space: nowrap; }
@media (max-width: 400px) {
	.bz-mbar { gap: 8px; padding-left: 12px; padding-right: 12px; }
	.bz-mbar .bz-btn { font-size: 11px; letter-spacing: .06em; padding: 14px 10px; gap: 6px; }
	.bz-mbar .bz-btn:not(.bz-btn--outline) svg { display: none; }
}

/* Google reviews */
.bz-reviews__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 56px; }
.bz-reviews__head .bz-label { margin-bottom: 22px; }
.bz-reviews__score { display: flex; align-items: center; gap: 20px; border: 1px solid var(--line); padding: 20px 28px; transition: border-color .25s, background .25s; }
.bz-reviews__score:hover { border-color: var(--accent); background: var(--surface); }
.bz-reviews__num { font-size: 96px; color: var(--accent); line-height: .8; }
.bz-reviews__meta { display: flex; flex-direction: column; gap: 10px; }
.bz-reviews__stars { display: inline-flex; gap: 2px; color: var(--accent); }
.bz-reviews__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.bz-review { margin: 0; background: var(--surface); border: 1px solid var(--line); padding: 32px; display: flex; flex-direction: column; gap: 20px; transition: border-color .3s, transform .3s; }
.bz-review:hover { border-color: var(--accent); transform: translateY(-4px); }
.bz-review blockquote { margin: 0; font: 300 17px/1.6 var(--body); color: var(--text); }
.bz-review--big { grid-column: span 2; grid-row: span 2; background: var(--accent); border-color: var(--accent); justify-content: space-between; }
.bz-review--big blockquote { font: 400 clamp(28px, 2.8vw, 42px)/1.05 var(--display); text-transform: uppercase; color: var(--on); }
.bz-review--big .bz-reviews__stars, .bz-review--big b, .bz-review--big .bz-label { color: var(--on) !important; }
.bz-review--big .bz-review__av { background: var(--on); color: var(--accent); }
.bz-review figcaption { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.bz-review figcaption > span:last-child { display: flex; flex-direction: column; gap: 4px; }
.bz-review b { font-weight: 500; color: var(--ink); }
.bz-review__av { width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: var(--on); display: grid; place-items: center; font-size: 22px; flex: none; }
.bz-flag__btn { margin-top: 32px; }
@media (max-width: 960px) {
	.bz-reviews__head { flex-direction: column; align-items: flex-start; }
	.bz-reviews__grid { grid-template-columns: minmax(0, 1fr); }
	.bz-review--big { grid-column: auto; grid-row: auto; }
	.bz-reviews__num { font-size: 72px; }
}
@media (max-width: 960px) { .bz-cs-next { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) {
	.bz-cs-next__card, .bz-cs-next__cta { padding: 28px; }
	.bz-cs-next .bz-btn { white-space: normal; }
	.bz-cs-meta { gap: 18px 32px; }
}

/* Team illustration (About) */
.bz-teamart { padding-top: 0; }
.bz-teamart__frame { border: 1px solid var(--line); overflow: hidden; background: var(--bg); }
.bz-teamart__frame svg { display: block; width: 100%; height: auto; }
/* Logged-in admins: keep the sticky header below the WordPress admin bar */
body.admin-bar:not(.home) .bz-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar:not(.home) .bz-header { top: 46px; } .admin-bar .bz-subnav { top: 122px; } }

/* Wordmark tile (clients without a logo file) */
.bz-logos__item--word span { font-size: clamp(22px, 2.1vw, 32px); line-height: 1; text-align: center; color: var(--ink); opacity: .85; transition: color .3s, opacity .3s, transform .4s cubic-bezier(.2,.8,.2,1); }
.bz-logos__item--word:hover span { color: var(--accent); opacity: 1; transform: scale(1.06); }

/* Typographic project tile (results-led, no image) */
.bz-typo { flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 8% 8%; background: radial-gradient(circle at 85% 15%, rgba(255,131,0,.35), rgba(255,131,0,0) 55%), var(--surface); border: 1px solid var(--line); }
.bz-typo__brand { font-size: clamp(26px, 2.6vw, 40px); color: var(--ink); }
.bz-typo__stat { font-size: clamp(84px, 9vw, 150px); color: var(--accent); line-height: .82; margin-top: auto; }
.bz-typo__lbl { color: var(--ink); margin-top: 10px; }
.bz-pcard:hover .bz-typo__stat { transform: translateX(6px); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.bz-pgrid > .bz-pcard:not(.bz-pcard--half):last-child:nth-child(3n+1) { grid-column: 1 / -1; }
.bz-pgrid > .bz-pcard:not(.bz-pcard--half):last-child:nth-child(3n+1) .bz-pcard__img { aspect-ratio: 3 / 1; }
.bz-case__media .bz-typo { aspect-ratio: 16 / 10; }
@media (max-width: 560px) { .bz-pgrid > .bz-pcard:not(.bz-pcard--half):last-child:nth-child(3n+1) .bz-pcard__img { aspect-ratio: 4 / 3; } }

/* Portfolio grid: 6-column base so the last two cards can share a row */
.bz-pgrid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.bz-pgrid > .bz-pcard { grid-column: span 2; }
.bz-pgrid > .bz-pcard--half { grid-column: span 3; }
.bz-pgrid > .bz-pcard--half .bz-pcard__img { aspect-ratio: 16 / 9; }
.bz-pgrid > .bz-pcard:not(.bz-pcard--half):last-child:nth-child(3n+1) { grid-column: span 2; }
.bz-pgrid > .bz-pcard:not(.bz-pcard--half):last-child:nth-child(3n+1) .bz-pcard__img { aspect-ratio: 4 / 3; }
.bz-pgrid > .bz-pcard--half:last-child .bz-pcard__img { aspect-ratio: 16 / 9; }
.bz-pgrid > .bz-pcard--half:last-child { grid-column: span 3; }
@media (max-width: 960px) {
	.bz-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bz-pgrid > .bz-pcard, .bz-pgrid > .bz-pcard--half, .bz-pgrid > .bz-pcard--half:last-child { grid-column: span 1; }
}
@media (max-width: 560px) { .bz-pgrid { grid-template-columns: minmax(0, 1fr); } }

/* Video testimonial */
.bz-video { position: relative; background: #000; border: 1px solid var(--line); }
.bz-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; }
.bz-video__tag { position: absolute; left: 16px; top: 16px; background: rgba(21,20,20,.85); color: var(--ink); padding: 8px 12px; pointer-events: none; }
.bz-vcase__grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 56px; align-items: center; }
.bz-vcase__side { display: flex; flex-direction: column; gap: 20px; }
.bz-vcase__side .bz-h3 { margin: 0; }
.bz-transcript { display: grid; grid-template-columns: 1fr 1.5fr; gap: 72px; }
.bz-transcript .bz-h2 { margin: 18px 0 18px; }
.bz-transcript__text p { font: 300 21px/1.6 var(--body); color: var(--ink); margin: 0 0 22px; padding-left: 20px; border-left: 2px solid var(--line); }
.bz-transcript__text p:first-child { border-color: var(--accent); }
.bz-transcript__text .bz-transcript__sig { border: 0; padding: 0; font-size: 15px; color: var(--muted); }
.bz-vspot { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; background: var(--surface); border: 1px solid var(--line); margin-bottom: 16px; transition: border-color .3s; }
.bz-vspot:hover { border-color: var(--accent); }
.bz-vspot__media { position: relative; display: block; overflow: hidden; }
.bz-vspot__media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.bz-vspot:hover .bz-vspot__media img { transform: scale(1.04); }
.bz-vspot__play { position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: var(--accent); color: var(--on); display: grid; place-items: center; box-shadow: 0 0 0 0 rgba(255,131,0,.6); animation: bz-ping 2.2s ease-out infinite; }
@keyframes bz-ping { 0% { box-shadow: 0 0 0 0 rgba(255,131,0,.55); } 100% { box-shadow: 0 0 0 26px rgba(255,131,0,0); } }
.bz-vspot__body { display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: clamp(28px, 4vw, 56px); }
.bz-vspot__body .bz-h3 { margin: 0; font-size: clamp(30px, 3vw, 46px); }
.bz-vspot__who { color: var(--muted); font-size: 15px; }
.bz-vspot__who b { color: var(--ink); font-weight: 500; }
.bz-vspot .bz-link { color: var(--accent); align-self: flex-start; }
@media (max-width: 960px) {
	.bz-vcase__grid, .bz-transcript, .bz-vspot { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.bz-vspot { gap: 0; }
}
@media (prefers-reduced-motion: reduce) { .bz-vspot__play { animation: none; } }

/* ===== Team grid (1.4.1) — halftone → duotone ===== */
.bz-team { list-style: none; margin: 0 0 clamp(28px, 4vw, 48px); padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(12px, 1.4vw, 20px); }
.bz-tm { position: relative; border: 1px solid var(--line); background: var(--bg); cursor: pointer; outline: none; transition: border-color .3s ease, transform .4s cubic-bezier(.2,.7,.2,1); }
.bz-tm:hover, .bz-tm:focus-visible, .bz-tm.is-on { border-color: var(--accent); }
.bz-tm__media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: var(--bg); isolation: isolate; }
.bz-tm__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: lighten; }
.bz-tm__name-bg { position: absolute; left: -2%; bottom: -6%; z-index: 0; font-size: clamp(80px, 7.5vw, 124px); line-height: .8; color: transparent; -webkit-text-stroke: 1.5px #2e2a2a; white-space: nowrap; pointer-events: none; transition: transform .8s cubic-bezier(.2,.7,.2,1), -webkit-text-stroke-color .4s; }
.bz-tm__dots { z-index: 1; mix-blend-mode: normal !important; transform: scale(1.02); transition: transform 1s cubic-bezier(.2,.7,.2,1), opacity .5s ease; }
.bz-tm__duo { z-index: 2; clip-path: circle(0% at 50% 38%); transition: clip-path .75s cubic-bezier(.65,0,.25,1); }
.bz-tm:hover .bz-tm__duo, .bz-tm:focus-visible .bz-tm__duo, .bz-tm.is-on .bz-tm__duo { clip-path: circle(76% at 50% 38%); }
.bz-tm:hover .bz-tm__dots, .bz-tm:focus-visible .bz-tm__dots, .bz-tm.is-on .bz-tm__dots { transform: scale(1.1); opacity: .2; }
.bz-tm:hover .bz-tm__name-bg, .bz-tm:focus-visible .bz-tm__name-bg, .bz-tm.is-on .bz-tm__name-bg { transform: translateX(-6%); -webkit-text-stroke-color: #5a3a1a; }
.bz-tm__no { position: absolute; top: 14px; left: 16px; z-index: 3; color: var(--ink); }
.bz-tm__no::after { content: " · Hover to meet"; color: var(--muted); }
@media (hover: none) { .bz-tm__no::after { content: " · Tap to meet"; } }
.bz-tm.is-on .bz-tm__no::after, .bz-tm:hover .bz-tm__no::after { content: ""; }
.bz-tm__body { padding: 16px 18px 20px; border-top: 1px solid var(--line); }
.bz-tm__name { font-size: clamp(24px, 1.8vw, 30px); margin: 0 0 8px; }
.bz-tm__body .bz-label { margin: 0; }
.bz-tm__tag { margin: 8px 0 0; font-size: 14px; }
.bz-team__more { margin: 0 0 clamp(28px, 4vw, 48px); color: var(--muted); }
@media (max-width: 860px) {
	.bz-team { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: none; }
	.bz-team::-webkit-scrollbar { display: none; }
	.bz-tm { scroll-snap-align: start; }
	.bz-tm__name-bg { font-size: 34vw; }
}
@media (prefers-reduced-motion: reduce) { .bz-tm__duo { transition: none; } }

/* ===== Client Diaries cards (1.5.0) ===== */
.bz-diaries { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.bz-diary { display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); transition: border-color .3s, transform .4s cubic-bezier(.2,.7,.2,1); }
.bz-diary:hover, .bz-diary:focus-visible { border-color: var(--accent); transform: translateY(-4px); }
.bz-diary__media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #000; }
.bz-diary__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.8,.2,1), filter .5s; filter: saturate(.85); }
.bz-diary:hover .bz-diary__media img { transform: scale(1.05); filter: saturate(1); }
.bz-diary__play { position: absolute; left: 16px; bottom: 16px; width: 48px; height: 48px; border-radius: 50%; background: var(--accent); color: var(--on); display: grid; place-items: center; transition: transform .3s; }
.bz-diary:hover .bz-diary__play { transform: scale(1.12); }
.bz-diary__len { position: absolute; right: 12px; bottom: 16px; background: rgba(21,20,20,.85); color: var(--ink); padding: 6px 10px; }
.bz-diary__body { display: flex; flex-direction: column; gap: 12px; padding: 20px 22px 24px; flex: 1; }
.bz-diary__q { font: 300 18px/1.45 var(--body); color: var(--ink); flex: 1; }
.bz-diary__who { font-size: 14px; color: var(--muted); }
.bz-diary__who b { color: var(--ink); font-weight: 500; }
.bz-reviews .bz-diaries { margin-bottom: 16px; }
.bz-diaries-more { padding-top: 0; }

/* Team grid compact + crew tile (1.5.1) */
.bz-tm--more { cursor: default; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; padding: 24px 22px; border-style: dashed; background: radial-gradient(120% 80% at 100% 0%, rgba(255,131,0,.14), transparent 60%), var(--bg); }
.bz-tm--more:hover { border-color: var(--accent); }
.bz-tm__plus { font-size: clamp(90px, 8vw, 130px); line-height: .8; color: var(--accent); margin-bottom: auto; }
.bz-tm--more .bz-tm__name { margin: 0; }
.bz-tm--more p { margin: 0; font-size: 15px; }
.bz-tm__no { font-size: 11px; }
@media (min-width: 861px) and (max-width: 1180px) { .bz-team { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3.3); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: none; } .bz-team::-webkit-scrollbar { display: none; } .bz-tm { scroll-snap-align: start; } }
@media (max-width: 860px) { .bz-team { grid-auto-columns: 72%; } .bz-tm__name-bg { font-size: 30vw; } }

/* Anchor targets clear the sticky header (1.5.2) */
#form, [id^="case-"], #client-diaries, #team, #video, #transcript { scroll-margin-top: 110px; }

/* ===== Gallery card + creative collage (1.5.3 · Hiba's Collection) ===== */
.bz-gcard { position: relative; display: flex; align-items: center; justify-content: center; gap: 4%; padding: 5% 6%; background: radial-gradient(120% 90% at 20% 0%, #ef2f86 0%, #c2105f 55%, #8d0b47 100%); overflow: hidden; }
.bz-gcard img { height: 100%; width: auto; max-width: 46%; object-fit: contain; box-shadow: 0 18px 40px rgba(0,0,0,.35); transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.bz-gcard img:first-child { transform: rotate(-4deg) translateY(2%); }
.bz-gcard img:nth-child(2) { transform: rotate(3deg) translateY(-2%); }
.bz-pcard:hover .bz-gcard img:first-child { transform: rotate(-6deg) translate(-4%, 0); }
.bz-pcard:hover .bz-gcard img:nth-child(2) { transform: rotate(5deg) translate(4%, -3%); }
.bz-gcard__stat { position: absolute; right: 14px; bottom: 14px; display: flex; flex-direction: column; align-items: flex-end; background: var(--bg); color: var(--ink); padding: 10px 14px 9px; border: 1px solid rgba(255,255,255,.12); }
.bz-gcard__stat b { font-size: 36px; line-height: .85; color: var(--accent); }
.bz-gcard__stat .bz-label { font-size: 10px; margin-top: 4px; }
.bz-collage { display: grid; grid-template-columns: 1.41fr 1fr 1fr; gap: 10px; padding: 10px; background: radial-gradient(120% 90% at 10% 0%, #ef2f86 0%, #c2105f 55%, #8d0b47 100%); }
.bz-collage__item { margin: 0; overflow: hidden; background: rgba(0,0,0,.12); }
.bz-collage__item img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.bz-collage__item:hover img { transform: scale(1.03); }
.bz-collage__item--0 { grid-row: span 2; }
.bz-case__media .bz-collage + .bz-case__sub { display: none; }

/* ===== FAQ + At a glance (1.6.0 · AEO) ===== */
.bz-faq__grid, .bz-glance__grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: clamp(32px, 6vw, 96px); align-items: start; }
.bz-faq__grid .bz-h2, .bz-glance__grid .bz-h2 { margin: 16px 0 20px; }
.bz-faq__list { border-top: 1px solid var(--line); }
.bz-faq__item { border-bottom: 1px solid var(--line); }
.bz-faq__item summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; cursor: pointer; }
.bz-faq__item summary::-webkit-details-marker { display: none; }
.bz-faq__q { margin: 0; font: 500 clamp(18px, 1.6vw, 22px)/1.35 var(--body); color: var(--ink); transition: color .2s; }
.bz-faq__item summary:hover .bz-faq__q, .bz-faq__item[open] .bz-faq__q { color: var(--accent); }
.bz-faq__icon { flex: 0 0 auto; position: relative; width: 22px; height: 22px; }
.bz-faq__icon::before, .bz-faq__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; background: var(--accent); transition: transform .3s ease; }
.bz-faq__icon::after { transform: rotate(90deg); }
.bz-faq__item[open] .bz-faq__icon::after { transform: rotate(0deg); }
.bz-faq__a { padding: 0 48px 26px 0; }
.bz-faq__a p { margin: 0; color: var(--text); font-size: 17px; line-height: 1.7; max-width: 64ch; }
.bz-glance__list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.bz-glance__list > div { padding: 18px 20px 18px 0; border-bottom: 1px solid var(--line); }
.bz-glance__list dt { margin-bottom: 6px; color: var(--muted); }
.bz-glance__list dd { margin: 0; color: var(--ink); font-size: 17px; }
@media (max-width: 860px) {
	.bz-faq__grid, .bz-glance__grid { grid-template-columns: minmax(0, 1fr); }
	.bz-glance__list { grid-template-columns: minmax(0, 1fr); }
	.bz-faq__a { padding-right: 0; }
}