.north-notes{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:#15141e;padding-top:64px;padding-bottom:54px}
.north-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.43}
.north-notes:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11101be8 0%,#11101ba6 55%,#11101b40),linear-gradient(0deg,#11101bea,transparent 70%)}
.north-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}
.north-heading h2{font-family:'Space Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.09em;line-height:1.7;text-transform:uppercase;color:var(--purple)}
.north-count{color:var(--purple);font-variant-numeric:tabular-nums}
.north-reading{min-height:320px;max-width:880px;display:grid;align-items:start;padding-bottom:26px}
.north-quote{margin:0}.north-quote[hidden]{display:none}
.north-quote blockquote{margin:0;font-size:clamp(30px,3.7vw,50px);font-weight:450;letter-spacing:-.04em;line-height:1.2;text-wrap:balance}
.north-quote blockquote p{color:var(--text)}
.north-quote figcaption{margin-top:25px;color:#c5bbd1;font-size:12px;line-height:1.8}
.north-author{display:block;font-size:14px;color:var(--purple);margin-bottom:5px}
.north-source{display:block;font-size:10px;letter-spacing:.025em}.north-source cite{font-style:normal}.north-translation{display:block}
.north-source a{display:inline-block;color:var(--purple);text-decoration:underline;text-underline-offset:4px;margin-left:12px}.north-source a:hover{color:var(--text)}
.north-footer{border-top:1px solid #ceb8ee44;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.north-themes{display:flex;flex-wrap:wrap;gap:5px 17px;max-width:730px}
.north-themes button{background:none;border:0;border-bottom:1px solid transparent;padding:9px 0;color:#c5bbd1;font:10px 'Space Mono',monospace;line-height:1.8;min-height:40px}
.north-themes button:hover{color:var(--text)}.north-themes button[aria-pressed=true]{color:var(--purple);border-bottom-color:var(--purple)}
.north-arrows{display:flex;gap:8px;flex-shrink:0}.north-arrows .button{width:46px;height:46px;min-height:46px;padding:0;font-size:20px}
.north-footer[hidden]{display:none}
@media(max-width:700px){.north-heading{margin-bottom:30px}.north-notes{padding-top:42px;padding-bottom:32px}.north-heading h2{font-size:10px}.north-reading{min-height:380px}.north-quote blockquote{font-size:30px}.north-quote figcaption{margin-top:23px}.north-source a{display:block;margin:9px 0 0;width:fit-content;min-height:32px}.north-footer{gap:20px;align-items:flex-start;flex-direction:column}.north-themes{gap:0 16px}.north-arrows{align-self:flex-end}.north-landscape{object-position:67% center}}