/* Journal and shared hero */
.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:center}
.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-latest{padding-block:18px 24px}
.journal-toolbar{display:flex;align-items:center;justify-content:center;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-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}}


/* Product filters */
.shop-head{background:linear-gradient(100deg,#eff8f7,#fff);border-bottom:1px solid var(--line);padding:30px 0}.shop-head>.wrap{display:flex;align-items:center;justify-content:space-between}.shop-head span{font:10px Lato;letter-spacing:4px;color:#729a9d}.shop-head h1{font-size:27px;color:var(--teal);margin:0}.shop-search{width:min(430px,45%);height:46px;display:flex;background:#f2f5f5;border-radius:9px}.shop-search input{flex:1;border:0;background:none;padding:0 17px;font:12px IRANSans;outline:0}.shop-search button{width:48px;border:0;background:none;font-size:27px;color:#6c8588}.shop-layout{display:grid;grid-template-columns:270px 1fr;gap:25px;align-items:start;padding-top:30px;padding-bottom:70px}.filter-sidebar{border:1px solid #e0e6e6;border-radius:10px;padding:0 18px;position:sticky;top:94px;background:#fff}.filter-title{height:60px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.filter-title b{font-size:18px}.filter-title a{margin-right:auto;color:#e14855;font-size:13px}.filter-title button{display:none}.filter-sidebar details{border-bottom:1px solid var(--line);padding:17px 0}.filter-sidebar summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.filter-sidebar summary:after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin:3px 6px 0 0}.filter-sidebar details[open] summary:after{transform:rotate(225deg);margin-top:7px}.filter-options{display:grid;gap:12px;padding-top:16px}.filter-options label{display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer}.filter-options label>span{display:flex;align-items:center;gap:8px}.filter-options input{display:none}.filter-options i{width:18px;height:18px;border:1px solid #aebdbf;border-radius:4px;position:relative}.filter-options input:checked+i{background:var(--teal);border-color:var(--teal)}.filter-options input:checked+i:after{content:'';position:absolute;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;right:5px;top:2px;transform:rotate(45deg)}.filter-options small{color:#8b999b}.filter-options.static{opacity:.45}.apply-filter{display:none;margin:18px 0;width:100%!important}.products-area{min-width:0}.result-toolbar{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;font-size:13px;white-space:nowrap;overflow:auto}.sort-label{font-weight:700;color:var(--ink)}.result-toolbar a.active{color:var(--teal);font-weight:700}.result-toolbar small{margin-right:auto;color:#839193}.shop-products{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #edf0ef;border-right:1px solid #edf0ef}.shop-card{padding:18px;border-left:1px solid #edf0ef;border-bottom:1px solid #edf0ef;min-width:0;transition:.2s;background:#fff}.shop-card:hover{box-shadow:0 8px 28px #173d4318;z-index:2;transform:translateY(-2px)}.card-image{height:250px;position:relative}.card-image img{width:100%;height:100%;object-fit:contain}.card-image b{position:absolute;right:0;top:0;background:#d63149;color:#fff;padding:3px 9px;border-radius:12px;font-size:11px}.card-brand{font:9px Lato;color:#789396;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-card h2{font-size:15px;line-height:1.8;height:46px;margin:5px 0;overflow:hidden}.shop-card p{font-size:12px;color:#7b898b;height:38px;overflow:hidden}.card-bottom{border-top:1px solid #eff2f1;padding-top:10px;display:flex;justify-content:space-between;color:var(--teal);font-size:12px}.no-results{text-align:center;padding:100px 20px}.no-results b{font-size:22px}.no-results p{color:#7d898b}.mobile-filter,.filter-overlay{display:none}
@media(max-width:1000px){.shop-layout{grid-template-columns:235px 1fr}.shop-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shop-head>.wrap{display:block}.shop-search{width:100%;margin-top:15px}.shop-layout{display:block;padding-top:15px}.mobile-filter{display:flex;width:100%;height:45px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:8px;font-family:inherit;margin-bottom:10px}.mobile-filter em{background:var(--teal);color:#fff;border-radius:10px;padding:0 6px;font-style:normal}.filter-sidebar{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(340px,90vw);border-radius:0;overflow:auto;transform:translateX(105%);transition:.25s}.filter-sidebar.show{transform:none}.filter-title{position:sticky;top:0;background:#fff;z-index:2}.filter-title button{display:block;margin-right:12px;border:0;background:none;font-size:27px}.apply-filter{display:flex}.filter-overlay{position:fixed;z-index:45;inset:0;background:#0c242a88}.filter-overlay.show{display:block}.result-toolbar{gap:16px}.sort-label{display:none}.shop-products{grid-template-columns:repeat(2,1fr)}.card-image{height:190px}}@media(max-width:480px){.shop-layout{width:100%}.shop-products{grid-template-columns:repeat(2,1fr)}.shop-card{padding:10px}.card-image{height:155px}.shop-card h2{font-size:13px}.shop-card p{display:none}.result-toolbar{padding:0 12px}}


/* Products hero */
.products-search-bar{display:flex;justify-content:flex-end;padding-top:24px}
.products-search-bar .shop-search{width:min(430px,100%);margin:0}
.products-search-bar .shop-search input[type="search"]{min-width:0}
.products-search-bar .shop-search:focus-within{outline:2px solid #729a9d;outline-offset:3px}
@media(max-width:800px){.products-hero .journal-hero-copy h1{font-size:32px}.products-search-bar{padding-top:18px}.products-search-bar .shop-search{width:100%}}


/* Product brands */
.shop-brand-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: 27px;
    padding-bottom: 20px
}

.shop-brand-tile {
    min-width: 0;
    min-height: 134px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #e5eaeb;
    border-radius: 12px;
    background: #fff;
    color: #234954;
    text-align: center;
    transition: border-color .2s, background .2s
}

.shop-brand-tile:hover {
    border-color: #afc6c8;
    background: #f9fbfb
}

.shop-brand-tile.is-selected {
    border-color: #4b8086;
    background: #f4f9f9
}

.shop-brand-mark {
    height: 75px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.shop-brand-mark img {
    display: block;
    max-width: 82%;
    max-height: 260px;
    width: auto;
    height: auto;
    object-fit: contain
}

.shop-brand-wordmark {
    display: flex;
    flex-direction: column;
    font: 29px/1.15 Lato, Arial, sans-serif;
    letter-spacing: .24em;
    color: #264d68
}

.shop-brand-wordmark small {
    font: 11px/1.4 Lato, Arial, sans-serif;
    letter-spacing: .13em;
    margin-top: 7px
}

@media(max-width:650px) {
    .shop-brand-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        padding-top: 17px
    }

    .shop-brand-tile {
        min-height: 112px
    }

    .shop-brand-mark {
        height: 63px
    }

    .shop-brand-mark img {
        max-height: 60px
    }

    .shop-brand-wordmark {
        font-size: 22px
    }
}