@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root { --jgc-ink:#18201d; --jgc-paper:#f5f2e9; --jgc-red:#a73728; --jgc-muted:#6e7169; --jgc-line:#d6d1c5; --jgc-deep:#26322d; --jgc-sand:#ddcab0; }
html.jg-coffee-active, html.jg-coffee-active body { margin:0; background:var(--jgc-paper); color:var(--jgc-ink); }
html.jg-coffee-active body { font-family:'DM Sans',Inter,Arial,sans-serif; }
html.jg-coffee-active *, html.jg-coffee-active *::before, html.jg-coffee-active *::after { box-sizing:border-box; }
html.jg-coffee-active a { color:inherit; text-decoration:none; }
.jg-coffee { min-height:100vh; overflow:hidden; }
.jg-coffee-skip { position:absolute; z-index:30; top:-4rem; left:1rem; padding:.75rem 1rem; background:var(--jgc-ink); color:#fff; font-size:.8rem; }
.jg-coffee-skip:focus { top:1rem; }
.jg-coffee-header { min-height:78px; width:min(1440px,100%); padding:0 clamp(1.25rem,4vw,4.5rem); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; border-bottom:1px solid var(--jgc-line); background:var(--jgc-paper); }
.jg-coffee-brand { display:inline-flex; align-items:center; gap:.75rem; min-width:max-content; }
.jg-coffee-brand span { color:var(--jgc-ink); font:600 1.05rem/.8 'DM Sans',sans-serif; letter-spacing:-.08em; }
.jg-coffee-brand em { color:var(--jgc-red); font:500 .64rem/1 'DM Mono',monospace; letter-spacing:.15em; font-style:normal; }
.jg-coffee-header nav { display:flex; align-items:center; gap:clamp(.9rem,2.5vw,2.75rem); font:600 .72rem/1.2 'DM Sans',sans-serif; text-transform:uppercase; letter-spacing:.075em; }
.jg-coffee-header nav a { padding:.45rem 0; border-bottom:1px solid transparent; }
.jg-coffee-header nav a:hover, .jg-coffee-header nav a[aria-current='page'] { color:var(--jgc-red); border-color:currentColor; }
.jg-coffee-hero { width:min(1440px,100%); min-height:min(74vh,780px); margin:0 auto; display:grid; grid-template-columns:minmax(320px,.93fr) minmax(460px,1.07fr); background:var(--jgc-deep); color:#f6f2e7; }
.jg-coffee-hero__image { min-height:510px; margin:0; position:relative; order:2; background:#151c19; }
.jg-coffee-hero__image::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(38,50,45,.48),transparent 47%),linear-gradient(0deg,rgba(16,21,18,.38),transparent 45%); pointer-events:none; }
.jg-coffee-hero__image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.jg-coffee-hero__image figcaption { position:absolute; z-index:1; right:1.5rem; bottom:1.3rem; max-width:280px; margin:0; color:rgba(255,255,255,.72); text-align:right; font:.58rem/1.45 'DM Mono',monospace; letter-spacing:.05em; }
.jg-coffee-hero__copy { align-self:end; max-width:685px; padding:clamp(2rem,7vw,7rem); }
.jg-coffee-eyebrow, .jg-coffee-card__eyebrow { margin:0 0 .85rem; color:var(--jgc-red); font:500 .66rem/1.3 'DM Mono',monospace; letter-spacing:.15em; text-transform:uppercase; }
.jg-coffee-hero .jg-coffee-eyebrow { color:#e6aca3; }
.jg-coffee-hero h1 { max-width:600px; margin:0; font:600 clamp(3.3rem,7vw,7.25rem)/.91 'Playfair Display',Georgia,serif; letter-spacing:-.065em; text-wrap:balance; }
.jg-coffee-hero__dek { max-width:520px; margin:1.45rem 0 0; color:rgba(246,242,231,.9); font-size:clamp(1.05rem,1.6vw,1.28rem); line-height:1.55; }
.jg-coffee-hero__note { max-width:450px; margin:1.1rem 0 1.8rem; color:#e4b2ab; font:500 .75rem/1.5 'DM Mono',monospace; letter-spacing:.01em; }
.jg-coffee-button { display:inline-flex; align-items:center; gap:.58rem; padding:.85rem 1rem; border:1px solid var(--jgc-ink); background:transparent; color:var(--jgc-ink); font:600 .69rem/1 'DM Sans',sans-serif; letter-spacing:.085em; text-transform:uppercase; }
.jg-coffee-button:hover { background:var(--jgc-ink); color:#fff; }
.jg-coffee-button--light { border-color:#f6f2e7; color:#f6f2e7; }
.jg-coffee-button--light:hover { background:#f6f2e7; color:var(--jgc-deep); }
.jg-coffee-button--red { border-color:var(--jgc-red); background:var(--jgc-red); color:#fff; }
.jg-coffee-button--red:hover { border-color:#762419; background:#762419; }
.jg-coffee-intro, .jg-coffee-stories, .jg-coffee-format, .jg-coffee-next, .jg-coffee-friday, .jg-coffee-venue { width:min(1280px,100%); margin:0 auto; padding:clamp(4rem,9vw,8rem) clamp(1.25rem,4vw,4.5rem); }
.jg-coffee-intro { display:grid; grid-template-columns:minmax(270px,.8fr) minmax(320px,1fr); column-gap:clamp(2rem,8vw,10rem); border-bottom:1px solid var(--jgc-line); }
.jg-coffee-intro .jg-coffee-eyebrow { grid-column:1/-1; }
.jg-coffee-intro h2, .jg-coffee-heading h2, .jg-coffee-format h2, .jg-coffee-next h2, .jg-coffee-friday h2, .jg-coffee-venue h2 { margin:0; font:600 clamp(2.2rem,4.65vw,4.45rem)/.98 'Playfair Display',Georgia,serif; letter-spacing:-.047em; text-wrap:balance; }
.jg-coffee-intro > div { max-width:580px; }
.jg-coffee-intro > div p { margin:0; color:var(--jgc-muted); font-size:1.04rem; line-height:1.68; }
.jg-coffee-intro > div p + p { margin-top:1.15rem; font-size:.91rem; }
.jg-coffee-stories { border-bottom:1px solid var(--jgc-line); }
.jg-coffee-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:clamp(2rem,4vw,3.5rem); }
.jg-coffee-heading h2 { max-width:680px; }
.jg-coffee-heading > p { max-width:310px; margin:0 0 .25rem; color:var(--jgc-muted); font-size:.89rem; line-height:1.55; }
.jg-coffee-story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.35rem; }
.jg-coffee-card { min-width:0; }
.jg-coffee-card__image { display:block; aspect-ratio:4/3; overflow:hidden; background:var(--jgc-deep); }
.jg-coffee-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.jg-coffee-card__image:hover img { transform:scale(1.035); }
.jg-coffee-card__image-fallback { width:100%; height:100%; background:linear-gradient(130deg,#26322d,#a73728); }
.jg-coffee-card__copy { padding-top:1rem; }
.jg-coffee-card__eyebrow { margin-bottom:.55rem; font-size:.57rem; }
.jg-coffee-card h2 { margin:0; font:600 clamp(1.55rem,2.25vw,2.1rem)/1.02 'Playfair Display',Georgia,serif; letter-spacing:-.035em; text-wrap:balance; }
.jg-coffee-card h2 a:hover { color:var(--jgc-red); }
.jg-coffee-card__copy > p:not(.jg-coffee-card__eyebrow) { min-height:4em; margin:.8rem 0; color:var(--jgc-muted); font-size:.88rem; line-height:1.55; }
.jg-coffee-card__meta { display:flex; flex-wrap:wrap; gap:.35rem; margin:0 0 1rem; }
.jg-coffee-card__meta span { padding:.34rem .46rem; background:#ebe6db; color:#42483f; font:500 .57rem/1 'DM Mono',monospace; letter-spacing:.06em; text-transform:uppercase; }
.jg-coffee-link, .jg-coffee-text-link { display:inline-flex; gap:.52rem; align-items:center; color:var(--jgc-red); border-bottom:1px solid currentColor; padding-bottom:.28rem; font:600 .67rem/1.3 'DM Sans',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.jg-coffee-link:hover, .jg-coffee-text-link:hover { color:var(--jgc-ink); }
.jg-coffee-load { grid-column:1/-1; color:var(--jgc-muted); }
.jg-coffee-format { width:min(1440px,100%); display:grid; grid-template-columns:minmax(280px,.87fr) minmax(420px,1.13fr); align-items:start; gap:clamp(2rem,9vw,11rem); background:var(--jgc-sand); }
.jg-coffee-format > div .jg-coffee-eyebrow { color:#895042; }
.jg-coffee-format ol { margin:0; padding:0; border-top:1px solid rgba(24,32,29,.25); list-style:none; }
.jg-coffee-format li { padding:1.15rem 0; display:grid; grid-template-columns:minmax(132px,.55fr) 1fr; gap:1.25rem; border-bottom:1px solid rgba(24,32,29,.25); }
.jg-coffee-format strong { font:600 1.34rem/1.1 'Playfair Display',Georgia,serif; letter-spacing:-.025em; }
.jg-coffee-format span { color:#485049; font-size:.89rem; line-height:1.55; }
.jg-coffee-next { border-bottom:1px solid var(--jgc-line); }
.jg-coffee-next > div:first-child { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:clamp(2rem,4vw,3.5rem); }
.jg-coffee-next__list { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border:1px solid var(--jgc-line); background:var(--jgc-line); }
.jg-coffee-next__list article { min-height:205px; padding:1.35rem; display:flex; flex-direction:column; background:var(--jgc-paper); }
.jg-coffee-next__list span { color:var(--jgc-red); font:500 .63rem/1 'DM Mono',monospace; letter-spacing:.1em; }
.jg-coffee-next__list h3 { margin:auto 0 .55rem; font:600 clamp(1.8rem,3vw,2.8rem)/.98 'Playfair Display',Georgia,serif; letter-spacing:-.045em; }
.jg-coffee-next__list p { margin:0; color:var(--jgc-muted); font-size:.82rem; }
.jg-coffee-friday { text-align:center; }
.jg-coffee-friday h2 { max-width:720px; margin-left:auto; margin-right:auto; }
.jg-coffee-friday > p:not(.jg-coffee-eyebrow) { max-width:570px; margin:1.3rem auto 1.9rem; color:var(--jgc-muted); font-size:1.04rem; line-height:1.6; }
.jg-coffee-friday > div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem 1.5rem; }
.jg-coffee-venue { width:min(1440px,100%); text-align:center; background:var(--jgc-deep); color:#f6f2e7; }
.jg-coffee-venue .jg-coffee-eyebrow { color:#e0a39a; }
.jg-coffee-venue h2 { max-width:820px; margin-left:auto; margin-right:auto; }
.jg-coffee-venue > p:not(.jg-coffee-eyebrow) { max-width:630px; margin:1.35rem auto 1.9rem; color:rgba(246,242,231,.8); font-size:1rem; line-height:1.63; }
.jg-coffee-venue .jg-coffee-button { border-color:#e0a39a; }
.jg-coffee-venue .jg-coffee-button--red { border-color:var(--jgc-red); }
.jg-coffee-footer { padding:1.7rem clamp(1.25rem,4vw,4.5rem); display:flex; justify-content:space-between; gap:1rem; background:#111715; color:#e5e0d4; font:500 .64rem/1.35 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.jg-coffee-footer a:hover { color:#e1a198; }

/* Inserted only for published Coffee ’til Cocktails Bar Visits. */
.jg-coffee-story-end { max-width:100%; margin:3.2rem 0 0; padding:1.45rem 1.55rem; border-top:3px solid #a3342b; background:#eee5d7; color:#2a2a2a; font-family:Arial,Helvetica,sans-serif; }
.jg-coffee-story-end__eyebrow { margin:0 0 .55rem; color:#a3342b; font-size:.66rem; font-weight:700; line-height:1.3; letter-spacing:.14em; text-transform:uppercase; }
.jg-coffee-story-end h2 { margin:0; color:#111; font-family:Georgia,'Times New Roman',serif; font-size:1.65rem; font-weight:normal; line-height:1.1; }
.jg-coffee-story-end p { max-width:640px; margin:.65rem 0 1.05rem; color:#4b4742; font-size:.95rem; line-height:1.55; }
.jg-coffee-story-end__links { display:flex; flex-wrap:wrap; gap:.8rem 1.25rem; align-items:center; }
.jg-coffee-story-end__links a { color:#a3342b; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; border-bottom:1px solid currentColor; padding-bottom:.25rem; }
.jg-coffee-story-end__links a:hover { color:#111; }

@media (max-width:1000px) { .jg-coffee-hero { grid-template-columns:1fr 1fr; } .jg-coffee-story-grid, .jg-coffee-next__list { grid-template-columns:repeat(2,1fr); } .jg-coffee-next__list article:last-child { grid-column:1/-1; } }
@media (max-width:680px) { .jg-coffee-header { min-height:72px; padding:0 1.25rem; } .jg-coffee-brand em { display:none; } .jg-coffee-header nav { gap:.9rem; max-width:65%; overflow-x:auto; white-space:nowrap; font-size:.61rem; } .jg-coffee-header nav a { flex:0 0 auto; } .jg-coffee-header nav a:nth-child(3), .jg-coffee-header nav a:nth-child(4) { display:none; } .jg-coffee-hero { display:flex; flex-direction:column; min-height:0; } .jg-coffee-hero__image { order:0; min-height:310px; } .jg-coffee-hero__copy { padding:2.5rem 1.25rem 3rem; } .jg-coffee-hero h1 { font-size:clamp(3.45rem,16.5vw,4.8rem); } .jg-coffee-intro { display:block; } .jg-coffee-intro h2 { margin-bottom:1.25rem; } .jg-coffee-heading, .jg-coffee-next > div:first-child { display:block; } .jg-coffee-heading h2, .jg-coffee-next h2 { margin-bottom:.9rem; } .jg-coffee-story-grid, .jg-coffee-next__list { grid-template-columns:1fr; } .jg-coffee-next__list article:last-child { grid-column:auto; } .jg-coffee-card { display:grid; grid-template-columns:130px 1fr; gap:.95rem; } .jg-coffee-card__image { aspect-ratio:auto; min-height:100%; } .jg-coffee-card__copy { padding-top:0; } .jg-coffee-card h2 { font-size:1.38rem; } .jg-coffee-card__copy > p:not(.jg-coffee-card__eyebrow) { display:none; } .jg-coffee-card__meta { margin:.7rem 0; } .jg-coffee-card__meta span:nth-child(2) { display:none; } .jg-coffee-format { display:block; } .jg-coffee-format h2 { margin-bottom:1.6rem; } .jg-coffee-format li { grid-template-columns:1fr; gap:.35rem; } .jg-coffee-footer { display:grid; grid-template-columns:1fr; text-align:center; } .jg-coffee-story-end { margin-top:2rem; padding:1.25rem; } .jg-coffee-story-end h2 { font-size:1.42rem; } }