/* 19 Oct round 4: an editorial policy page: a centred statement, two even columns, four steps across, the form details on a gold band */
.bstate { padding-block: var(--s-2xl) var(--s-xl); text-align: center; }
.bstate .inner { width: min(var(--shell), 1100px); display: grid; justify-items: center; gap: var(--s-m); }
.bstate .rule { width: 72px; height: 1px; background: var(--gold-600); transform-origin: center; }
.bstate p.st { font-size: var(--t-l); font-weight: 300; letter-spacing: -.02em; line-height: 1.3; color: var(--ink); max-width: 24em; }
.bstate p.st b { font-weight: 500; color: var(--gold-700); }
.bcols { padding-block: 0 var(--s-2xl); }
.bcols .inner { width: var(--shell); display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--border); }
.bcols .col { display: grid; align-content: start; gap: var(--s-s); padding: var(--s-l) clamp(24px, 4vw, 80px) 0; }
.bcols .col:first-child { padding-left: 0; border-right: 1px solid var(--border); }
.bcols .col:last-child { padding-right: 0; }
.bh { font-size: var(--t-s); font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.bcols p, .bsteps p { font-size: var(--t-base); font-weight: 400; line-height: 1.6; color: #3F3F3F; max-width: 36em; }
.bsteps { padding-block: var(--s-2xl); }
.bsteps .inner { width: var(--shell); display: grid; gap: var(--s-l); }
.bsteps .top { display: grid; justify-items: center; text-align: center; gap: var(--s-xs); }
.bsteps ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-m); }
.bsteps li { display: grid; align-content: start; gap: var(--s-s); padding-top: var(--s-s); position: relative; }
.bsteps li .rule { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--gold-600); }
.bsteps .num { font-size: var(--t-xl); font-weight: 300; letter-spacing: -.03em; line-height: 1; color: var(--gold-700); font-variant-numeric: tabular-nums; }
.bform { position: relative; overflow: hidden; padding-block: var(--s-xl); text-align: center; }
.bform > .watermark { width: min(52vw, 820px); right: -12%; top: 50%; translate: 0 -50%; color: rgba(40, 28, 10, .2); }
.bform .inner { position: relative; z-index: 1; width: min(var(--shell), 980px); display: grid; justify-items: center; gap: var(--s-s); }
.bform .t-l { font-weight: 300; } .bform .t-l b { font-weight: 500; }
.bform .lines { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s-2xs) var(--s-m); font-size: var(--t-m); font-weight: 500; }
.bform .lines a { color: inherit; border-bottom: 1px solid rgba(255, 255, 255, .5); transition: border-color var(--d-move); }
.bform .lines a:hover, .bform .lines a:focus-visible { border-color: var(--white); outline: none; }
@media (max-width: 1024px) { .bsteps ol { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { .bcols .inner { grid-template-columns: 1fr; } .bcols .col, .bcols .col:first-child { padding: var(--s-m) 0 0; border-right: 0; } .bcols .col + .col { border-top: 1px solid var(--border); margin-top: var(--s-m); } .bsteps ol { grid-template-columns: 1fr; } }