/* Section front pages and long-form reading, sharing the LHA identity. */
.section-page { padding-bottom: 0; }
.section-masthead { margin: 27px 0 32px; border-top: 3px solid var(--ink); }
.section-edition { display: flex; justify-content: space-between; gap: 20px; padding-top: 16px; align-items: center; }
.section-edition .eyebrow { font-size: 10px; color: var(--accent-ink); }
.section-numbering { font-size: 9px; letter-spacing: .1em; color: var(--muted); }
.section-numbering>span { margin-inline: 13px; color: var(--accent-ink); }
.section-title-row { display: flex; align-items: end; justify-content: space-between; gap: 50px; padding: 25px 0 30px; }
.section-title-row h1 { font: 800 clamp(64px,8.5vw,126px)/.95 var(--sans); letter-spacing: -.075em; margin: 0; }
.section-title-row h1>span { color: var(--accent); }
.section-title-row>p { font: 20px/1.45 var(--serif); color: var(--muted); max-width: 300px; margin: 0 0 4px; }
.section-topics { display: flex; align-items: center; gap: 36px; border-top: 1px solid var(--line); padding-top: 14px; }
.section-topics>.eyebrow { font-size: 9px; color: var(--muted); }
.topic-links { display: flex; gap: 24px; flex-wrap: wrap; }
.topic-links a { display: flex; align-items: center; gap: 16px; min-height: 36px; font-size: 11px; font-weight: 600; }
.topic-links a svg { color: var(--accent-ink); }
.section-context { font-size: 11px; display: flex; gap: 9px; align-items: center; margin: -12px 0 24px; color: var(--muted); }
.context-dot { height: 6px; width: 6px; flex-shrink: 0; background: var(--blue); }
.section-feature { display: grid; grid-template-columns: 1.25fr 1fr; min-height: 540px; background: var(--panel); }
.section-feature-image { position: relative; min-width: 0; min-height: 0; width: 100%; }
.section-feature-image>.editorial-image { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-position: 50% 48%; }
.feature-image-label { position: absolute; top: 24px; left: 24px; background: #ff6a2a; color: #151515; padding: 10px 13px; font: 700 9px/1.4 var(--sans); letter-spacing: .08em; }
.section-feature-image>.image-arrow { width: 58px; height: 58px; }
.section-feature-copy { display: flex; flex-direction: column; padding: 30px 38px 22px; min-width: 0; }
.section-feature-top { display: flex; justify-content: space-between; align-items: start; gap: 20px; margin-bottom: 35px; }
.section-feature-top .eyebrow { font-size: 9px; color: var(--accent-ink); }
.section-feature-top>span:last-child { font-size: 31px; line-height: 1; color: var(--accent-ink); }
.section-feature h2 { font: 700 clamp(36px,4.2vw,62px)/1.02 var(--sans); letter-spacing: -.055em; margin-bottom: 24px; }
.section-feature-copy>p { font: 20px/1.55 var(--serif); color: var(--muted); margin-bottom: 24px; }
.section-feature-copy>.article-meta { margin-top: auto; padding-top: 22px; font-size: 10px; }
.section-feature-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 12px; margin-top: 18px; border-top: 1px solid var(--line); }
.section-feature-bottom .save-button { min-width: 44px; min-height: 44px; }
.section-sponsor { font-size: 10px; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 12px; }
.section-cultura .section-title-row h1 { color: var(--blue); }
.section-cultura .section-feature { grid-template-columns: 1fr 1.25fr; background: transparent; }
.section-cultura .section-feature-copy { order: -1; padding: 30px 48px 24px 0; border-top: 5px solid var(--blue); }
.section-cultura .section-feature-image { margin-top: 35px; }
.section-cultura .section-feature-image>.editorial-image { object-position: 55% center; }
.section-lifestyle .section-feature { position: relative; isolation: isolate; display: block; background: #000; color: white; }
.section-lifestyle .section-feature-image { position: absolute; inset: 0 0 0 25%; width: 75%; z-index: -2; }
.section-lifestyle .section-feature-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#000 0%,#0009 48%,#0001 100%); }
.section-lifestyle .section-feature-image>.editorial-image { object-position: 70% center; }
.section-lifestyle .section-feature-image .feature-image-label,.section-lifestyle .section-feature-image .image-arrow { display: none; }
.section-lifestyle .section-feature-copy { width: 53%; min-height: 570px; padding: 35px 44px 26px; }
.section-lifestyle .section-feature-top .eyebrow,.section-lifestyle .section-feature-copy>.article-meta,.section-lifestyle .section-feature-copy>p { color: #efebe4; }
.section-lifestyle .section-feature h2 { font: 400 clamp(42px,4.5vw,66px)/1.06 var(--serif); letter-spacing: -.045em; }
.section-lifestyle .section-feature-bottom { border-color: #ffffff55; }
.section-lifestyle .section-feature-bottom .save-button,.section-lifestyle .section-feature a:hover { color: #fff; }
.section-entrevistas .section-feature { background: #2556d8; color: #fff; grid-template-columns: 1fr 1.15fr; }
.section-entrevistas .section-feature-copy>p,.section-entrevistas .section-feature-copy>.article-meta { color: #ebefff; }
.section-entrevistas .section-feature-top .eyebrow,.section-entrevistas .section-feature a:hover,.section-entrevistas .section-feature .save-button { color: #fff; }
.section-entrevistas .section-feature-top { margin-bottom: 25px; }
.section-quote-mark { font: 100px/.65 var(--serif); color: #ffab82; height: 50px; display: block; }
.section-entrevistas .section-feature-bottom { border-color: #ffffff66; }
.section-entrevistas .section-feature-top>span:last-child { color: #ffab82; }
.section-opinion .section-feature { grid-template-columns: 1.6fr .85fr; border-block: 1px solid var(--line); background: transparent; padding: 32px 0; }
.section-opinion .section-feature-copy { order: -1; padding: 0 60px 0 0; grid-column: 1; grid-row: 1; }
.section-opinion .section-feature-image { grid-column: 2; grid-row: 1; max-width: 420px; justify-self: end; }
.section-opinion .section-feature h2 { font: 400 clamp(46px,4.8vw,72px)/1.04 var(--serif); letter-spacing: -.05em; }
.section-opinion .section-feature-image>.editorial-image { object-position: 38% center; }
.section-collection { margin: 60px 0; }
.collection-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 25px; border-top: 2px solid var(--ink); padding-top: 20px; margin-bottom: 28px; }
.collection-heading h2 { font: 700 clamp(27px,3vw,40px)/1.1 var(--sans); letter-spacing: -.055em; margin: 0; }
.collection-heading h2>span { color: var(--accent); }
.collection-heading>span { font-size: 9px; color: var(--muted); letter-spacing: .06em; }
.section-story-row { display: grid; grid-template-columns: 50px minmax(0,.9fr) minmax(0,1.3fr); gap: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.section-story-row+.section-story-row { padding-top: 28px; }
.row-number { font: 400 30px/1 var(--serif); padding-top: 5px; color: var(--muted); }
.section-story-row .editorial-image { height: 270px; aspect-ratio: auto; }
.section-row-copy { padding: 8px 0 0 12px; display: flex; flex-direction: column; }
.section-row-copy>.eyebrow { font-size: 9px; color: var(--accent-ink); margin-bottom: 16px; }
.section-row-copy h3 { font: 700 clamp(28px,3vw,43px)/1.07 var(--sans); letter-spacing: -.045em; margin-bottom: 16px; }
.section-row-copy p { font: 18px/1.55 var(--serif); color: var(--muted); max-width: 570px; }
.section-row-copy .mini-meta { margin-left: auto; }
.section-row-copy .save-button { width: 44px; height: 44px; }
.section-perspective { display: grid; grid-template-columns: .65fr 1.4fr 1fr; gap: 35px; background: var(--soft); padding: 42px 35px; margin-top: 60px; border-top: 4px solid var(--accent); }
.section-perspective>.eyebrow { font-size: 9px; line-height: 1.7; display: flex; flex-direction: column; gap: 30px; }
.section-perspective>.eyebrow>span { color: var(--accent-ink); font-size: 45px; font-weight: 400; line-height: 1; }
.section-perspective h2 { font: 600 clamp(27px,3vw,42px)/1.12 var(--sans); letter-spacing: -.045em; margin: 0; }
.section-perspective>div { display: flex; flex-direction: column; align-items: start; justify-content: space-between; gap: 10px; }
.section-perspective p { color: var(--muted); font: 16px/1.6 var(--serif); }
.section-perspective .text-link { font-size: 11px; min-height: 44px; }
.section-discover { margin-top: 65px; }
.section-discover .story-card .editorial-image { height: 260px; aspect-ratio: auto; }
.section-journey { display: grid; grid-template-columns: 1fr 1.3fr; gap: 80px; border-top: 1px solid var(--line); margin: 65px 0; padding-top: 40px; }
.section-journey>.eyebrow,.section-journey>div>.eyebrow { color: var(--accent-ink); font-size: 9px; }
.section-journey h2 { font: 700 clamp(32px,4vw,53px)/1.06 var(--sans); letter-spacing: -.05em; margin: 20px 0 0; }
.section-journey h2>span { color: var(--accent); }
.journey-links { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 30px; }
.journey-links>a { display: grid; grid-template-columns: 19px 1fr 21px; align-items: center; gap: 10px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.journey-links>a>span { font-size: 9px; color: var(--muted); }
.journey-links strong { font-size: 21px; font-weight: 600; letter-spacing: -.035em; }
/* Reading begins with a quiet, generous title and a compact editorial signature. */
.article-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: var(--muted); font-size: 10px; border-top: 1px solid var(--line); padding-top: 16px; }
.article-breadcrumb>a { min-height: 32px; display: flex; align-items: center; }
.article-breadcrumb>span:last-child { color: var(--ink); }
.article-opening { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 85px; margin: 42px 0 44px; align-items: start; }
.article-opening-copy { min-width: 0; }
.article-kicker { color: var(--accent-ink); display: flex; gap: 13px; align-items: center; flex-wrap: wrap; font-size: 10px; }
.article-opening h1 { font: 750 clamp(44px,5.6vw,84px)/1.02 var(--sans); letter-spacing: -.06em; margin: 22px 0 27px; overflow-wrap: break-word; }
.article-opening .article-dek { font: 24px/1.5 var(--serif); color: var(--muted); max-width: 800px; margin: 0; }
.article-signature { border-top: 3px solid var(--blue); padding-top: 18px; margin-top: 4px; }
.signature-mark { font: 800 42px/.95 var(--sans); letter-spacing: -.08em; }
.signature-mark>span { color: var(--accent); }
.signature-author { font-size: 12px; font-weight: 700; margin: 17px 0 23px; }
.signature-author>span { display: block; color: var(--muted); font-size: 10px; font-weight: 400; margin-top: 4px; }
.article-signature dl { font-size: 11px; margin: 0; }
.article-signature dl>div { padding: 10px 0; border-top: 1px solid var(--line); }
.article-signature dt { font-size: 9px; color: var(--muted); margin-bottom: 3px; }
.article-signature dd { margin: 0; }
.reading-entry { min-height: 44px; margin-top: 15px; font-size: 11px; }
.article-page .article-figure { max-width: none; margin: 0 0 29px; }
.article-page .article-figure>.editorial-image { height: clamp(380px,44vw,620px); aspect-ratio: auto; object-position: 50% 50%; }
.article-page .article-figure>.photo-reading-room { object-position: 50% 45%; }
.article-page .article-figure figcaption { font-size: 11px; margin-top: 12px; line-height: 1.7; }
.article-opinion .article-opening h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(48px,6vw,87px); }
.article-entrevistas .article-opening { background: #2556d8; color: #fff; padding: 36px 40px; gap: 50px; }
.article-entrevistas .article-opening h1 { font-size: clamp(44px,5vw,72px); }
.article-entrevistas .article-kicker,.article-entrevistas .article-opening .article-dek,.article-entrevistas .signature-author>span,.article-entrevistas .article-signature dt { color: #e4eaff; }
.article-entrevistas .article-signature { border-color: #ff9566; }
.article-entrevistas .article-signature dl>div { border-color: #ffffff4f; }
.article-entrevistas .reading-entry:hover { color: #fff; }
.article-lifestyle .article-opening h1 { font-family: var(--serif); font-weight: 400; }
.reader-toolbar { position: sticky; top: 0; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--paper); border-top: 1px solid var(--line); min-height: 65px; padding: 8px 0; margin-bottom: 48px; }
.reader-position { display: flex; gap: 18px; align-items: center; min-width: 0; }
.reader-position>.eyebrow { font-size: 8px; color: var(--accent-ink); }
.reader-story-title { font-size: 12px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.reader-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.reader-control { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; gap: 8px; font-size: 10px; border: 1px solid transparent; padding: 8px 10px; }
.reader-control:hover,.reader-control[aria-pressed=true] { background: var(--soft); border-color: var(--line); }
.type-symbol { font: 22px/1 var(--serif); }
.reader-actions .save-button { min-width: 44px; min-height: 44px; }
.reading-percent { font-size: 10px; color: var(--muted); width: 38px; text-align: right; font-variant-numeric: tabular-nums; }
.reading-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; border: 0; display: block; appearance: none; background: var(--line); color: var(--accent); }
.reading-progress::-webkit-progress-bar { background: var(--line); }
.reading-progress::-webkit-progress-value { background: var(--accent); }
.reading-progress::-moz-progress-bar { background: var(--accent); }
.copy-link-panel[hidden] { display: none; }
.copy-link-panel { position: absolute; right: 0; top: 100%; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 8px; width: min(480px,100%); padding: 18px; background: var(--paper); border: 1px solid var(--line); box-shadow: 0 8px 30px #0002; }
.copy-link-panel label { grid-column: 1/-1; font-size: 11px; }
.copy-link-panel input { min-width: 0; width: 100%; font-size: 13px; padding: 8px; }
.article-page .article-layout { grid-template-columns: 185px minmax(0,720px); gap: 76px; max-width: 1050px; margin: 0 auto; padding: 0; }
.article-page .article-margin { display: block; border-top: 0; padding-top: 0; }
.article-margin-inner { position: sticky; top: 102px; border-top: 3px solid var(--blue); }
.article-margin-inner>.eyebrow { font-size: 9px; border: 0; padding-top: 16px; margin-bottom: 16px; }
.article-margin-inner>p { font: 16px/1.6 var(--serif); margin-bottom: 18px; }
.article-margin-inner>.text-link { font-size: 11px; min-height: 44px; color: var(--ink); }
.margin-themes { border-top: 1px solid var(--line); margin-top: 25px; padding-top: 17px; }
.margin-themes>.eyebrow { font-size: 8px; margin: 0; padding: 0; border: 0; }
.article-topic-links { display: flex; flex-direction: column; margin-top: 8px; }
.article-topic-links>a { display: flex; justify-content: space-between; align-items: center; min-height: 40px; color: var(--ink); font-size: 11px; }
.article-topic-links>a:hover { color: var(--accent-ink); }
.article-body { min-width: 0; }
.article-page .fiction-note { padding: 16px 0 22px; margin-bottom: 30px; border-block: 1px solid var(--line); }
.article-page .fiction-note p { font-size: 12px; line-height: 1.7; }
.article-text { scroll-margin-top: 95px; outline: none; }
.article-text>p { font: 22px/1.85 var(--serif); letter-spacing: -.01em; margin-bottom: 30px; }
.article-text>p.first-paragraph:first-letter { float: left; font: 700 78px/.85 var(--sans); padding: 11px 12px 0 0; color: var(--accent-ink); }
#article-title { scroll-margin-top: 28px; outline: none; }
.article-pullquote { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 40px 0; padding: 28px 0 28px 42px; position: relative; }
.article-pullquote>span { font: 72px/.8 var(--serif); color: var(--accent); position: absolute; left: 0; top: 28px; }
.article-pullquote>p { font: 600 clamp(28px,3vw,39px)/1.2 var(--sans); letter-spacing: -.04em; margin: 0 0 17px; }
.article-pullquote cite { font: 9px/1.5 var(--sans); text-transform: uppercase; letter-spacing: .1em; color: var(--muted); }
.dialogue-block { margin: 30px 0; }
.dialogue-block>p { font: 22px/1.8 var(--serif); margin-bottom: 25px; }
.dialogue-block strong { display: block; font: 700 10px/1.5 var(--sans); letter-spacing: .07em; text-transform: uppercase; color: var(--accent-ink); margin-bottom: 9px; }
.dialogue-block>p:first-child>span { font-weight: 700; }
.reader-large .article-text>p,.reader-large .dialogue-block>p { font-size: 26px; }
.article-reading-pause { margin-top: 46px; padding: 26px 55px 26px 26px; position: relative; background: var(--soft); border-left: 3px solid var(--accent); }
.article-reading-pause>.eyebrow { font-size: 8px; color: var(--accent-ink); }
.article-reading-pause>p { font: 24px/1.35 var(--serif); letter-spacing: -.02em; margin: 13px 0 0; }
.pause-mark { position: absolute; right: 21px; top: 23px; font-size: 27px; }
.article-page .article-end { margin-top: 30px; gap: 20px; padding-top: 18px; }
.article-page .article-end p { font-size: 11px; }
.article-end>.reader-control { margin-left: auto; flex-shrink: 0; }
.article-next { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; border-top: 2px solid var(--ink); padding-top: 32px; margin: 78px 0 55px; }
.next-intro>.eyebrow { font-size: 9px; color: var(--accent-ink); }
.next-intro h2 { font: 700 clamp(32px,3.4vw,48px)/1.08 var(--sans); letter-spacing: -.05em; margin: 22px 0 26px; }
.next-intro h2>span { color: var(--accent); }
.next-intro>.text-link { min-height: 44px; }
.next-story { display: grid; grid-template-columns: .85fr 1fr; gap: 24px; align-items: center; }
.next-story:hover { color: var(--ink); }
.next-story-photo { overflow: hidden; }
.next-story-photo .editorial-image { height: 270px; aspect-ratio: auto; transition: transform .4s ease; }
.next-story:hover .editorial-image { transform: scale(1.025); }
.next-story .eyebrow { color: var(--accent-ink); font-size: 9px; }
.next-story h3 { font: 700 clamp(26px,2.4vw,34px)/1.1 var(--sans); letter-spacing: -.04em; margin: 17px 0 22px; }
.next-story .text-link { min-height: 44px; }
.article-page .related-section { margin-top: 50px; margin-bottom: 65px; }
.related-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.related-grid .story-card { display: grid; grid-template-columns: .8fr 1fr; column-gap: 24px; }
.related-grid .story-card>.image-link { grid-column: 1; grid-row: 1/5; }
.related-grid .editorial-image { height: 100%; min-height: 230px; aspect-ratio: auto; }
.related-grid .story-card>h3 { font-size: 27px; }
.related-grid .story-category { margin-top: 0; }
.related-grid .story-card>p { display: none; }
.related-grid .story-card>.card-bottom { grid-column: 2; }
.related-grid .story-card .card-index { display: none; }
.related-grid .story-card+.story-card::before { display: none; }
.article-return { margin: 60px 0; text-align: center; }
@media(min-width:1450px) {
  .section-feature { min-height: 600px; }
}
@media(max-width:1100px) {
  .section-title-row { gap: 25px; }
  .section-title-row>p { max-width: 250px; font-size: 18px; }
  .section-feature-copy { padding: 25px 28px 18px; }
  .section-feature h2 { font-size: 43px; }
  .section-feature-copy>p { font-size: 18px; }
  .section-cultura .section-feature-copy { padding-right: 30px; }
  .section-lifestyle .section-feature-copy { width: 59%; padding: 30px; }
  .section-lifestyle .section-feature h2 { font-size: 50px; }
  .section-opinion .section-feature-copy { padding-right: 35px; }
  .section-opinion .section-feature h2 { font-size: 55px; }
  .section-perspective { grid-template-columns: .6fr 1.2fr 1fr; gap: 23px; padding: 30px; }
  .section-perspective h2 { font-size: 30px; }
  .section-journey { gap: 40px; }
  .journey-links { gap: 12px 22px; }
  .journey-links strong { font-size: 19px; }
  .article-opening { grid-template-columns: minmax(0,1fr) 180px; gap: 45px; }
  .article-opening h1 { font-size: 60px; }
  .article-opening .article-dek { font-size: 22px; }
  .article-page .article-layout { grid-template-columns: 150px minmax(0,1fr); gap: 40px; }
  .article-entrevistas .article-opening { padding: 30px; gap: 30px; }
  .article-entrevistas .article-opening h1 { font-size: 50px; }
  .article-next { gap: 35px; grid-template-columns: .8fr 1.5fr; }
  .related-grid .story-card { column-gap: 18px; }
  .related-grid .story-card>h3 { font-size: 23px; }
}
@media(max-width:800px) and (min-width:681px) {
  .section-title-row { align-items: start; }
  .section-title-row h1 { font-size: 70px; }
  .section-title-row>p { font-size: 17px; max-width: 210px; }
  .section-feature-copy { padding: 23px; }
  .section-feature h2 { font-size: 36px; }
  .section-story-row { gap: 22px; grid-template-columns: 28px .9fr 1.3fr; }
  .section-perspective { grid-template-columns: 1fr 1fr; }
  .section-perspective>.eyebrow { grid-column: 1/-1; flex-direction: row; align-items: center; gap: 20px; }
  .section-perspective>.eyebrow>span { font-size: 25px; }
  .section-journey { grid-template-columns: .8fr 1.4fr; gap: 20px; }
  .article-opening { gap: 30px; grid-template-columns: minmax(0,1fr) 160px; }
  .article-opening h1 { font-size: 51px; }
  .reader-control-label { display: none; }
  .article-page .article-layout { grid-template-columns: 130px minmax(0,1fr); gap: 30px; }
  .article-margin-inner>p { font-size: 14px; }
  .article-text>p,.dialogue-block>p { font-size: 20px; }
  .article-next { grid-template-columns: .8fr 1.2fr; gap: 28px; }
  .next-story { grid-template-columns: 1fr; }
  .next-story-photo .editorial-image { height: 200px; }
  .related-grid .story-card { display: flex; }
  .related-grid .editorial-image { height: 220px; }
  .related-grid .story-category { margin-top: 17px; }
}
@media(max-width:680px) {
  .section-masthead { margin: 20px 0 25px; }
  .section-edition { padding-top: 15px; gap: 10px; }
  .section-edition .eyebrow { font-size: 8px; }
  .section-numbering { font-size: 8px; white-space: nowrap; }
  .section-numbering>span { margin-inline: 6px; }
  .section-title-row { display: block; padding: 25px 0; }
  .section-title-row h1 { font-size: clamp(51px,13vw,85px); margin-bottom: 20px; }
  .section-title-row>p { max-width: 330px; font-size: 19px; }
  .section-topics { gap: 6px; align-items: start; flex-direction: column; padding-top: 13px; }
  .section-topics>.eyebrow { font-size: 8px; }
  .topic-links { gap: 25px; }
  .topic-links a { min-height: 44px; font-size: 11px; gap: 9px; }
  .section-context { font-size: 11px; line-height: 1.6; align-items: baseline; }
  .section-feature { grid-template-columns: 1fr; margin-inline: -18px; min-height: 0; }
  .section-feature-image { height: 350px; min-height: 0; }
  .section-feature-image>.editorial-image { height: 100%; }
  .feature-image-label { left: 22px; top: 22px; font-size: 8px; }
  .section-feature-copy { padding: 25px 24px 18px; }
  .section-feature-top { margin-bottom: 25px; }
  .section-feature h2 { font-size: clamp(36px,10.4vw,53px); }
  .section-feature-copy>p { font-size: 20px; }
  .section-feature-copy>.article-meta { padding-top: 8px; font-size: 11px; }
  .section-feature-bottom { padding-top: 9px; }
  .section-cultura .section-feature { grid-template-columns: 1fr; }
  .section-cultura .section-feature-copy { order: 0; padding: 26px 24px 18px; border-top: 0; }
  .section-cultura .section-feature-image { margin: 0; }
  .section-lifestyle .section-feature-copy { width: 100%; min-height: 650px; padding: 220px 24px 20px; }
  .section-lifestyle .section-feature-image { left: 0; width: 100%; height: 100%; }
  .section-lifestyle .section-feature-image::after { background: linear-gradient(180deg,#0002 10%,#0008 39%,#000e 68%); }
  .section-lifestyle .section-feature-image>.editorial-image { object-position: 55% center; }
  .section-lifestyle .section-feature h2 { font-size: 49px; }
  .section-lifestyle .section-feature-top { margin-bottom: 20px; }
  .section-entrevistas .section-feature { grid-template-columns: 1fr; }
  .section-entrevistas .section-feature h2 { font-size: 41px; }
  .section-quote-mark { font-size: 90px; height: 45px; }
  .section-opinion .section-feature { grid-template-columns: 1fr; margin-inline: 0; gap: 30px; padding: 25px 0; }
  .section-opinion .section-feature-image { grid-column: auto; grid-row: auto; max-width: none; height: 280px; justify-self: stretch; }
  .section-opinion .section-feature-copy { grid-column: auto; grid-row: auto; padding: 0; }
  .section-opinion .section-feature h2 { font-size: 49px; }
  .section-collection { margin: 40px 0; }
  .collection-heading { gap: 18px; padding-top: 17px; align-items: center; margin-bottom: 24px; }
  .collection-heading h2 { font-size: 30px; }
  .collection-heading>span { font-size: 8px; max-width: 100px; text-align: right; line-height: 1.7; }
  .section-story-row { grid-template-columns: 28px 1fr; gap: 16px; padding-bottom: 24px; }
  .row-number { font-size: 24px; }
  .section-story-row .editorial-image { height: 260px; }
  .section-row-copy { grid-column: 2; padding: 5px 0 0; }
  .section-row-copy h3 { font-size: 32px; }
  .section-row-copy p { font-size: 18px; }
  .section-row-copy .card-bottom { gap: 12px; }
  .section-row-copy .text-link { font-size: 11px; }
  .section-row-copy .mini-meta { font-size: 8px; }
  .section-perspective { grid-template-columns: 1fr; padding: 27px 24px; gap: 20px; margin-top: 42px; }
  .section-perspective>.eyebrow { flex-direction: row; align-items: center; justify-content: space-between; }
  .section-perspective>.eyebrow>span { font-size: 27px; }
  .section-perspective h2 { font-size: 33px; }
  .section-perspective p { font-size: 18px; margin-bottom: 0; }
  .section-perspective>div { gap: 17px; }
  .section-discover { margin-top: 42px; }
  .section-discover .story-card .editorial-image { height: 280px; }
  .section-journey { grid-template-columns: 1fr; margin-block: 43px; padding-top: 30px; gap: 22px; }
  .section-journey h2 { font-size: 42px; }
  .journey-links { grid-template-columns: 1fr 1fr; gap: 10px 20px; }
  .journey-links>a { grid-template-columns: 1fr 20px; gap: 6px; }
  .journey-links>a>span { grid-column: 1/-1; }
  .journey-links strong { font-size: 20px; }
  .article-breadcrumb { font-size: 10px; gap: 9px; padding-top: 9px; }
  .article-breadcrumb>span:last-child { display: none; }
  .article-breadcrumb>span:nth-last-child(2) { display: none; }
  .article-opening { grid-template-columns: 1fr; gap: 27px; margin: 26px 0 30px; }
  .article-kicker { font-size: 8px; gap: 8px; }
  .article-opening h1 { font-size: clamp(42px,11.8vw,62px); margin: 19px 0 23px; }
  .article-opening .article-dek { font-size: 21px; line-height: 1.5; }
  .article-signature { display: grid; grid-template-columns: 56px 1fr; column-gap: 16px; align-items: center; padding-top: 15px; border-top-width: 2px; }
  .signature-mark { font-size: 29px; }
  .signature-author { margin: 0; font-size: 12px; }
  .signature-author>span { font-size: 10px; }
  .article-signature dl { grid-column: 1/-1; display: grid; grid-template-columns: .9fr .4fr 1fr; gap: 14px; margin-top: 17px; font-size: 10px; }
  .article-signature dt { font-size: 8px; }
  .reading-entry { grid-column: 1/-1; margin-top: 4px; justify-self: start; }
  .article-page .article-figure { margin: 0 -18px 25px; }
  .article-page .article-figure>.editorial-image { height: 390px; }
  .article-page .article-figure figcaption { font-size: 11px; margin: 12px 18px 0; }
  .article-page .article-figure figcaption>span { font-size: 10px; }
  .article-opinion .article-opening h1,.article-lifestyle .article-opening h1 { font-size: clamp(43px,12vw,65px); }
  .article-entrevistas .article-opening { padding: 26px 23px; margin-inline: -18px; gap: 25px; }
  .article-entrevistas .article-opening h1 { font-size: clamp(39px,10.8vw,59px); }
  .reader-toolbar { margin: 0 -18px 30px; padding: 8px 18px; min-height: 61px; gap: 8px; }
  .reader-story-title { display: none; }
  .reader-position { margin-right: auto; }
  .reader-position>.eyebrow { font-size: 8px; }
  .reader-actions { gap: 2px; }
  .reader-control-label { display: none; }
  .reading-percent { font-size: 9px; width: 32px; }
  .article-page .article-layout { display: flex; flex-direction: column; gap: 35px; }
  .article-page .article-margin { order: 2; }
  .article-margin-inner { position: static; padding-top: 0; }
  .article-margin-inner>p { font-size: 17px; }
  .margin-themes { margin-top: 17px; }
  .article-topic-links { flex-direction: row; flex-wrap: wrap; gap: 25px; }
  .article-topic-links>a { gap: 15px; min-height: 44px; }
  .article-page .fiction-note { padding: 0 0 21px; border-top: 0; gap: 10px; }
  .article-page .fiction-note p { font-size: 12px; }
  .article-page .fiction-note .demo-tag { font-size: 8px; }
  .article-text>p,.dialogue-block>p { font-size: 21px; line-height: 1.8; margin-bottom: 27px; }
  .article-text>p.first-paragraph:first-letter { font-size: 68px; padding: 10px 10px 0 0; }
  .reader-large .article-text>p,.reader-large .dialogue-block>p { font-size: 24px; }
  .article-pullquote { padding: 27px 0 27px 31px; margin: 32px 0; }
  .article-pullquote>span { font-size: 59px; }
  .article-pullquote>p { font-size: 30px; }
  .article-pullquote cite { font-size: 8px; }
  .article-reading-pause { margin-top: 32px; padding: 25px 45px 25px 20px; }
  .article-reading-pause>p { font-size: 25px; }
  .pause-mark { right: 17px; font-size: 23px; }
  .article-page .article-end { gap: 13px; align-items: start; }
  .article-page .article-end p { font-size: 10px; }
  .article-page .article-end .end-mark { font-size: 24px; margin-top: 5px; }
  .article-next { grid-template-columns: 1fr; gap: 25px; margin: 45px 0; padding-top: 27px; }
  .next-intro h2 { font-size: 40px; margin-block: 18px; }
  .next-story { grid-template-columns: .8fr 1fr; gap: 21px; border-top: 1px solid var(--line); padding-top: 25px; }
  .next-story-photo .editorial-image { height: 240px; }
  .next-story h3 { font-size: 27px; }
  .next-story .text-link { font-size: 11px; }
  .article-page .related-section { margin: 40px 0; }
  .related-grid { grid-template-columns: 1fr; gap: 25px; }
  .related-grid .story-card { grid-template-columns: .8fr 1fr; gap: 0 20px; }
  .related-grid .story-card+.story-card { border-top: 1px solid var(--line); padding-top: 25px; }
  .related-grid .editorial-image { min-height: 240px; }
  .related-grid .story-card>h3 { font-size: 26px; }
  .related-grid .story-card .image-arrow { width: 35px; height: 35px; }
}
@media(max-width:360px) {
  .section-title-row h1 { font-size: 45px; }
  .section-edition .eyebrow { font-size: 7px; }
  .section-numbering { font-size: 7px; }
  .section-feature h2 { font-size: 36px; }
  .section-entrevistas .section-feature h2 { font-size: 37px; }
  .article-opening h1 { font-size: 40px; }
  .article-entrevistas .article-opening h1 { font-size: 37px; }
  .article-signature dl { gap: 8px; }
  .next-story { grid-template-columns: 1fr; }
  .next-story-photo .editorial-image { height: 230px; }
  .related-grid .story-card { grid-template-columns: .7fr 1fr; gap: 0 15px; }
  .related-grid .story-card>h3 { font-size: 23px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .editorial-image,.next-story-photo .editorial-image { transition: none; }
}

.section-entrevistas .section-feature :focus-visible,
.article-entrevistas .article-opening :focus-visible { outline-color: #fff; }
.section-lifestyle .section-feature :focus-visible { outline-color: #ff9566; }
:root[data-theme=dark] .section-cultura .section-title-row h1 { color: #a5baff; }
:root[data-theme=dark] .section-page :focus-visible,
:root[data-theme=dark] .article-page :focus-visible { outline-color: #a5baff; }
