/* Energy House Journal: magazine layout in black, oat and terracotta */
.jr{background:#EDE6DA;color:#141210;font-family:'Jost',sans-serif;padding:clamp(48px,7vw,104px) clamp(20px,5vw,72px) clamp(72px,9vw,128px)}
.jr a{color:inherit;text-decoration:none}
.jr-intro{max-width:1180px;margin:0 auto clamp(36px,5vw,64px);text-align:center}
.jr-intro h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(2.4rem,6.4vw,4.4rem);line-height:1.05;margin:clamp(14px,2vw,22px) 0 clamp(26px,3.4vw,40px)}
.jr-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}
.jr-filters button{font-family:'Jost',sans-serif;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#141210;background:none;border:1.5px solid rgba(20,18,16,.22);padding:11px 20px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.jr-filters button:hover{border-color:#B4502C;color:#B4502C}
.jr-filters button[aria-pressed="true"]{background:#141210;border-color:#141210;color:#F5F2EC}
.jr-block{max-width:1180px;margin:0 auto}
.jr-block + .jr-block{margin-top:clamp(64px,8vw,112px)}
.jr-h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1;margin:0 0 clamp(22px,3vw,34px)}
.jr-empty{font-size:1.05rem;color:#40382F;font-weight:300;text-align:center}
.jr-meta{display:flex;gap:14px;align-items:center;margin:0 0 10px;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#B4502C}
.jr-meta time{color:#6B6157;font-weight:500}
.jr-ph{overflow:hidden;background:#E1D7C6}
.jr-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.jr-nocover{display:block;width:100%;height:100%;background:#E1D7C6 url(/assets/logo-black.png) center/34% auto no-repeat;opacity:.5}
a:hover .jr-cover{transform:scale(1.035)}
.jr-ex{margin:0;color:#40382F;font-weight:300;line-height:1.7;font-size:1.02rem}
.jr-more{display:inline-block;margin-top:22px;font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;border-bottom:1.5px solid #B4502C;padding-bottom:4px}

/* Latest story, large */
.jr-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;margin-bottom:clamp(64px,8vw,120px)}
.jr-feature.jr-lead{grid-template-columns:1.25fr 1fr}
.jr-feature.jr-flip{grid-template-columns:1fr 1.1fr}
.jr-feature.jr-flip .jr-ph{order:2}
.jr-feature .jr-ph{aspect-ratio:4/5}
.jr-feature:not(.jr-lead) .jr-ph{aspect-ratio:1/1}
.jr-feature h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.1;margin:0 0 18px}
.jr-feature.jr-lead h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.08}

/* The other stories, uneven grid */
.jr-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(36px,4vw,56px) clamp(22px,3vw,40px)}
.jr-card{grid-column:span 2;display:block}
.jr-card .jr-ph{aspect-ratio:4/5;margin-bottom:16px}
.jr-grid > .jr-card:nth-child(5n+1){grid-column:span 3}
.jr-grid > .jr-card:nth-child(5n+2){grid-column:span 3;margin-top:clamp(40px,6vw,96px)}
.jr-grid > .jr-card:nth-child(5n+1) .jr-ph{aspect-ratio:1/1}
.jr-grid > .jr-card:nth-child(5n+4){margin-top:clamp(24px,3vw,48px)}
.jr-grid3 > .jr-card{grid-column:span 2 !important;margin-top:0 !important}
.jr-grid3 > .jr-card .jr-ph{aspect-ratio:4/5 !important}
.jr-card h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.15;margin:0 0 10px}
.jr-card .jr-ex{font-size:.96rem}

/* Show results, compact cards by year */
.jr-results{border-top:1px solid rgba(20,18,16,.14);padding-top:clamp(40px,5vw,64px)}
.jr-year{display:grid;grid-template-columns:140px 1fr;gap:clamp(16px,3vw,40px);padding:clamp(18px,2.4vw,28px) 0;border-bottom:1px solid rgba(20,18,16,.10)}
.jr-yearnum{font-family:'Cinzel',serif;font-weight:500;font-size:clamp(1.5rem,2.6vw,2rem);color:#B4502C;margin:0}
.jr-shows{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.jr-show{display:flex;gap:14px;align-items:center;background:#F4F0E8;padding:10px;transition:background .2s}
.jr-show:hover{background:#fff}
.jr-show img,.jr-show .jr-nocover{width:72px;height:72px;object-fit:cover;flex:0 0 auto}
.jr-show-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.jr-show time{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#6B6157;font-weight:500}
.jr-show strong{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.12rem;line-height:1.2}
.jr-show-dogs{font-size:.84rem;color:#40382F;font-weight:300}

/* One post */
.jr-post article{max-width:1080px;margin:0 auto}
.jr-post-head{max-width:760px;margin:0 auto clamp(30px,4vw,48px);text-align:center}
.jr-post-head .jr-meta{justify-content:center}
.jr-crumbs{margin:0 0 22px;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600}
.jr-crumbs a{border-bottom:1px solid rgba(20,18,16,.25);padding-bottom:2px}
.jr-post h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(2.2rem,5.2vw,3.8rem);line-height:1.08;margin:12px 0 0;text-wrap:balance}
.jr-hero{max-width:900px;margin:0 auto clamp(36px,5vw,60px)}
.jr-hero-media{width:100%;height:auto;display:block;max-height:88vh;object-fit:contain;background:#E1D7C6}
.jr-body{max-width:640px;margin:0 auto}
.jr-body p{margin:0 0 1.3em;font-size:clamp(1.06rem,1.6vw,1.18rem);line-height:1.8;font-weight:300;color:#241E18;text-wrap:pretty}
.jr-body p.jr-first::first-letter{font-family:'Cormorant Garamond',serif;float:left;font-size:3.6em;line-height:.82;padding:.06em .1em 0 0;color:#B4502C}
.jr-dog{border-bottom:1.5px solid rgba(180,80,44,.5);transition:color .2s,border-color .2s}
.jr-dog:hover{color:#B4502C;border-color:#B4502C}
.jr-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,24px);max-width:900px;margin:clamp(36px,5vw,56px) auto 0}
.jr-gallery figure{margin:0}
.jr-gallery figure:nth-child(3n+1):last-child{grid-column:span 2}
.jr-gallery img,.jr-gallery video{width:100%;height:auto;display:block}
.jr-hero video,.jr-gallery video{background:#0a0a0a}
.jr-dogs{max-width:900px;margin:clamp(56px,7vw,88px) auto 0;border-top:1px solid rgba(20,18,16,.14);padding-top:clamp(32px,4vw,48px)}
.jr-dogcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.jr-dogcard{display:flex;flex-direction:column;background:#F4F0E8;transition:background .2s}
.jr-dogcard:hover{background:#fff}
.jr-dogcard img,.jr-dog-noimg{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.jr-dog-noimg{background:#E1D7C6 url(/assets/logo-black.png) center/40% auto no-repeat;opacity:.5}
.jr-dogname{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.08rem;line-height:1.2;padding:12px 14px 4px;text-transform:capitalize}
.jr-dogcta{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#B4502C;padding:0 14px 14px}
.jr-back{max-width:900px;margin:clamp(40px,5vw,64px) auto 0;display:flex;flex-wrap:wrap;gap:14px 34px;justify-content:center}
.jr-back a{font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;border-bottom:1.5px solid #B4502C;padding-bottom:4px}
.jr-moreposts{max-width:1180px;margin:clamp(72px,9vw,128px) auto 0;border-top:1px solid rgba(20,18,16,.14);padding-top:clamp(40px,5vw,64px)}

/* Soft scroll motion, kept light, off for people who prefer less motion */
.js .jr-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .jr-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .jr-reveal{opacity:1;transform:none;transition:none}.jr-cover{transition:none}}

@media (max-width:860px){
  .jr-feature,.jr-feature.jr-lead,.jr-feature.jr-flip{grid-template-columns:1fr}
  .jr-feature.jr-flip .jr-ph{order:0}
  .jr-grid{grid-template-columns:repeat(2,1fr)}
  .jr-grid > .jr-card,.jr-grid > .jr-card:nth-child(n){grid-column:span 1;margin-top:0}
  .jr-grid > .jr-card:nth-child(3n+1){grid-column:span 2}
  .jr-grid > .jr-card:nth-child(3n+1) .jr-ph{aspect-ratio:3/2}
  .jr-grid3 > .jr-card:nth-child(n){grid-column:span 1 !important}
  .jr-year{grid-template-columns:1fr}
}
@media (max-width:520px){
  .jr-grid,.jr-grid3{grid-template-columns:1fr}
  .jr-grid > .jr-card:nth-child(n),.jr-grid3 > .jr-card:nth-child(n){grid-column:span 1 !important}
  .jr-gallery{grid-template-columns:1fr}
  .jr-gallery figure:nth-child(n){grid-column:auto}
}

.jr-body h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;margin:1.6em 0 .6em}