/* CreteSecretTouch — articles.css (v67): Articles list (magazine layout) + article page */

.art-sec { padding: 70px 6vw; background: var(--white); }
.art-sec--strip { padding: 40px 6vw 0; }
.art-sec--mag { padding-top: 40px; }
.art-sec--all { background: var(--petal); }
.art-sec--strip + .art-sec--mag { padding-top: 26px; }

/* shared bits */
.art-badge { display: inline-block; font-family: 'Jost', sans-serif; font-size: .62rem; letter-spacing: .16em; text-transform: uppercase;
  color: #fff; padding: 5px 10px 4px; border-radius: 2px; line-height: 1.2; }
.art-title { display: block; font-family: 'Cormorant Garamond', serif; font-weight: 500; color: var(--text-dark); line-height: 1.2; }
.art-meta { display: block; font-size: .74rem; letter-spacing: .04em; color: var(--text-soft); }
.art-card, .art-mini { text-decoration: none; color: inherit; }
.art-card img, .art-mini img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease, filter .4s; }
.art-card:hover img, .art-mini:hover img { transform: scale(1.05); }
.art-card:focus-visible, .art-mini:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

/* mini strip (top) */
.art-strip { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.art-mini { display: flex; gap: 14px; align-items: center; background: #fff; border: 1px solid rgba(201,169,110,.25); padding: 10px; }
.art-mini-img { flex: 0 0 96px; height: 70px; overflow: hidden; }
.art-mini .art-title { font-size: 1.02rem; margin-bottom: 6px; }
.art-mini:hover .art-title { color: var(--gold-dark); }

/* magazine grid */
.art-mag { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr 1.15fr .9fr; gap: 18px; min-height: 580px; }
.art-mag-mid, .art-mag-side { display: grid; grid-template-rows: 1fr 1fr; gap: 18px; }
.art-overlay { position: relative; display: block; overflow: hidden; min-height: 280px; background: var(--text-dark); }
.art-overlay img { position: absolute; inset: 0; }
.art-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(44,31,40,0) 35%, rgba(44,31,40,.88) 100%); }
.art-over-txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 22px 20px; }
.art-overlay .art-title { color: #fff; font-size: 1.45rem; margin: 10px 0 8px; }
.art-overlay .art-meta { color: rgba(255,255,255,.75); }
.art-big .art-title { font-size: 2rem; }
.art-small { background: transparent !important; border: 0 !important; }
.art-small .art-stack-img { height: 170px; }
.art-small .art-excerpt { display: none; }
.art-small .art-stack-txt { padding: 12px 2px 0; }
.art-small .art-title { font-size: 1.15rem; }

/* stack card (grid / related) */
.art-stack { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid rgba(201,169,110,.22); transition: transform .4s, box-shadow .4s; }
.art-stack:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(44,31,40,.09); }
.art-stack-img { display: block; height: 220px; overflow: hidden; }
.art-stack-txt { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px 22px; flex: 1; }
.art-stack-txt .art-badge { align-self: flex-start; }
.art-stack .art-title { font-size: 1.35rem; }
.art-stack:hover .art-title { color: var(--gold-dark); }
.art-excerpt { display: block; font-size: .92rem; line-height: 1.7; color: var(--text-mid); flex: 1; }

.art-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto 34px; max-width: 900px; }
.art-chip { font-family: 'Jost', sans-serif; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--text-mid);
  background: transparent; border: 1px solid rgba(201,169,110,.55); padding: 9px 16px; cursor: pointer; transition: all .3s; }
