.journal-page{background:#fff;color:#123e50}
.journal-page .wrap{width:min(1580px,calc(100% - 112px))}
.journal-page .site-header .nav>nav>a[href="journal.php"]{border-bottom-color:#123e50;font-weight:700}
.journal-hero{height:255px;background:#e7eff0 url('../img/journal-hero.png') center 48%/cover no-repeat}
.journal-hero-inner{height:100%;display:flex;direction:ltr;align-items:center;justify-content:space-between}
.journal-hero-copy{text-align:center;direction:rtl;width:46%}
.journal-hero-copy>span{font:17px Lato,Arial;letter-spacing:6px;color:#b58f62}
.journal-hero-copy h1{font-size:50px;margin:0 0 2px;line-height:1.65}
.journal-hero-copy p{font-size:20px;margin:0 0 17px}
.journal-hero-copy small{font:10px Lato,Arial;letter-spacing:5px}
.journal-motto{direction:rtl;font-size:23px;line-height:1.65;margin-right:1%;font-style:italic;text-shadow:0 1px 8px #fff}
.journal-motto:after{content:'';display:block;width:48px;height:2px;background:#b89568;margin-top:18px}
.journal-latest{padding-block:18px 24px}
.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.journal-toolbar h2{display:flex;align-items:center;gap:17px;font-size:23px;margin:0;white-space:nowrap}
.journal-toolbar h2:after{content:'';height:2px;width:48px;background:#ba9768}
.journal-topics{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.journal-topics button{border:0;background:#f4f3f1;padding:7px 24px;border-radius:30px;color:#426275;font:12px IRANSans;cursor:pointer}
.journal-topics button[aria-pressed="true"]{background:#376975;color:white}
.journal-all{font-size:14px;white-space:nowrap}
.journal-editorial-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,170px);gap:18px;direction:ltr}
.journal-story{position:relative;overflow:hidden;border-radius:10px;border:1px solid #eee;background:#f4f3ee;min-width:0}
.journal-story[hidden]{display:none}
.journal-story>a{display:block;position:relative;height:100%;direction:rtl}
.journal-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.journal-story>a:after{content:'';position:absolute;inset:0;background:linear-gradient(to left,#f8f7f3 0%,#f8f7f3ed 35%,#f8f7f360 65%,transparent 85%)}
.journal-story-copy{position:relative;z-index:1;width:74%;margin-left:auto;padding:12px 18px;display:flex;flex-direction:column;align-items:flex-start;height:100%}
.journal-tag{display:inline-block;background:#d6e3df;color:#174758;border-radius:30px;padding:2px 15px;font-size:12px;margin-bottom:7px}
.journal-story h2{font-size:15px;line-height:1.8;margin:0 0 3px}
.journal-story-copy p{font-size:12px;color:#6b8290;line-height:1.9;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journal-read{font-size:14px;margin-top:auto;padding-top:8px}
.journal-story-featured{grid-column:1;grid-row:1/3}
.journal-story-featured>a:after{background:linear-gradient(to left,#f8f7f338,transparent 80%)}
.journal-story-featured .journal-story-copy{width:49%;padding:28px}
.journal-story-featured .journal-tag{font-size:13px;margin-bottom:17px}
.journal-story-featured h2{font-size:29px;line-height:1.7;margin-bottom:14px}
.journal-story-featured p{font-size:16px;line-height:2;-webkit-line-clamp:3}
.journal-story-featured .journal-read{font-size:16px}
.journal-story:nth-child(2){grid-column:3;grid-row:1}
.journal-story:nth-child(3){grid-column:2;grid-row:1}
.journal-story:nth-child(4){grid-column:3;grid-row:2}
.journal-story:nth-child(5){grid-column:2;grid-row:2}
.journal-ritual{position:absolute;bottom:24px;left:24px;font:10px/2 Lato,Arial;letter-spacing:3px;color:white;text-shadow:0 1px 5px #345;z-index:1}
.journal-editorial-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:250px}
.journal-editorial-grid.is-filtered .journal-story{grid-column:auto;grid-row:auto}
.journal-empty{text-align:center;padding:60px 20px;color:#6b8290}
.journal-filter-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.journal-page .laguna-footer{background:linear-gradient(110deg,#f5f5f1,#faf9f7);padding-top:30px}
.journal-page .footer-grid{direction:ltr}
.journal-page .footer-grid>div{direction:rtl}
.journal-page .footer-brand{direction:ltr}
.journal-page .journal-article-photo{display:block;width:100%;height:auto;border-radius:12px;margin-block:24px}
@media(max-width:1200px){
.journal-page .wrap{width:calc(100% - 64px)}
.journal-editorial-grid{grid-template-rows:repeat(2,190px);gap:14px}
.journal-story-copy{width:85%;padding:10px}
.journal-story-featured .journal-story-copy{width:55%;padding:22px}
.journal-story-featured h2{font-size:25px}
.journal-topics button{padding:7px 16px}
}
@media(max-width:800px){
.journal-page .wrap{width:calc(100% - 36px)}
.journal-hero{height:280px;background-position:65% center}
.journal-hero-copy{width:65%;background:#f9fbf9a8;border-radius:12px;padding:18px 8px}
.journal-hero-copy h1{font-size:36px}
.journal-hero-copy p{font-size:15px}
.journal-hero-copy>span{font-size:14px;letter-spacing:4px}
.journal-hero-copy small{font-size:10px;letter-spacing:2px}
.journal-motto{display:none}
.journal-toolbar{flex-wrap:wrap;gap:14px}
.journal-topics{order:3;width:100%;gap:7px}
.journal-topics button{padding:7px 18px}
.journal-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:300px 185px 185px}
.journal-story-featured{grid-column:1/-1;grid-row:1}
.journal-story:nth-child(n+2){grid-column:auto;grid-row:auto}
.journal-story-copy{width:78%}
.journal-story-featured .journal-story-copy{width:50%}
}
@media(max-width:480px){
.journal-hero-copy{width:85%}
.journal-hero{height:260px}
.journal-topics button{padding:6px 13px;font-size:13px}
.journal-toolbar h2{font-size:20px}
.journal-toolbar h2:after{width:28px}
.journal-all{font-size:12px}
.journal-editorial-grid,.journal-editorial-grid.is-filtered{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:185px}
.journal-story-featured{grid-column:auto;grid-row:auto;height:300px}
.journal-editorial-grid:not(.is-filtered){grid-template-rows:300px}
.journal-story-featured .journal-story-copy{width:57%;padding:20px 14px}
.journal-story-featured h2{font-size:23px}
.journal-story-featured p{font-size:14px}
.journal-story-featured .journal-tag{font-size:12px}
.journal-editorial-grid.is-filtered .journal-story-featured{height:auto}
.journal-editorial-grid.is-filtered .journal-story-featured h2{font-size:19px}
.journal-editorial-grid.is-filtered .journal-story-featured p{-webkit-line-clamp:2;font-size:12px}
.journal-ritual{font-size:9px;left:12px;letter-spacing:2px}
.journal-story-copy{width:72%;padding:14px 18px}
}
.journal-legacy-grid{grid-auto-rows:190px}
.journal-legacy-grid .journal-story-featured>a:after{background:linear-gradient(to left,#f8f7f3fa 0%,#f8f7f3e8 35%,#f8f7f360 70%,transparent)}
.journal-legacy-grid .journal-story-featured h2{font-size:25px}
.journal-legacy-grid .journal-story:nth-child(4):last-child{grid-column:2/4}
.journal-legacy-grid.is-filtered .journal-story:nth-child(4):last-child{grid-column:auto}
.journal-published{display:block;color:#6b8290;font-size:14px;margin-block:20px}
.journal-article-body{font-size:17px;line-height:2.3;overflow-wrap:anywhere}
.journal-article-body p,.journal-article-body ul,.journal-article-body ol{margin-block:0 22px}
.journal-article-body li{margin-bottom:12px}
@media(max-width:800px){.journal-legacy-grid .journal-story:nth-child(4):last-child{grid-column:1/-1}}
@media(max-width:480px){.journal-legacy-grid .journal-story-featured h2{font-size:20px}}