.bl-field-note-page .bl-note-progress{position:fixed;z-index:60;top:70px;left:0;width:100%;height:3px;background:rgba(11,25,48,.1);pointer-events:none}
.bl-field-note-page .bl-note-progress span{display:block;width:calc(var(--bl-note-progress,0)*100%);height:100%;background:var(--notes-coral)}
.bl-field-note-page .bl-note-hero{display:grid;grid-template-columns:minmax(520px,.95fr) minmax(0,1.05fr);min-height:740px;background:#e9dfcf}
.bl-field-note-page .bl-note-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:110px clamp(48px,6vw,96px) 80px max(var(--notes-edge),calc((100vw - 1366px)/2 + 60px))}
.bl-field-note-page .bl-note-hero .bl-notes-text-link{align-self:flex-start;margin-bottom:58px}
.bl-field-note-page .bl-note-hero .bl-notes-meta{margin:0 0 22px}
.bl-field-note-page .bl-note-hero h1{max-width:750px;margin:0;font-size:clamp(48px,5.7vw,82px);font-weight:800;letter-spacing:-.065em;line-height:.98}
.bl-field-note-page .bl-note-standfirst{max-width:60ch;margin:30px 0 22px;color:#344157;font-size:17px;line-height:1.68}
.bl-field-note-page .bl-note-byline{display:flex;gap:20px;margin:0;color:var(--notes-muted);font-size:12px;font-weight:700}
.bl-field-note-page .bl-note-hero figure{min-width:0;margin:0;padding:clamp(80px,7vw,110px) var(--notes-edge) 70px 0}
.bl-field-note-page .bl-note-hero figure img{width:100%;height:100%;object-fit:cover;clip-path:polygon(3% 0,100% 2%,98% 98%,58% 100%,0 97%,2% 42%)}
.bl-field-note-page .bl-note-reading{position:relative;display:grid;grid-template-columns:minmax(180px,260px) minmax(540px,680px) minmax(0,260px);gap:58px;width:var(--notes-content);margin:0 auto;padding:120px 0}
.bl-field-note-page .bl-note-contents{position:sticky;top:115px;align-self:start;padding-right:24px;border-right:1px solid rgba(11,25,48,.18)}
.bl-field-note-page .bl-note-contents>p{margin:0 0 18px;color:var(--notes-coral);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bl-field-note-page .bl-note-contents ol{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}
.bl-field-note-page .bl-note-contents a{color:var(--notes-muted);font-size:12px;line-height:1.45}
.bl-field-note-page .bl-note-prose{grid-column:2;width:100%;margin:0}
.bl-field-note-page .bl-note-prose>p{margin:0 0 26px;color:#29364c;font-size:18px;line-height:1.78}
.bl-field-note-page .bl-note-prose>p:first-child{font-size:21px;font-weight:500;line-height:1.65}
.bl-field-note-page .bl-note-prose h2{margin:66px 0 22px;font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.08}
.bl-field-note-page .bl-note-prose h3{margin:42px 0 16px;font-size:25px}
.bl-field-note-page .bl-note-prose blockquote{position:relative;margin:48px -50px;padding:38px 42px 30px;border:0;background:#ebe1d2;font-size:23px;line-height:1.5}
.bl-field-note-page .bl-note-prose blockquote:before{content:"";position:absolute;top:0;left:42px;width:120px;height:5px;background:var(--notes-coral);clip-path:polygon(0 22%,18% 0,43% 31%,68% 6%,100% 35%,98% 84%,70% 66%,41% 96%,13% 70%,1% 88%)}
.bl-field-note-page .bl-note-prose ul,.bl-field-note-page .bl-note-prose ol{margin:0 0 28px;padding-left:24px;font-size:18px;line-height:1.75}
.bl-field-note-page .bl-note-prose a{color:var(--notes-teal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bl-field-note-page .bl-note-sources{padding:72px max(var(--notes-edge),calc((100vw - 950px)/2));background:#e9dfcf}
.bl-field-note-page .bl-note-sources h2{margin:0 0 22px;font-size:28px;letter-spacing:-.03em}
.bl-field-note-page .bl-note-sources p,.bl-field-note-page .bl-note-sources li{color:var(--notes-muted);font-size:14px;line-height:1.7}
.bl-field-note-page .bl-note-sources a{color:var(--notes-teal);font-weight:700;text-decoration:underline}
.bl-field-note-page .bl-note-programme{position:relative;width:min(900px,calc(100vw - (var(--notes-edge)*2)));margin:90px auto;padding:52px 44px 44px;border:0;background:#efe5d7}
.bl-field-note-page .bl-note-programme:before{content:"";position:absolute;top:0;left:44px;width:150px;height:6px;background:var(--notes-teal);clip-path:polygon(0 35%,15% 4%,34% 33%,55% 11%,76% 41%,100% 8%,98% 78%,72% 62%,53% 96%,29% 67%,2% 91%)}
.bl-field-note-page .bl-note-related{padding:110px var(--notes-edge);background:var(--notes-ink);color:#f7f1e7}
.bl-field-note-page .bl-note-related>p,.bl-field-note-page .bl-note-related>h2,.bl-field-note-page .bl-note-related>div{width:var(--notes-content);margin-inline:auto}
.bl-field-note-page .bl-note-related h2{margin-top:13px;font-size:clamp(42px,5vw,70px);letter-spacing:-.055em}
.bl-field-note-page .bl-note-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;background:rgba(255,255,255,.23)}
.bl-field-note-page .bl-note-related article{min-height:260px;padding:34px;background:var(--notes-ink)}
.bl-field-note-page .bl-note-related article span{color:var(--notes-lavender);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bl-field-note-page .bl-note-related h3{margin:30px 0 0;font-size:clamp(23px,2.2vw,32px);line-height:1.15;letter-spacing:-.035em}
.bl-field-note-page .bl-note-not-found{min-height:70vh;padding:160px var(--notes-edge);text-align:center}
.bl-field-note-page .bl-note-not-found h2{margin:15px auto;font-size:clamp(50px,7vw,92px);letter-spacing:-.06em}
.bl-field-note-page [hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.bl-field-note-page *{scroll-behavior:auto!important;transition:none!important}
}