.art-chip:hover, .art-chip.is-on { background: var(--gold); border-color: var(--gold); color: #fff; }
.art-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.art-grid-item[hidden] { display: none; }
.art-grid--1 { grid-template-columns: minmax(0, 420px); justify-content: center; }
.art-grid--2 { grid-template-columns: repeat(2, minmax(0, 420px)); justify-content: center; }

/* article page */
.art-page { max-width: 780px; margin: 0 auto; padding: 56px 6vw 40px; box-sizing: content-box; }
.art-crumbs { font-size: .78rem; letter-spacing: .05em; color: var(--text-soft); display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.art-crumbs a { color: var(--text-soft); text-decoration: none; }
.art-crumbs a:hover { color: var(--gold-dark); }
.art-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: .82rem; color: var(--text-soft); margin: 0 0 26px; }
.art-cover { margin: 0 0 38px; position: relative; }
.art-cover::after { content: ''; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.55); pointer-events: none; }
.art-cover img { display: block; width: 100%; max-height: 460px; object-fit: cover; }
.art-prose { font-size: 1.04rem; line-height: 1.9; color: var(--text-mid); }
.art-prose > p { margin: 0 0 1.25em; }
.art-prose h2 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 2rem; line-height: 1.2; color: var(--text-dark); margin: 1.9em 0 .6em; }
.art-prose h3 { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: 1.4rem; color: var(--gold-dark); margin: 1.5em 0 .4em; }
.art-prose a { color: var(--gold-text, var(--gold-dark)); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(201,169,110,.5); }
.art-prose a:hover { text-decoration-color: currentColor; }
.art-prose .lp-treatment-list { margin: 0 0 1.4em; }
.art-prose em { color: var(--text-dark); }
.art-note { background: var(--petal); border-left: 3px solid var(--gold); padding: 18px 22px; margin: 1.6em 0; font-size: .98rem; line-height: 1.8; }
.art-note strong { color: var(--text-dark); }
.art-author { display: flex; gap: 18px; align-items: flex-start; margin-top: 46px; padding: 24px 26px; border: 1px solid rgba(201,169,110,.35); background: #fff; }
.art-author-ico { flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--gold-pale); color: var(--gold-dark); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
.art-author strong { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 500; color: var(--text-dark); }
.art-author p { margin: 6px 0 0; font-size: .92rem; line-height: 1.7; color: var(--text-mid); }
.art-author a { color: var(--gold-dark); }
.art-related { background: var(--petal); }
.art-page + #faq { background: var(--petal); }
.art-page + #faq + .art-related { background: var(--white); }

@media (max-width: 1024px) {
  .art-mag { grid-template-columns: 1fr 1fr; min-height: 0; }
  .art-big { grid-column: 1 / -1; min-height: 380px; }
  .art-mag-side { grid-column: 1 / -1; grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .art-grid { grid-template-columns: repeat(2, 1fr); }
  .art-strip { grid-template-columns: 1fr; max-width: 640px; }
}
@media (max-width: 680px) {
  .art-sec { padding: 54px 16px; }
  .art-sec--strip { padding: 30px 16px 0; }
  .art-mag, .art-mag-side, .art-grid, .art-grid--2 { grid-template-columns: 1fr; }
  .art-mag-mid { grid-template-rows: none; }
  .art-big { min-height: 340px; }
  .art-big .art-title, .art-overlay .art-title { font-size: 1.45rem; }
  .art-page { padding: 40px 16px 30px; }
  .art-prose { font-size: 1rem; line-height: 1.85; }
  .art-prose h2 { font-size: 1.7rem; }
  .art-author { flex-direction: column; padding: 20px; }
}
.art-prose .lp-treatment-list { list-style: none; padding: 0; }
.art-prose .lp-treatment-list li { font-size: .98rem; line-height: 1.75; }
.art-prose .lp-treatment-list li a { font-family: inherit; font-size: inherit; font-style: normal; color: var(--gold-text, var(--gold-dark)); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(201,169,110,.5); }

/* v73: small hub (3–4 articles): one large + two stacked */
.art-mag--3 { grid-template-columns: 1.35fr 1fr; min-height: 560px; }
@media (max-width: 1024px) { .art-mag--3 { grid-template-columns: 1fr 1fr; } .art-mag--3 .art-mag-mid { grid-column: 1 / -1; grid-template-rows: none; grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px)  { .art-mag--3 { grid-template-columns: 1fr; } .art-mag--3 .art-mag-mid { grid-template-columns: 1fr; } }

/* ═══ v74: designed article page ════════════════════════════════════ */
#hero .art-h1-gold { display: block; font-family: 'Great Vibes', cursive; font-weight: 400; color: var(--gold-light);
  font-size: .82em; line-height: 1.15; margin-top: 8px; }
.art-article #hero h1, body .hero-content h1 .art-h1-gold + * { }
.art-article { background: var(--white); }
.art-topbar { max-width: 1100px; margin: 0 auto; padding: 26px 6vw 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 24px; }
.art-topbar .art-crumbs, .art-topbar .art-byline { margin: 0; }

.art-s { padding: 76px 6vw; }
.art-s--white { background: var(--white); }
.art-s--petal { background: var(--petal); }
.art-s--cream { background: linear-gradient(145deg, #fdf7ed, #faf2e5); }
.art-s--intro { padding-top: 46px; }
.art-s--author { padding: 10px 6vw 70px; }

.art-split { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; }
.art-split--rev { grid-template-columns: .95fr 1.05fr; }
.art-col { max-width: 780px; margin: 0 auto; }
.art-s--wide .art-col { max-width: 1060px; }
.art-s--wide .art-col > h2, .art-s--wide .art-col > p, .art-s--wide .art-col > .gold-divider, .art-s--wide .art-col > .art-note { max-width: 780px; margin-left: auto; margin-right: auto; }
.art-s--wide .art-col > h2, .art-s--wide .art-col > .gold-divider { text-align: center; justify-content: center; }

.art-txt, .art-col { font-size: 1.03rem; line-height: 1.9; color: var(--text-mid); }
.art-txt p, .art-col p { margin: 0 0 1.15em; }
.art-txt a, .art-col a { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(201,169,110,.55); }
.art-lead > p:first-child { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; line-height: 1.55; color: var(--text-dark); }
.art-lead > p:first-child em { color: var(--gold-dark); }

.art-s h2 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(2rem, 3.2vw, 2.7rem); line-height: 1.15; color: var(--text-dark); margin: 6px 0 22px; }
.art-s h2 .script { font-family: 'Great Vibes', cursive; color: var(--gold-dark); font-size: 1.22em; font-weight: 400; line-height: 1; }
.art-s .gold-divider { justify-content: flex-start; margin: 0 0 6px; }
.art-col > .gold-divider, .art-col > h2 { text-align: center; justify-content: center; }
.art-s h3 { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 600; font-size: 1.35rem; color: #8C6A2F; margin: 1.4em 0 .4em; }
.art-txt .lp-treatment-list, .art-col .lp-treatment-list { list-style: none; padding: 0; margin: 0 0 1.3em; }
.art-txt .lp-treatment-list li, .art-col .lp-treatment-list li { font-size: 1rem; line-height: 1.75; }

.art-media .gold-frame img { aspect-ratio: 4 / 3.2; object-fit: cover; }
.art-s--intro .art-media .gold-frame img { aspect-ratio: 4 / 4.2; }

/* place-cards (pricing-card style) */
.art-pcards { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px; margin: 34px auto 30px; }
.art-pcard { flex: 0 1 calc((100% - 52px) / 3); min-width: 240px; box-sizing: border-box; background: #fefcfa; border: 1px solid rgba(201,169,110,.25);
  border-radius: 20px; padding: 30px 28px 26px; box-shadow: 0 8px 28px rgba(0,0,0,.05); text-align: center; transition: transform .35s, box-shadow .35s; }
.art-pcards--2 .art-pcard { flex-basis: calc((100% - 26px) / 2); }
.art-pcards--1 .art-pcard { flex-basis: 100%; max-width: 620px; }
.art-pcard:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(0,0,0,.08); }
.art-pcard::before { content: '✦'; display: block; color: var(--gold); font-size: .95rem; margin-bottom: 10px; }
.art-pcard h3 { margin: 0 0 10px !important; font-size: 1.32rem !important; }
.art-pcard p { margin: 0 !important; font-size: .96rem; line-height: 1.7; color: #4d4049; }
.art-s--petal .art-pcard, .art-s--cream .art-pcard { background: #fffdfb; }
/* hand-made card grid with images */
.art-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin: 34px 0 10px; }
.art-cards .art-icard { background: #fefcfa; border: 1px solid rgba(201,169,110,.25); border-radius: 20px; overflow: hidden; box-shadow: 0 8px 28px rgba(0,0,0,.05); }
.art-cards .art-icard img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.art-cards .art-icard div { padding: 22px 26px 24px; }
.art-cards .art-icard h3 { margin: 0 0 8px; }
.art-cards .art-icard p { margin: 0; font-size: .97rem; line-height: 1.75; }
/* highlighted note (pricing highlight card) */
.art-note { background: linear-gradient(145deg, #fdf7ed, #faf2e5); border: 1px solid rgba(201,169,110,.42); border-left: 1px solid rgba(201,169,110,.42);
  border-radius: 20px; padding: 24px 30px; box-shadow: 0 12px 36px rgba(160,120,50,.1); margin: 28px auto; font-size: 1rem; line-height: 1.8; }
.art-s--cream .art-note { background: #fffdfb; }
.art-note strong { color: #8C6A2F; font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.2rem; }
.art-author { max-width: 1100px; margin: 0 auto; border-radius: 20px; }

@media (max-width: 1024px) {
  .art-split, .art-split--rev { grid-template-columns: 1fr; gap: 40px; }
  .art-split .art-media { order: -1; max-width: 640px; margin: 0 auto; width: 100%; }
  .art-split .art-txt .gold-divider, .art-split .art-txt h2 { justify-content: center; text-align: center; }
  .art-pcard { flex-basis: calc((100% - 26px) / 2); }
}
@media (max-width: 680px) {
  .art-s { padding: 56px 16px; }
  .art-topbar { padding: 20px 16px 0; }
  .art-pcard, .art-pcards--2 .art-pcard { flex-basis: 100%; min-width: 0; }
  .art-cards { grid-template-columns: 1fr; }
  .art-lead > p:first-child { font-size: 1.3rem; }
}
.art-split { align-items: start; }
.art-split .art-media { position: sticky; top: 110px; }
.art-s--intro .art-split { align-items: center; }
.art-s--intro .art-split .art-media { position: static; }
.art-pcard p::first-letter { text-transform: uppercase; }
.art-s .gold-divider { margin-bottom: 14px; }
@media (max-width: 1024px) { .art-split .art-media { position: static; } }
.art-icard p + p { margin-top: .8em !important; }

/* ═══ v75: article page refinements ═════════════════════════════════ */
/* lining numerals: "10" instead of old-style "io" */
#hero h1, #hero p, .art-article, .art-faq, .art-related { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
/* breadcrumbs in the hero eyebrow */
.art-crumbs-hero { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; }
.art-crumbs-hero a { color: var(--gold-light); text-decoration: none; opacity: .85; transition: opacity .3s; }
.art-crumbs-hero a:hover { opacity: 1; }
.art-crumbs-hero span[aria-hidden] { opacity: .55; }
/* floating meta bar: category · date · reading time */
.art-meta-wrap { position: relative; z-index: 3; display: flex; justify-content: center; padding: 0 16px; margin-top: -30px; }
.art-metabar { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 26px; margin: 0;
  background: #fffdfb; border: 1px solid rgba(201,169,110,.35); border-radius: 60px; padding: 14px 30px;
  box-shadow: 0 14px 40px rgba(60,30,45,.1); font-family: 'Jost', sans-serif; font-size: .8rem; letter-spacing: .06em; color: var(--text-mid); }
.art-metabar .art-badge { margin: 0; }
.art-metabar-i { display: inline-flex; align-items: center; gap: 8px; }
.art-metabar-i svg { width: 15px; height: 15px; fill: var(--gold); }
/* centred section heads, like the rest of the site */
.art-head { max-width: 820px; margin: 0 auto 38px; text-align: center; }
.art-head .section-label { display: block; margin-bottom: 4px; }
.art-head .gold-divider, .art-s .art-head .gold-divider { justify-content: center; margin: 0 auto 14px; }
.art-head h2 { margin: 0 !important; text-align: center; }
.art-s--intro { padding-top: 64px; }
.art-s--intro .art-head { margin-bottom: 44px; }
/* place-cards: Roman numerals instead of one repeated star */
.art-pcards { counter-reset: pc; }
.art-pcard { counter-increment: pc; }
.art-pcard::before { content: counter(pc, upper-roman); font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500;
  font-size: 1.65rem; line-height: 1; color: var(--gold); letter-spacing: .06em; margin: 0 auto 14px; padding-bottom: 12px;
  background: linear-gradient(90deg, transparent, rgba(201,169,110,.7), transparent) center bottom / 46px 1px no-repeat; }
/* more breathing room above a tip card that follows cards */
.art-cards + .art-note, .art-pcards + .art-note { margin-top: 56px; }
/* FAQ on article pages: its own soft rose background with white question cards */

@media (max-width: 680px) {
  .art-metabar { border-radius: 22px; padding: 12px 18px; gap: 8px 16px; font-size: .74rem; }
  .art-head { margin-bottom: 28px; }
}

/* ═══ v76: site-style heads, only white / petal backgrounds ═════════ */
.art-s .gold-divider { justify-content: center; margin: 0 auto 14px; }
.art-txt > h2 { text-align: left; margin: 0 0 22px; }
.art-s--intro { padding-top: 70px; }
#faq.art-faq--white { background: var(--white); }
#faq.art-faq--petal { background: var(--petal); }
.art-faq--petal + .art-related { background: var(--white); }
.art-faq--white + .art-related { background: var(--petal); }
.art-pcard, .art-cards .art-icard, .art-s--petal .art-pcard { background: #fefcfa; }
.art-note, .art-s--petal .art-note { background: linear-gradient(145deg, #fdf7ed, #faf2e5); }
@media (max-width: 1024px) { .art-txt > h2 { text-align: center; } }

/* ═══ v77: spacing like the site, labels, short sections ═══════════ */
.art-hd, .art-head { text-align: center; }
.art-s .section-label { display: block; margin-bottom: 14px; }
.art-s .gold-divider { margin: 0 auto 30px; }
.art-head { margin-bottom: 40px; }
.art-txt > h2 { margin: 0 0 26px; }
.art-split--center { align-items: center; }
.art-split--center .art-media { position: static; }
.art-boxes { display: grid; gap: 30px; max-width: 1100px; margin: 0 auto; }
.art-boxes--2 { grid-template-columns: repeat(2, 1fr); }
.art-boxes--3 { grid-template-columns: repeat(3, 1fr); }
.art-boxes--1 { max-width: 820px; }
.art-box { background: #fefcfa; border: 1px solid rgba(201,169,110,.25); border-radius: 20px; padding: 40px 36px 30px; box-shadow: 0 8px 28px rgba(0,0,0,.05); }
.art-box > .section-label, .art-box > h2 { text-align: center; }
.art-box > h2 { font-size: clamp(1.7rem, 2.4vw, 2.1rem) !important; margin: 0 0 20px !important; }
.art-box p { margin: 0 0 1em; font-size: 1rem; line-height: 1.85; color: var(--text-mid); }
.art-box a { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(201,169,110,.55); }
.art-s--author { padding-top: 70px !important; padding-bottom: 80px !important; }
@media (max-width: 1024px) { .art-boxes--2, .art-boxes--3 { grid-template-columns: 1fr; max-width: 780px; } }
@media (max-width: 680px) { .art-box { padding: 32px 22px 22px; } }

/* v77: hub search */
.art-search { position: relative; max-width: 560px; margin: 0 auto 22px; }
.art-search svg { position: absolute; left: 20px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); fill: var(--gold); pointer-events: none; }
.art-search input { width: 100%; box-sizing: border-box; padding: 16px 22px 16px 54px; border: 1px solid rgba(201,169,110,.4); border-radius: 60px;
  background: #fefcfa; font-family: 'Jost', sans-serif; font-size: 1rem; color: var(--text-dark); outline: none; transition: border-color .3s, box-shadow .3s; }
.art-search input:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(201,169,110,.15); }
.art-chip span { opacity: .6; margin-left: 4px; }
.art-none { text-align: center; color: var(--text-mid); margin: 10px auto 30px; }

/* v77: lining numerals everywhere in the articles section */
[class^="art-"], [class*=" art-"] { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
.art-lead > h2 + p { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; line-height: 1.55; color: var(--text-dark); }
.art-lead > h2 + p em { color: var(--gold-dark); }
@media (max-width: 680px) { .art-lead > h2 + p { font-size: 1.3rem; } }

/* v78 hub: one near-white section (search + chips + featured + mixed-size photo cards) */
.art-sec--all { background: #fefcfa; padding-top: 64px; }
.art-sec--all .art-mag--3 { margin-bottom: 18px; }
.art-sec--all.is-filtering .art-mag { display: none; }
.art-sec--all:not(.is-filtering) .art-grid-item.is-feat { display: none; }
.art-bento { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 330px; gap: 18px; }
.art-sec--strip { background: #fefcfa; }
.art-sec--strip + .art-sec--all { padding-top: 56px; }
.art-bento .art-overlay { height: 100%; min-height: 0; }
.art-bento .art-overlay .art-title { font-size: 1.4rem; }
.art-bento .is-big .art-overlay .art-title { font-size: 1.9rem; }
.art-bento .is-mid .art-overlay .art-title { font-size: 1.6rem; }
@media (max-width: 1024px) {
  .art-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 290px; }
}
@media (max-width: 680px) {
  .art-sec--all { padding-top: 50px; }
  .art-bento { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 16px; }
  .art-bento .art-grid-item { grid-column: auto; grid-row: auto; height: 300px; }
  .art-bento .art-b--l { height: 360px; }
  .art-bento .art-overlay .art-title, .art-bento .is-big .art-overlay .art-title, .art-bento .is-mid .art-overlay .art-title { font-size: 1.4rem; }
}

/* v80: 3 image cards under the small strip */
.art-strip--cards { margin-top: 18px; }
.art-sq .art-stack-img { height: 230px; }
.art-sq .art-stack-txt { gap: 9px; padding: 18px 20px 20px; }
.art-sq .art-title { font-size: 1.3rem; }
.art-sq .art-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex: 0 1 auto; }
.art-sec--strip + .art-sec--all { padding-top: 96px; }
@media (max-width: 680px) { .art-sec--strip + .art-sec--all { padding-top: 70px; } .art-sq .art-stack-img { height: 210px; } }