/* V1.21 — Deephouse Design Journal */
.journal-hero{position:relative;padding:clamp(155px,15vw,235px) 0 clamp(85px,9vw,145px);border-bottom:1px solid var(--line)}
.journal-hero-grid{display:grid;grid-template-columns:62% 38%;align-items:end;gap:20px}.journal-hero h1{font-size:clamp(54px,6.3vw,100px);line-height:1.1;margin:0;letter-spacing:-.06em}.journal-hero h1 em{font-style:normal;color:var(--olive)}.journal-hero-grid>p{padding-left:clamp(15px,4vw,75px);margin:0 0 7px;color:var(--muted);font-size:16px;line-height:1.85;max-width:445px}
.journal-index-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}.journal-index-head .eyebrow{margin-bottom:24px}.journal-side-note{font-size:12px;color:var(--muted);letter-spacing:.05em}.journal-filters{display:flex;flex-wrap:wrap;gap:18px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:58px}.journal-filters button{background:none;border:0;color:#777970;padding:7px 0;font-size:13px;position:relative}.journal-filters button.selected{color:var(--olive);font-weight:700}.journal-filters button.selected:after{position:absolute;content:'';height:1px;background:currentColor;bottom:0;left:0;right:0}.journal-filters button:focus-visible,.journal-card a:focus-visible{outline:2px solid var(--olive);outline-offset:4px}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:92px 26px}.journal-card[hidden]{display:none}.journal-image{aspect-ratio:4/5;background:#dedbd1;width:100%;margin-bottom:24px}.journal-card:nth-child(2n) .journal-image{background-color:#e6e4dd}.journal-image[aria-label*="JRN-"]{background-position:center;background-repeat:no-repeat;background-size:cover;border:0}.journal-image[aria-label*="JRN-"]>*{display:none}.journal-image[aria-label*="JRN-"]:before,.journal-image[aria-label*="JRN-"]:after{content:none}.journal-image[aria-label*="JRN-001"]{background-image:url("assets/journal/JRN-001.webp?v=b073bf6ddffb")}.journal-image[aria-label*="JRN-002"]{background-image:url("assets/journal/JRN-002.webp?v=0f7c7b7e2a6b")}.journal-image[aria-label*="JRN-003"]{background-image:url("assets/journal/JRN-003.webp?v=efae8ff8fa9b")}.journal-image[aria-label*="JRN-004"]{background-image:url("assets/journal/JRN-004.webp?v=2bdf02cc6ec7")}.journal-image[aria-label*="JRN-005"]{background-image:url("assets/journal/JRN-005.webp?v=2a2691d01add")}.journal-image[aria-label*="JRN-006"]{background-image:url("assets/journal/JRN-006.webp?v=67c4dbc11f1d")}.journal-image[aria-label*="JRN-007"]{background-image:url("assets/journal/JRN-007.webp?v=2bd2e188663a")}.journal-image[aria-label*="JRN-008"]{background-image:url("assets/journal/JRN-008.webp?v=c9f91a349004")}.journal-card .slot-id{font-size:11px}.journal-card .slot-title{font-size:11px}.journal-card .slot-details{font-size:9px}.journal-meta{display:flex;justify-content:space-between;gap:15px;color:var(--olive);letter-spacing:.16em;font-size:10px;font-weight:700;margin:0 0 18px}.journal-meta span:last-child{color:var(--muted);font-weight:400}.journal-card h3{font:400 clamp(25px,2.7vw,43px)/1.18 Manrope,sans-serif;letter-spacing:-.05em;max-width:570px;margin:0 0 18px}.journal-card p{color:var(--muted);line-height:1.8;font-size:15px;max-width:495px}.journal-card .text-link{margin-top:9px}.journal-empty{padding:28px 0;color:var(--muted)}
.journal-cta{background:#ebeae4}.journal-cta-grid{display:grid;grid-template-columns:62% 38%;align-items:center;gap:30px}.journal-cta-grid>div:last-child{padding-left:18px}.journal-cta-grid>div:last-child p{color:var(--muted);line-height:1.8;max-width:370px}.journal-cta-grid .text-link{display:flex;margin-top:24px}
.journal-story{padding-top:clamp(145px,14vw,225px);padding-bottom:clamp(60px,7vw,112px);position:relative;border-bottom:1px solid var(--line)}.journal-story .chapter-label{top:62px!important}.journal-story h1{font-size:clamp(45px,5.5vw,83px);max-width:1020px;line-height:1.15;letter-spacing:-.055em}.journal-story .intro{font-size:clamp(17px,1.7vw,23px);line-height:1.7;color:var(--muted);max-width:780px;margin:35px 0 0}.journal-story .journal-category{font-size:10px;letter-spacing:.2em;color:var(--olive);font-weight:700;margin-bottom:20px}.journal-article-body{display:grid;grid-template-columns:26% 74%;gap:25px}.journal-article-body aside{font-size:11px;color:var(--muted);letter-spacing:.1em;line-height:1.8}.journal-prose{max-width:790px}.journal-prose h2{font:400 clamp(27px,3vw,42px)/1.25 Manrope,sans-serif;letter-spacing:-.045em;margin:44px 0 17px}.journal-prose h2:first-child{margin-top:0}.journal-prose p,.journal-prose li{font-size:16px;line-height:1.9;color:#62645d}.journal-prose ul{padding-left:22px}.journal-prose .article-cta{border-top:1px solid var(--line);margin-top:70px;padding-top:30px}.journal-prose .article-cta p{margin-bottom:0}.journal-prose .article-cta a{color:var(--olive);font-weight:700}
@media(max-width:760px){.journal-hero{padding:130px 0 75px}.journal-hero-grid,.journal-cta-grid,.journal-article-body{grid-template-columns:1fr}.journal-hero-grid>p{padding:0;margin-top:28px}.journal-hero h1{font-size:clamp(42px,9vw,65px)}.journal-index-head{align-items:start;flex-direction:column}.journal-grid{grid-template-columns:1fr;gap:68px}.journal-cta-grid>div:last-child{padding:0}.journal-story{padding-top:135px}.journal-story .chapter-label{top:38px!important}.journal-article-body{gap:30px}}

/* V1.22: chapter anchored to the content grid rather than the viewport */
.journal-hero > .shell, .journal-story > .shell {position:relative;}
.journal-hero .chapter-label, .journal-story .chapter-label {left:var(--gutter) !important;top:calc(-1 * clamp(155px,15vw,235px) + 62px) !important;}
/* Journal article listing: same four-column visual scale as Projects */
.journal-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:55px 20px;}
.journal-image{margin-bottom:14px;}
.journal-card h3{font-size:clamp(17px,1.65vw,25px);line-height:1.22;margin-bottom:10px;}
.journal-card p{font-size:12px;line-height:1.65;margin:0 0 13px;}
.journal-meta{font-size:8px;letter-spacing:.1em;margin-bottom:10px;}
.journal-card .text-link{font-size:9px;margin-top:9px;}
.journal-card .slot-id,.journal-card .slot-title{font-size:9px;}
.journal-card .slot-details{font-size:8px;}
.journal-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:70px;border-top:1px solid var(--line);padding-top:30px;}
.journal-pagination a,.journal-pagination span{font-size:11px;letter-spacing:.12em;}
.journal-pagination [aria-current=page]{color:var(--olive);font-weight:700;border-bottom:1px solid var(--olive);padding-bottom:5px;}
.journal-pagination .disabled{color:#aaa9a2;}
@media(max-width:1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 20px;}}
@media(max-width:760px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 14px;}.journal-hero .chapter-label{top:calc(-130px + 38px) !important;}.journal-story .chapter-label{top:calc(-135px + 38px) !important;}.journal-card h3{font-size:clamp(17px,3.4vw,23px)}.journal-card p{font-size:12px;}}
@media(max-width:480px){.journal-grid{grid-template-columns:1fr;gap:60px;}.journal-card h3{font-size:25px;}.journal-card p{font-size:14px;}}

/* V1.37: align both circle-arrow CTAs on one vertical axis */
.journal-cta-grid > div:last-child > a.text-link {
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; width:min(100%, 250px); min-height:40px;
}
.journal-cta-grid > div:last-child > a.text-link .circle-arrow {flex:0 0 auto;}

/* Responsive images replace the former eager CSS backgrounds. */
.journal-image[aria-label*="JRN-"]{background-image:none}.journal-image[aria-label*="JRN-"]>img.responsive-image{display:block}

/* Keep article CTAs on a shared baseline within each grid row. */
.journal-card>a{display:flex;flex-direction:column;height:100%}.journal-card .text-link{margin-top:auto;padding-top:9px}