:root {
  --bmp-bg: #080808;
  --bmp-surface: #0f0b0a;
  --bmp-ink: #fcfbfa;
  --bmp-muted: #a39d95;
  --bmp-line: #2b2927;
  --bmp-accent: #8f2d2d;
  --bmp-heading: "Sora", Arial, sans-serif;
  --bmp-body: "Sora", Arial, sans-serif;
  --bmp-mono: "IBM Plex Mono", monospace;
}

/* Global navigation, footer and privacy-safe media controls. */
.bm-site-header-edit{position:fixed;z-index:9990;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:12px clamp(18px,4vw,64px);color:var(--bmp-ink);background:linear-gradient(180deg,rgba(8,8,8,.9),rgba(8,8,8,0));font-family:var(--bmp-body);pointer-events:none}.bm-site-header-edit>*{pointer-events:auto}.bm-site-wordmark-edit{color:var(--bmp-ink);font-size:17px;font-weight:800;letter-spacing:-.04em;text-decoration:none}.bm-site-wordmark-edit span{color:var(--bmp-muted)}.bm-menu-button-edit{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(252,251,250,.25);border-radius:999px;color:var(--bmp-ink);background:rgba(8,8,8,.78);font:700 10px/1 var(--bmp-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.bm-menu-button-edit i{display:block;width:14px;height:1px;margin-left:-23px;background:currentColor;transition:transform .25s}.bm-menu-button-edit i:last-child{transform:translateY(4px)}.bm-menu-button-edit span{margin-right:22px}.bm-site-header-edit.is-open .bm-menu-button-edit i{transform:rotate(45deg)}.bm-site-header-edit.is-open .bm-menu-button-edit i:last-child{transform:rotate(-45deg)}.bm-site-menu-edit{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(12px,2vh,26px);padding:100px clamp(28px,10vw,180px);visibility:hidden;opacity:0;background:rgba(8,8,8,.98);transition:opacity .25s,visibility .25s}.bm-site-header-edit.is-open .bm-site-menu-edit{visibility:visible;opacity:1}.bm-site-menu-edit a{color:var(--bmp-ink);font-size:clamp(34px,6vw,88px);font-weight:800;line-height:.95;letter-spacing:-.055em;text-decoration:none}.bm-site-menu-edit a:hover,.bm-site-menu-edit a:focus-visible,.bm-site-menu-edit .bm-site-menu-cta-edit{color:#c44}body.bm-menu-open-edit{overflow:hidden}body:has(.bm-site-header-edit):not(.bm-project-document-edit){padding-top:74px}
.bm-site-footer-edit{width:100%;padding:0;border-top:1px solid var(--bmp-line);color:var(--bmp-muted);background:var(--bmp-bg);font-family:var(--bmp-body)}.bm-site-footer-inner-edit{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:40px;width:min(calc(100% - clamp(36px,7vw,224px)),1600px);margin:0 auto;padding:clamp(38px,5vw,68px) 0}.bm-site-footer-edit strong{color:var(--bmp-ink)}.bm-site-footer-edit p{margin:8px 0 0;font-size:13px;line-height:1.6}.bm-site-footer-brand-edit p a{font:inherit;letter-spacing:inherit;text-decoration:underline;text-decoration-color:rgba(252,251,250,.25);text-transform:none;text-underline-offset:3px}.bm-site-footer-edit nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:12px 22px}.bm-site-footer-edit a,.bm-site-footer-edit button{padding:0;border:0;color:var(--bmp-muted);background:none;font:700 10px/1.4 var(--bmp-mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;cursor:pointer}.bm-site-footer-edit a:hover,.bm-site-footer-edit button:hover{color:var(--bmp-ink)}
.bm-site-wordmark-edit:focus-visible,.bm-menu-button-edit:focus-visible,.bm-site-menu-edit a:focus-visible,.bm-project-brand-edit:focus-visible,.bm-project-back-edit:focus-visible{outline:2px solid var(--bmp-ink);outline-offset:4px}.bm-form-privacy-edit summary:focus-visible{outline:2px solid var(--bmp-ink);outline-offset:3px}
.bm-portfolio-filter-edit{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.bm-portfolio-filter-edit button{padding:10px 14px;border:1px solid var(--bmp-line);border-radius:999px;color:var(--bmp-muted);background:transparent;font:700 10px/1 var(--bmp-mono);letter-spacing:.06em;cursor:pointer}.bm-portfolio-filter-edit button.is-active,.bm-portfolio-filter-edit button:hover{color:var(--bmp-bg);background:var(--bmp-ink)}.bm-portfolio-card-edit[hidden]{display:none!important}
.bm-video-consent-edit{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;text-align:center;background:linear-gradient(135deg,rgba(143,45,45,.18),transparent),var(--bmp-surface)}.bm-video-consent-edit p{margin:0;color:var(--bmp-muted)}.bm-video-consent-edit button{padding:13px 20px;border:1px solid var(--bmp-ink);border-radius:999px;color:var(--bmp-bg);background:var(--bmp-ink);font-weight:700;cursor:pointer}.bm-form-privacy-edit{margin:24px 0;border:1px solid rgba(252,251,250,.2);color:var(--bmp-ink);background:#0b0b0b}.bm-form-privacy-edit summary{padding:16px 18px;font-weight:700;cursor:pointer}.bm-form-privacy-edit div{max-height:190px;overflow:auto;padding:0 18px 18px;color:var(--bmp-muted);font-size:13px;line-height:1.6;scrollbar-color:var(--bmp-muted) transparent}.bm-form-privacy-edit a{color:var(--bmp-ink)}.bm-hero-media-edit .cmplz-placeholder-1,.bm-hero-media-edit .cmplz-blocked-content-container{display:none!important}
.bm-hero-video-consent-edit{z-index:1;background:linear-gradient(135deg,rgba(143,45,45,.22),transparent 50%),#0f0b0a}.bm-hero-video-consent-edit p,.bm-hero-video-consent-edit button{position:relative;z-index:3}.bm-hero-shade-edit{pointer-events:none}.bm-privacy-cookies-edit{margin-top:clamp(56px,8vw,100px);padding-top:clamp(36px,5vw,64px);border-top:1px solid var(--bmp-line)}
@media(max-width:760px){.bm-site-footer-inner-edit{display:block;width:calc(100% - 36px);padding:38px 0}.bm-site-footer-edit nav{justify-content:flex-start;margin-top:28px}}
body:has(.bm-site-footer-edit) .bm-soon-v2__footer,body:has(.bm-site-footer-edit) .bm-legal-edit,body:has(.bm-site-footer-edit) .bm-project-footer-edit,body:has(.bm-site-footer-edit) .site-footer,body:has(.bm-site-footer-edit) footer#colophon{display:none!important}

/* SureForms positions its instant-form card absolutely. Once the global BARDAK
 * footer is added, a tall form can otherwise extend underneath that footer and
 * make the consent checkbox impossible to click. Keep the card in normal flow
 * so the footer always starts after the complete form. */
body.single-sureforms_form .srfm-single-page-container.has-form-title{height:auto!important;min-height:100vh!important}
body.single-sureforms_form .srfm-form-wrapper{display:block!important;height:auto!important;min-height:0!important;padding:0 13px!important}
body.single-sureforms_form .srfm-form-container{position:relative!important;inset:auto!important;width:min(820px,calc(100% - 26px))!important;margin:clamp(32px,7vw,110px) auto clamp(64px,8vw,120px)!important}
@media(max-width:760px){body.single-sureforms_form .srfm-form-container{width:calc(100% - 24px)!important;margin:24px auto 64px!important;padding:clamp(20px,6vw,34px)!important}}
.bm-site-wordmark-edit img{display:block;width:auto;height:52px;object-fit:contain;filter:invert(1)}
body .bm-hero-logo-edit img,body:has(.bm-soon-v2) .bm-soon-v2__logo img{filter:brightness(0) invert(1)!important}.bm-soon-v2__logo{aspect-ratio:534/416!important}.bm-soon-v2__logo img{width:100%!important;height:100%!important;object-fit:contain!important}.bm-site-footer-edit+#cmplz-manage-consent,#cmplz-manage-consent .cmplz-manage-consent{display:none!important}
.bm-video-consent-edit>.bm-portfolio-placeholder-edit{opacity:.68}.bm-video-consent-edit>p,.bm-video-consent-edit>button{position:relative;z-index:2}.bm-project-video-inline-edit{margin-top:24px}.bm-project-rich-edit .bm-project-video-edit{width:100%}
.bm-project-archive-edit .bm-portfolio-card-edit:first-child{grid-column:auto}.bm-project-archive-edit .bm-portfolio-card-edit:first-child .bm-portfolio-media-edit{aspect-ratio:16/9}.bm-project-archive-edit .bm-portfolio-copy-edit{min-height:220px;padding:clamp(22px,2.5vw,38px)}.bm-project-archive-edit .bm-portfolio-copy-edit h3{font-size:clamp(26px,3vw,46px)!important}.bm-project-archive-edit .bm-portfolio-meta-edit{margin-bottom:30px}

html:has(body.bm-project-document-edit),
body.bm-project-document-edit {
  min-height: 100%;
  margin: 0 !important;
  background: var(--bmp-bg) !important;
}

body.bm-project-document-edit {
  overflow-x: hidden;
}

.bm-portfolio-host-edit {
  width: min(calc(100% - clamp(36px, 7vw, 224px)), 1600px) !important;
  max-width: 1600px !important;
  margin: clamp(42px, 6vw, 86px) auto 0 !important;
}

.bm-portfolio-grid-edit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: var(--bmp-line);
  border-top: 1px solid var(--bmp-line);
  border-bottom: 1px solid var(--bmp-line);
}

.bm-portfolio-card-edit {
  position: relative;
  min-width: 0;
  background: var(--bmp-bg);
}

.bm-portfolio-card-edit:first-child,
.bm-portfolio-card-edit.is-featured-visible {
  grid-column: 1 / -1;
}

.bm-portfolio-card-edit > a {
  display: grid;
  height: 100%;
  color: var(--bmp-ink);
  text-decoration: none;
  background: var(--bmp-bg);
}

.bm-portfolio-media-edit {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
  background: var(--bmp-surface);
}

.bm-portfolio-card-edit:first-child .bm-portfolio-media-edit,
.bm-portfolio-card-edit.is-featured-visible .bm-portfolio-media-edit {
  aspect-ratio: 21 / 9;
}

.bm-portfolio-media-edit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.78) contrast(1.04);
  transition: transform 550ms cubic-bezier(.2,.8,.2,1), filter 550ms ease;
}

.bm-portfolio-card-edit:hover .bm-portfolio-media-edit img,
.bm-portfolio-card-edit:focus-within .bm-portfolio-media-edit img {
  transform: scale(1.018);
  filter: saturate(1) contrast(1.04);
}

.bm-portfolio-placeholder-edit {
  position: absolute;
  inset: 0;
  display: grid;
  align-items: end;
  padding: clamp(22px, 4vw, 64px);
  overflow: hidden;
  color: rgba(252,251,250,.16);
  background:
    linear-gradient(135deg, rgba(143,45,45,.28), transparent 34%),
    radial-gradient(circle at 72% 28%, rgba(252,251,250,.09), transparent 34%),
    var(--bmp-surface);
}

.bm-portfolio-placeholder-edit span {
  position: relative;
  z-index: 1;
  font-family: var(--bmp-heading);
  font-size: clamp(48px, 10vw, 180px);
  font-weight: 800;
  line-height: .78;
  letter-spacing: -.07em;
}

.bm-portfolio-placeholder-edit i {
  position: absolute;
  top: -30%;
  right: 18%;
  width: 1px;
  height: 170%;
  background: var(--bmp-accent);
  transform: rotate(-9deg);
}

.bm-portfolio-copy-edit {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 270px;
  padding: clamp(24px, 3vw, 48px);
  border-top: 1px solid var(--bmp-line);
}

.bm-portfolio-meta-edit {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(32px, 5vw, 72px);
  color: var(--bmp-muted);
  font-family: var(--bmp-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bm-portfolio-copy-edit h3 {
  max-width: 16ch;
  margin: 0 0 14px !important;
  color: var(--bmp-ink) !important;
  font-family: var(--bmp-heading);
  font-size: clamp(30px, 4.2vw, 74px) !important;
  font-weight: 800;
  line-height: .98 !important;
  letter-spacing: -.045em;
}

.bm-portfolio-copy-edit p {
  max-width: 62ch;
  margin: 0 0 30px !important;
  color: var(--bmp-muted) !important;
  font-family: var(--bmp-body);
  font-size: clamp(15px, 1.2vw, 18px) !important;
  line-height: 1.55 !important;
}

.bm-portfolio-link-edit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-self: start;
  margin-top: auto;
  color: var(--bmp-ink);
  font-family: var(--bmp-body);
  font-weight: 700;
}

.bm-portfolio-link-edit b {
  color: var(--bmp-accent);
  transition: transform 220ms ease;
}

.bm-portfolio-card-edit:hover .bm-portfolio-link-edit b,
.bm-portfolio-card-edit:focus-within .bm-portfolio-link-edit b {
  transform: translate(3px, -3px);
}

.bm-portfolio-draft-edit {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 7px 10px;
  color: var(--bmp-ink);
  font-family: var(--bmp-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: var(--bmp-accent);
}

.bm-portfolio-empty-edit {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  min-height: 240px;
  align-content: center;
  padding: clamp(28px, 5vw, 72px);
  color: var(--bmp-muted);
  background:
    linear-gradient(105deg, rgba(143,45,45,.16), transparent 34%),
    var(--bmp-surface);
}

.bm-portfolio-empty-edit strong {
  max-width: 18ch;
  color: var(--bmp-ink);
  font-family: var(--bmp-heading);
  font-size: clamp(28px, 4vw, 58px);
  line-height: 1.02;
}

.bm-project-page-edit,
.bm-project-archive-edit {
  min-height: 100vh;
  color: var(--bmp-ink);
  font-family: var(--bmp-body);
  background: var(--bmp-bg);
}

.bm-project-translation-note-edit{max-width:70ch;margin:24px 0 0;padding:14px 16px;border-left:2px solid var(--bmp-accent);color:var(--bmp-muted);background:rgba(143,45,45,.1);font:600 12px/1.55 var(--bmp-mono)}

.bm-project-shell-edit {
  width: min(calc(100% - clamp(36px, 7vw, 224px)), 1600px);
  margin-inline: auto;
}

.bm-project-topbar-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 92px;
  border-bottom: 1px solid var(--bmp-line);
}

.bm-project-brand-edit,
.bm-project-back-edit {
  color: var(--bmp-ink);
  font-family: var(--bmp-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.bm-project-brand-edit {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.bm-project-brand-edit img {
  width: auto;
  height: clamp(54px, 5vw, 72px);
  object-fit: contain;
  filter: invert(1);
}

.bm-project-hero-edit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
  gap: clamp(48px, 8vw, 128px);
  align-items: end;
  min-height: min(820px, calc(100svh - 92px));
  padding-block: clamp(72px, 10vw, 150px);
}

.bm-project-eyebrow-edit,
.bm-project-meta-edit {
  color: var(--bmp-muted);
  font-family: var(--bmp-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bm-project-title-edit {
  max-width: 13ch;
  margin: 18px 0 24px;
  color: var(--bmp-ink);
  font-family: var(--bmp-heading);
  font-size: clamp(52px, 8vw, 126px);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -.06em;
}

.bm-project-summary-edit {
  max-width: 62ch;
  margin: 0;
  color: var(--bmp-muted);
  font-size: clamp(17px, 1.4vw, 22px);
  line-height: 1.55;
}

.bm-project-poster-edit {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  margin: 0;
  background: var(--bmp-surface);
}

.bm-project-poster-edit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bm-project-video-edit {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--bmp-surface);
  border-block: 1px solid var(--bmp-line);
}

.bm-project-video-edit iframe,
.bm-project-video-edit video,
.bm-project-video-edit .wp-video,
.bm-project-video-edit .mejs-container {
  width: 100% !important;
  height: 100% !important;
}

.bm-project-story-edit {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  margin-block: clamp(80px, 10vw, 156px);
  background: var(--bmp-line);
  border: 1px solid var(--bmp-line);
}

.bm-project-story-block-edit {
  grid-column: span 6;
  min-height: 320px;
  padding: clamp(28px, 4vw, 62px);
  background: var(--bmp-bg);
}

.bm-project-story-block-edit:nth-child(3) {
  grid-column: span 8;
}

.bm-project-story-block-edit:nth-child(4) {
  grid-column: span 4;
  background: var(--bmp-surface);
}

.bm-project-story-block-edit h2 {
  max-width: 12ch;
  margin: 0 0 34px;
  color: var(--bmp-ink);
  font-family: var(--bmp-heading);
  font-size: clamp(28px, 4vw, 58px);
  line-height: 1;
}

.bm-project-story-block-edit p,
.bm-project-story-block-edit .bm-project-rich-edit {
  max-width: 66ch;
  color: var(--bmp-muted);
  line-height: 1.65;
  white-space: pre-line;
}

.bm-project-cta-edit {
  display: grid;
  gap: 28px;
  justify-items: start;
  padding-block: clamp(90px, 12vw, 180px);
  border-top: 1px solid var(--bmp-line);
}

.bm-project-cta-edit h2 {
  max-width: 15ch;
  margin: 0;
  color: var(--bmp-ink);
  font-family: var(--bmp-heading);
  font-size: clamp(42px, 7vw, 104px);
  line-height: .96;
}

.bm-project-button-edit {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  padding: 14px 26px;
  color: var(--bmp-bg);
  font-weight: 800;
  text-decoration: none;
  background: var(--bmp-ink);
  border-radius: 999px;
}

.bm-project-footer-edit {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-block: 32px;
  color: var(--bmp-muted);
  font-family: var(--bmp-mono);
  font-size: 10px;
  border-top: 1px solid var(--bmp-line);
}

.bm-project-archive-edit {
  padding-bottom: 120px;
}

.bm-project-archive-header-edit {
  padding-block: clamp(88px, 12vw, 180px) clamp(52px, 7vw, 96px);
}

.bm-project-archive-header-edit h1 {
  max-width: 12ch;
  margin: 0;
  color: var(--bmp-ink);
  font-family: var(--bmp-heading);
  font-size: clamp(52px, 9vw, 132px);
  line-height: .92;
  letter-spacing: -.06em;
}

@media (max-width: 900px) {
  .bm-portfolio-grid-edit {
    grid-template-columns: 1fr;
  }

  .bm-portfolio-card-edit:first-child {
    grid-column: auto;
  }

  .bm-portfolio-card-edit:first-child .bm-portfolio-media-edit {
    aspect-ratio: 16 / 9;
  }

  .bm-project-hero-edit {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .bm-project-poster-edit {
    aspect-ratio: 16 / 10;
  }

  .bm-project-story-block-edit,
  .bm-project-story-block-edit:nth-child(3),
  .bm-project-story-block-edit:nth-child(4) {
    grid-column: 1 / -1;
    min-height: 0;
  }
}

@media (max-width: 600px) {
  .bm-portfolio-host-edit,
  .bm-project-shell-edit {
    width: calc(100% - 36px) !important;
  }

  .bm-portfolio-copy-edit {
    min-height: 0;
  }

  .bm-portfolio-meta-edit,
  .bm-project-footer-edit {
    align-items: flex-start;
    flex-direction: column;
  }

  .bm-project-topbar-edit {
    min-height: 74px;
  }

  .bm-project-brand-edit img {
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bm-portfolio-media-edit img,
  .bm-portfolio-link-edit b {
    transition: none;
  }
}
