/* The Details — the blog post and the journal page (journal.php), Simone's designs of 2026-10-01 ported as rendered:
   Website Design System tokens (ink · white · hairlines), Noto Serif 400 titles, Montserrat, square pictures, 96px rhythm.
   Muted text is #6F6A5E rather than the design's #8A8477, which fails WCAG AA at these sizes (same call as blog.css).
   Everything is scoped to .bj so the theme reset and the Elementor kit can't reach in, and nothing here leaks out. */
.bj{--ink:#171717;--body:#4a453d;--mut:#6F6A5E;--line:#E0DDD6;--white:#fff;--serif:'Noto Serif',Georgia,serif;--sans:'Montserrat',-apple-system,system-ui,sans-serif;
	font-family:var(--sans);font-size:17px;line-height:1.45;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
.bj *,.bj *::before,.bj *::after{box-sizing:border-box}
.bj p,.bj ul,.bj figure,.bj h1,.bj h2,.bj h3{margin:0;padding:0}
.bj a{color:inherit;text-decoration:none}
.bj img{display:block;max-width:100%;height:auto}
.bj [id]{scroll-margin-top:120px}
.bj a:focus-visible,.bj summary:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px}
.bj .bj-cover-h1,.bj h2,.bj h3,.bj .bj-mast-h1{font-family:var(--serif);font-weight:400;line-height:1.08;color:var(--ink);text-wrap:balance;letter-spacing:normal;text-transform:none}
@media (prefers-reduced-motion:reduce){.bj *{transition:none!important}}

.bj .bj-wide,.bj .bj-col{max-width:760px;margin:0 auto;padding-inline:40px}
.bj .bj-wrap{max-width:1120px;margin:0 auto;padding-inline:40px}
@media(max-width:640px){.bj .bj-wide,.bj .bj-col,.bj .bj-wrap{padding-inline:20px}}
.bj .bj-eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:var(--ink)}
.bj .bj-cat{display:block;font-size:14px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--ink)}
.bj .bj-tl{display:inline-flex;gap:7px;align-items:baseline;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:2px;transition:transform .2s}
.bj .bj-tl:hover,.bj a:hover>div>.bj-tl{transform:translateX(4px)}
.bj .bj-center{text-align:center}
.bj .bj-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:18px}
.bj .bj-links.bj-center{justify-content:center;margin-top:40px}
.bj .bj-more{margin-top:34px}

/* ---------- post: cover ---------- */
.bj .bj-cover{padding-top:72px}
.bj .bj-cover-h1{font-size:clamp(44px,5.4vw,72px);line-height:1.02;letter-spacing:-.02em;margin:18px 0 40px}
.bj .bj-cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.bj .bj-cover-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-intro{font-size:clamp(19px,1.5vw,22px);line-height:1.4;letter-spacing:-.015em;color:var(--ink)}
.bj .bj-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;font-size:14px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--mut)}
@media(max-width:700px){.bj .bj-cover-grid{grid-template-columns:1fr;gap:28px}}

/* ---------- post: key takeaways ---------- */
.bj .bj-take{margin-top:96px;border-top:1.5px solid var(--ink);padding-top:26px}
.bj .bj-tk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:14px}
.bj .bj-tk li{border-bottom:1px solid var(--line);min-width:0}
.bj .bj-tk a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:16px;color:var(--ink)}
.bj .bj-tk a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bj .bj-tk a i{font-style:normal;transition:transform .2s}
.bj .bj-tk a:hover i{transform:translateX(4px)}
@media(max-width:600px){.bj .bj-tk{grid-template-columns:1fr}.bj .bj-tk a span{white-space:normal}}

