/* Brask & Vinter — page styles on top of Noira (tokens.css · palette.css · type.css · noira.css).
   Every value comes from the tokens; prefix bv-. Header c · hero d · cta d · footer c, the rest composed new from the DNA. */

.bv-page b, .bv-page strong { font-weight: 400; }
.bv-page h1, .bv-page h2, .bv-page h3 { font-weight: 400; }
.bv-page .t-giant, .bv-page .t-state, .bv-page .t-big, .bv-page .t-h1, .bv-page .t-h2, .bv-page .t-h3 { font-weight: 400; }
.bv-page .work__cap span:last-child { white-space: nowrap; }
.bv-nw { white-space: nowrap; }
.bv-page .work-head .lnk { white-space: nowrap; }
.bv-page .work__cap { font-size: 14px; }
.bv-chapter .chapter__title { font-weight: 400; }
.bv-chapter .chapter__text { row-gap: 48px; }
.bv-chapter .chapter__text .lead-xl { grid-column: 4 / 11; }
.bv-chapter .chapter__list { grid-column: 12 / 17; grid-template-columns: 1fr; gap: 12px; }
.bv-chapter .chapter__title { max-width: 16em; width: 100%; }
.bv-cta__h, .bv-where__addr, .bv-close__h, .bv-wood__h, .bv-foot__line { text-wrap: balance; }
.bv-page sup { font-size: 18px; letter-spacing: -.01em; vertical-align: top; position: relative; top: .25em; margin-left: 6px; line-height: 1; }

/* ── Header c: a hairline bar of cells — name, pages, email, booking link ── */
.site-head.bv-hd { padding: 0; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 4fr) minmax(0, 3fr); align-items: stretch; height: 48px;
  background: var(--bg); border-bottom: 1px solid var(--line); pointer-events: auto; transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.bv-hd__cell { display: flex; align-items: center; min-width: 0; padding: 0 var(--gutter); border-right: 1px solid var(--line); font-size: 12px; line-height: 1.25; letter-spacing: -.01em; white-space: nowrap; transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.bv-hd__one span { color: var(--muted); margin-left: 6px; }
.bv-hd__mail { justify-content: flex-end; color: var(--text-2); }
.bv-hd__mail:hover { color: var(--accent-ink); }
.bv-hd__book { justify-content: flex-end; border-right: 0; }
.bv-hd .nav__toggle { align-self: center; margin: 0 6px 0 0; }
.site-head.bv-hd.is-dark { background: var(--night); border-color: var(--night-line); }
.site-head.bv-hd.is-dark .bv-hd__cell { border-color: var(--night-line); }
.site-head.bv-hd.is-dark .bv-hd__one span, .site-head.bv-hd.is-dark .bv-hd__mail { color: var(--night-muted); }
.site-head.bv-hd.is-dark .lnk { color: var(--on-night); border-color: var(--night-line-2); }
.site-head.bv-hd.is-dark .lnk svg { color: var(--accent-on-dark); }
.bv-menu__brand { font-size: 12px; line-height: 1.25; }

/* ── Hero d: the giant stack and its proof on white, a tall plate running to the right edge ── */
.bv-hero { padding-top: 48px; display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); min-height: max(780px, 100vh); }
.bv-hero__type { grid-column: 1 / 11; display: flex; flex-direction: column; justify-content: flex-end; gap: 40px; padding: 72px 64px 24px var(--gutter); }
.bv-hero__h { font-size: 112px; line-height: 1; letter-spacing: -.04em; max-width: 7.4em; }
.bv-hero__low { display: grid; gap: 32px; }
.bv-hero__low .lead-xl { max-width: 27em; }
.bv-hero__proof { display: flex; flex-wrap: wrap; gap: 24px 56px; }
.bv-hero__proof b { display: block; font-family: var(--font-statement); font-size: 40px; line-height: 1; letter-spacing: -.035em; }
.bv-hero__proof span { display: block; margin-top: 8px; font-size: 13px; line-height: 1.3; color: var(--muted); max-width: 16ch; }
.bv-hero__cap { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.4; letter-spacing: -.01em; color: var(--muted); }
.bv-hero__plate { grid-column: 11 / 17; min-height: 560px; }
.bv-hero__plate img { object-position: 50% 40%; }

