:root{--journal-ink:#191817;--journal-muted:#716b64;--journal-paper:#eee9df;--journal-red:#8f292d;--journal-line:rgba(25,24,23,.26)}
body.journal-page{background:var(--journal-paper);color:var(--journal-ink)}
body.journal-page .site-shell{background:var(--journal-paper)}
.journal-archive,.journal-single{background:var(--journal-paper) url("../../media/assets/journal-paper-texture.png") repeat;color:var(--journal-ink)}
.journal-archive__inner,.journal-single__inner{width:min(calc(100% - 80px),1500px);margin-inline:auto}
.journal-archive__hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,10vw,138px) 0 clamp(64px,8vw,100px);color:var(--journal-paper);background:#121719}
.journal-archive__hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,14,16,.98),rgba(11,25,28,.82) 55%,rgba(117,31,38,.62)),url("../../media/assets/journal-production-stills.png") center/cover no-repeat;opacity:.9}
.journal-archive__hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(7,14,16,.12),rgba(7,14,16,.5))}
.journal-archive__kicker{display:flex;gap:10px;margin:0 0 24px;color:#e3a3a3;font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase}
.journal-archive__hero h1{max-width:1000px;margin:0;color:var(--journal-paper);font:400 clamp(52px,8vw,120px)/.88 Gloock,"Iowan Old Style",serif;letter-spacing:-.06em}
.journal-archive__intro{max-width:500px;margin:28px 0 0;color:rgba(238,233,223,.78);font-size:16px;line-height:1.6}
.journal-archive__listing{padding:clamp(48px,6vw,88px) 0 110px}
.journal-archive__listing-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--journal-line)}
.journal-archive__listing-head h2{margin:0;color:var(--journal-ink);font:400 clamp(34px,4vw,58px)/.95 Gloock,"Iowan Old Style",serif;letter-spacing:-.05em}
.journal-archive__listing-head span{color:var(--journal-red);font:500 10px/1.3 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.journal-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 20px}
.journal-card{min-width:0}
.journal-card__image-link{display:block}
.journal-card__image{position:relative;display:grid;aspect-ratio:1.5/1;overflow:hidden;background:#1b1a19;place-items:center}
.journal-card__image::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(40,18,18,.08),rgba(15,13,12,.38));pointer-events:none}
.journal-card__image img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.08) contrast(1.04) saturate(.82);transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .45s ease}
.journal-card__placeholder{color:rgba(238,233,223,.55);font:400 clamp(56px,8vw,110px)/1 Gloock,Georgia,serif;letter-spacing:-.12em}
.journal-card:hover .journal-card__image img,.journal-card:focus-within .journal-card__image img{filter:sepia(.01) contrast(1.08) saturate(.98);transform:scale(1.045)}
.journal-card__meta{display:flex;justify-content:space-between;gap:15px;margin-top:15px;padding-top:12px;border-top:1px solid var(--journal-line);color:var(--journal-red);font:500 9px/1.25 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.journal-card__meta time{color:var(--journal-muted)}
.journal-card h2{margin:18px 0 9px;font:400 clamp(24px,2.4vw,36px)/1.02 Gloock,"Iowan Old Style",serif;letter-spacing:-.035em}
.journal-card h2 a{transition:color .25s ease}
.journal-card h2 a:hover,.journal-card h2 a:focus-visible{color:var(--journal-red)}
.journal-card>p{max-width:560px;margin:0;color:var(--journal-muted);font-size:13px;line-height:1.55}
.journal-card__link{display:inline-flex;gap:15px;margin-top:20px;padding-bottom:8px;border-bottom:1px solid rgba(25,24,23,.58);font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase}
.journal-card__link span{color:var(--journal-red);transition:transform .25s ease}
.journal-card__link:hover span,.journal-card__link:focus-visible span{transform:translate(3px,-3px)}
.journal-pagination{margin-top:70px;padding-top:18px;border-top:1px solid var(--journal-line)}
.journal-pagination ul{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin:0;padding:0;list-style:none;font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.journal-pagination a,.journal-pagination span{display:inline-block;padding:10px 0}
.journal-pagination .current{color:var(--journal-red);border-bottom:1px solid var(--journal-red)}
.journal-empty{max-width:680px;padding:60px 0 100px} .journal-empty .journal-archive__label{margin:0 0 18px;color:var(--journal-red);font:500 10px/1.3 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase}
.journal-empty h2{margin:0 0 18px;font:400 clamp(38px,5vw,72px)/.95 Gloock,Georgia,serif;letter-spacing:-.05em}
.journal-empty>p:last-child{max-width:420px;color:var(--journal-muted);font-size:15px;line-height:1.7}
@media(max-width:820px){.journal-archive__inner,.journal-single__inner{width:min(calc(100% - 40px),720px)}.journal-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 14px}}
@media(max-width:560px){.journal-archive__hero{padding-top:54px}.journal-archive__hero h1{font-size:clamp(48px,13vw,72px)}.journal-archive__listing{padding-bottom:70px}.journal-archive__listing-head{align-items:flex-start;flex-direction:column;gap:12px}.journal-archive__grid{grid-template-columns:1fr;gap:44px}.journal-pagination ul{justify-content:space-between;gap:10px}}
@media(prefers-reduced-motion:reduce){.journal-card__image img,.journal-card h2 a,.journal-card__link span{transition:none}}
.journal-single{padding:clamp(32px,4vw,64px) 0 120px}
.journal-single__back{display:inline-flex;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--journal-line);font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase}
.journal-single__back span{color:var(--journal-red);font-size:18px;line-height:.5}
.journal-single__article{max-width:1120px;margin:clamp(32px,4vw,64px) auto 0}
.journal-single__header{max-width:940px;margin-inline:auto;text-align:center}
.journal-single__meta{display:flex;justify-content:center;gap:12px;margin-bottom:22px;color:var(--journal-red);font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase}.journal-single__meta--date{margin:18px auto 0;margin-bottom:0;color:var(--journal-muted)}.journal-single__meta--date time::before{content:"·";margin-right:12px;color:var(--journal-muted)}
.journal-single__meta time{color:var(--journal-muted)}