/* ---------- post: the article ---------- */
.bj .bj-prose{padding-top:96px}
.bj .bj-prose>*:first-child{margin-top:0}
.bj .bj-prose h2{font-size:clamp(25px,1.8vw,30px);line-height:1.08;letter-spacing:-.01em;margin:56px 0 18px}
.bj .bj-prose h3{font-size:clamp(21px,1.5vw,24px);line-height:1.15;margin:36px 0 12px}
.bj .bj-prose p,.bj .bj-prose li{font-size:17px;line-height:1.45;color:var(--body)}
.bj .bj-prose p{margin:0 0 18px;max-width:62ch}
.bj .bj-prose ul,.bj .bj-prose ol{margin:0 0 18px;padding-left:1.25em}
.bj .bj-prose li{margin-bottom:6px}
.bj .bj-prose a{color:var(--ink);border-bottom:1px solid var(--ink)}
.bj .bj-prose strong{color:var(--ink);font-weight:600}
.bj .bj-prose figure{margin:28px 0 28px;max-width:100%}
.bj .bj-prose figure img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-prose figcaption{font-size:14px;line-height:1.45;font-style:normal;color:var(--mut);margin-top:10px;text-align:left}
.bj .bj-prose blockquote{margin:28px 0;padding-left:20px;border-left:1.5px solid var(--ink);font-family:var(--serif);font-size:22px;line-height:1.35;color:var(--ink)}

/* ---------- post: related links + FAQ ---------- */
.bj .bj-related{margin-top:56px;padding-top:22px;border-top:1px solid var(--line)}
.bj .bj-faqs{margin-top:56px}
.bj .bj-stitle{font-size:clamp(38px,3vw,50px);line-height:1.05;letter-spacing:-.015em;margin-top:18px}
.bj .bj-faqs .bj-stitle{font-size:clamp(28px,2.4vw,36px);margin-top:0}
.bj .bj-faq{margin-top:22px;border-top:1.5px solid var(--ink)}
.bj .bj-faq details{border-bottom:1px solid var(--line)}
.bj .bj-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:22px 2px;font-family:var(--serif);font-size:clamp(21px,1.6vw,25px);line-height:1.25;color:var(--ink)}
.bj .bj-faq summary::-webkit-details-marker{display:none}
.bj .bj-faq summary::after{content:"+";flex:none;font-family:var(--sans);font-size:22px;line-height:1}
.bj .bj-faq details[open] summary::after{content:"\2212"}
.bj .bj-a{padding:0 2px 22px;color:var(--body);max-width:60ch;font-size:17px;line-height:1.45}
.bj .bj-a p{margin:0 0 12px}.bj .bj-a p:last-child{margin-bottom:0}
.bj .bj-a a{color:var(--ink);border-bottom:1px solid var(--ink)}

/* ---------- post: the connection bands ---------- */
.bj .bj-band{padding-block:96px;margin-top:96px;border-top:1px solid var(--line)}
.bj .bj-band+.bj-band{margin-top:0}
.bj .bj-head{max-width:60ch}
.bj .bj-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.bj .bj-row4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px}
@media(max-width:700px){.bj .bj-row3{grid-template-columns:1fr;gap:34px}}
.bj .bj-tile{display:block;min-width:0}
.bj .bj-shot{display:block;aspect-ratio:1/1;overflow:hidden;background:#f3f2ef}
.bj .bj-shot img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.bj .bj-tile:hover .bj-shot img{transform:scale(1.04)}
.bj .bj-tile .bj-cat{margin:16px 0 6px}
.bj .bj-tile h3{font-size:clamp(21px,1.6vw,24px);line-height:1.2;margin:0}
.bj .bj-row3 .bj-tile h3{font-size:clamp(20px,1.6vw,24px)}
.bj .bj-ar{font-style:normal;font-family:var(--sans);font-size:.8em;display:inline-block;transition:transform .2s}
.bj .bj-tile:hover .bj-ar{transform:translateX(4px)}

/* the Finish Gallery's own "Living Finish Explained" block */
.bj .bj-fg{text-align:center}
.bj .bj-fg-h{font-size:38px;line-height:1.1}
.bj .bj-fg-lead{font-size:19px;line-height:1.5;color:var(--ink);max-width:46ch;margin:18px auto 0}
.bj .bj-fg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.bj .bj-fg3 img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-fg3 h3{font-size:25px;line-height:1.1;margin-top:20px}
.bj .bj-fg3 p{font-size:16px;line-height:1.5;color:var(--ink);margin-top:10px}
@media(max-width:600px){.bj .bj-fg3{grid-template-columns:1fr}}

/* ---------- post: Visit Bradford, last ---------- */
.bj .bj-vb{padding-block:96px;border-top:1px solid var(--line)}
.bj .bj-vb-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:center}
.bj .bj-vb-h{font-size:clamp(28px,2.4vw,34px);line-height:1.05;letter-spacing:-.015em;margin:18px 0}
.bj .bj-vb-body{color:var(--body);max-width:36ch}
.bj .bj-vb-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}
.bj .bj-vb-det{margin-top:30px;font-size:15px;line-height:1.7;color:var(--body)}
.bj .bj-vb-det b{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.bj .bj-vb-det a{color:var(--body)}
.bj .bj-vb img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:700px){.bj .bj-vb-grid{grid-template-columns:1fr;row-gap:30px}}

