/* Homi Journal - brand-aligned editorial layout, self-contained to hj classes */
.hj-main{color:#292825;background:#f8f6f2;font-family:'DM Sans',Arial,sans-serif}
.hj-main *{box-sizing:border-box}
.hj-shell{width:min(1180px,calc(100% - 10%));margin:auto}
.hj-kicker,.hj-card-meta,.hj-section-heading>span,.hj-byline,.hj-cta span,.hj-article-aside>span{font-size:11px;font-weight:700;letter-spacing:.18em;color:#81776d}
.hj-index-hero{background:#f0eae1;padding:clamp(85px,11vw,164px) 0 clamp(72px,8vw,126px)}
.hj-index-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(46px,7vw,94px);font-weight:700;letter-spacing:-.077em;line-height:1.05;margin:25px 0}
.hj-index-hero h1 em{font-style:normal;color:#726a5d}
.hj-index-hero p{max-width:630px;font-size:clamp(16px,1.5vw,20px);line-height:1.75;color:#67615c;margin:0}
.hj-index-stories{padding:clamp(66px,8vw,110px) 0 125px}
.hj-section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7d0c7;margin:0 0 33px;padding-bottom:17px;gap:20px}
.hj-section-heading p,.hj-section-heading>a{margin:0;font-size:14px;color:#706960}
.hj-section-heading>a{text-decoration:underline;text-underline-offset:4px}
.hj-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,46px);row-gap:76px}
.hj-card{display:block;min-width:0;color:#292825;text-decoration:none}
.hj-card-image{aspect-ratio:4/5;overflow:hidden;background:#eae5dd}
.hj-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hj-card:hover .hj-card-image img{transform:scale(1.035)}
.hj-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 12px;letter-spacing:.13em}
.hj-card-meta>span{white-space:nowrap;letter-spacing:.075em;color:#968d83;font-size:10px}
.hj-card h2{font-family:Manrope,Arial,sans-serif;font-weight:650;line-height:1.19;letter-spacing:-.045em;font-size:clamp(23px,2.5vw,36px);margin:0 0 13px}
.hj-card p{color:#706961;line-height:1.7;font-size:15px;margin:0 0 16px;max-width:480px}
.hj-read{font-weight:650;font-size:14px;border-bottom:1px solid #292825;padding-bottom:3px}
.hj-cta{background:#e9e3da;padding:85px 0}
.hj-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}
.hj-cta h2,.hj-article-aside h2{font:700 clamp(30px,4vw,54px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.052em;margin:16px 0 12px}
.hj-cta p{font-size:16px;line-height:1.7;color:#6f675f;margin:0}
.hj-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#302f2c;color:#fff!important;border:1px solid #302f2c;border-radius:40px;padding:16px 25px;font-size:14px;font-weight:650;white-space:nowrap;text-decoration:none!important}
.hj-button:hover{background:#555047}
.hj-story-intro{padding:80px 0 59px}
.hj-back{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:#655e55;margin-bottom:47px}
.hj-story-intro .hj-kicker span,.hj-byline span{margin:0 8px;color:#b5a99e}
.hj-story-intro h1{font:700 clamp(40px,6vw,82px)/1.11 Manrope,Arial,sans-serif;letter-spacing:-.064em;margin:25px 0 23px;max-width:1000px}
.hj-dek{font-size:clamp(17px,1.7vw,22px);color:#6e675f;line-height:1.65;max-width:720px;margin:0 0 34px}
.hj-byline{font-size:10px}
.hj-article-image{margin:0 auto;width:min(1180px,90%);height:clamp(350px,48vw,635px);overflow:hidden;background:#ebe4db}
.hj-article-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%}
.hj-article-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,1fr);gap:clamp(38px,6vw,110px);align-items:start;padding:76px 0 120px}
.hj-article-section{margin-bottom:42px}
.hj-article-section h2{font:700 clamp(25px,2.5vw,34px)/1.26 Manrope,Arial,sans-serif;letter-spacing:-.043em;margin:0 0 16px}
.hj-article-section p{font-size:16.5px;line-height:1.91;color:#5e5851;margin:0 0 19px}
.hj-article-section a,.hj-sources a{color:#292825;text-decoration:underline;text-underline-offset:3px}
.hj-article-aside{position:sticky;top:112px;background:#eee9e2;padding:30px 24px}
.hj-article-aside h2{font-size:31px}
.hj-article-aside p{font-size:14px;color:#706961;line-height:1.7;margin-bottom:25px}
.hj-article-aside .hj-button{font-size:12px;padding:14px 15px;white-space:normal;text-align:center;width:100%}
.hj-aside-link{display:block;text-decoration:underline;text-underline-offset:3px;font-size:12px;text-align:center;margin-top:20px}
.hj-sources{border-top:1px solid #d7d0c7;margin-top:60px;padding-top:26px}
.hj-sources h2{font-size:19px;margin:0 0 10px}
.hj-sources p{font-size:13px;color:#777167}
.hj-sources ul{padding-left:18px;line-height:1.75;font-size:13px;color:#69635c}
.hj-sources li{margin:8px 0}
.hj-related{background:#f1ece5;padding:85px 0 100px}
.hj-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hj-related .hj-card h2{font-size:clamp(19px,1.85vw,26px)}
.hj-related .hj-card p{font-size:13px}
@media(max-width:800px){.hj-shell{width:88%}.hj-index-hero{padding:72px 0 78px}.hj-index-hero h1{font-size:clamp(43px,9vw,63px)}.hj-index-stories{padding:64px 0 80px}.hj-cards{gap:52px 17px}.hj-card h2{font-size:clamp(19px,4.4vw,29px)}.hj-card-meta{font-size:10px;margin-top:14px}.hj-card p{font-size:13px}.hj-cta-inner{align-items:start;flex-direction:column}.hj-cta{padding:62px 0}.hj-article-grid{grid-template-columns:1fr;padding:55px 0 75px;gap:20px}.hj-article-aside{position:static}.hj-article-image{width:100%;height:clamp(300px,75vw,470px)}.hj-story-intro{padding:55px 0 42px}.hj-back{margin-bottom:36px}.hj-article-section p{font-size:16px;line-height:1.8}.hj-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-related{padding:65px 0 80px}}
@media(max-width:570px){.hj-cards{grid-template-columns:1fr;gap:48px}.hj-card-image{aspect-ratio:4/5}.hj-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.hj-card h2{font-size:29px}.hj-card p{font-size:14px}.hj-story-intro h1{font-size:clamp(36px,9.2vw,54px)}.hj-dek{font-size:17px}.hj-related-grid{grid-template-columns:1fr}.hj-article-image{height:320px}.hj-article-section h2{font-size:26px}.hj-cta h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.hj-card-image img{transition:none!important}}

/* Single related-story card after journal update */
.hj-related .hj-related-grid{grid-template-columns:repeat(2,minmax(0,420px))}

/* Consistent non-emoji arrows across editorial links */
.hj-arrow-icon{display:inline-block;width:15px;height:15px;vertical-align:-2px;margin-left:4px;stroke:currentColor;flex-shrink:0}

@media(max-width:570px){.hj-related .hj-related-grid{grid-template-columns:1fr}}
