/* Image-led magazine treatment, isolated to the Frugal Chic feature. */
.sf-journal-article .sja-article--frugal-chic { --fc-ink: #1d3026; --fc-rose: #9f5b55; --fc-paper: #fffdf8; --fc-sage: #e1e7d8; }
.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic { position: relative; inline-size: 100vw; min-block-size: min(74vw, 52rem); margin-inline: calc(50% - 50vw); overflow: hidden; display: grid; place-items: center; background: #3f5039 !important; }
.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature { position: absolute; inset: 0; display: block; margin: 0; }
.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature img { inline-size: 100%; block-size: 100%; object-fit: cover !important; object-position: 62% center; will-change: transform; }
.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(18 37 26 / .48), rgb(18 37 26 / .32) 50%, rgb(18 37 26 / .38)); }
.sf-journal-article .sja-article--frugal-chic .sja-hero__intro { position: relative; z-index: 1; inline-size: min(100% - 3rem, 52rem); margin: auto; padding: clamp(2rem, 5vw, 4rem); text-align: center; color: var(--ivory-50); }
@media (min-width: 48rem) { .sf-journal-article .sja-article--frugal-chic .sja-hero__intro { transform: translateY(clamp(4.5rem, 10vh, 7.5rem)); } }
.sf-journal-article .sja-article--frugal-chic .sja-hero :is(h1, .sja-standfirst, .sja-byline, .sja-byline a) { color: var(--ivory-50); }
.sf-journal-article .sja-article--frugal-chic .sja-hero h1 { max-inline-size: 16ch; margin-inline: auto; font-size: clamp(2.7rem, 5.1vw, 5.7rem); line-height: .94; }.sf-journal-article .sja-article--frugal-chic .sja-hero h1 em { color: #f3d3a6; text-shadow: 0 .1rem .8rem rgb(20 34 25 / .38); }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-standfirst { max-inline-size: 52rem; margin-inline: auto; }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-publication { margin-block-end: 1.25rem; color: #f5d8ab; font-size: .78rem; font-weight: 800; letter-spacing: .19em; text-shadow: 0 .08rem .6rem rgb(13 27 18 / .56); }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-publication { display: none; }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-publication, .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline { justify-content: center; }.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline { flex-direction: column; align-items: center; gap: .55rem; text-align: center; }.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:last-child { display: block; }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:nth-child(-n + 2), .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:nth-child(-n + 2) a { color: var(--fc-rose); }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:nth-child(2) { color: var(--ivory-50); }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:first-child,
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:first-child a { color: var(--ivory-50); font-size: clamp(.98rem, 1.25vw, 1.15rem); font-weight: 800; letter-spacing: .015em; text-shadow: 0 .1rem .65rem rgb(12 27 18 / .55); }
.sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline { margin-block-start: clamp(4.5rem, 12vh, 9rem); }
@media (min-width: 48rem) { .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline { margin-block-start: clamp(2.25rem, 6vh, 4.5rem); } }
.sf-journal-article .sja-article--frugal-chic .sja-reading-grid--full { display: block !important; inline-size: min(100% - 2.5rem, 70rem); margin-inline: auto; padding-block: clamp(4rem, 8vw, 8rem) !important; }
.sf-journal-article .sja-article--frugal-chic .sja-prose { inline-size: 100% !important; max-inline-size: none !important; }
.sf-journal-article .sja-article--frugal-chic .sja-reading-section { max-inline-size: 46rem; margin-inline: auto; }
.sf-journal-article .sja-article--frugal-chic .sja-reading-section + .sja-reading-section { margin-block-start: clamp(4rem, 8vw, 8rem); }
.sf-journal-article .sja-article--frugal-chic .sja-reading-section h2 { font-size: clamp(2.15rem, 3.25vw, 3.55rem); letter-spacing: -.045em; line-height: .98; }.sf-journal-article .sja-article--frugal-chic .sja-reading-section > p { font-size: clamp(1.02rem, .35vw + .96rem, 1.15rem); line-height: 1.8; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:first-child .sja-reading-section > p:first-of-type { color: var(--fc-ink); font-family: var(--font-heading); font-size: clamp(1.35rem, 2vw, 1.75rem); line-height: 1.42; }
.sf-journal-article .sja-article--frugal-chic .sja-reading-section h3 { margin-block-start: clamp(2.5rem, 5vw, 4rem); }
.sf-journal-article .sja-article--frugal-chic .sja-chapter-mark { display: flex; align-items: center; gap: .65rem; margin-block-end: 1.25rem; color: var(--fc-rose); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sf-journal-article .sja-article--frugal-chic .sja-chapter-mark i { display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--fc-sage); color: var(--fc-ink); font-size: .78rem; }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter { display: grid; gap: .85rem; margin: clamp(2.5rem, 6vw, 6rem) auto; }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter figcaption { inline-size: 100%; color: var(--fc-rose); font-family: var(--font-heading); font-size: clamp(1.1rem, 1.8vw, 1.5rem); font-style: italic; line-height: 1.3; text-align: end; }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter.landscape, .sf-journal-article .sja-article--frugal-chic .sja-editorial-image--landscape { inline-size: min(100%, 64rem); }.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter.landscape img, .sf-journal-article .sja-article--frugal-chic .sja-editorial-image--landscape img { aspect-ratio: 16 / 9; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter.portrait, .sf-journal-article .sja-article--frugal-chic .sja-editorial-image--portrait { inline-size: min(28rem, 68%); margin-inline: auto 0; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter.portrait img, .sf-journal-article .sja-article--frugal-chic .sja-editorial-image--portrait img { aspect-ratio: 4 / 5; }
.sf-journal-article .sja-article--frugal-chic .sja-conversion { display: grid; grid-template-columns: minmax(15rem, .9fr) minmax(22rem, 1.1fr); align-items: center; gap: clamp(2rem, 7vw, 7rem); max-inline-size: 66rem; margin: clamp(5rem, 10vw, 10rem) auto 0; padding: clamp(2.5rem, 6vw, 5rem); border: 1px solid rgb(234 213 173 / .62); background: radial-gradient(circle at 18% 0%, rgb(255 253 247 / .36), transparent 43%), radial-gradient(circle at 90% 100%, rgb(234 213 173 / .22), transparent 38%), #6f8667; box-shadow: 0 1.25rem 3.5rem rgb(67 87 60 / .17), inset 0 1px rgb(255 253 247 / .3); color: var(--ivory-50); }.sf-journal-article .sja-article--frugal-chic .sja-conversion h2 { max-inline-size: 12ch; margin: 0; color: var(--ivory-50); font-size: clamp(2.25rem, 3.5vw, 3.75rem); line-height: .96; }.sf-journal-article .sja-article--frugal-chic .sja-conversion > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }.sf-journal-article .sja-article--frugal-chic .sja-conversion .sf-button { min-block-size: 3.4rem; justify-content: center; font-size: .73rem; font-weight: 800; letter-spacing: .08em; text-align: center; text-shadow: none; }.sf-journal-article .sja-article--frugal-chic .sja-conversion .sf-button--outline { border: 1px solid rgb(255 253 247 / .86); background: rgb(255 253 247 / .17); color: var(--ivory-50); }.sf-journal-article .sja-article--frugal-chic .sja-conversion .sf-button--primary { border: 1px solid var(--ivory-50); background: var(--ivory-50); color: var(--fc-ink); }.sf-journal-article .sja-article--frugal-chic .sja-conversion .sf-button:hover, .sf-journal-article .sja-article--frugal-chic .sja-conversion .sf-button:focus-visible { box-shadow: 0 .7rem 1.5rem rgb(29 48 38 / .22), inset 0 1px rgb(255 253 247 / .28); transform: translateY(-2px); }.sf-journal-article .sja-article--frugal-chic .sja-share { max-inline-size: 46rem; margin-inline: auto; }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic { min-block-size: 100svh; }.sf-journal-article .sja-article--frugal-chic .sja-hero__intro { inline-size: 100%; padding: 1.5rem; }.sf-journal-article .sja-article--frugal-chic .sja-hero h1 { font-size: clamp(3rem, 13vw, 4.25rem); }.sf-journal-article .sja-article--frugal-chic .sja-reading-grid--full { inline-size: min(100% - 2rem, 70rem); }.sf-journal-article .sja-article--frugal-chic .sja-reading-section + .sja-reading-section { margin-block-start: 3.75rem; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-image--chapter.portrait, .sf-journal-article .sja-article--frugal-chic .sja-editorial-image--portrait { inline-size: min(100%, 23rem); margin-inline: auto; }.sf-journal-article .sja-article--frugal-chic .sja-conversion { margin-block-start: 5rem; } }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature img { object-position: 52% center; } }
@media (max-width: 47.999rem) { body.sf-journal-article #sf-topbar-inline, body.sf-journal-article #sf-header-inline { position: absolute; z-index: 100; inset-inline: 0; }body.sf-journal-article #sf-topbar-inline { inset-block-start: 0; background: rgb(255 253 247 / .72); backdrop-filter: blur(12px); }body.sf-journal-article #sf-header-inline { inset-block-start: 2.7rem; }body.sf-journal-article .sja-main { margin-block-start: 0; }body.sf-journal-article .sja-main > .sf-breadcrumbs { display: none !important; }.sf-journal-article .sja-article--frugal-chic { margin-block-start: -3vw; }.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic, .sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature { background: transparent !important; }.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature { inset: 0; inline-size: 100vw !important; max-inline-size: none !important; block-size: 100% !important; }.sf-journal-article .sja-article--frugal-chic .sja-hero--frugal-chic .sja-hero__feature img { inline-size: 100% !important; max-inline-size: none !important; } }
@media (min-width: 48rem) { body.sf-journal-article #sf-topbar-inline, body.sf-journal-article #sf-header-inline { position: absolute; z-index: 100; inset-inline: 0; }body.sf-journal-article #sf-topbar-inline { inset-block-start: 0; }body.sf-journal-article #sf-header-inline { inset-block-start: 4.25rem; }body.sf-journal-article .sja-main { margin-block-start: 0; }body.sf-journal-article .sja-main > .sf-breadcrumbs { display: none !important; }.sf-journal-article .sja-article--frugal-chic { margin-block-start: -2.25rem; } }

/* Chapter-by-chapter magazine composition. */
.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter { display: grid; grid-template-columns: minmax(16rem, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(2rem, 7vw, 7rem); max-inline-size: 66rem; margin: 0 auto clamp(5rem, 11vw, 11rem); }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-reading-section { order: 2; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image { order: 1; }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-reading-section { max-inline-size: none; margin: 0; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image--chapter { inline-size: 100%; margin: 0; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image--chapter img { min-block-size: 24rem; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image--landscape img { aspect-ratio: 4 / 5; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image--portrait img { aspect-ratio: 4 / 5; }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(3) .sja-editorial-image { box-shadow: 1.5rem 1.5rem 0 var(--fc-sage); }
.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 1), .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n) { grid-template-columns: 1fr; gap: clamp(2rem, 5vw, 4rem); }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 1) .sja-editorial-image, .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n) .sja-editorial-image { inline-size: 100%; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 1) .sja-editorial-image img, .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n) .sja-editorial-image img { aspect-ratio: 16 / 9; min-block-size: 0; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 1) .sja-reading-section, .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n) .sja-reading-section { max-inline-size: 46rem; margin-inline: auto 0; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 2) { grid-template-columns: minmax(0, 1.1fr) minmax(16rem, .9fr); }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 2) .sja-reading-section { order: 1; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 2) .sja-editorial-image { order: 2; }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(n) { grid-template-columns: 1fr; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(n) :is(.sja-reading-section, .sja-editorial-image) { order: initial; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(n) .sja-reading-section { max-inline-size: none; margin-inline: 0; } }

/* Give the writing its full editorial measure and keep the CTA mark atmospheric. */
@media (min-width: 48rem) { .sf-journal-article .sja-article--frugal-chic .sja-reading-grid--full { inline-size: min(100% - 2.5rem, 76rem); }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter { grid-template-columns: minmax(16rem, .85fr) minmax(0, 1.15fr); max-inline-size: 72rem; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 2) { grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .85fr); }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n + 1) .sja-reading-section, .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:nth-child(4n) .sja-reading-section { max-inline-size: none; margin-inline: 0; } }
.sf-journal-article .sja-article--frugal-chic .sja-conversion { position: relative; isolation: isolate; overflow: hidden; max-inline-size: 72rem; }.sf-journal-article .sja-article--frugal-chic .sja-conversion::after { content: ""; position: absolute; z-index: -1; inline-size: clamp(4.5rem, 6vw, 5.5rem); aspect-ratio: 1; inset: 7% 4.5% auto auto; background: url('../assets/brand/logotipo-franciele-sofiati-saude-da-pele-estetica-avancada-gleba-palhano.webp') center / contain no-repeat; opacity: .32; filter: drop-shadow(0 0 .8rem rgb(234 213 173 / .35)); pointer-events: none; }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-conversion::after { inline-size: 3.8rem; inset: 6% 5% auto auto; }.sf-journal-article .sja-article--frugal-chic .sja-conversion h2 { margin-inline: auto; text-align: center; } }

/* The practitioner quote is a supporting aside, not a competing headline. */
.sf-journal-article .sja-article--frugal-chic blockquote { max-inline-size: 31ch; margin: clamp(2rem, 4vw, 3rem) auto 0 0; padding: .2rem clamp(1rem, 2vw, 1.5rem); border-inline-start: 1px solid var(--gold-300); border-inline-end: 0; color: var(--olive-700); font-size: clamp(1.15rem, 1.55vw, 1.5rem); line-height: 1.32; text-align: start; }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic blockquote { margin-inline: auto 0; border-inline-start: 0; border-inline-end: 1px solid var(--gold-300); text-align: end; } }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter { grid-template-columns: 1fr; gap: 1.75rem; margin-block-end: 4.75rem; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-reading-section, .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image { order: initial; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image--chapter img { min-block-size: 0; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter .sja-editorial-image--landscape img { aspect-ratio: 3 / 2; }.sf-journal-article .sja-article--frugal-chic .sja-conversion { grid-template-columns: 1fr; gap: 2rem; }.sf-journal-article .sja-article--frugal-chic .sja-conversion h2 { max-inline-size: 14ch; }.sf-journal-article .sja-article--frugal-chic .sja-conversion > div { grid-template-columns: 1fr; } }

/* Motion is opt-in through JS, keeping the article complete without scripting. */
.sf-journal-article .sja-article--frugal-chic.fc-motion-enabled .sja-editorial-chapter { opacity: 0; transform: translate3d(0, 2rem, 0); transition: opacity .95s cubic-bezier(.22,.7,.2,1), transform .95s cubic-bezier(.22,.7,.2,1); will-change: transform, opacity; }.sf-journal-article .sja-article--frugal-chic.fc-motion-enabled .sja-editorial-chapter.sja-editorial-chapter--reverse { transform: translate3d(-.65rem, 2rem, 0); }.sf-journal-article .sja-article--frugal-chic.fc-motion-enabled .sja-editorial-chapter.is-visible { opacity: 1; transform: translate3d(0, var(--fc-float, 0px), 0); }.sf-journal-article .sja-article--frugal-chic .sja-editorial-image img { transition: transform 1.1s cubic-bezier(.2,.7,.2,1), filter .7s ease; }.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter.is-visible .sja-editorial-image:hover img { transform: scale(1.035); filter: saturate(1.06); }.sf-journal-article .sja-article--frugal-chic .sja-chapter-mark { transition: color .45s ease, transform .45s ease; }.sf-journal-article .sja-article--frugal-chic .sja-chapter-mark.is-active { color: var(--fc-ink); transform: translateX(.35rem); }.sf-journal-article .sja-article--frugal-chic .sja-chapter-mark.is-active i { background: var(--fc-rose); color: var(--ivory-50); }.fc-reading-progress { position: fixed; inset: 0 auto auto 0; z-index: 10000; inline-size: var(--fc-progress, 0%); block-size: .2rem; background: linear-gradient(90deg, var(--fc-rose, #9f5b55), var(--gold-300, #e8cd9c)); box-shadow: 0 .1rem .6rem rgb(159 91 85 / .36); pointer-events: none; transition: inline-size .12s linear; }
@media (prefers-reduced-motion: reduce) { .sf-journal-article .sja-article--frugal-chic * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* The share rail and closing invitation are a single editorial beat. */
.sf-journal-article .sja-article--frugal-chic .sja-share + .sja-conversion { margin-block-start: clamp(2rem, 4vw, 3rem); }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-share + .sja-conversion { margin-block-start: 2.25rem; } }

/* Keep the final share and invitation compact without changing the chapter rhythm above. */
.sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:last-of-type { margin-block-end: 3rem; }
.sf-journal-article .sja-article--frugal-chic .sja-reading-grid--full { padding-block-end: clamp(2.5rem, 4vw, 4rem) !important; }
.sf-journal-article .sja-main { padding-block-end: clamp(2.5rem, 4vw, 4rem) !important; }
@media (max-width: 47.999rem) { .sf-journal-article .sja-article--frugal-chic .sja-editorial-chapter:last-of-type { margin-block-end: 2.5rem; } }

/* The closing share row is a centred editorial unit on small screens. */
@media (max-width: 47.999rem) {
  .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-publication {
    display: none;
  }

  .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline {
    margin-block-start: clamp(5rem, 14svh, 8rem);
  }

  .sf-journal-article .sja-article--frugal-chic .sja-share {
    justify-content: center;
    text-align: center;
  }

  .sf-journal-article .sja-article--frugal-chic .sja-share__brand,
  .sf-journal-article .sja-article--frugal-chic .sja-share__buttons {
    justify-content: center;
    inline-size: 100%;
  }

  .sf-journal-article .sja-article--frugal-chic .sja-share__brand {
    flex-direction: column;
    gap: .45rem;
  }

  .sf-journal-article .sja-article--frugal-chic .sja-share__brand img {
    align-self: center;
  }

  .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:first-child,
  .sf-journal-article .sja-article--frugal-chic .sja-hero .sja-byline > span:first-child a {
    color: var(--ivory-50);
  }
}