/* ---------- The Details ---------- */
.bj .bj-mast{padding-block:88px 56px;text-align:center;border-bottom:1.5px solid var(--ink)}
.bj .bj-mast-h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.02em;margin-top:14px}
.bj .bj-mast-p{font-size:clamp(19px,1.6vw,23px);line-height:1.4;max-width:34ch;margin:18px auto 0;color:var(--ink)}
.bj .bj-sec{padding-block:96px;border-bottom:1px solid var(--line)}
.bj .bj-sec.bj-last{border-bottom:0}
.bj .bj-sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 30px}
.bj .bj-h2{font-size:clamp(34px,3vw,46px);letter-spacing:-.015em;margin-top:14px}
.bj .bj-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.bj .bj-pc{display:block;min-width:0}
.bj .bj-pc .bj-shot img{transition:transform .5s}
.bj .bj-pc:hover .bj-shot img{transform:scale(1.03)}
.bj .bj-pc-t{font-size:clamp(22px,1.8vw,28px);margin-top:18px}
.bj .bj-go{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1.5px solid var(--ink);padding-bottom:2px}
@media(max-width:760px){.bj .bj-paths{grid-template-columns:1fr}}
.bj .bj-cover-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:40px}
.bj .bj-cover-card>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-cover-t{font-size:clamp(34px,3.2vw,48px);letter-spacing:-.015em;margin-top:12px}
.bj .bj-cover-p{font-size:clamp(19px,1.5vw,22px);line-height:1.45;margin-top:18px;max-width:34ch}
.bj .bj-cover-card .bj-tl,.bj .bj-feat .bj-tl{margin-top:28px}
@media(max-width:820px){.bj .bj-cover-card{grid-template-columns:1fr;gap:26px}}
.bj .bj-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.bj .bj-row.bj-r2{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.bj .bj-row.bj-r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bj .bj-row.bj-r2+.bj-row.bj-r4{margin-top:48px}
.bj .bj-row .bj-tile h3{font-size:clamp(20px,1.6vw,24px);margin-top:6px}
.bj .bj-row .bj-tile .bj-cat{margin:16px 0 0}
.bj .bj-tile.bj-big h3{font-size:clamp(24px,2vw,30px)}
@media(max-width:900px){.bj .bj-row.bj-r4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bj .bj-row,.bj .bj-row.bj-r2{grid-template-columns:1fr;gap:34px}}
.bj .bj-feat{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:40px}
.bj .bj-feat>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-feat-t{font-size:clamp(34px,3vw,46px);margin-top:10px}
.bj .bj-feat-p{font-size:clamp(19px,1.5vw,22px);line-height:1.45;margin-top:16px;max-width:30ch}
.bj .bj-feat+.bj-row{margin-top:48px}
@media(max-width:760px){.bj .bj-feat{grid-template-columns:1fr;gap:22px}}
.bj .bj-show{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bj .bj-show>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-show .bj-h2{margin-top:18px}
.bj .bj-show-p{color:var(--body);margin-top:18px;max-width:40ch}
.bj .bj-show .bj-tl{margin-top:28px}
@media(max-width:760px){.bj .bj-show{grid-template-columns:1fr;gap:28px}}

/* ---------- the end of a page: "Keep exploring" above the footer (connect.php page_end) ---------- */
.bj.bj-pageend{padding-block:96px;border-top:1px solid var(--line);margin:0}
/* matched to the site's own "Keep exploring" band (template 101205, measured 2026-10-06): 1160 content width, label 14/700 .12em,
   h2 Noto Serif 42/1.2 (30 on phones) 16px under the label */
.bj.bj-pageend .bj-wrap{max-width:1200px;padding-inline:20px}
.bj.bj-pageend .bj-pe-h{font-size:42px;line-height:1.2;letter-spacing:normal;margin-top:16px}
@media(max-width:767px){.bj.bj-pageend .bj-wrap{padding-inline:24px}.bj.bj-pageend .bj-pe-h{font-size:30px}}

/* ---------- project pages (projects.php): the hand-built /project-the-wilderness/ (74741) ported value for value, scoped to
   .bp. Two things corrected: the "Why it works" label lost to `.why p` and rendered as large serif capitals (now the same small
   label as every other section), and its cream band rendered white anyway (kept white: the site has no background colours). */
.bp{--ink:#171717;--mut:#6a6a62;--line:#e4e0d6;--soft:#f7f6f3;color:var(--ink);font-family:"Montserrat",system-ui,sans-serif;line-height:1.6;background:#fff;
	width:calc(100% - 20px);max-width:1140px;margin:0 auto}
.bp *{box-sizing:border-box}
.bp img{max-width:100%;height:auto;display:block}
.bp a{color:inherit}
.bp .bp-w{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.bp .bp-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:0 0 16px}
.bp .bp-h1{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,62px);line-height:1.05;margin:0 0 16px;letter-spacing:-.015em;color:var(--ink);text-transform:none}
.bp .bp-credit{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0}
.bp .bp-head{padding:clamp(40px,5vw,64px) 0 34px;max-width:none}   /* the original's .head overrode .w's side padding: the title lines up with the hero */
.bp .bp-hero{width:100%;aspect-ratio:16/9;object-fit:cover}
.bp .bp-sec{padding:clamp(48px,6vw,86px) 0}
.bp .bp-h2{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:clamp(26px,3vw,38px);margin:0 0 18px;line-height:1.15;color:var(--ink);letter-spacing:normal;text-transform:none}
.bp .bp-sn{font-family:"Montserrat",system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:0 0 14px;line-height:1.6}
.bp .bp-body p,.bp .bp-p{font-size:17px;line-height:1.72;color:#3a3a36;max-width:62ch;margin:0 0 16px}
.bp .bp-body a{color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}
.bp .bp-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.bp .bp-two img{width:100%;aspect-ratio:4/5;object-fit:cover}
.bp .bp-hw{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.bp .bp-hw img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--soft)}
.bp .bp-spec{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.bp .bp-spec li{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:18px;align-items:baseline;margin:0}
.bp .bp-spec b{font-family:"Montserrat",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);min-width:96px;flex:none}
.bp .bp-spec a{text-decoration:none;border-bottom:1px solid var(--line)}
.bp .bp-spec a:hover{border-bottom-color:var(--ink)}
.bp .bp-why-p{font-family:"Noto Serif",Georgia,serif;font-size:clamp(20px,2.1vw,26px);line-height:1.5;max-width:56ch;color:var(--ink);margin:0}
.bp .bp-rooms{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.bp .bp-rooms span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:20px;padding:6px 13px;color:var(--mut)}
.bp .bp-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bp .bp-grid4 img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bp .bp-grid4 figure{margin:0}
.bp .bp-grid4 figcaption{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--mut);margin-top:9px}
.bp .bp-cta{text-align:center;padding-bottom:clamp(48px,6vw,80px);display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px}
.bp .bp-cta a{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px}
.bp .bp-cta a:hover{opacity:.6}
.bp .bp-creds{border-top:1px solid var(--line);padding:34px 0 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.bp .bp-creds div span{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.bp .bp-creds div b{font-weight:400;font-family:"Noto Serif",Georgia,serif;font-size:16px}
.bp .bp-src{font-size:12px;color:var(--mut);margin:22px 0 0}
@media(max-width:860px){.bp .bp-two,.bp .bp-hw{grid-template-columns:1fr}.bp .bp-grid4{grid-template-columns:1fr 1fr}}