/* Brand Identity · offer — a frontispiece photo in crop marks, then six type-specimen sheets. */
.cbi-offer__fig{position:relative;margin:0 26px clamp(64px,7vw,104px)}
.cbi-offer__frame{position:relative;overflow:hidden;aspect-ratio:21/8;background:var(--paper-4)}
.cbi-offer__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:grayscale(1) contrast(1.06)}
.cbi-offer__fig figcaption{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:34px;font-size:var(--t-sm);line-height:1.55;color:var(--muted);max-width:70ch}
.cbi-offer__fig figcaption span{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);line-height:2}

.cbi-offer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.cbi-spec{position:relative;min-width:0;display:flex;flex-direction:column;padding:clamp(22px,2.6vw,36px) clamp(20px,2.4vw,34px) clamp(28px,3vw,40px);border-bottom:1px solid var(--line)}
.cbi-spec:not(:nth-child(3n)){border-right:1px solid var(--line)}
.cbi-spec__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1.4}
.cbi-spec__top span:first-child{color:var(--ink)}
.cbi-spec__top span:last-child{text-align:right}

/* glyph stage with cap-height and baseline rules */
.cbi-spec__stage{position:relative;height:clamp(150px,14vw,200px);margin-top:18px;display:flex;align-items:flex-end;overflow:hidden}
.cbi-spec__rule{position:absolute;left:0;right:0;height:1px;background:var(--line)}
.cbi-spec__rule i{position:absolute;right:0;top:4px;font-family:var(--f);font-size:10px;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1}
.cbi-spec__rule--cap{top:22%}
.cbi-spec__rule--base{bottom:16%;background:var(--blue-line)}
.cbi-spec__g{position:relative;display:block;margin-bottom:calc(16% - .19em);font-family:var(--f-h);font-size:clamp(6rem,10.4vw,9.4rem);font-weight:200;line-height:1;letter-spacing:-.02em;color:var(--ink);white-space:nowrap;
  transform-origin:left bottom;transition:font-weight .7s var(--e),letter-spacing .7s var(--e),transform .7s var(--e),color .5s var(--e-io)}
.cbi-spec:is(:hover,:focus-within,.is-flex) .cbi-spec__g{font-weight:650;letter-spacing:-.06em;transform:translateX(4px)}
.cbi-spec__g--mid{align-self:center;margin-bottom:0;font-size:clamp(9rem,15vw,13.5rem);line-height:.5;padding-top:.28em}
.cbi-offer__plate{position:relative}

/* weight axis readout */
.cbi-spec__axis{display:grid;grid-template-columns:auto minmax(0,1fr) 3ch;align-items:center;gap:12px;margin-top:14px;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);line-height:1}
.cbi-spec__track{position:relative;height:1px;background:var(--line-3)}
.cbi-spec__track i{position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--ink);transition:left .7s var(--e),background .5s var(--e-io)}
.cbi-spec:is(:hover,:focus-within,.is-flex) .cbi-spec__track i{left:calc(100% - 9px);background:var(--blue)}
.cbi-spec__val{display:grid;text-align:right;color:var(--ink)}
.cbi-spec__val em{grid-area:1 / 1;font-style:normal;transition:opacity .35s var(--e)}
.cbi-spec__val em:last-child{opacity:0}
.cbi-spec:is(:hover,:focus-within,.is-flex) .cbi-spec__val em:first-child{opacity:0}
.cbi-spec:is(:hover,:focus-within,.is-flex) .cbi-spec__val em:last-child{opacity:1;color:var(--blue)}

.cbi-spec__t{margin-top:clamp(26px,2.6vw,34px);font-family:var(--f-h);font-size:clamp(1.3rem,1.6vw,1.55rem);font-weight:500;letter-spacing:-.012em;line-height:1.2;color:var(--ink)}
.cbi-spec__d{margin-top:10px;font-size:var(--t-sm);line-height:1.6;color:var(--muted);max-width:40ch;flex:1}
.cbi-spec__go{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:14px;margin-bottom:-10px;font-size:var(--t-sm);font-weight:500;color:var(--ink);
  text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:5px;transition:text-decoration-color var(--d1) var(--e-io),color var(--d1) var(--e-io)}
.cbi-spec__go span[aria-hidden]{color:var(--blue);font-family:var(--f)}
.cbi-spec__go:hover{text-decoration-color:var(--blue)}

@media (max-width:1023px){
  .cbi-offer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cbi-spec:not(:nth-child(3n)){border-right:0}
  .cbi-spec:nth-child(odd){border-right:1px solid var(--line)}
}
@media (max-width:600px){
  .cbi-offer__fig{margin-inline:24px}
  .cbi-offer__frame{aspect-ratio:4/3}
  .cbi-offer__grid{grid-template-columns:minmax(0,1fr)}
  .cbi-spec:nth-child(odd){border-right:0}
  .cbi-spec{padding-inline:0}
}