.journal-single__title{max-width:940px;margin:clamp(38px,5vw,68px) auto 0;text-align:center;font:400 clamp(48px,7vw,100px)/.88 Gloock,"Iowan Old Style",serif;letter-spacing:-.06em}
.journal-single__image{margin:clamp(28px,4vw,52px) 0 0;overflow:hidden;background:#1b1a19}
.journal-single__image img{display:block;width:100%;max-height:720px;object-fit:cover;filter:sepia(.05) contrast(1.04) saturate(.88)}
.journal-single__content{max-width:720px;margin:clamp(48px,7vw,88px) auto 0;color:#413d38;font-size:17px;line-height:1.78}
.journal-single__content>p:first-child:first-letter{float:left;margin:.08em .12em 0 0;color:var(--journal-red);font:400 5.2em/.75 Gloock,Georgia,serif}
.journal-single__content h2,.journal-single__content h3,.journal-single__content h4{margin:2em 0 .65em;color:var(--journal-ink);font-family:Gloock,"Iowan Old Style",serif;font-weight:400;line-height:1.05}
.journal-single__content h2{font-size:2em}.journal-single__content h3{font-size:1.45em}.journal-single__content p{margin:0 0 1.35em}.journal-single__content a{color:var(--journal-red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.journal-single__content ul,.journal-single__content ol{margin:0 0 1.35em;padding-left:1.4em}.journal-single__content blockquote{margin:2em 0;padding:8px 0 8px 24px;border-left:2px solid var(--journal-red);color:var(--journal-ink);font:italic 1.35em/1.35 "Cormorant Garamond",Georgia,serif}.journal-single__content figure{margin:2.25em 0}.journal-single__content img{height:auto}.journal-single__pages{display:flex;gap:12px;margin-top:38px;font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.journal-single__footer{margin-top:clamp(70px,10vw,130px);padding-top:20px;border-top:1px solid var(--journal-line)}
.journal-single__share-label{color:var(--journal-red);font:500 10px/1.3 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase}
.journal-single__navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.journal-single__navigation a{display:flex;flex-direction:column;gap:12px;min-height:80px;padding:20px 0;border-bottom:1px solid var(--journal-line)}
.journal-single__navigation a:last-child{text-align:right;align-items:flex-end}
.journal-single__navigation small{color:var(--journal-red);font:500 9px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.journal-single__navigation strong{max-width:420px;font:400 clamp(20px,2.1vw,32px)/1.05 Gloock,"Iowan Old Style",serif;letter-spacing:-.03em}
@media(max-width:820px){.journal-single__inner{width:min(calc(100% - 40px),720px)}.journal-single__article{margin-top:42px}}
@media(max-width:560px){.journal-single{padding-top:28px}.journal-single__article{margin-top:34px}.journal-single__title{font-size:clamp(43px,12vw,70px)}.journal-single__content{font-size:16px}.journal-single__navigation{grid-template-columns:1fr;gap:12px}.journal-single__navigation a:last-child{text-align:left;align-items:flex-start}}