/* GBX In brief · the look. Pairs with gbx-in-brief.js. Built only on tokens
   every forum declares for itself: --gold, --g2, --dim, --cashmere, --serif,
   --sans, --ease and the spacing ladder, each with the house value as its
   fallback so a page that declares none still reads right. A+ clean
   heritage: no colour, face or effect the estate does not already carry.
   Layout from Brandmaster 2026-10-08. The hairline belongs to the ROW,
   never to the grid (9.2), and there is none above the first.
   The source is 00_canonical/gbx-in-brief.css. */

.gbx-brief{margin:var(--sp6,55px) 0 0;padding:var(--sp4,21px) 0 0;
  border-top:.5px solid var(--g2,rgba(186,153,51,0.236))}
/* Inside a page section that already carries the gutter and the rhythm the
   box draws no rule and no margin of its own. The host section is the page's
   own class so each site keeps its gutter without the kit knowing it. */
.gbx-brief--hosted{margin:0;padding:0;border-top:0}
.gbx-brief-host{display:block}
.gbx-brief-sum{display:flex;align-items:center;gap:var(--sp3,13px);list-style:none;
  cursor:pointer;margin:0;padding:0 0 var(--sp4,21px);-webkit-user-select:none;user-select:none}
.gbx-brief-sum::-webkit-details-marker{display:none}
.gbx-brief-sum::marker{content:''}
.gbx-brief-sum:focus-visible{outline:2px solid var(--gold,#ba9933);outline-offset:3px}
.gbx-brief-label{font-family:var(--sans,'Jost',system-ui,sans-serif);font-weight:300;font-size:10px;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold,#ba9933)}

/* The thin plus. Two 1px lines. Open, the upright one leaves and a minus stays. */
.gbx-brief-plus{position:relative;width:11px;height:11px;flex:0 0 auto}
.gbx-brief-plus::before,.gbx-brief-plus::after{content:'';position:absolute;background:var(--gold,#ba9933);
  transition:transform .32s var(--ease,ease),opacity .32s var(--ease,ease)}
.gbx-brief-plus::before{left:0;top:5px;width:11px;height:1px}
.gbx-brief-plus::after{left:5px;top:0;width:1px;height:11px}
.gbx-brief[open] .gbx-brief-plus::after{transform:scaleY(0);opacity:0}

.gbx-brief-body{overflow:hidden;transition:height .32s var(--ease,ease),opacity .32s var(--ease,ease)}
.gbx-brief-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);column-gap:var(--sp5,34px);
  padding:var(--sp4,21px) 0;border-top:.5px solid var(--g2,rgba(186,153,51,0.236))}
.gbx-brief-row:first-child{border-top:0}
.gbx-brief-k{margin:0;font-family:var(--sans,'Jost',system-ui,sans-serif);font-weight:300;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#ba9933)}
.gbx-brief-v{margin:0;max-width:64ch;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:300;font-size:17px;line-height:1.72;color:var(--dim,rgba(243,246,249,0.72))}
/* The small print reads at .52 of the ground, reached as .72 of --dim. */
.gbx-brief-read{margin:var(--sp2,8px) 0 0;font-family:var(--sans,'Jost',system-ui,sans-serif);font-weight:300;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim,rgba(243,246,249,0.72));opacity:.72}
.gbx-brief-thought{margin:var(--sp5,34px) 0 0;max-width:60ch}
.gbx-brief-thought blockquote{margin:0;font-family:var(--serif,'Cormorant',Georgia,serif);font-style:italic;
  font-weight:300;font-size:22px;line-height:1.5;color:var(--cashmere,#f3f6f9)}

/* THE LOCKUP · "the Circle." keeps its case inside an uppercase eyebrow or
   label so it reads the Circle. Chair and never THE CIRCLE. CHAIR. Ruled by
   Patrick to Brandmaster 2026-10-09 "keep lowercase the Circle" and Voice
   Bible at acd9eed. Wrap the words in this span wherever the parent
   uppercases. Carried by the person page pair for now; the day another
   page needs it the rule moves to the header kit. */
.gbx-case{display:inline;text-transform:none;letter-spacing:inherit}
/* Named gbx-case and not gbx-lockup because the header kit already owns
   .gbx-lockup for the logo lockup at display:flex !important and the first
   build of this rule took that name and stacked the two words. */

/* THE MARK · the company's own wall asset in a 96 by 56 box under the role
   line, knocked to the one white every mark on the estate wears on a dark
   ground. .85 at rest, 1 on hover and focus. Unlinked without a verified url. */
.gbx-cmark{display:inline-block;width:96px;height:56px;margin-top:var(--sp4,21px);
  opacity:.85;transition:opacity .2s var(--ease,ease)}
a.gbx-cmark:hover,a.gbx-cmark:focus-visible{opacity:1}
a.gbx-cmark:focus-visible{outline:2px solid var(--gold,#ba9933);outline-offset:3px}
.gbx-cmark-img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}

@media (prefers-reduced-motion:reduce){
  .gbx-brief-body,.gbx-brief-plus::before,.gbx-brief-plus::after,.gbx-cmark{transition:none}
}
@media (max-width:720px){
  .gbx-brief-row{grid-template-columns:1fr;row-gap:var(--sp2,8px)}
}