/* ── Kinds: label + intro, three plates of three heights with big counts ── */
.bv-kinds__head { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); }
.bv-kinds__head .label { grid-column: 1 / 4; padding-top: 10px; }
.bv-kinds__head .bv-h2 { grid-column: 4 / 14; }
.bv-kinds__head .bv-kinds__lead { grid-column: 4 / 12; grid-row: 2; margin-top: 24px; }
.bv-kinds__row { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: start; margin-top: var(--head-to-content); }
.bv-kind .plate { aspect-ratio: 3 / 4; }
.bv-kind--a { grid-column: 1 / 8; }
.bv-kind--a .plate { aspect-ratio: 4 / 3; }
.bv-kind--b { grid-column: 9 / 13; margin-top: 168px; }
.bv-kind--c { grid-column: 13 / 17; margin-top: 56px; }
.bv-kind--c { padding-left: var(--col-gap); }
.bv-kind figcaption { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: end; padding-top: 18px; }
.bv-kind figcaption b { font-family: var(--font-statement); font-size: 84px; line-height: .9; letter-spacing: -.045em; }
.bv-kind figcaption span { font-size: 14px; line-height: 1.3; letter-spacing: -.01em; padding-bottom: 4px; }
.bv-kind figcaption em { grid-column: 1 / -1; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); font-style: normal; font-size: 13px; line-height: 1.3; color: var(--muted); }

/* ── Case: one house close up ── */
.bv-case__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: start; }
.bv-case__main { grid-column: 8 / 17; grid-row: 1; display: grid; gap: 12px; }
.bv-case__main .plate { aspect-ratio: 1 / 1; }
.bv-case__side { grid-column: 1 / 7; grid-row: 1; display: grid; gap: 28px; align-content: start; }
.bv-case__side .lnk { justify-self: start; }
.bv-case__small { display: grid; gap: 12px; width: 60%; justify-self: start; margin-top: 24px; }
.bv-case__small .plate { aspect-ratio: 4 / 5; }

/* ── Chapter (library chapter-a) with the client's plan sketch ── */
.bv-chapter .chapter__plate { width: min(1180px, 100% - 2 * var(--gutter)); background: var(--bg); }  /* the plate's scale/opacity isolate the multiply blend: give it the page ground so the paper white melts into a tinted --bg */

/* ── Time: a giant 14 and a ruler of months ── */
.bv-time__head { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: end; }
.bv-time__num { grid-column: 1 / 7; font-family: var(--font-statement); font-size: 280px; line-height: .8; letter-spacing: -.05em; margin-left: -.05em; }
.bv-time__intro { grid-column: 8 / 16; display: grid; gap: 20px; }
.bv-ruler { position: relative; margin-top: 96px; height: 176px; border-top: 1px solid var(--line-ink);
  background: linear-gradient(to right, var(--line-2) 1px, transparent 1px) 0 0 / calc(100% / 14) 10px repeat-x; }
.bv-ruler::after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 10px; background: var(--line-2); }
.bv-ruler li { position: absolute; top: 0; left: calc(var(--m) / 14 * 100%); width: 170px; padding: 18px 0 0 12px; border-left: 1px solid var(--line-ink); font-size: 14px; line-height: 1.35; letter-spacing: -.01em; }
.bv-ruler li:nth-child(even) { padding-top: 92px; }
.bv-ruler li:first-child { width: 92px; }
.bv-ruler li:last-child { left: auto; right: 0; padding: 18px 12px 0 0; border-left: 0; border-right: 1px solid var(--line-ink); text-align: right; }
.bv-ruler b { display: block; font-size: 13px; color: var(--muted); margin-bottom: 2px; }
.bv-time__fig { display: grid; gap: 12px; margin-top: 56px; }
.bv-time__fig .plate { aspect-ratio: 2.2 / 1; }

