/* FengShui Design editorial Journal. All actual posts come from native Wix Blog. */
.journal-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#f4f0e8 0%,#faf8f3 56%,#f3ede2 100%);border-bottom:1px solid var(--line)}
.journal-hero-inner{min-height:570px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;position:relative}
.journal-hero-copy{z-index:2;padding:82px 0 96px;max-width:830px}
.journal-hero h1{font-family:var(--heading);font-size:clamp(68px,6.2vw,120px);letter-spacing:-.045em;line-height:.98;margin:30px 0 26px}
.journal-hero h1 em{color:var(--green);font-style:italic;font-weight:400}
.journal-hero-copy>p{font-size:17px;max-width:450px;line-height:1.85;margin-bottom:32px}
.journal-hero-art{align-self:stretch;display:flex;align-items:end;justify-content:center;min-width:0;opacity:.8;pointer-events:none}
.journal-hero-art img{width:110%;max-width:none;height:auto;object-fit:contain;max-height:570px;transform:translateY(22px)}
.journal-feed-section{padding:105px 0 118px;background:var(--paper)}
.journal-section-head{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:50px;margin-bottom:39px}
.journal-section-head h2{margin:15px 0 0}
.journal-section-head p{max-width:380px;margin:0 0 5px}
.journal-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:42px}
.journal-filters:empty{display:none}
.journal-filter{background:transparent;border:1px solid #d8d0c4;padding:11px 19px;color:var(--muted);font-size:12px;letter-spacing:.025em;transition:background .2s,color .2s,border-color .2s}
.journal-filter:hover{border-color:var(--green);color:var(--ink)}
.journal-filter.is-active{background:#435142;border-color:#435142;color:#fff}
.journal-grid.journal-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.journal-story{display:flex;flex-direction:column;min-width:0;background:#f5f1eb;border:1px solid #e9e1d8;overflow:hidden;color:var(--ink);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.journal-story:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(58,53,42,.075);border-color:#d7cbbb}
.journal-story-visual{aspect-ratio:16/10;overflow:hidden;background:#e8e3d7}
.journal-story-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.journal-story:hover .journal-story-visual img{transform:scale(1.045)}
.journal-story-info{padding:27px 27px 33px;display:flex;flex-direction:column;flex:1;align-items:start}
.journal-story-meta{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin:0 0 15px;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.journal-story-kicker{color:var(--clay);font-weight:700}
.journal-story-date{color:#88877d}
.journal-story-title{font-family:var(--heading);font-size:clamp(28px,2.25vw,37px);line-height:1.14;letter-spacing:-.025em;margin:0 0 13px;overflow-wrap:anywhere}
.journal-story-excerpt{font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 20px}
.journal-story-author{color:#6e776c;font-size:12px;margin:0 0 15px}
.journal-story-read{margin-top:auto;border-bottom:1px solid var(--clay);padding-bottom:7px;color:var(--clay);font-weight:700;font-size:11px;letter-spacing:.065em;text-transform:uppercase}
.journal-story-textonly{min-height:345px;background:linear-gradient(140deg,#f0ede4,#f8f5ef 70%,#eaece2);border-top:3px solid #b6bda9}
.journal-story-textonly .journal-story-info{justify-content:center;padding:36px}
.journal-story-textonly .journal-story-title{font-size:clamp(33px,2.8vw,49px)}
.journal-feed-section .journal-story:first-child:not(:only-child){grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr}
.journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-visual{height:100%;aspect-ratio:auto;min-height:320px}
.journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-info{justify-content:center;padding:36px}
.journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-title{font-size:clamp(34px,2.8vw,49px)}
.journal-feed-section .journal-story:first-child.journal-story-textonly:not(:only-child){display:flex}
.journal-more{display:flex;justify-content:center;margin-top:45px}
.journal-more:empty{display:none}
.journal-vacant{grid-column:1/-1;min-height:340px;display:grid;grid-template-columns:.8fr 1.2fr;background:#f2efe6;border:1px solid #e6ddcf;overflow:hidden}
.journal-vacant-art{overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e7e8df}
.journal-vacant-art img{max-height:380px;width:100%;height:100%;object-fit:contain;filter:saturate(.75)}
.journal-vacant-copy{padding:clamp(30px,4vw,70px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.journal-vacant-copy h3{font-size:clamp(31px,3.2vw,48px);margin:16px 0 17px}
.journal-vacant-copy p{max-width:490px;font-size:15px}
.journal-vacant-copy .text-link{margin-top:12px}
.journal-vacant-home{min-height:290px}
.journal-error{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:50px;min-height:280px;gap:12px}
.journal-error h3{margin:0}
.journal-loading{grid-column:1/-1;padding:35px 0;color:var(--muted)}
.journal-loading-line{display:block;width:100%;height:1px;background:var(--line);margin:20px 0}
.journal-loading-card{min-height:315px;background:#f1eee8;overflow:hidden}
.journal-loading-visual{height:220px;background:linear-gradient(90deg,#eeebe5,#f9f5ed,#eeebe5);background-size:200% 100%;animation:journal-shimmer 1.6s linear infinite}
.journal-loading-title{height:19px;width:70%;background:#ddd5c8;margin:25px}
@keyframes journal-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.journal-closer{background:#ebe6dc;border-top:1px solid #ddd3c7}
.journal-closer-inner{padding-top:65px;padding-bottom:65px;display:flex;justify-content:space-between;align-items:center;gap:38px}
.journal-closer h2{font-size:clamp(33px,3.1vw,48px);max-width:740px;margin:14px 0 0}
/* Article page */
.article-top{background:linear-gradient(135deg,#f5f1e9,#faf8f3);border-bottom:1px solid var(--line)}
.article-top-inner{max-width:1120px;padding-top:77px;padding-bottom:82px}
.article-breadcrumb{display:flex;gap:13px;align-items:center;color:#837d70;font-size:12px;margin-bottom:47px}
.article-breadcrumb a:hover{color:var(--clay)}
.article-category{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--clay)}
.article-top h1{font-family:var(--heading);font-size:clamp(52px,6vw,105px);line-height:1.06;letter-spacing:-.043em;max-width:1100px;margin:22px 0 25px;overflow-wrap:break-word}
.article-deck{font-size:clamp(17px,1.65vw,23px);max-width:830px;color:#66695f;line-height:1.65;margin:0}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#807f72;margin-top:30px}
.article-cover{max-width:1120px;margin:53px auto 0}
.article-cover:empty,.article-cover[hidden]{display:none}
.article-cover img{width:100%;max-height:560px;aspect-ratio:16/9;object-fit:cover}
.article-content-shell{display:grid;grid-template-columns:minmax(0,220px) minmax(0,760px);justify-content:center;align-items:start;gap:65px;padding-top:70px;padding-bottom:105px}
.article-side-note{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:15px;color:#777b6e;font-size:13px;line-height:1.6}
.article-content-main{min-width:0}
.article-body{font-size:17px;line-height:1.95;color:#555a51;overflow-wrap:anywhere}
.article-body :is(h2,h3,h4){font-family:var(--heading);color:var(--ink);font-weight:400;line-height:1.2;letter-spacing:-.022em;margin:1.65em 0 .7em}
.article-body h2{font-size:clamp(32px,3.4vw,48px)}
.article-body h3{font-size:clamp(25px,2.4vw,33px)}
.article-body p{font-size:17px;line-height:1.95;color:#565c52;margin-bottom:1.3em}
.article-body :is(ul,ol){padding-left:1.4em;margin:1.3em 0;line-height:1.85}
.article-body li{margin:.6em 0}
.article-body a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--clay)}
.article-body img{max-width:100%;height:auto;margin:2em auto}
.article-body blockquote{border-left:2px solid var(--clay);padding:13px 0 13px 30px;margin:2.3em 0;color:var(--ink);font:italic 27px/1.5 var(--heading)}
.article-body hr{border:0;border-top:1px solid var(--line);margin:3em 0}
.article-body figure{margin:2em 0}
.article-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:34px 0 22px;margin-top:55px;border-top:1px solid var(--line)}
.article-back{font-size:13px;color:var(--clay);font-weight:700}
.article-like{background:transparent;border:1px solid var(--line);padding:11px 16px;font-size:12px;color:var(--ink);cursor:pointer}
.article-like:hover,.article-like[aria-pressed=true]{background:#ece8de;border-color:#c6bba9}
.article-like:disabled{opacity:.5;cursor:wait}
.article-tags{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0 20px}
.article-tag{font-size:11px;padding:9px 12px;background:#eeece4;color:#6b7467}
.article-related{border-top:1px solid var(--line);padding:55px 0 110px}
.article-related-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.article-related-heading h2{margin:12px 0 0}
.article-related .journal-story-info{padding:24px}
.article-related .journal-story-title{font-size:clamp(25px,2vw,34px)}
/* Journal cards reused on the homepage */
.journal-section .journal-grid,.journal-section .journal-design-grid{min-width:0}
@media(min-width:1700px){
 .journal-hero-inner{min-height:37vw}
 .journal-hero-copy{max-width:53vw;padding:5.5vw 0}
 .journal-hero h1{font-size:6.3vw;margin:2.2vw 0 1.8vw}
 .journal-hero-copy>p{font-size:1.05vw;max-width:30vw}
 .journal-hero-art img{max-height:35vw}
 .journal-feed-section{padding:7vw 0}
 .journal-section-head{gap:4vw;margin-bottom:3vw}
 .journal-section-head p{max-width:27vw}
 .journal-filters{gap:.75vw;margin-bottom:2.5vw}
 .journal-filter{font-size:.78vw;padding:.78vw 1.2vw}
 .journal-grid.journal-design-grid{gap:1.7vw}
 .journal-story-info{padding:1.8vw}
 .journal-story-meta{font-size:.7vw;gap:1vw;margin-bottom:1.1vw}
 .journal-story-title{font-size:2.4vw}
 .journal-story-excerpt{font-size:.9vw}
 .journal-story-read,.journal-story-author{font-size:.74vw}
 .journal-story-textonly{min-height:22vw}
 .journal-story-textonly .journal-story-title{font-size:3vw}
 .journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-title{font-size:3.1vw}
 .journal-vacant{min-height:25vw}
 .journal-vacant-copy{padding:4vw}
 .journal-vacant-copy h3{font-size:3vw}
 .journal-vacant-copy p{font-size:1vw;max-width:33vw}
 .journal-closer-inner{padding-top:4vw;padding-bottom:4vw}
 .journal-closer h2{font-size:3.25vw;max-width:52vw}
 .article-top-inner{max-width:73vw;padding-top:5vw;padding-bottom:5vw}
 .article-top h1{font-size:6vw;max-width:73vw}
 .article-deck{font-size:1.6vw;max-width:54vw}
 .article-breadcrumb{font-size:.8vw;margin-bottom:3vw}
 .article-category,.article-meta{font-size:.8vw}
 .article-cover{max-width:73vw;margin-top:3.5vw}
 .article-cover img{max-height:40vw}
 .article-content-shell{grid-template-columns:minmax(0,15vw) minmax(0,51vw);gap:4vw;padding-top:5vw;padding-bottom:7vw}
 .article-side-note{font-size:.85vw}
 .article-body,.article-body p{font-size:1.13vw}
 .article-body h2{font-size:3.2vw}
 .article-body h3{font-size:2.25vw}
 .article-actions{margin-top:4vw;padding:2vw 0 1.3vw}
 .article-back,.article-like,.article-tag{font-size:.9vw}
 .article-related{padding:4vw 0 7vw}
 .article-related .journal-story-title{font-size:2.15vw}
}
@media(max-width:1100px){
 .journal-grid.journal-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .journal-feed-section .journal-story:first-child:not(:only-child){grid-column:span 2}
 .journal-hero-inner{min-height:500px}
 .journal-hero h1{font-size:clamp(60px,7vw,95px)}
 .article-content-shell{grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:35px}
}
@media(max-width:760px){
 .journal-hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}
 .journal-hero-copy{padding:72px 0 0}
 .journal-hero h1{font-size:clamp(52px,12vw,82px);margin:20px 0}
 .journal-hero-copy>p{font-size:15px}
 .journal-hero-art{height:245px;align-items:center;overflow:hidden;margin-top:-18px}
 .journal-hero-art img{width:100%;max-width:100%;max-height:285px;transform:translateY(25px)}
 .journal-feed-section{padding:65px 0 82px}
 .journal-section-head{display:block;margin-bottom:25px}
 .journal-section-head h2{margin:10px 0 18px}
 .journal-section-head p{font-size:14px}
 .journal-filters{margin-bottom:25px;gap:8px}
 .journal-filter{padding:10px 13px;font-size:12px}
 .journal-grid.journal-design-grid{grid-template-columns:1fr;gap:18px}
 .journal-feed-section .journal-story:first-child:not(:only-child){grid-column:auto;display:flex}
 .journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-visual{min-height:0;height:auto;aspect-ratio:16/10}
 .journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-info{padding:25px}
 .journal-feed-section .journal-story:first-child:not(:only-child) .journal-story-title{font-size:32px}
 .journal-story-title{font-size:32px}
 .journal-story-info{padding:24px}
 .journal-vacant{display:flex;flex-direction:column;min-height:0}
 .journal-vacant-art{height:220px}
 .journal-vacant-art img{max-height:220px}
 .journal-vacant-copy{padding:28px 24px 36px}
 .journal-vacant-copy h3{font-size:35px}
 .journal-vacant-copy p{font-size:14px}
 .journal-closer-inner{flex-direction:column;align-items:start;padding-top:50px;padding-bottom:55px}
 .article-top-inner{padding-top:55px;padding-bottom:56px}
 .article-breadcrumb{margin-bottom:32px}
 .article-top h1{font-size:clamp(46px,11vw,75px)}
 .article-deck{font-size:17px}
 .article-cover{margin-top:23px}
 .article-cover img{max-height:45vh}
 .article-content-shell{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:55px}
 .article-side-note{display:none}
 .article-body,.article-body p{font-size:16px;line-height:1.85}
 .article-body h2{font-size:35px}
 .article-body h3{font-size:28px}
 .article-actions{margin-top:35px}
 .article-related{padding:40px 0 65px}
 .article-related-heading{align-items:start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.journal-loading-visual{animation:none}.journal-story,.journal-story-visual img{transition:none}}