/* Brooklyn / Journal 01 — editorial companion to the project archive */
:root{--journal-ink:#101714;--journal-panel:#19221e;--journal-paper:#f0edde;--journal-muted:#b7bdb0;--journal-rule:#d0d3c132;--journal-red:#e75a42}
body[data-page="blog-page"],body[data-page="blog-article"]{background:var(--journal-ink);color:var(--journal-paper)}
body[data-page="blog-page"] footer,body[data-page="blog-article"] footer{position:relative;z-index:2;background:#0f1713;border-top:1px solid #e4dfce22}
body[data-page="blog-page"] .site-header,body[data-page="blog-article"] .site-header{background:linear-gradient(180deg,#101714ed 0%,#10171491 60%,transparent 100%)!important}
body[data-page="blog-page"] .site-menu-toggle,body[data-page="blog-article"] .site-menu-toggle{background:#1b241eeb}
.journal-surface{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 7%,#24332955,transparent 45%),linear-gradient(180deg,#101714,#18211c 48%,#101714);min-height:85vh}
/* The original AK crest is inverted and screened over the dark canvas, preserving its linework. */
.journal-surface::before{content:"";position:fixed;z-index:-1;top:6rem;right:-12vw;width:min(78vw,1050px);height:min(78vw,1050px);background:url('./assets/ak-crest-watermark.png') center/contain no-repeat;filter:invert(1) grayscale(1);mix-blend-mode:screen;opacity:.12;pointer-events:none}
.journal-surface::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(50% - .5px),#d5d9c908 50%,transparent calc(50% + .5px)),repeating-linear-gradient(0deg,transparent 0 157px,#aab5a806 158px);opacity:.6}
.journal-rule{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #c8cfba5c;border-bottom:1px solid #c8cfba35;font:10px/1.5 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:#cbd0c3}
.journal-rule a{color:inherit;transition:color .2s}.journal-rule a:hover{color:var(--journal-red)}
.journal-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:#c9d0c0;font:11px/1.5 'DM Mono',monospace;letter-spacing:.16em}
.journal-red-dot{display:inline-block;width:8px;height:8px;background:var(--journal-red);border-radius:50%;flex:none}
.journal-index-hero{max-width:1500px;margin:auto;padding:135px 6vw 0}
.journal-index-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:9vw;align-items:end;min-height:55vh;padding:80px 0 100px}
.journal-index-grid h1{margin:0;font:500 clamp(88px,12vw,200px)/.9 'Manrope',sans-serif;letter-spacing:-.084em;color:var(--journal-paper)}
.journal-index-grid h1 em,.article-hero-copy h1 em{font:italic 400 1em/.85 Georgia,serif;letter-spacing:-.065em;color:#e28062}
.journal-index-deck{margin:0 0 15px;font:400 clamp(18px,1.7vw,25px)/1.7 'Manrope',sans-serif;color:#d3d8c9;max-width:480px}
.journal-entries{max-width:1500px;margin:0 auto;padding:25px 6vw 110px}
.journal-section-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--journal-rule);color:#bfcabb;font:10px/1.5 'DM Mono',monospace;letter-spacing:.12em}
.journal-section-row h2{font:inherit;margin:0}
.journal-feature-link{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:5vw;padding:45px 0 72px;border-bottom:1px solid var(--journal-rule);text-decoration:none}
.journal-feature-art{position:relative;min-height:420px;padding:28px 30px;background:radial-gradient(ellipse at 79% 70%,#46574755,transparent 54%),#232d25;border:1px solid #b9c5b550;box-shadow:14px 14px 0 #0b1210;display:flex;flex-direction:column;overflow:hidden}
.journal-feature-art::after{content:"AK";position:absolute;bottom:-80px;right:-20px;font:800 250px/.8 'Syne',sans-serif;letter-spacing:-.12em;color:#fcf8e907;pointer-events:none}
.journal-mini-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ccd4be48;padding-bottom:18px;font:10px 'DM Mono',monospace;letter-spacing:.15em;color:#e5e6d4}
.journal-mini-terminal{display:flex;flex-direction:column;gap:17px;margin:auto 0;padding:25px 0;font:clamp(12px,1.15vw,15px)/1.5 'DM Mono',monospace;color:#b5c0b2}
.journal-mini-terminal b{font-weight:400;color:#ecf1de}
.journal-mini-terminal .terminal-prompt{color:#e88267;margin-bottom:15px}
.journal-mini-terminal .terminal-ready{color:#e8ad85;margin-top:18px}
.journal-mini-mark{color:#b8c0aa;font:10px 'DM Mono',monospace;letter-spacing:.15em}
.journal-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:17px 0}
.journal-kicker,.article-section-marker{margin:0;color:#e88971;font:11px/1.4 'DM Mono',monospace;letter-spacing:.13em}
.journal-feature-copy h3{margin:25px 0 25px;font:500 clamp(36px,4.3vw,70px)/1.06 'Manrope',sans-serif;letter-spacing:-.06em;max-width:590px}
.journal-feature-copy>p:not(.journal-kicker){margin:0;color:#ced4c8;font:16px/1.9 'Manrope',sans-serif;max-width:510px}
.journal-read-action{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:auto;padding:35px 0 15px;min-width:min(100%,310px);border-bottom:1px solid #e28062;font:11px 'DM Mono',monospace;letter-spacing:.08em;color:#f3edde;transition:color .2s}
.journal-read-action span{font-size:22px;color:#e28062;transition:transform .25s}
.journal-feature-link:hover .journal-read-action span{transform:translate(5px,-3px)}
.journal-index-outro,.journal-article-end{display:flex;justify-content:space-between;gap:20px;padding:30px 6vw 70px;border-top:1px solid var(--journal-rule);font:10px/1.6 'DM Mono',monospace;letter-spacing:.1em;color:#b3bda9}
.journal-index-outro a,.journal-article-end a{color:#eee9dd}
.journal-index-outro a:hover,.journal-article-end a:hover{color:#e88768}
/* Long-form article */
.journal-article-hero{max-width:1500px;margin:auto;padding:135px 6vw 95px;min-height:780px}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(290px,.76fr);gap:7vw;align-items:end;padding-top:110px}
.article-hero-copy h1{max-width:900px;margin:0 0 42px;font:500 clamp(52px,6.35vw,116px)/1.015 'Manrope',sans-serif;letter-spacing:-.075em}
.article-deck{max-width:700px;color:#d0d6c9;font:400 clamp(18px,1.55vw,23px)/1.7 'Manrope',sans-serif;margin:0}
.article-links{display:flex;gap:35px;flex-wrap:wrap;margin-top:55px;font:11px 'DM Mono',monospace;letter-spacing:.08em}
.article-links a{padding-bottom:12px;border-bottom:1px solid #e27c5b;transition:color .2s}
.article-links a:hover{color:#ef9376}
.hero-runbook{max-width:480px;width:100%;padding:26px 30px;margin:0 0 25px auto;background:#212c25ee;border:1px solid #a6b5a354;box-shadow:15px 15px 0 #050e0b7a;position:relative}
.runbook-header,.runbook-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px/1.5 'DM Mono',monospace;letter-spacing:.07em;color:#dbe3d5}
.runbook-header{padding-bottom:28px;border-bottom:1px solid #bcc7b93b}
.runbook-live{color:#b7ceb4;white-space:nowrap}.runbook-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8dd5a5;margin-right:6px}
.runbook-line{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:13px;padding:24px 0;border-bottom:1px solid #bcc7b92c}
.runbook-line>span{font:11px 'DM Mono',monospace;color:#ec8b6e}.runbook-line strong{font:500 13px 'DM Mono',monospace;letter-spacing:.085em}.runbook-line small{font:11px 'DM Mono',monospace;color:#c0caba;text-align:right}
.runbook-footer{margin-top:25px;color:#aebcae;font-size:9px}
.journal-article-layout{display:grid;grid-template-columns:minmax(185px,.25fr) minmax(0,.75fr);column-gap:7vw;max-width:1370px;margin:0 auto;padding:0 6vw 95px;position:relative}
.article-contents{align-self:start;position:sticky;top:110px;display:flex;flex-direction:column;gap:13px;margin:0;padding:28px 0;border-top:1px solid #dae2d18a;font:11px/1.6 'DM Mono',monospace;letter-spacing:.01em}
.article-contents>p,.article-aside-link>span{font-size:10px;color:#e58b74;letter-spacing:.13em;margin:0 0 17px}
.article-contents>a{color:#b6c4b4;transition:color .2s}.article-contents>a:hover{color:#f6efdf}
.article-aside-link{border-top:1px solid var(--journal-rule);margin-top:30px;padding-top:22px;display:grid;gap:13px}.article-aside-link>a{color:#f1e9dd;text-transform:uppercase}
.article-prose{min-width:0;max-width:870px}
.article-section{padding:95px 0 85px;border-top:1px solid var(--journal-rule);scroll-margin-top:85px}
.article-section.first-section{border-top:1px solid #e2dccf8a}
.article-section h2{margin:24px 0 35px;font:500 clamp(32px,3.4vw,55px)/1.14 'Manrope',sans-serif;letter-spacing:-.055em;color:#e28062}
.article-section>p:not(.article-section-marker){margin:0 0 24px;font:400 16.5px/2.02 'Manrope',sans-serif;color:#d7dbce}
.article-section>p:not(.article-section-marker):last-child{margin-bottom:0}
.article-section p a{color:#e9a08a;text-decoration:underline;text-underline-offset:3px}
.article-side-note{display:grid;grid-template-columns:150px 1fr;gap:25px;margin:43px 0 45px;padding:28px 29px;border-left:2px solid #de755c;background:#e0ead009}
.article-side-note span{color:#df8b74;font:10px/1.8 'DM Mono',monospace;letter-spacing:.1em}
.article-side-note p{margin:0!important;color:#e2dfcf;font:italic 18px/1.75 Georgia,serif}
.article-flow-figure{margin:44px 0;padding:27px 25px 20px;border:1px solid #b4c3b547;background:#1c2820b0}
.article-figure-top{display:flex;justify-content:space-between;margin:0 0 28px;color:#dbad96;font:10px 'DM Mono',monospace;letter-spacing:.1em}
.article-flow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}
.article-flow-node{min-height:105px;display:flex;flex-direction:column;justify-content:space-between;padding:13px 12px;background:#3040387a;border:1px solid #d4dec534;gap:5px}
.article-flow-node span{color:#e38c70;font:10px 'DM Mono',monospace}.article-flow-node strong{font:500 14px 'Manrope',sans-serif;color:#f3eede}.article-flow-node small{font:10px/1.4 'DM Mono',monospace;color:#b9c9b7}
.article-flow-track>i{font:normal 16px 'DM Mono',monospace;color:#e9a08c}
.article-flow-figure figcaption{margin-top:22px;color:#b5c1af;font:11px/1.7 'DM Mono',monospace}
.code-sample{margin:40px 0 40px;background:#0a110f;border:1px solid #9bae985c;box-shadow:9px 9px 0 #04080660;overflow:hidden}
.code-bar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #a8b49b35;padding:15px 18px;background:#223128;color:#c2cfc0;font:10px/1.4 'DM Mono',monospace;letter-spacing:.09em}
.code-bar>span:last-child{color:#ea997e}
.code-sample pre{margin:0;padding:23px 22px;max-width:100%;overflow-x:auto;tab-size:2;color:#e4eada;font:12px/1.85 'DM Mono',monospace}
.code-sample code{font:inherit;white-space:pre}
.article-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:43px 0 10px;border-top:1px solid #c7cfb969;border-bottom:1px solid #c7cfb969;padding:24px 0}
.article-stats>div{display:grid;align-content:start;gap:10px;min-width:0;border-right:1px solid #ced4c538;padding-right:10px}.article-stats>div:last-child{border-right:0}
.article-stats strong{font:400 clamp(34px,4vw,60px)/1 'Manrope',sans-serif;letter-spacing:-.06em;color:#ef9071}.article-stats span{max-width:190px;color:#bdc7b9;font:11px/1.5 'DM Mono',monospace}
.article-outlink{margin:50px 0 0;padding:28px 0 35px;border-top:1px solid #c4d0bd7c;border-bottom:1px solid #c4d0bd7c;display:grid;gap:16px}.article-outlink p{margin:0;color:#e39980;font:10px 'DM Mono',monospace;letter-spacing:.13em}.article-outlink a{display:flex;justify-content:space-between;gap:20px;font:500 clamp(20px,2.6vw,31px)/1.25 'Manrope',sans-serif;letter-spacing:-.04em}.article-outlink a:hover{color:#ee9476}.article-outlink small{color:#adb9a9;font:11px 'DM Mono',monospace}
.journal-article-end{max-width:1370px;margin:auto}
/* Responsive: do not let long headings, code or the side navigation obstruct reading. */
@media(max-width:1050px){.journal-index-grid{gap:5vw}.article-hero-grid{gap:4vw}.article-hero-copy h1{font-size:clamp(52px,6vw,80px)}.journal-article-layout{grid-template-columns:175px 1fr;gap:4vw}}
@media(max-width:800px){.journal-surface::before{right:-40vw;top:90px;width:110vw;height:110vw;opacity:.11}.journal-index-hero{padding:115px 7vw 0}.journal-index-grid{grid-template-columns:1fr;gap:20px;padding:80px 0 70px;min-height:0}.journal-index-grid h1{font-size:clamp(80px,15vw,130px)}.journal-index-deck{max-width:630px;font-size:19px}.journal-entries{padding:25px 7vw 80px}.journal-feature-link{grid-template-columns:1fr;gap:36px}.journal-feature-art{min-height:350px}.journal-feature-copy h3{font-size:clamp(34px,6vw,58px)}.journal-read-action{margin-top:20px}.journal-article-hero{padding:115px 7vw 60px;min-height:0}.article-hero-grid{grid-template-columns:1fr;padding-top:70px;gap:55px}.article-hero-copy h1{font-size:clamp(50px,9.5vw,83px)}.hero-runbook{margin:0;max-width:620px}.journal-article-layout{display:block;padding:0 7vw 70px}.article-contents{position:static;display:none}.article-prose{max-width:none}.article-section{padding:70px 0}.article-flow-track{gap:4px}.article-flow-node{padding:10px 8px}.article-flow-node strong{font-size:12px}.article-flow-node small{font-size:9px}.journal-index-outro,.journal-article-end{padding:28px 7vw 65px}}
@media(max-width:550px){.journal-rule{font-size:9px}.journal-rule span:last-child{max-width:52%;text-align:right}.journal-index-grid h1{font-size:clamp(75px,17vw,115px)}.journal-index-grid{padding:75px 0 65px}.journal-feature-art{min-height:325px;padding:23px 20px}.journal-feature-copy h3{font-size:clamp(32px,10vw,45px)}.journal-feature-copy>p:not(.journal-kicker){font-size:15px}.journal-feature-link{padding-bottom:45px}.article-hero-copy h1{font-size:clamp(45px,11vw,67px)}.article-deck{font-size:17px}.article-links{gap:24px}.article-links a{font-size:10px}.hero-runbook{padding:22px 20px}.runbook-line{grid-template-columns:25px 1fr;gap:8px;padding:17px 0}.runbook-line small{grid-column:2;text-align:left}.runbook-footer{flex-wrap:wrap}.article-section h2{font-size:clamp(30px,8.5vw,41px)}.article-section>p:not(.article-section-marker){font-size:15.5px;line-height:1.85}.article-side-note{grid-template-columns:1fr;gap:8px;padding:23px 20px}.article-flow-figure{padding:23px 15px}.article-flow-track{grid-template-columns:1fr;gap:8px}.article-flow-track>i{text-align:center;transform:rotate(90deg);line-height:12px}.article-flow-node{min-height:0;flex-direction:row;align-items:center;gap:12px}.article-flow-node strong{font-size:13px;flex:1}.article-flow-node small{font-size:10px;max-width:42%;text-align:right}.article-stats{gap:8px}.article-stats strong{font-size:36px}.article-stats span{font-size:9px}.code-bar{font-size:9px}.code-sample pre{font-size:11px;padding:18px 15px}.journal-index-outro{display:grid;gap:20px}}
@media(prefers-reduced-motion:reduce){.journal-feature-link *,.journal-rule a,.article-links a{transition:none!important}}