/* ── Wood: the page's one 120px statement, facts, a tall plate and two details ── */
.bv-wood__top { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: end; }
.bv-wood__h { grid-column: 1 / 12; font-family: var(--font-display); font-size: 120px; line-height: 1; letter-spacing: -.035em; }
.bv-wood__facts { grid-column: 13 / 17; padding-bottom: 10px; }
.bv-wood__plates { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: 48px; align-items: start; margin-top: var(--head-to-content); }
.bv-wood__plates figure { display: grid; gap: 12px; }
.bv-wood__tall { grid-column: 1 / 8; grid-row: 1 / span 2; }
.bv-wood__tall .plate { aspect-ratio: 3 / 4; }
.bv-wood__a { grid-column: 9 / 17; }
.bv-wood__b { grid-column: 9 / 14; }
.bv-wood__a .plate, .bv-wood__b .plate { aspect-ratio: 4 / 3; }

/* ── Schools: giant 9, the register, a wide plate ── */
.bv-schools__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: 96px; align-items: start; }
.bv-schools__count { grid-column: 1 / 6; }
.bv-schools__num { font-family: var(--font-statement); font-size: 280px; line-height: .8; letter-spacing: -.05em; margin-left: -.06em; }
.bv-schools__sub { margin-top: 28px; font-size: 15px; line-height: 1.45; letter-spacing: -.01em; color: var(--muted); max-width: 32em; }
.bv-schools__list { grid-column: 7 / 17; display: grid; gap: 24px; }
.bv-schools__list .tbl { margin-top: 24px; }
.bv-tbl .tbl__row { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 3fr) 32px; }
.bv-tbl .tbl__row > span:nth-child(3) { color: var(--text-2); }
.bv-schools__fig { grid-column: 1 / 17; display: grid; gap: 12px; }
.bv-schools__fig .plate { aspect-ratio: 2 / 1; }

/* ── Studio: the drawing table, two founders, nine names ── */
.bv-studio__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: start; }
.bv-studio__fig { grid-column: 1 / 7; display: grid; gap: 12px; }
.bv-studio__fig .plate { aspect-ratio: 4 / 5; }
.bv-studio__body { grid-column: 8 / 17; display: grid; gap: 32px; align-content: start; }
.bv-founders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px var(--col-gap); margin-top: 24px; }
.bv-founders h3 { font-size: 24px; line-height: 1.1; letter-spacing: -.015em; }
.bv-founders p { margin-top: 12px; font-size: 16px; line-height: 1.5; color: var(--text-2); max-width: 30em; }
.bv-names { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px var(--col-gap); margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.bv-names li { font-size: 14px; line-height: 1.35; letter-spacing: -.01em; }
.bv-names li span { display: block; font-size: 13px; color: var(--muted); }

/* ── Places: a near-empty field of towns ── */
.bv-places__head { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); }
.bv-places__head .label { grid-column: 1 / 4; }
.bv-places__head .bv-h2 { grid-column: 4 / 13; }
.bv-places__note { grid-column: 4 / 10; grid-row: 2; margin-top: 20px; font-size: 14px; line-height: 1.45; letter-spacing: -.01em; color: var(--text-2); max-width: 34em; }
.bv-places__field { position: relative; height: 540px; margin-top: 72px; }
.bv-places__field li { position: absolute; left: calc(var(--x) / 16 * 100%); top: calc(var(--y) * 76px); font-family: var(--font-statement); font-size: 40px; line-height: 1.1; letter-spacing: -.025em; white-space: nowrap; transition: color var(--dur-fast) var(--ease); }
.bv-places__field sup { font-family: var(--font); font-size: 13px; color: var(--muted); top: .2em; }
.bv-places__field li:hover { color: var(--accent-ink); }

/* ── CTA d: a 76px line and facts, a short form on hairlines ── */
.bv-cta__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: start; padding-top: 48px; border-top: 1px solid var(--line); }
.bv-cta__side { grid-column: 1 / 8; display: grid; gap: 48px; }
.bv-cta__h { font-family: var(--font-statement); font-size: 76px; line-height: 1.02; letter-spacing: -.035em; }
.bv-cta .bv-form { grid-column: 9 / 17; }
.bv-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px var(--gutter); }
.bv-form--one { margin-top: 16px; }
.bv-field { position: relative; display: grid; gap: 6px; }
.bv-field label { font-size: 13px; line-height: 1.3; color: var(--muted); }
.bv-field input, .bv-field select, .bv-field textarea { width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid var(--line-2); border-radius: 0; background: transparent; color: var(--text);
  font: inherit; font-size: 16px; line-height: 1.4; appearance: none; transition: border-color var(--dur-fast) var(--ease); }
