
.season-section {
  background:#e8e5d3;
  border-block:1px solid #dfdcc7;
  padding:56px 0
}
.season-inner {
  display:grid;
  grid-template-columns:.86fr 1.6fr;
  gap:55px;
  align-items:center
}
.season-word {
  display:block;
  font:italic 21px var(--serif);
  color:var(--brown);
  margin-bottom:16px
}
.season-copy h2 {
  font-size: 53px
}
.season-copy>p {
  font-size: 12px;
  color:#65614f;
  margin:20px 0 23px;
  max-width:36ch
}
.season-copy .text-link {
  color:var(--olive-dark)
}
.season-ingredients {
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid #cac8b5;
  font-size: 12px;
  color:var(--olive-dark)
}
.season-ingredients>span {
  font-weight:700
}
.season-ingredients p {
  margin-top:6px
}
.season-recipes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.season-recipes .recipe-image {
  aspect-ratio:.7
}
.season-recipes .recipe-card:nth-child(2) {
  margin-top:36px
}
.season-recipes .recipe-card h3 {
  font-size: 23px
}
.season-recipes .card-meta span:last-child {
  display:none
}
.season-recipes .recipe-card>p {
  display:none
}
.weekday-section {
  padding-top:67px;
  padding-bottom:62px
}
.weekday-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px
}
.weekday-card {
  display:flex;
  align-items:center;
  gap:14px;
  padding:17px 0;
  border-top:1px solid var(--line)
}
.weekday-card img {
  width:82px;
  height:95px;
  border-radius:3px;
  flex-shrink:0
}
.weekday-card h3 {
  font-size: 19px
}
.weekday-card span {
  display:block;
  font-size: 12px;
  color:var(--brown);
  margin-bottom:7px
}
.weekday-card:hover h3 {
  color:var(--brown)
}
.knowledge-section {
  padding-bottom:70px
}
.journal-script {
  font:italic 24px var(--serif);
  color:var(--brown);
  transform:rotate(-4deg)
}
.knowledge-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:23px
}
.knowledge-card {
  overflow:hidden;
  background:#eee7d7
}
.knowledge-olive {
  background:#e5e8d5
}
.knowledge-peach {
  background:#efe0cf
}
.knowledge-art {
  height:210px
}
.knowledge-art img {
  object-position:center
}
.knowledge-copy {
  padding:25px 27px 28px
}
.knowledge-copy>span {
  font-size: 12px;
  color:#625540
}
.knowledge-copy h3 {
  font-size: 31px;
  margin:11px 0 15px
}
.knowledge-copy p {
  font-size: 12px;
  color:#645e50;
  min-height:60px
}
.knowledge-copy .text-link {
  margin-top:22px;
  font-size: 12px
}
.about-section {
  background:#eee8dc;
  padding:58px 0
}
.about-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center
}
.about-image {
  position:relative;
  height:370px
}
.about-seal {
  position:absolute;
  right:-24px;
  bottom:23px;
  width:123px;
  height:123px;
  display:grid;
  place-content:center;
  text-align:center;
  background:#dbc9ac;
  color:var(--brown);
  border-radius:50%;
  font:italic 23px/1.08 var(--serif);
  transform:rotate(-9deg)
}
.about-copy h2 {
  font-size: 44px
}
.about-copy p {
  font-size: 13px;
  color:var(--muted);
  max-width:46ch;
  margin-top:18px
}
.about-copy .button {
  margin-top:25px
}
.home-editorial {
  padding:68px 0 74px;
  border-top:1px solid var(--line)
}
.home-editorial-inner {
  max-width:1040px
}
.home-editorial-content {
  max-width:78ch;
  margin:0 auto;
  color:var(--muted);
  overflow-wrap:break-word
}
.home-editorial-content img,
.home-editorial-content video {
  max-width:100%;
  height:auto
}
.home-editorial-content iframe {
  max-width:100%
}
.home-editorial-content figure {
  margin:24px 0
}
.home-editorial-content figcaption {
  font-size:13px;
  margin-top:8px
}
.home-editorial-content h2 {
  margin:30px 0 12px;
  color:var(--ink);
  font-size:clamp(27px,3vw,38px)
}
.home-editorial-content h2:first-child {
  margin-top:0
}
.home-editorial-content p,
.home-editorial-content li {
  font-size:15px;
  line-height:1.8
}
.home-editorial-content p+p {
  margin-top:16px
}
.home-editorial-content a {
  color:var(--brown);
  text-decoration:underline;
  text-decoration-color:#baa58c;
  text-underline-offset:3px
}
.home-editorial-content a:hover {
  color:var(--olive-dark)
}
.home-editorial-content ul {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 28px;
  margin:16px 0 0;
  padding-left:20px
}
.instagram-section {
  padding-block:65px
}
.social-strip {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px
}
.social-strip>a {
  position:relative;
  aspect-ratio:1
}
.social-strip>a>.icon {
  position:absolute;
  right:12px;
  bottom:12px;
  color:white;
  filter:drop-shadow(0 1px 3px #222)
}
.social-note {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:15px;
  background:#eadbc3;
  color:var(--brown)
}
.social-note>span {
  font:italic 16px var(--serif);
  margin-bottom:9px
}
.social-note strong {
  font:500 28px/1.1 var(--serif)
}
.social-note small {
  margin-top:15px;
  font-size: 12px
}
.green-note {
  background:#e0e5ce;
  color:var(--olive-dark)
}
.site-footer {
  background:#343e2a;
  color:#eee8db;
  padding-top:48px
}
.footer-top {
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1fr;
  gap:45px;
  padding-bottom:45px
}
.site-footer .brand, .site-footer .brand span {
  color:#ead7b9
}
.site-footer .brand small {
  color:#d2c9b6
}
.footer-top>div>p {
  font-size: 12px;
  margin-top:23px;
  color:#cbcbbb
}
.footer-top h3 {
  font:600 12px var(--sans);
  margin-bottom:18px
}
.footer-top>div>a:not(.brand), .footer-top>div>button {
  display:block;
  font-size: 12px;
  margin-top:9px;
  background:none;
  color:#ddd8ca;
  padding:0;
  line-height:1.6;
  text-align:left
}
.footer-top a:hover, .footer-top button:hover {
  color:white
}
.footer-note>span {
  font:italic 32px var(--serif);
  color:#e4c49b
}
.footer-note>p {
  margin-top:12px!important
}
.footer-note .text-link {
  border:0;
  padding:0
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-block:18px;
  border-top:1px solid #57604c;
  color:#cccebd;
  font-size: 12px
}

