
/* JIT brand pass — Journal index (new page, pack 14). Base: paper + red accents (reading page); footer paper. 2026-09-03 */
:root{--espresso:#341517;--paper:#FDFCF8;--greige:#CFCABF;--sky:#B1E0FF;--spark:#F03617;--butter:#FFDD87;--paper-hair:rgba(253,252,248,.25);--ink-soft:rgba(52,21,23,.72);--ink-hair:rgba(52,21,23,.22)}
body{background:var(--paper);color:var(--espresso);font-family:"General Sans","Hanken Grotesk",system-ui,sans-serif;margin:0}
.jn-wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.jn-mast{padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,5vw,4rem);border-bottom:1px solid var(--ink-hair)}
.jn-eyebrow{font:600 .68rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1.2rem}
.jn-mast h1{font:400 clamp(3.4rem,8vw,6.5rem)/.92 "Instrument Serif",Georgia,serif;letter-spacing:-.03em;margin:0}
.jn-mast h1::after{content:"";display:block;width:4.5rem;height:.4rem;background:var(--spark);margin-top:1.4rem}
.jn-topline{font:400 clamp(1.5rem,2.6vw,2.1rem)/1.2 "Instrument Serif",Georgia,serif;margin:1.6rem 0 .6rem}
.jn-sub{max-width:52ch;color:var(--ink-soft);font-size:1.05rem;line-height:1.6;margin:0}
.jn-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:clamp(3rem,5vw,4rem) 0}
@media(max-width:900px){.jn-list{grid-template-columns:1fr}}
.jn-card{display:flex;flex-direction:column;gap:.6rem;background:var(--paper);border-top:2px solid var(--espresso);padding:1.2rem 0 0;color:inherit;text-decoration:none}
.jn-card figure{margin:0;aspect-ratio:4/3;background:var(--greige);overflow:hidden}.jn-card img{display:block;width:100%;height:100%;object-fit:cover}
.jn-meta{display:flex;justify-content:space-between;font:500 .62rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.jn-tag{color:var(--spark)}
.jn-card h2{font:400 1.55rem/1.15 "Instrument Serif",Georgia,serif;margin:.2rem 0 0}
.jn-card p{color:var(--ink-soft);line-height:1.55;margin:0;font-size:.95rem}
.jn-more{display:flex;justify-content:center;padding:0 0 clamp(3rem,5vw,4rem)}
.jn-btn{display:inline-block;background:var(--espresso);color:var(--paper);font:600 .74rem/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.5rem;text-decoration:none}
.jn-cta{background:var(--greige);padding:clamp(3rem,6vw,5rem) 0}
.jn-cta h2{font:400 clamp(1.9rem,3.6vw,2.8rem)/1.05 "Instrument Serif",Georgia,serif;margin:0 0 .8rem}
.jn-cta p{color:var(--ink-soft);max-width:60ch;margin:0 0 1.4rem}
.jn-sample{position:absolute;top:.6rem;left:.6rem;background:var(--butter);color:var(--espresso);font:600 .58rem/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .5rem}
.jn-card figure{position:relative}
#mobile-menu,.sculpt-mobile-menu{background:var(--espresso)!important;color:var(--paper)!important}
.sculpt-site-footer::before,.sculpt-site-footer::after,.sculpt-footer__cta::before,.sculpt-footer__cta::after{display:none!important}
footer.site-footer.sculpt-site-footer{background:var(--paper)!important;color:var(--espresso)!important;border-top:1px solid var(--ink-hair)!important}
footer.sculpt-site-footer *{border-color:rgba(52,21,23,.25)!important;background-image:none!important}
.sculpt-footer__lead,.sculpt-footer__nav a,.sculpt-footer__bottom,.sculpt-footer__bottom *{color:var(--espresso)!important}
.sculpt-footer__nav > div > *:first-child,.sculpt-footer__nav h4,.sculpt-footer__nav strong{color:var(--spark)!important}
.sculpt-footer__cta{background:var(--greige)!important;color:var(--espresso)!important;border-radius:0!important;transform:none!important}
.sculpt-footer__cta *{color:var(--espresso)!important;border-radius:0!important}
.sculpt-footer__cta-arrow{background:var(--spark)!important;color:var(--paper)!important}.sculpt-footer__cta-arrow *{color:var(--paper)!important}
/* contrast audit fixes 2026-09-03 */
header.sculpt-site-header a.sculpt-header-cta,header.sculpt-site-header a.sculpt-header-cta *{color:var(--espresso)!important}
.sculpt-footer__nav > div > *:first-child,.sculpt-footer__nav h4,.sculpt-footer__nav strong{color:var(--espresso)!important;opacity:.75}
.sculpt-footer__lead,.sculpt-footer__lead *{color:var(--espresso)!important}
footer.site-footer .sculpt-footer__cta strong,footer.site-footer .sculpt-footer__cta *{color:var(--espresso)!important}

/* fix: theme body rule painted the page espresso */
html,body,main,.jn-main,#page-container,.flex-col{background:var(--paper)!important;color:var(--espresso)!important}
.jn-mast h1,.jn-topline,.jn-card h2,.jn-cta h2{color:var(--espresso)!important}
.sculpt-site-footer,.sculpt-site-footer *{border-radius:0!important}

.sculpt-footer__nav p,.sculpt-footer__nav > div > p:first-child{color:var(--espresso)!important;opacity:.75}

.jn-tag{color:var(--espresso)!important;border-bottom:2px solid var(--spark);padding-bottom:.1rem}

/* logo: the PNG is logo-black; invert on dark grounds, keep black on light grounds */
header.sculpt-site-header img,.sculpt-site-header__logo img{filter:invert(1) brightness(1.15)!important}
.sculpt-footer__brand img{filter:none!important;max-height:5rem;width:auto}
.sculpt-mobile-menu img,#mobile-menu img{filter:invert(1) brightness(1.15)!important}



/* the booking date is the one thing to catch; the mark's red is only 3.0:1 on
   butter, so the date takes the deepest shade of it that clears 4.5 (5.0:1) */
.sculpt-announcement .announce_when{font-style:normal;color:#B4220D}
