.tl > .bxb-promo { margin-top:100px; }
.bxb-promo {
  margin:0 var(--ak-gutter); padding:44px; display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:44px; align-items:center;
  background:var(--ak-card); border:1px solid var(--ak-line);
}
.archive-design .bxb-promo h2 { margin:0 0 18px; font-size:clamp(38px,4.4vw,64px); line-height:1.05; }
.bxb-promo h2 span { color:var(--ak-gold); }
.bxb-promo__copy p { max-width:34em; margin:0 0 28px; color:#b9bdc6; font-size:16px; line-height:1.8; }
.bxb-triptych { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.bxb-triptych__photo { min-width:0; background:var(--ak-panel); }
.bxb-triptych img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; }
.bxb-button {
  display:inline-flex; align-items:center; justify-content:center; gap:24px;
  min-height:50px; max-width:100%; padding:14px 23px; border:1px solid var(--ak-ink);
  border-radius:999px; background:var(--ak-ink); color:var(--ak-bg);
  font:500 14px/1.5 var(--font-sans); text-decoration:none; text-align:center;
}
.bxb-button span { flex:none; font-size:20px; line-height:1; }
@media (hover:hover) { .bxb-button:hover { background:var(--ak-gold); border-color:var(--ak-gold); color:var(--ak-bg); } }
.bxb-story { padding:40px var(--ak-gutter) 0; }
.bxb-hero { text-align:center; }
.archive-design .bxb-hero h1 { margin:0; font-size:clamp(44px,6.4vw,94px); line-height:1.08; }
.bxb-hero > p { margin:18px 0 38px; color:var(--ak-gold); font-size:clamp(18px,2.2vw,26px); }
.bxb-hero .bxb-triptych { gap:18px; }
.bxb-prose { font-size:17px; line-height:1.85; color:#b9bdc6; }
.bxb-prose p { margin:0 0 22px; }
.bxb-prose p:last-child { margin-bottom:0; }
.bxb-prose strong { color:var(--ak-ink); font-weight:600; }
.bxb-intro { max-width:780px; margin:64px auto 84px; font-size:19px; }
.bxb-model { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:start; margin:0 0 100px; scroll-margin-top:32px; }
.bxb-model__photo img { display:block; width:100%; height:auto; }
.archive-design .bxb-model h2 { margin:0 0 28px; font-size:clamp(34px,3.7vw,54px); line-height:1.1; color:var(--ak-gold); }
.bxb-model .bxb-button { margin-top:30px; }
.bxb-model:nth-of-type(even) .bxb-model__photo { grid-column:2; grid-row:1; }
.bxb-model:nth-of-type(even) .bxb-model__copy { grid-column:1; grid-row:1; }
.bxb-model.bxb-model--text { display:block; max-width:780px; margin-inline:auto; }
.bxb-outro { max-width:780px; margin:0 auto; padding:0 0 32px; }
.archive-design .bxb-outro h2 { margin:0 0 28px; font-size:clamp(38px,4.5vw,64px); line-height:1.08; }
.bxb-outro .bxb-button { margin-top:30px; }
@media (max-width:1000px) {
  .bxb-promo { padding:28px; gap:28px; }
  .bxb-prose { font-size:16px; line-height:1.8; }
}
@media (max-width:760px) {
  .tl > .bxb-promo { margin-top:65px; }
  .bxb-promo { grid-template-columns:1fr; padding:24px; gap:28px; }
  .bxb-promo > .bxb-triptych { grid-row:1; gap:6px; }
  .bxb-promo__copy p { font-size:14px; }
  .bxb-story { padding-top:22px; }
  .bxb-hero > p { margin:16px auto 28px; max-width:22em; }
  .bxb-hero .bxb-triptych { gap:6px; }
  .bxb-intro { margin:32px auto 48px; }
  .bxb-model { display:flex; flex-direction:column; gap:28px; margin-bottom:60px; }
  .bxb-model__photo { width:100%; }
  .archive-design .bxb-model h2 { margin-bottom:22px; }
  .bxb-button { font-size:13px; padding:13px 20px; gap:14px; }
}