.bv-field textarea { resize: vertical; min-height: 96px; }
.bv-field ::placeholder { color: var(--muted); opacity: 1; }
.bv-field input:hover, .bv-field select:hover, .bv-field textarea:hover { border-bottom-color: var(--muted); }
.bv-field input:focus, .bv-field select:focus, .bv-field textarea:focus { outline: none; border-bottom-color: var(--line-ink); }
.bv-field--select select { padding-right: 24px; cursor: pointer; }
.bv-field--select::after { content: ""; position: absolute; right: 4px; bottom: 22px; width: 7px; height: 7px; border-right: 1.2px solid var(--text); border-bottom: 1.2px solid var(--text); rotate: 45deg; pointer-events: none; }
.bv-field--wide, .bv-form__foot { grid-column: 1 / -1; }
.bv-form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.bv-form__foot span { font-size: 13px; color: var(--muted); }

/* ── Footer c: a wide plate fading into night, the address line and columns over the fade ── */
.bv-foot { position: relative; background: var(--night); color: var(--on-night); overflow: hidden; }
.bv-foot__bg { position: absolute; inset: 0 0 auto; height: 660px; background: var(--night); }
.bv-foot__bg img { object-position: 50% 55%; }
.bv-foot__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(25, 21, 18, .08), rgba(25, 21, 18, .5) 48%, var(--night) 100%); }
.bv-foot__body { position: relative; z-index: 2; padding-top: 470px; padding-bottom: 24px; }
.bv-foot__line { font-family: var(--font-statement); font-size: 56px; line-height: 1.05; letter-spacing: -.02em; max-width: 15em; text-wrap: balance; }
.bv-foot__line span { color: var(--on-night-2); }
.bv-foot__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: 32px; margin-top: 120px; padding-top: 20px; border-top: 1px solid var(--night-line); font-size: 12px; line-height: 1.4; letter-spacing: -.01em; }
.bv-foot__brand { grid-column: 1 / 4; }
.bv-foot__col { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-content: start; }
.bv-foot__col:nth-child(2) { grid-column: 4 / 7; }
.bv-foot__col:nth-child(3) { grid-column: 7 / 10; }
.bv-foot__col:nth-child(4) { grid-column: 10 / 14; }
.bv-foot__col:nth-child(5) { grid-column: 14 / 17; }
.bv-foot .label { font-size: 12px; color: var(--night-muted); }
.bv-foot__col ul { display: grid; gap: 2px; }
.bv-foot a { transition: color var(--dur-fast) var(--ease); }
.bv-foot a:hover, .bv-foot a[aria-current="page"] { color: var(--accent-on-dark); }
.bv-foot__legal { display: flex; flex-wrap: wrap; gap: 12px 48px; margin-top: 96px; font-size: 12px; line-height: 1.3; color: var(--night-muted); }

/* ═══════ WORK ═══════ */
.bv-whead { padding-top: calc(48px + 104px); }
.bv-whead__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); }
.bv-whead__grid > .label { grid-column: 1 / 4; padding-top: 16px; }
.bv-whead h1 { grid-column: 4 / 17; font-size: 96px; line-height: 1; letter-spacing: -.04em; max-width: 10em; }
.bv-whead__split { grid-column: 4 / 17; display: flex; flex-wrap: wrap; gap: 16px 56px; margin-top: 48px; font-size: 14px; line-height: 1.3; color: var(--muted); }
.bv-whead__split b { display: block; font-family: var(--font-statement); font-size: 40px; line-height: 1; letter-spacing: -.035em; color: var(--text); margin-bottom: 6px; }
.bv-feature__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); align-items: end; }
.bv-feature__fig { grid-column: 1 / 10; display: grid; gap: 12px; }
.bv-feature__fig .plate { aspect-ratio: 3 / 2; }
.bv-feature__side { grid-column: 11 / 17; display: grid; gap: 24px; padding-bottom: 32px; }
.bv-onsite__head { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: 20px; }
.bv-onsite__head .label { grid-column: 1 / 4; padding-top: 12px; }
.bv-onsite__head h2 { grid-column: 4 / 13; }
.bv-onsite__head .lead-xl { grid-column: 4 / 12; }
.bv-onsite__row { display: grid; grid-template-columns: minmax(0, 9fr) minmax(0, 7fr); column-gap: var(--col-gap); align-items: start; margin-top: var(--head-to-content); }
.bv-onsite__item { display: grid; gap: 12px; }
.bv-onsite__item:first-child .plate { aspect-ratio: 16 / 10; }
.bv-onsite__item:last-child { margin-top: 96px; }
.bv-onsite__item:last-child .plate { aspect-ratio: 4 / 3; }
.bv-bar { display: block; position: relative; height: 2px; margin-top: 10px; background: var(--line); }
.bv-bar::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 100%); background: var(--line-ink); }
.bv-register__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); }
.bv-register__grid > .label { grid-column: 1 / 4; padding-top: 14px; }
.bv-register__grid > div { grid-column: 4 / 17; }
.bv-register h2 { margin-bottom: 48px; }
.bv-close__h { font-family: var(--font-statement); font-size: 84px; line-height: 1; letter-spacing: -.04em; max-width: 11em; }
.bv-close__walks-label { margin-top: 56px; margin-bottom: 14px; }
.bv-close__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 32px; margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--line); }

