.sentari-journal{
  --sj-paper:#f3eee4;
  --sj-card:#f8f4ec;
  --sj-ink:#1d1b18;
  --sj-muted:#726b60;
  --sj-line:#d8d0c3;
  --sj-accent:#1186c7;
  --sj-gap:24px;
  --sj-columns:3;
  --sj-max-width:1380px;
  width:100%;
  background:var(--sj-paper);
  color:var(--sj-ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sentari-journal *{box-sizing:border-box}
.sentari-journal a{color:inherit;text-decoration:none}
.sentari-journal button{font:inherit}
.sentari-journal__inner{max-width:var(--sj-max-width);margin:0 auto;padding:0 28px}
.sentari-journal__hero{
  padding:76px 0 40px;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  align-items:end;
  gap:70px;
}
.sentari-journal__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
  color:var(--sj-accent);
  font-size:10px;
  line-height:1.2;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:700;
}
.sentari-journal__eyebrow:before{content:"";width:34px;height:1px;background:var(--sj-accent);flex:0 0 auto}
.sentari-journal__heading{
  margin:0;
  max-width:900px;
  color:var(--sj-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,7vw,112px);
  line-height:.86;
  letter-spacing:-.055em;
  font-weight:400;
}
.sentari-journal__intro{
  border-left:1px solid var(--sj-line);
  padding:4px 0 5px 26px;
  color:var(--sj-muted);
  font-size:13px;
  line-height:1.65;
}
.sentari-journal__intro strong{display:block;color:var(--sj-ink);font-weight:500;margin-bottom:8px}
.sentari-journal__filters{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  border-top:1px solid var(--sj-line);
  border-bottom:1px solid var(--sj-line);
  padding:14px 0;
  margin-bottom:46px;
}
.sentari-journal__filter-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.sentari-journal__filter{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#625b51;
  padding:8px 12px;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  line-height:1.2;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
  white-space:nowrap;
}
.sentari-journal__filter:hover,
.sentari-journal__filter:focus-visible,
.sentari-journal__filter.is-active{background:var(--sj-ink);color:var(--sj-card);outline:none}
.sentari-journal__filter:focus-visible{box-shadow:0 0 0 2px var(--sj-paper),0 0 0 4px var(--sj-accent)}
.sentari-journal__issue{margin-left:auto;font-family:Georgia,"Times New Roman",serif;font-size:13px;color:#81786c;white-space:nowrap}
.sentari-journal__collection{padding:0 0 90px}
.sentari-journal__grid{columns:var(--sj-columns);column-gap:var(--sj-gap)}
.sentari-card{
  width:100%;
  display:inline-block;
  vertical-align:top;
  break-inside:avoid;
  margin:0 0 var(--sj-gap);
  background:var(--sj-card);
  border:1px solid var(--sj-line);
  box-shadow:0 2px 0 rgba(29,27,24,.03),0 12px 28px rgba(29,27,24,.035);
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .28s ease,box-shadow .28s ease,opacity .25s ease;
}
.sentari-card:not(.sentari-insert):hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(29,27,24,.08)}
.sentari-card__media{display:block;overflow:hidden;background:#ded6c9;position:relative}
.sentari-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sentari-card:not(.sentari-insert):hover .sentari-card__media img{transform:scale(1.025)}
.sentari-card--portrait .sentari-card__media{aspect-ratio:4/5.35}
.sentari-card--landscape .sentari-card__media{aspect-ratio:4/2.65}
.sentari-card--square .sentari-card__media{aspect-ratio:1/1}
.sentari-card--tall .sentari-card__media{aspect-ratio:4/6.2}
.sentari-card.is-contain .sentari-card__media img{object-fit:contain;background:#ebe5d8;padding:22px}
.sentari-card__body{padding:20px 20px 22px}
.sentari-card__kicker{
  color:var(--sj-accent);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:9px;
  line-height:1.3;
  font-weight:700;
  margin-bottom:9px;
}
.sentari-card__title{
  margin:0;
  color:var(--sj-ink);
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(25px,2.25vw,36px);
  letter-spacing:-.035em;
  line-height:.98;
}
.sentari-card__title a{color:inherit;text-decoration:none}
.sentari-card__dek{color:#665f55;font-size:12px;line-height:1.62;margin:14px 0 0;max-width:48ch}
.sentari-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid var(--sj-line);
  margin-top:18px;
  padding-top:13px;
  color:#777064;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sentari-card__read{color:var(--sj-accent)!important;font-weight:700;letter-spacing:.1em;text-decoration:none!important;white-space:nowrap}
.sentari-card__read:after{content:"↗";padding-left:5px;display:inline}
.sentari-card.is-featured .sentari-card__body{padding:22px 22px 25px}
.sentari-card.is-featured .sentari-card__title{font-size:clamp(34px,3vw,49px)}
.sentari-insert{border-color:transparent}
.sentari-insert--quote{
  min-height:340px;
  background:#0f84c6;
  color:#fff;
  padding:28px;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  border-color:#0f84c6;
}
.sentari-insert__quote-mark{font-family:Georgia,"Times New Roman",serif;font-size:72px;line-height:.7;opacity:.85}
.sentari-insert--quote blockquote{margin:38px 0 30px;font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.04;letter-spacing:-.035em;font-weight:400}
.sentari-insert__credit{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.82}
.sentari-insert--note{
  background:#d1a046;
  border-color:#d1a046;
  min-height:270px;
  padding:26px;
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  color:var(--sj-ink);
}
.sentari-insert--note h3{font-family:Georgia,"Times New Roman",serif;font-size:39px;line-height:.95;font-weight:400;letter-spacing:-.04em;margin:0}
.sentari-insert--note p{margin:20px 0 0;font-size:12px;line-height:1.65;max-width:38ch}
.sentari-insert--note small{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.sentari-journal__more-wrap{text-align:center;margin-top:20px}
.sentari-journal__more{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--sj-ink);
  background:transparent;
  color:var(--sj-ink);
  padding:13px 18px;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  line-height:1.2;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.sentari-journal__more:hover,.sentari-journal__more:focus-visible{background:var(--sj-ink);color:var(--sj-card);outline:none}
.sentari-journal__more:disabled{opacity:.45;cursor:wait}
.sentari-journal__status{min-height:1px;text-align:center;color:var(--sj-muted);font-size:12px;margin-top:8px}
.sentari-journal__empty{column-span:all;padding:30px 0;color:var(--sj-muted)}
.sentari-journal.is-loading .sentari-journal__grid{opacity:.48;pointer-events:none;transition:opacity .2s ease}

@media(max-width:1020px){
  .sentari-journal{--sj-columns:2}
  .sentari-journal__hero{grid-template-columns:1fr;gap:34px;padding-top:58px}
  .sentari-journal__intro{max-width:580px}
}
@media(max-width:670px){
  .sentari-journal{--sj-columns:1;--sj-gap:18px}
  .sentari-journal__inner{padding-left:18px;padding-right:18px}
  .sentari-journal__hero{padding-top:46px;padding-bottom:28px}
  .sentari-journal__heading{font-size:clamp(52px,17vw,76px)}
  .sentari-journal__intro{padding-left:18px}
  .sentari-journal__intro strong{font-size:12px}
  .sentari-journal__filters{align-items:flex-start;gap:10px;margin-bottom:30px}
  .sentari-journal__filter-list{width:100%}
  .sentari-journal__issue{width:100%;margin:6px 0 0 12px;white-space:normal}
  .sentari-journal__collection{padding-bottom:64px}
  .sentari-card__title{font-size:30px}
  .sentari-card.is-featured .sentari-card__title{font-size:38px}
  .sentari-insert--quote blockquote{font-size:31px}
  .sentari-insert--note h3{font-size:35px}
}

@media (prefers-reduced-motion:reduce){
  .sentari-card,.sentari-card__media img,.sentari-journal__filter,.sentari-journal__more{transition:none!important}
  .sentari-card:not(.sentari-insert):hover{transform:none!important}
  .sentari-card:not(.sentari-insert):hover .sentari-card__media img{transform:none!important}
}