/* Clean 2.12.3: native WordPress blocks, shared by the page and its editor. */
.bt-about { --bt-about-ink:#171817; --bt-about-muted:#625f59; --bt-about-accent:#257b70; --bt-about-rule:rgba(23,24,23,.22); width:100%; max-width:1040px!important; margin-inline:auto; color:var(--bt-about-ink); font-family:"Montserrat",sans-serif; }
.bt-about * { box-sizing:border-box; }
.bt-about :is(h1,h2,h3) { font-family:"Montserrat",sans-serif!important; font-weight:900!important; letter-spacing:.08em!important; text-transform:uppercase; text-wrap:balance; overflow-wrap:anywhere; }
.bt-about .bt-about-hero { padding-bottom:clamp(24px,4vw,52px); }
.bt-about .bt-about-eyebrow { margin:0 0 22px!important; color:var(--bt-about-accent); font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.bt-about .bt-about-hero h1 { max-width:1000px; margin:0 0 30px!important; font-size:clamp(30px,4.4vw,58px)!important; line-height:1.14; }
.bt-about .bt-about-lead { max-width:800px; margin:0!important; font-size:clamp(18px,1.65vw,22px); line-height:1.75; }
.bt-about .bt-about-jump { display:flex; flex-wrap:wrap; gap:16px 32px; margin:30px 0 0!important; font-size:15px; font-weight:600; }
.bt-about .bt-about-jump a { color:var(--bt-about-ink); text-decoration:underline; text-underline-offset:7px; }
.bt-about .bt-about-jump a:hover { color:var(--bt-about-accent); }
/* Clean 2.14.4: regional heritage introduces the contemporary brewery story. */
.bt-about .bt-about-history-panel { position:relative; isolation:isolate; width:100%; margin:0!important; padding:clamp(26px,4vw,44px); padding-right:clamp(92px,13vw,148px); background:#171817; border:1px solid #171817; color:#f4f1ea; }
.bt-about .bt-about-history-panel__eyebrow { margin:0 0 20px!important; color:#97c6b5; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; }
.bt-about .bt-about-history-panel .bt-about-history-panel__title { position:static; max-width:780px; margin:0!important; color:inherit; font-size:clamp(22px,2.8vw,34px); line-height:1.35; text-align:left; }
.bt-about .bt-about-history-panel__title a { position:static; color:inherit; text-decoration:none; transition:color .2s ease; }
.bt-about .bt-about-history-panel__title a::after { content:""; position:absolute; inset:0; z-index:1; }
.bt-about .bt-about-history-panel:hover .bt-about-history-panel__title a { color:#c4e2d6; }
.bt-about .bt-about-history-panel__title a:focus-visible { outline:none; }
.bt-about .bt-about-history-panel__title a:focus-visible::after { outline:3px solid #257b70; outline-offset:5px; }
.bt-about .bt-about-history-panel__arrow { position:absolute; top:50%; right:clamp(26px,4vw,44px); display:grid; place-items:center; width:52px; height:52px; margin:0!important; border:1px solid #666b65; border-radius:50%; color:#f4f1ea; font-size:26px; line-height:1; transform:translateY(-50%); pointer-events:none; transition:background-color .2s ease,border-color .2s ease; }
.bt-about .bt-about-history-panel:hover .bt-about-history-panel__arrow { background:#257b70; border-color:#257b70; }
.editor-styles-wrapper .bt-about .bt-about-history-panel__title a::after { display:none; }
@media(max-width:480px) {
  .bt-about .bt-about-history-panel { padding:26px; }
  .bt-about .bt-about-history-panel__eyebrow { margin-bottom:16px!important; font-size:11px; }
  .bt-about .bt-about-history-panel__arrow { position:static; width:44px; height:44px; margin:24px 0 0 auto!important; transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  .bt-about .bt-about-history-panel__title a, .bt-about .bt-about-history-panel__arrow { transition:none; }
}
.bt-about .bt-about-section { margin:clamp(60px,8vw,100px) 0 0!important; padding:clamp(28px,4vw,44px) 0 0; border-top:1px solid var(--bt-about-rule); scroll-margin-top:36px; }
.bt-about .bt-about-section > h2 { margin:0 0 22px!important; font-size:clamp(27px,3.1vw,42px); line-height:1.2; }
.bt-about .bt-about-intro { max-width:780px; margin:0 0 48px!important; color:var(--bt-about-muted); font-size:19px; line-height:1.75; }
.bt-about .bt-about-chapter { display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); align-items:start; column-gap:clamp(28px,5vw,64px); margin:0 0 42px!important; }
.bt-about .bt-about-chapter > h3 { margin:4px 0 0!important; font-size:clamp(18px,1.7vw,21px); line-height:1.45; text-align:left; }
.bt-about .bt-about-chapter__copy { min-width:0; margin:0!important; }
.bt-about .bt-about-chapter__copy p { margin:0 0 20px; font-size:17px; line-height:1.85; }
.bt-about .bt-about-chapter__copy p:last-child { margin-bottom:0; }
.bt-about figure.bt-about-photo { width:100%; max-width:none!important; margin:clamp(32px,5vw,60px) 0!important; }
.bt-about .bt-about-photo img { display:block; width:100%; height:auto; max-width:100%; margin:0; border:0; }
.bt-about .bt-about-photo figcaption { margin:12px 0 0; color:var(--bt-about-muted); font-size:13px; line-height:1.6; text-align:left; }
.bt-about .bt-about-cta { margin:clamp(36px,5vw,64px) 0 0!important; padding-top:32px; border-top:1px solid var(--bt-about-rule); }
.bt-about .wp-block-button__link { display:inline-flex; align-items:center; min-height:48px; max-width:100%; padding:14px 24px; background:var(--bt-about-ink); color:#f4f1ea; border:1px solid var(--bt-about-ink); border-radius:0; font-size:15px; font-weight:700; text-decoration:none; letter-spacing:0; }
.bt-about .wp-block-button__link:hover { background:var(--bt-about-accent); border-color:var(--bt-about-accent); }
.bt-about a:focus-visible { outline:3px solid var(--bt-about-accent); outline-offset:5px; }
/* Clean 2.12.5: editable archive research notice and contact invitation. */
.bt-history-research { max-width:780px; margin:24px 0 32px!important; color:#171817; font-family:"Montserrat",sans-serif; }
.bt-history-research > p { margin:0 0 22px; font-size:clamp(17px,1.4vw,20px); line-height:1.8; }
/* Clean 2.12.6: an informational note, separate from the archival-material invitation. */
.bt-history-info { box-sizing:border-box; width:100%; margin:0 0 36px!important; padding:clamp(20px,3vw,30px); border:1px solid #b3433c; border-left-width:4px; border-radius:4px; background:#fbf1ef; color:#302625; }
.bt-history-info p { margin:0 0 16px; font-size:clamp(16px,1.3vw,18px); line-height:1.75; }
.bt-history-info p:last-child { margin-bottom:0; }
.bt-history-info .bt-history-info__label { margin:0 0 16px!important; color:#a0342f; font-size:13px; font-weight:800; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; }
.bt-history-research .bt-history-research__heading { margin:36px 0 18px!important; font-family:"Montserrat",sans-serif!important; font-size:clamp(21px,2.5vw,28px); font-weight:900!important; letter-spacing:.08em; line-height:1.35; text-transform:uppercase; overflow-wrap:anywhere; }
.bt-history-research .wp-block-button__link { display:inline-flex; align-items:center; min-height:48px; max-width:100%; padding:14px 24px; background:#171817; color:#f4f1ea; border:1px solid #171817; border-radius:0; font-size:15px; font-weight:700; text-decoration:none; letter-spacing:0; }
.bt-history-research .wp-block-button__link:hover { background:#257b70; border-color:#257b70; }
.bt-history-back, .bt-history-crosslink { margin:24px 0!important; font-size:15px; line-height:1.7; }
.bt-history-back a, .bt-history-crosslink a { text-decoration:underline; text-underline-offset:5px; }
:is(.bt-history-research,.bt-history-back,.bt-history-crosslink) a:focus-visible { outline:3px solid #257b70; outline-offset:5px; }
/* Clean 2.17.4: readable teaser copy and linked archival sources. */
.bt-history-teaser .bt-history-teaser__title { margin:0 0 28px!important; font-family:"Montserrat",sans-serif!important; font-size:clamp(22px,2.4vw,30px); font-weight:900; line-height:1.4; letter-spacing:0!important; text-transform:none; text-wrap:balance; }
.bt-history-teaser a { text-decoration:underline; text-underline-offset:3px; }
.bt-history-teaser a:hover { color:#257b70; }
.bt-history-teaser sup { font-size:.7em; line-height:0; }
.bt-history-teaser sup a { padding-inline:2px; font-weight:700; }
.bt-history-teaser .bt-history-info { margin-top:30px!important; }
.bt-history-teaser__contact a { overflow-wrap:anywhere; }
.bt-history-sources { margin:36px 0 0!important; padding-top:24px; border-top:1px solid rgba(23,24,23,.22); }
.bt-history-sources p { margin:0 0 16px; color:#625f59; font-size:14px; line-height:1.8; overflow-wrap:anywhere; scroll-margin-top:120px; }
.bt-history-sources p:last-child { margin-bottom:0; }
.bt-history-sources p:target { color:#171817; }
/* Gutenberg inserts a layout container around the chapter's child blocks. */
.editor-styles-wrapper .bt-about .bt-about-chapter { display:block; }
.editor-styles-wrapper .bt-about .bt-about-chapter > .block-editor-inner-blocks > .block-editor-block-list__layout { display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:40px; }
@media(max-width:760px) {
  .bt-about .bt-about-chapter { grid-template-columns:minmax(0,1fr); gap:18px; margin-bottom:36px!important; }
  .bt-about .bt-about-chapter > h3 { max-width:580px; margin-top:0!important; }
  .bt-about .bt-about-intro { font-size:17px; margin-bottom:36px!important; }
  .bt-about .bt-about-chapter__copy p { font-size:16px; line-height:1.8; }
  .editor-styles-wrapper .bt-about .bt-about-chapter > .block-editor-inner-blocks > .block-editor-block-list__layout { grid-template-columns:minmax(0,1fr); gap:18px; }
}