/* ═══════ CONTACT ═══════ */
.bv-chero { padding-top: calc(48px + 104px); }
.bv-chero__h { font-size: 96px; line-height: 1; letter-spacing: -.04em; max-width: 11em; }
.bv-pairs { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: 48px; margin-top: 104px; }
.bv-pair { display: grid; gap: 4px; justify-items: start; }
.bv-pair:nth-child(1) { grid-column: 1 / 9; }
.bv-pair:nth-child(2) { grid-column: 9 / 17; }
.bv-pair .label { margin-bottom: 10px; }
.bv-pair a { font-family: var(--font-statement); font-size: 40px; line-height: 1.1; letter-spacing: -.02em; overflow-wrap: anywhere; transition: color var(--dur-fast) var(--ease); }
.bv-pair a:hover { color: var(--accent-ink); }
.bv-cplate figure { display: grid; gap: 12px; }
.bv-cplate .plate { aspect-ratio: 2.2 / 1; }
.bv-steps__head { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); }
.bv-steps__head .label { grid-column: 1 / 4; padding-top: 12px; }
.bv-steps__head h2 { grid-column: 4 / 15; }
.bv-steps__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: 48px; margin-top: var(--head-to-content); }
.bv-steps__row li { padding-top: 24px; border-top: 1px solid var(--line); }
.bv-steps__row b { display: block; font-family: var(--font-statement); font-size: 84px; line-height: 1; letter-spacing: -.045em; }
.bv-steps__row h3 { margin-top: 32px; }
.bv-steps__row p { margin-top: 12px; font-size: 15px; line-height: 1.5; color: var(--text-2); max-width: 30em; }
.bv-where__grid { display: grid; grid-template-columns: repeat(16, minmax(0, 1fr)); column-gap: var(--col-gap); }
.bv-where__label { grid-column: 1 / 4; align-self: start; padding-top: 22px; }
.bv-where__body { grid-column: 6 / 17; }
.bv-where__addr { font-family: var(--font-statement); font-size: 60px; line-height: 1.02; letter-spacing: -.03em; }
.bv-where__hours { margin-top: 48px; }
.bv-where__hours .tbl__row { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr) 32px; }

/* ── One section-title size for every visible H2 (house rule): 64 desktop · 56 ≤ 1024 · 36 ≤ 640 ── */
.bv-page .bv-h2 { font-family: var(--font-display); font-size: 64px; line-height: 1.05; letter-spacing: -.03em; font-weight: 400; text-wrap: balance; }

