/* One weight across the site (Book) — only Book carries ss01/salt (round alt "a"). */
@font-face{font-family:"Suisse";src:url("suisseintl-book.ttf") format("truetype");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Suisse Mono";src:url("suisseintl-mono.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

:root{
  --bn-bg:#f4f4f2;
  --bn-bg-soft:#efefed;
  --bn-fg:#191919;
  --bn-soft:#686868;
  --bn-muted:#797979;
  --bn-dark:#0f0f0e;
  --bn-white:#f4f4f4;
  --bn-line:rgba(25,25,25,.16);
  --bn-line-dark:rgba(244,244,244,.18);
  --bn-accent:#ff3b1d;

  --bn-pad:25px;
  --bn-wrap:90vw;
  --bn-max:1500px;
  --bn-gap:30px;
  --bn-radius:8px;

  --bn-section-y:150px;
  --bn-section-y-tight:100px;

  --bn-display-xxl:clamp(96px,10.4vw,200px);
  --bn-display-xl:clamp(76px,7.8vw,150px);
  --bn-display-l:clamp(58px,5.3vw,102px);
  --bn-display-m:clamp(42px,3.35vw,64px);
  --bn-lead:clamp(34px,2.65vw,51px);
  --bn-body:clamp(18px,1.1vw,21px);
  --bn-small:clamp(14px,.84vw,16px);
}

.bn-type-scope{
  font-family:"Suisse","Helvetica Neue",Arial,sans-serif;
  font-weight:400;
  color:var(--bn-fg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.bn-wrap{
  width:var(--bn-wrap);
  max-width:var(--bn-max);
  margin-inline:auto;
  padding-inline:var(--bn-pad);
}

.bn-full{
  width:100%;
  padding-inline:var(--bn-pad);
}

.bn-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--bn-gap);
}

.bn-section{padding-block:var(--bn-section-y)}
.bn-section-tight{padding-block:var(--bn-section-y-tight)}

.bn-display-xxl{
  font-size:var(--bn-display-xxl);
  line-height:.9;
  letter-spacing:-.08em;
  font-weight:400;
}

.bn-display-xl{
  font-size:var(--bn-display-xl);
  line-height:1.15;
  letter-spacing:-.07em;
  font-weight:400;
}

.bn-display-l{
  font-size:var(--bn-display-l);
  line-height:1.127;
  letter-spacing:-.055em;
  font-weight:400;
}

.bn-display-m{
  font-size:var(--bn-display-m);
  line-height:1.1;
  letter-spacing:-.041em;
  font-weight:400;
}

.bn-lead{
  font-size:var(--bn-lead);
  line-height:1.216;
  letter-spacing:-.03em;
  font-weight:400;
}

.bn-body{
  font-size:var(--bn-body);
  line-height:1.5;
  letter-spacing:0;
  font-weight:400;
}

.bn-small{
  font-size:var(--bn-small);
  line-height:1.5625;
  letter-spacing:0;
  font-weight:400;
}

.bn-mono{
  font-family:"Suisse Mono",monospace;
  font-size:12px;
  line-height:18px;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:400;
}

.bn-muted{color:var(--bn-muted)}
.bn-soft{color:var(--bn-soft)}
.bn-on-dark{background:var(--bn-dark);color:var(--bn-white)}
.bn-on-dark .bn-muted,.bn-on-dark .bn-soft{color:rgba(244,244,244,.58)}

.bn-statement{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--bn-gap);
  align-items:start;
}

.bn-statement__label{grid-column:1/3}
.bn-statement__headline{grid-column:4/12}
.bn-statement__body{grid-column:5/10;margin-top:64px}
.bn-statement__cta{grid-column:5/10;margin-top:52px}

.bn-statement--wide .bn-statement__headline{grid-column:2/11}
.bn-statement--wide .bn-statement__body{grid-column:4/9}
.bn-statement--wide .bn-statement__cta{grid-column:4/9}

.bn-split{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--bn-gap);
}

.bn-split__left{grid-column:1/4}
.bn-split__right{grid-column:7/12}
.bn-split__right-wide{grid-column:5/12}

.bn-hairlist{
  border-top:1px solid var(--bn-line);
}

.bn-hairlist__row{
  border-bottom:1px solid var(--bn-line);
  padding:16px 0;
}

.bn-linkline{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  color:inherit;
  text-decoration:none;
  border-bottom:2px solid currentColor;
  padding-bottom:3px;
}

.bn-work-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:84px var(--bn-gap);
}

.bn-work-card{
  display:block;
  color:inherit;
  text-decoration:none;
}

.bn-work-card__media{
  overflow:hidden;
  border-radius:var(--bn-radius);
  background:#ddd;
  aspect-ratio:1.42/1;
}

.bn-work-card__media img,
.bn-work-card__media video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.bn-work-card__label{
  margin-top:22px;
}

.bn-work-card__title{
  margin-top:10px;
}

@media(max-width:980px){
  :root{--bn-section-y:110px;--bn-gap:22px}
  .bn-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bn-statement__label,
  .bn-statement__headline,
  .bn-statement__body,
  .bn-statement__cta,
  .bn-statement--wide .bn-statement__headline,
  .bn-statement--wide .bn-statement__body,
  .bn-statement--wide .bn-statement__cta,
  .bn-split__left,
  .bn-split__right,
  .bn-split__right-wide{grid-column:1/-1}
  .bn-statement__body,.bn-statement__cta{margin-top:32px}
}

@media(max-width:640px){
  :root{--bn-pad:18px;--bn-wrap:100vw;--bn-section-y:86px}
  .bn-work-grid{grid-template-columns:1fr;gap:56px}
}