/* Indo Irish Photography — Journal article layer
   Designed to sit on top of the existing design-system.css / enhancements.css.
   Created September 2026. */
:root{
  --jr-max: 1180px;
  --jr-reading: 760px;
}
*{box-sizing:border-box}
.jr-page{background:var(--c-cream,#faf7f2);color:var(--c-dark,#1f2421)}
.jr-hero{position:relative;min-height:clamp(430px,68vh,720px);display:flex;align-items:flex-end;overflow:hidden;background:#23352e}
.jr-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(.98)}
.jr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,29,25,.88) 0%,rgba(20,29,25,.52) 48%,rgba(20,29,25,.16) 100%)}
.jr-hero-inner{position:relative;z-index:2;width:min(var(--jr-max),calc(100% - 2rem));margin:0 auto;padding:clamp(2.6rem,6vw,5rem) 0}
.jr-kicker{font:600 .72rem/1.2 var(--f-sans,Inter,sans-serif);letter-spacing:.17em;text-transform:uppercase;color:#d4b775}
.jr-hero h1{max-width:900px;margin:.7rem 0 1rem;font-family:var(--f-serif,"Cormorant Garamond",serif);font-size:clamp(2.5rem,6vw,5rem);line-height:.98;font-weight:500;color:#faf7f2}
.jr-hero p{max-width:720px;margin:0;font:400 clamp(.98rem,1.7vw,1.12rem)/1.75 var(--f-sans,Inter,sans-serif);color:rgba(250,247,242,.84)}
.jr-breadcrumb{font:500 .75rem/1.4 var(--f-sans,Inter,sans-serif);color:rgba(250,247,242,.68);margin-bottom:1.2rem}
.jr-breadcrumb a{color:inherit;text-decoration:none}.jr-breadcrumb a:hover{color:#fff}
.jr-shell{width:min(var(--jr-max),calc(100% - 2rem));margin:0 auto}
.jr-section{padding:clamp(3.5rem,7vw,6rem) 0}
.jr-section--tight{padding:clamp(2.5rem,5vw,4rem) 0}
.jr-section--white{background:#fff}
.jr-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
@media(min-width:960px){.jr-grid--sidebar{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:4rem}}
.jr-copy{max-width:var(--jr-reading)}
.jr-copy h2,.jr-section h2{font-family:var(--f-serif,"Cormorant Garamond",serif);font-weight:500;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;color:var(--c-dark,#1f2421);margin:0 0 1.1rem}
.jr-copy h3,.jr-section h3{font-family:var(--f-serif,"Cormorant Garamond",serif);font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:600;line-height:1.15;margin:2rem 0 .7rem}
.jr-copy p,.jr-copy li,.jr-card p,.jr-card li,.jr-note p{font:400 .98rem/1.82 var(--f-sans,Inter,sans-serif);color:var(--c-muted,#657069)}
.jr-copy a,.jr-card a,.jr-note a{color:var(--c-green,#2d4a3e)}
.jr-lead{font:400 clamp(1.12rem,2vw,1.35rem)/1.72 var(--f-serif,"Cormorant Garamond",serif)!important;color:var(--c-dark,#1f2421)!important}
.jr-deck{max-width:780px;font:400 1rem/1.8 var(--f-sans,Inter,sans-serif);color:var(--c-muted,#657069)}
.jr-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 0}
.jr-pill{display:inline-flex;align-items:center;border:1px solid rgba(45,74,62,.22);border-radius:999px;padding:.48rem .8rem;font:600 .69rem/1.2 var(--f-sans,Inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--c-green,#2d4a3e);background:rgba(255,255,255,.58)}
.jr-quick{border:1px solid var(--c-border,#ddd7ce);background:#fff;border-radius:14px;padding:1.35rem;position:sticky;top:100px}
.jr-quick h3{margin:0 0 .9rem;font-size:1.45rem}
.jr-facts{display:grid;gap:.9rem;margin:0}
.jr-fact{display:grid;grid-template-columns:110px 1fr;gap:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--c-border,#e5dfd5)}
.jr-fact:last-child{border-bottom:0;padding-bottom:0}
.jr-fact dt{font:600 .7rem/1.4 var(--f-sans,Inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--c-green,#2d4a3e)}
.jr-fact dd{margin:0;font:400 .9rem/1.55 var(--f-sans,Inter,sans-serif);color:var(--c-muted,#657069)}
.jr-cards{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:800px){.jr-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.jr-card{background:#fff;border:1px solid var(--c-border,#ddd7ce);border-radius:14px;padding:clamp(1.25rem,2.5vw,1.8rem);box-shadow:0 7px 24px rgba(25,35,30,.04)}
.jr-card h3{margin:0 0 .4rem}
.jr-card .jr-card-sub{font:600 .72rem/1.5 var(--f-sans,Inter,sans-serif);text-transform:uppercase;letter-spacing:.09em;color:#9b7a39;margin:0 0 1rem}
.jr-card .jr-card-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1rem 0}
@media(min-width:560px){.jr-card .jr-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.jr-card .jr-mini{padding:.75rem;background:rgba(45,74,62,.045);border-radius:9px}
.jr-mini b{display:block;font:600 .68rem/1.4 var(--f-sans,Inter,sans-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--c-green,#2d4a3e);margin-bottom:.25rem}
.jr-mini span{font:400 .88rem/1.55 var(--f-sans,Inter,sans-serif);color:var(--c-muted,#657069)}
.jr-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.jr-btn{display:inline-flex;align-items:center;justify-content:center;padding:.67rem .95rem;border:1px solid var(--c-green,#2d4a3e);border-radius:999px;text-decoration:none!important;font:600 .72rem/1.2 var(--f-sans,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--c-green,#2d4a3e)!important;background:transparent}
.jr-btn--fill{background:var(--c-green,#2d4a3e);color:#fff!important}
.jr-btn:hover{transform:translateY(-1px)}
.jr-note{background:rgba(201,169,110,.12);border-left:3px solid #c9a96e;border-radius:0 12px 12px 0;padding:1.15rem 1.25rem;margin:1.4rem 0}
.jr-note strong{font:600 .72rem/1.3 var(--f-sans,Inter,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#846628;display:block;margin-bottom:.35rem}
.jr-photo-strip{display:grid;grid-template-columns:1fr;gap:.75rem;margin:2.2rem 0}
@media(min-width:760px){.jr-photo-strip{grid-template-columns:1.2fr .8fr .8fr}.jr-photo-strip figure:first-child{grid-row:span 2}}
.jr-photo-strip figure{margin:0;min-height:220px;overflow:hidden;border-radius:12px;background:#dcd8cf;position:relative}
.jr-photo-strip img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}
.jr-photo-strip figcaption{position:absolute;left:.7rem;bottom:.7rem;background:rgba(20,29,25,.72);color:#fff;padding:.35rem .55rem;border-radius:6px;font:500 .68rem/1.2 var(--f-sans,Inter,sans-serif)}
.jr-table-wrap{overflow:auto;border:1px solid var(--c-border,#ddd7ce);border-radius:12px;background:#fff}
.jr-table{width:100%;min-width:700px;border-collapse:collapse;font:400 .9rem/1.55 var(--f-sans,Inter,sans-serif)}
.jr-table th,.jr-table td{padding:.9rem 1rem;border-bottom:1px solid var(--c-border,#e5dfd5);text-align:left;vertical-align:top}
.jr-table th{font-weight:600;color:var(--c-dark,#1f2421);background:rgba(45,74,62,.04)}
.jr-table td{color:var(--c-muted,#657069)}
.jr-checklist{display:grid;grid-template-columns:1fr;gap:.7rem;padding:0;margin:1.2rem 0;list-style:none}
@media(min-width:700px){.jr-checklist--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.jr-checklist li{position:relative;padding:.85rem 1rem .85rem 2.55rem;border:1px solid var(--c-border,#ddd7ce);background:#fff;border-radius:10px}
.jr-checklist li::before{content:"✓";position:absolute;left:1rem;top:.82rem;color:var(--c-green,#2d4a3e);font-weight:700}
.jr-related{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:760px){.jr-related{grid-template-columns:repeat(3,minmax(0,1fr))}}
.jr-related a{display:block;border:1px solid var(--c-border,#ddd7ce);background:#fff;border-radius:12px;padding:1.15rem;text-decoration:none}
.jr-related small{display:block;font:600 .68rem/1.3 var(--f-sans,Inter,sans-serif);text-transform:uppercase;letter-spacing:.08em;color:#9b7a39;margin-bottom:.35rem}
.jr-related span{font:600 1.15rem/1.25 var(--f-serif,"Cormorant Garamond",serif);color:var(--c-dark,#1f2421)}
.jr-cta{background:var(--c-green,#2d4a3e);color:#fff;border-radius:16px;padding:clamp(1.6rem,4vw,3rem);display:grid;gap:1rem;align-items:center}
@media(min-width:800px){.jr-cta{grid-template-columns:1.5fr auto}}
.jr-cta h2{color:#fff;margin:0}.jr-cta p{color:rgba(255,255,255,.75);margin:.5rem 0 0;font:400 .95rem/1.7 var(--f-sans,Inter,sans-serif)}
.jr-cta .jr-btn{border-color:#fff;color:#fff!important}
.jr-small{font:400 .78rem/1.6 var(--f-sans,Inter,sans-serif);color:var(--c-muted,#657069)}
.jr-source-note{font:400 .76rem/1.65 var(--f-sans,Inter,sans-serif);color:var(--c-muted,#657069);border-top:1px solid var(--c-border,#ddd7ce);padding-top:1rem;margin-top:2rem}
.jr-faq details{border-bottom:1px solid var(--c-border,#ddd7ce);padding:1rem 0}
.jr-faq summary{cursor:pointer;font:600 1rem/1.5 var(--f-sans,Inter,sans-serif);color:var(--c-dark,#1f2421)}
.jr-faq details p{margin:.7rem 0 0}
@media(max-width:959px){.jr-quick{position:static}}