/* ── Responsive ── */
@media (max-width: 1280px) {
  .bv-chero__h { font-size: 80px; }
  .bv-hero__h { font-size: 92px; }
  .bv-wood__h { font-size: 96px; }
  .bv-time__num, .bv-schools__num { font-size: 220px; }
  .bv-cta__h { font-size: 64px; }
  .bv-close__h { font-size: 72px; }
  .bv-whead h1 { font-size: 80px; }
  .bv-foot__line { font-size: 48px; }
  .bv-kind figcaption b { font-size: 68px; }
}
@media (max-width: 1024px) {
  .bv-chapter .chapter__text .lead-xl { grid-column: 1 / 12; }
  .bv-chapter .chapter__list { grid-column: 1 / 12; }
  .bv-page .bv-h2 { font-size: 56px; }
  .bv-chero__h { font-size: 72px; }
  .bv-case__side { grid-column: 1 / 17; }
  .site-head.bv-hd { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) minmax(0, 4fr); }
  .bv-hd__mail { display: none; }
  .bv-hero__h { font-size: 76px; }
  .bv-hero__type { grid-column: 1 / 10; }
  .bv-hero__plate { grid-column: 10 / 17; }
  .bv-kinds__head .t-intro { grid-column: 4 / 17; }
  .bv-case__main { grid-column: 1 / 17; grid-row: auto; }
  .bv-case__side { grid-column: 1 / 17; grid-row: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 48px; column-gap: var(--col-gap); }
  .bv-case__side > .label, .bv-case__side > h2 { grid-column: 1 / -1; }
  .bv-case__small { grid-column: 2; grid-row: 3 / span 2; width: 100%; margin-top: 0; }
  .bv-time__intro { grid-column: 7 / 17; }
  .bv-wood__h { grid-column: 1 / 17; }
  .bv-wood__facts { grid-column: 1 / 12; margin-top: 40px; }
  .bv-schools__count { grid-column: 1 / 17; display: flex; align-items: flex-end; gap: 32px; }
  .bv-schools__list { grid-column: 1 / 17; }
  .bv-studio__fig { grid-column: 1 / 8; }
  .bv-studio__body { grid-column: 9 / 17; }
  .bv-names { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bv-cta__side { grid-column: 1 / 17; margin-bottom: 56px; }
  .bv-cta .bv-form { grid-column: 1 / 17; }
  .bv-foot__line { font-size: 44px; }
  .bv-feature__fig { grid-column: 1 / 17; }
  .bv-feature__side { grid-column: 1 / 13; margin-top: 40px; padding-bottom: 0; }
  .bv-where__body { grid-column: 4 / 17; }
}
@media (max-width: 900px) {
  .site-head.bv-hd { display: flex; justify-content: space-between; }
  .bv-hd__list, .bv-hd__book { display: none; }
  .bv-hd__one { border-right: 0; }
  .bv-hero { grid-template-columns: 1fr; min-height: 0; }
  .bv-hero__type, .bv-hero__plate { grid-column: 1; }
  .bv-hero__type { padding: 56px var(--gutter) 40px; gap: 48px; }
  .bv-hero__plate { aspect-ratio: 4 / 5; min-height: 0; }
  .bv-kinds__row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 56px; }
  .bv-kind--a { grid-column: 1 / -1; }
  .bv-kind--b, .bv-kind--c { grid-column: auto; margin-top: 0; padding-left: 0; }
  .bv-kind--c { margin-top: 64px; }
  .bv-time__head { grid-template-columns: 1fr; row-gap: 32px; }
  .bv-time__num, .bv-time__intro { grid-column: 1; }
  .bv-ruler { height: auto; margin-top: 56px; border-top: 0; background: none; display: grid; border-left: 1px solid var(--line-ink); }
  .bv-ruler::after { display: none; }
  .bv-ruler li, .bv-ruler li:nth-child(even), .bv-ruler li:last-child { position: static; width: auto; padding: 0 0 22px 20px; border: 0; text-align: left; }
  .bv-ruler li::before { content: ""; position: absolute; margin: 8px 0 0 -24px; width: 9px; height: 1px; background: var(--line-ink); }
  .bv-wood__tall { grid-column: 1 / 17; grid-row: auto; }
  .bv-wood__a { grid-column: 1 / 9; }
  .bv-wood__b { grid-column: 9 / 17; }
  .bv-studio__fig, .bv-studio__body { grid-column: 1 / 17; }
  .bv-studio__body { margin-top: 48px; }
  .bv-places__note { grid-column: 1 / 17; grid-row: auto; margin-top: 16px; }
  .bv-places__head .bv-h2 { grid-column: 1 / 17; margin-top: 12px; }
  .bv-places__head .label { grid-column: 1 / 17; }
  .bv-places__field { position: static; height: auto; display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 40px; }
  .bv-places__field li { position: static; }
  .bv-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bv-foot__grid > * { grid-column: auto !important; }
  .bv-whead__grid > .label, .bv-whead h1, .bv-whead__split, .bv-register__grid > .label, .bv-register__grid > div, .bv-onsite__head > * { grid-column: 1 / 17 !important; }
  .bv-whead h1 { margin-top: 16px; }
  .bv-register__grid > .label { margin-bottom: 16px; }
  .bv-onsite__row { grid-template-columns: 1fr; row-gap: 48px; }
  .bv-onsite__item:last-child { margin-top: 0; }
  .bv-pair:nth-child(n) { grid-column: 1 / 17; }
  .bv-steps__row { grid-template-columns: 1fr; }
  .bv-steps__head > * { grid-column: 1 / 17 !important; }
  .bv-where__grid > *, .bv-where__body { grid-column: 1 / 17 !important; }
  .bv-where__label { margin-bottom: 8px; padding-top: 0; }
}
@media (max-width: 640px) {
  .bv-chapter .chapter__text .lead-xl, .bv-chapter .chapter__list { grid-column: 1 / 17; }
  .bv-page .bv-h2 { font-size: 36px; }
  .bv-chero__h { font-size: 46px; }
  .bv-kinds__head .bv-h2 { grid-column: 1 / 17; margin-top: 12px; }
  .bv-kinds__head .bv-kinds__lead { grid-column: 1 / 17; grid-row: auto; }
  .bv-places__head .bv-h2 { grid-column: 1 / 17; margin-top: 12px; }
  .bv-hero__h { font-size: 46px; }
  .bv-hero__proof { gap: 20px 32px; }
  .bv-hero__proof b { font-size: 32px; }
  .bv-hero__cap { flex-direction: column; align-items: flex-start; gap: 12px; }
  .bv-kinds__head .label, .bv-kinds__head .t-intro { grid-column: 1 / 17; }
  .bv-kinds__head .t-intro { margin-top: 16px; }
  .bv-kinds__row { grid-template-columns: 1fr; }
  .bv-kind--c { margin-top: 0; }
  .bv-kind figcaption b { font-size: 56px; }
  .bv-case__side { grid-template-columns: 1fr; }
  .bv-case__small { grid-column: 1; grid-row: auto; width: 72%; }
  .bv-time__num, .bv-schools__num { font-size: 160px; }
  .bv-wood__h { font-size: 44px; }
  .bv-wood__facts { grid-column: 1 / 17; }
  .bv-wood__a, .bv-wood__b { grid-column: 1 / 17; }
  .bv-schools__count { display: block; }
  .bv-tbl .tbl__row { grid-template-columns: minmax(0, 1fr) 20px; row-gap: 2px; }
  .bv-tbl .tbl__row > span:nth-child(1) { grid-column: 1; }
  .bv-tbl .tbl__row > span:nth-child(2), .bv-tbl .tbl__row > span:nth-child(3) { grid-column: 1; }
  .bv-tbl .tbl__row svg { grid-column: 2; grid-row: 1; }
  .bv-founders, .bv-names { grid-template-columns: 1fr; }
  .bv-places__field li { font-size: 30px; }
  .bv-cta__h { font-size: 40px; }
  .bv-chapter .chapter__text h2.bv-stmt { font-size: 32px; }
  .bv-form { grid-template-columns: 1fr; }
  .bv-foot__bg { height: 520px; }
  .bv-foot__bg img { object-position: 46% 70%; }
  .bv-foot__body { padding-top: 430px; }
  .bv-time__fig .plate, .bv-cplate .plate { aspect-ratio: 3 / 2; }
  .bv-foot__line { font-size: 32px; }
  .bv-foot__grid { grid-template-columns: 1fr; margin-top: 72px; }
  .bv-whead { padding-top: calc(48px + 64px); }
  .bv-feature__side { grid-column: 1 / 17; }
  .bv-whead h1 { font-size: 46px; }
  .bv-close__h { font-size: 44px; }
  .bv-chero { padding-top: calc(48px + 64px); }
  .bv-pairs { margin-top: 56px; }
  .bv-pair a { font-size: 26px; }
  .bv-steps__row b { font-size: 64px; }
  .bv-where__addr { font-size: 40px; }
  .bv-where__hours .tbl__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) 20px; }
}
.bv-page .btn__go svg { fill: currentColor; color: var(--b-fg); }