/* Sobre Mabel 4.4.0 — intentionally scoped to the page root. */
.about-mabel-page {
  --am-charcoal: #172225;
  --am-cream: #f7efe3;
  --am-paper: #fffdfa;
  --am-warm: #c65c4b;
  display: block !important;
  width: 100%;
  max-width: none !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: clip;
  background: var(--am-paper);
  color: var(--me-ink);
}
.about-mabel-page > .e-con-inner { display: block !important; max-width: none !important; padding: 0 !important; gap: 0 !important; }
.about-mabel-page > .elementor-element,
.about-mabel-page .am-html,
.about-mabel-page .am-html > .elementor-widget-container { width: 100%; max-width: none; margin: 0; }
.about-mabel-page .am-wrap { width: min(1280px, calc(100% - 72px)); margin-inline: auto; }
.about-mabel-page .am-section { padding: clamp(76px, 7.5vw, 108px) 0; }
.about-mabel-page .am-label { margin: 0 0 24px; color: var(--am-warm); font: 700 11px/1.3 var(--me-sans); letter-spacing: .18em; text-transform: uppercase; }
.about-mabel-page h1,
.about-mabel-page h2,
.about-mabel-page h3,
.about-mabel-page p,
.about-mabel-page blockquote { margin-top: 0; }
.about-mabel-page h1,
.about-mabel-page h2 { color: inherit; font-family: var(--me-serif); font-weight: 400; letter-spacing: -.045em; }
.about-mabel-page h1 { max-width: 750px; margin-bottom: 34px; font-size: clamp(56px, 5.3vw, 88px); line-height: .96; }
.about-mabel-page h1 em,
.about-mabel-page blockquote em { display: block; font-weight: 400; }
.about-mabel-page h2 { margin-bottom: 28px; font-size: clamp(42px, 3.9vw, 60px); line-height: 1.04; }
.about-mabel-page h3 { font: 700 12px/1.4 var(--me-sans); letter-spacing: .14em; }
.about-mabel-page p { color: #536268; font-size: clamp(16px, 1.35vw, 18px); line-height: 1.72; }
.about-mabel-page .am-big { color: inherit; font: italic 400 clamp(29px, 2.9vw, 44px)/1.13 var(--me-serif); letter-spacing: -.03em; }
.about-mabel-page .am-media { display: block; width: 100%; height: 100%; object-fit: cover; }
.about-mabel-page figure { margin: 0; }
.about-mabel-page .am-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr); gap: clamp(50px, 7vw, 105px); align-items: center; }
.about-mabel-page .am-copy > p { max-width: 570px; }
.about-mabel-page a:focus-visible,
.about-mabel-page button:focus-visible { outline: 3px solid #0c6576; outline-offset: 5px; }

.about-mabel-page .am-hero { position: relative; min-height: clamp(720px, 72vw, 780px); overflow: hidden; background: #e9ddce; }
.about-mabel-page .am-hero-media,
.about-mabel-page .am-hero-media .am-media,
.about-mabel-page .am-hero-wash { position: absolute; inset: 0; }
.about-mabel-page .am-hero-media .am-media { object-position: 64% center; }
.about-mabel-page .am-hero-wash { background: linear-gradient(90deg, rgba(251,247,240,.92) 0%, rgba(251,247,240,.68) 28%, rgba(251,247,240,.08) 47%, transparent 58%); }
.about-mabel-page .am-hero-copy { position: relative; z-index: 1; display: flex; min-height: clamp(720px, 72vw, 780px); flex-direction: column; justify-content: center; align-items: flex-start; padding-block: 76px; }
.about-mabel-page .am-hero-copy h1 { width: min(650px, 48vw); max-width: 650px; font-size: clamp(50px, 4.55vw, 72px); }
.about-mabel-page .am-hero-copy > p { max-width: 470px; margin-bottom: 5px; }
.about-mabel-page .am-hero-copy .am-lead { color: var(--me-ink); font-size: 20px; }
.about-mabel-page .am-anchor { display: inline-flex; gap: 30px; align-items: center; min-height: 48px; margin-top: 27px; border-bottom: 1px solid var(--am-warm); color: #924936; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.about-mabel-page .am-hero-copy blockquote { margin: 38px 0 0; color: #5c686a; font: italic 400 17px/1.5 var(--me-serif); }

.about-mabel-page .am-beginning { background: var(--am-paper); scroll-margin-top: 95px; }
.about-mabel-page .am-split-story { grid-template-columns: minmax(390px, .82fr) minmax(0, 1.18fr); gap: clamp(48px, 5vw, 72px); }
.about-mabel-page .am-beginning { padding-block: clamp(72px, 6.8vw, 96px); }
.about-mabel-page .am-beginning h2 { max-width: 560px; font-size: clamp(48px, 4.15vw, 66px); }
.about-mabel-page .am-duo { position: relative; display: grid; grid-template-columns: .8fr 1fr; align-items: end; gap: clamp(18px, 2.8vw, 42px); padding-bottom: 38px; }
.about-mabel-page .am-duo figure { overflow: hidden; background: #e8ded2; }
.about-mabel-page .am-duo-small { height: 530px; transform: translateY(38px); }
.about-mabel-page .am-duo-large { height: 675px; transform: translateY(-10px); }
.about-mabel-page .am-duo .am-media { object-position: center 35%; }
.about-mabel-page .am-detail { margin-top: 35px; padding-top: 16px; border-top: 1px solid var(--me-line); color: var(--me-ink) !important; font-size: 12px !important; letter-spacing: .1em; text-transform: uppercase; }
.about-mabel-page .am-recreation { color: #7b7b73; font-size: 11px; font-style: italic; line-height: 1.45; }
.about-mabel-page .am-duo > .am-recreation { position: absolute; right: 0; bottom: 0; margin: 0; }

.about-mabel-page .am-life { background: var(--am-cream); }
.about-mabel-page .am-life { padding-block: clamp(70px, 6.5vw, 92px); }
.about-mabel-page .am-centered { text-align: center; }
.about-mabel-page .am-centered > p:not(.am-label) { max-width: 650px; margin: 0 auto 8px; }
.about-mabel-page .am-timeline { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 38px auto 42px; color: var(--me-ink); font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.about-mabel-page .am-timeline i { width: clamp(12px, 2.5vw, 38px); height: 1px; background: #bfb2a3; }
.about-mabel-page .am-life-detail { display: grid; grid-template-columns: minmax(360px, 480px) 1fr; align-items: center; width: min(980px, 100%); margin: 0 auto; text-align: left; }
.about-mabel-page .am-life-detail .am-media { aspect-ratio: 4 / 5; object-position: center 32%; }
.about-mabel-page .am-life-detail figcaption { padding: 0 0 35px 42px; border-bottom: 1px solid #cfc2b2; }
.about-mabel-page .am-life-detail figcaption span { display: block; color: var(--me-ink); font: italic 400 28px/1.2 var(--me-serif); }
.about-mabel-page .am-life-detail figcaption small { display: block; margin-top: 12px; color: #75756e; }

.about-mabel-page .am-dark { background: var(--am-charcoal); color: white; }
.about-mabel-page .am-dark h2 { color: white; }
.about-mabel-page .am-dark p { color: rgba(255,255,255,.74); }
.about-mabel-page .am-dark .am-label { color: #efa08e; }
.about-mabel-page .am-difficult { padding-block: clamp(78px, 7vw, 102px); }
.about-mabel-page .am-difficult .am-split { grid-template-columns: minmax(360px, .72fr) minmax(0, 1fr); gap: clamp(56px, 6vw, 88px); }
.about-mabel-page .am-difficult h2 { max-width: 690px; font-size: clamp(42px, 3.55vw, 55px); }
.about-mabel-page .am-difficult figure .am-media { aspect-ratio: 4 / 5; object-position: center 35%; }
.about-mabel-page .am-difficult figcaption { margin-top: 12px; }
.about-mabel-page .am-script { color: white !important; font: italic 400 clamp(28px, 2.55vw, 39px)/1.16 var(--me-serif); }
.about-mabel-page .am-lines { margin: 42px 0 22px; color: white !important; font-size: 19px; line-height: 1.8; }
.about-mabel-page .am-pause { margin-top: 64px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.23); }
.about-mabel-page .am-pause p { margin-bottom: 8px; color: white; font-family: var(--me-serif); font-size: 24px; }

.about-mabel-page .am-return { position: relative; min-height: 650px; overflow: hidden; background: #111; color: white; }
.about-mabel-page .am-return-media,
.about-mabel-page .am-return-media .am-media,
.about-mabel-page .am-return-shade { position: absolute; inset: 0; }
.about-mabel-page .am-return-media .am-media { object-position: center; }
.about-mabel-page .am-return-shade { background: linear-gradient(90deg, rgba(6,11,13,.76) 0%, rgba(6,11,13,.44) 36%, transparent 65%); }
.about-mabel-page .am-return-copy { position: relative; z-index: 1; display: flex; min-height: 650px; flex-direction: column; justify-content: center; align-items: flex-start; }
.about-mabel-page .am-return h2 { margin-bottom: 24px; color: white; }
.about-mabel-page .am-return blockquote { margin: 0 0 28px; font: italic 400 clamp(38px, 3.9vw, 58px)/1.05 var(--me-serif); letter-spacing: -.04em; }
.about-mabel-page .am-return p:not(.am-label) { margin-bottom: 4px; color: rgba(255,255,255,.78); }

.about-mabel-page .am-rebuild { background: var(--am-paper); }
.about-mabel-page .am-rebuild { padding-block: clamp(66px, 6vw, 88px); }
.about-mabel-page .am-concepts { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: clamp(48px, 5vw, 68px); border-block: 1px solid var(--me-line); }
.about-mabel-page .am-concepts span { padding: 24px 15px; color: var(--me-ink); font: 600 clamp(13px, 1.5vw, 18px)/1 var(--me-sans); letter-spacing: .16em; text-align: center; }
.about-mabel-page .am-concepts span + span { border-left: 1px solid var(--me-line); }
.about-mabel-page .am-rebuild-copy { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, 1fr); gap: 24px clamp(50px, 6vw, 86px); align-items: start; }
.about-mabel-page .am-rebuild-copy h2 { grid-column: 1 / -1; margin-bottom: 0; }
.about-mabel-page .am-wide-quote { max-width: 1050px; margin: 55px auto 0; padding-top: 30px; border-top: 1px solid var(--me-line); color: var(--me-ink); font: 400 clamp(30px, 3.4vw, 49px)/1.12 var(--me-serif); text-align: center; }
.about-mabel-page .am-wide-quote em { margin-top: 10px; color: var(--am-warm); }

.about-mabel-page .am-today { background: var(--am-cream); }
.about-mabel-page .am-today { padding-block: clamp(72px, 6.5vw, 94px); }
.about-mabel-page .am-today .am-split { grid-template-columns: 1fr 1fr; gap: clamp(48px, 5.5vw, 82px); }
.about-mabel-page .am-today figure .am-media { min-height: 680px; object-position: center 35%; }
.about-mabel-page .am-beliefs { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin: 40px 0; }
.about-mabel-page .am-beliefs ul { margin: 0; padding: 0; list-style: none; }
.about-mabel-page .am-beliefs li { position: relative; margin: 10px 0; padding-left: 25px; color: #536268; font-size: 15px; line-height: 1.45; }
.about-mabel-page .am-beliefs li::before { position: absolute; left: 0; color: var(--am-warm); font-weight: 700; }
.about-mabel-page .am-no li::before { content: '×'; }
.about-mabel-page .am-yes li::before { content: '✓'; }
.about-mabel-page .am-today blockquote { margin: 40px 0 0; color: var(--me-ink); font: 400 29px/1.2 var(--me-serif); }
.about-mabel-page .am-today blockquote em { color: var(--am-warm); }

.about-mabel-page .am-real-life { background: var(--am-paper); }
.about-mabel-page .am-heading { max-width: 760px; margin-bottom: 50px; }
.about-mabel-page .am-mosaic { display: grid; grid-template-columns: 1.22fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; min-height: 660px; }
.about-mabel-page .am-mosaic figure { position: relative; min-height: 0; overflow: hidden; }
.about-mabel-page .am-mosaic-main { grid-row: 1 / 3; }
.about-mabel-page .am-mosaic .am-media { position: absolute; inset: 0; }
.about-mabel-page .am-mosaic-main .am-media { object-position: 62% center; }
.about-mabel-page .am-mosaic figcaption { position: absolute; left: 20px; bottom: 18px; padding: 7px 10px; background: rgba(255,253,249,.86); color: var(--me-ink); font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.about-mabel-page .am-real-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 70px; margin-top: 44px; }
.about-mabel-page .am-real-copy blockquote { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 70px; margin: 22px 0 0; padding-top: 34px; border-top: 1px solid var(--me-line); color: var(--me-ink); font: 400 clamp(38px, 3.8vw, 58px)/1.06 var(--me-serif); }
.about-mabel-page .am-real-copy blockquote em { color: var(--am-warm); }

.about-mabel-page .am-work { background: var(--am-cream); }
.about-mabel-page .am-work-grid { display: grid; grid-template-columns: 1fr .88fr; gap: 80px; }
.about-mabel-page .am-work-copy { padding-top: 45px; }
.about-mabel-page .am-work-copy > p { max-width: 680px; }
.about-mabel-page .am-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; margin-top: 38px; }
.about-mabel-page .am-button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; gap: 28px; padding: 15px 28px; border: 1px solid var(--am-warm); border-radius: 999px; background: var(--am-warm); color: white; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-decoration: none; transition: background .2s, transform .2s; }
.about-mabel-page .am-button:hover { background: #ad493b; transform: translateY(-2px); }
.about-mabel-page .am-text-link { min-height: 44px; padding: 11px 0; border-bottom: 1px solid #b7705b; color: #8e4939; font-size: 14px; text-decoration: none; }

.about-mabel-page .am-experience { background: var(--am-paper); }
.about-mabel-page .am-experience-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--me-line); }
.about-mabel-page .am-experience-grid article { padding: 38px 36px 40px; }
.about-mabel-page .am-experience-grid article + article { border-left: 1px solid var(--me-line); }
.about-mabel-page .am-experience-grid span { color: var(--am-warm); font-family: var(--me-serif); font-size: 24px; }
.about-mabel-page .am-experience-grid h3 { margin: 20px 0 13px; }
.about-mabel-page .am-experience-grid p { margin: 0; font-size: 14px; }
.about-mabel-page .am-experience-close { max-width: 720px; margin: 50px auto 0; color: var(--me-ink); font-family: var(--me-serif); font-size: 24px; text-align: center; }

.about-mabel-page .am-closing { position: relative; min-height: 780px; overflow: hidden; color: var(--me-ink); }
.about-mabel-page .am-closing-media,
.about-mabel-page .am-closing-media .am-media,
.about-mabel-page .am-closing-shade { position: absolute; inset: 0; }
.about-mabel-page .am-closing-media .am-media { object-position: center; }
.about-mabel-page .am-closing-shade { background: linear-gradient(90deg, transparent 0%, transparent 52%, rgba(23,34,37,.04) 72%, rgba(23,34,37,.16) 100%); }
.about-mabel-page .am-closing-copy { position: relative; z-index: 1; display: flex; width: min(560px, 42vw); min-height: 0; flex-direction: column; justify-content: center; align-items: flex-start; margin: 72px max(36px, calc((100vw - 1280px) / 2)) 72px auto; padding: 42px 44px; border: 1px solid rgba(255,255,255,.58); background: rgba(255,249,240,.88); box-shadow: 0 18px 55px rgba(12,52,64,.10); backdrop-filter: blur(8px); }
.about-mabel-page .am-closing h2 { max-width: 610px; margin-bottom: 22px; font-size: clamp(42px, 3.65vw, 56px); }
.about-mabel-page .am-closing .am-big { margin-bottom: 28px; color: var(--am-warm); font-size: clamp(29px, 2.55vw, 39px); }
.about-mabel-page .am-closing-copy > p:not(.am-label):not(.am-big) { margin-bottom: 4px; }
.about-mabel-page .am-closing-promise { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(12,52,64,.18); }
.about-mabel-page .am-closing-promise p { margin-bottom: 3px; color: var(--me-ink); font-family: var(--me-serif); font-size: 20px; }

.about-mabel-page .am-contact { display: flex; width: 100%; flex-direction: column; gap: 0; padding: clamp(72px, 8vw, 105px) 0; background: var(--am-cream); scroll-margin-top: 95px; }
.about-mabel-page .am-contact-intro { text-align: center; }
.about-mabel-page .am-contact-intro h2 { margin-bottom: 15px; }
.about-mabel-page .am-contact-intro > p:not(.am-label) { margin-bottom: 28px; }
.about-mabel-page .am-form-toggle { min-height: 50px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--am-warm); background: transparent; color: #8e4939; font: 700 12px/1 var(--me-sans); letter-spacing: .12em; cursor: pointer; }
.about-mabel-page .am-form-toggle span { display: inline-block; margin-left: 24px; font-size: 18px; }
.about-mabel-page .am-form-wrap { display: block; width: min(900px, calc(100% - 64px)); max-width: 900px; margin: 45px auto 0; padding: 42px; border: 1px solid #ddd1c2; background: var(--am-paper); }
.about-mabel-page .am-form-wrap[hidden] { display: none !important; }
.about-mabel-page .am-form .elementor-field-label { color: var(--me-ink); font-weight: 600; }
.about-mabel-page .am-form .elementor-field { min-height: 48px; border: 1px solid #d8cbbb; border-radius: 6px; background: white; }
.about-mabel-page .am-form .elementor-button { min-height: 54px; border: 0; border-radius: 999px; background: var(--am-warm); color: white; font-weight: 700; padding-inline: 28px; }

.about-mabel-page.am-motion .am-html { opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }
.about-mabel-page.am-motion .am-html.is-visible { opacity: 1; transform: none; }

@media (max-width: 1024px) {
  .about-mabel-page .am-wrap { width: min(100% - 56px, 860px); }
  .about-mabel-page .am-split,
  .about-mabel-page .am-split-story,
  .about-mabel-page .am-today .am-split,
  .about-mabel-page .am-difficult .am-split { grid-template-columns: 1fr; }
  .about-mabel-page .am-duo { margin-top: 20px; }
  .about-mabel-page .am-duo-small { height: 560px; }
  .about-mabel-page .am-duo-large { height: 700px; }
  .about-mabel-page .am-difficult figure { max-width: 570px; }
  .about-mabel-page .am-today figure { grid-row: 1; }
  .about-mabel-page .am-today figure { width: min(620px, 100%); }
  .about-mabel-page .am-today figure .am-media { min-height: 650px; }
  .about-mabel-page .am-work-grid { grid-template-columns: 1fr; gap: 10px; }
  .about-mabel-page .am-work-copy { padding-top: 0; }
  .about-mabel-page .am-hero-copy h1 { width: min(540px, 51vw); font-size: clamp(48px, 5.5vw, 60px); }
  .about-mabel-page .am-closing-copy { width: min(500px, 48vw); padding: 36px; }
}

@media (max-width: 900px) {
  .about-mabel-page .am-closing { min-height: 0; padding-top: 520px; background: var(--am-cream); }
  .about-mabel-page .am-closing-media { height: 550px; bottom: auto; }
  .about-mabel-page .am-closing-media .am-media { object-position: center; }
  .about-mabel-page .am-closing-shade { background: linear-gradient(0deg, var(--am-cream) 0%, rgba(247,239,227,.28) 12%, transparent 28%); }
  .about-mabel-page .am-closing-copy { width: auto; min-height: 0; margin: 0; padding: 54px max(28px, calc((100vw - 720px) / 2)) 68px; border: 0; background: var(--am-cream); box-shadow: none; backdrop-filter: none; justify-content: flex-start; }
}

@media (max-width: 600px) {
  .about-mabel-page .am-wrap { width: calc(100% - 40px); }
  .about-mabel-page .am-section { padding-block: 66px; }
  .about-mabel-page h1 { max-width: 520px; font-size: clamp(42px, 12.6vw, 54px); }
  .about-mabel-page h2 { font-size: clamp(36px, 10.7vw, 46px); }
  .about-mabel-page .am-beginning h2,
  .about-mabel-page .am-difficult h2,
  .about-mabel-page .am-closing h2 { font-size: clamp(36px, 10.7vw, 46px); }
  .about-mabel-page p { font-size: 16px; }
  .about-mabel-page .am-hero { min-height: 0; padding-top: 390px; background: var(--am-cream); }
  .about-mabel-page .am-hero-media { height: 430px; bottom: auto; }
  .about-mabel-page .am-hero-media .am-media { object-position: 68% center; }
  .about-mabel-page .am-hero-wash { background: linear-gradient(0deg, var(--am-cream) 0%, rgba(247,239,227,.92) 15%, transparent 52%); }
  .about-mabel-page .am-hero-copy { min-height: 0; padding: 28px 0 60px; text-align: center; align-items: center; }
  .about-mabel-page .am-hero-copy h1 { width: 100%; max-width: 520px; font-size: clamp(42px, 12.6vw, 54px); }
  .about-mabel-page .am-hero-copy .am-label { margin-bottom: 18px; }
  .about-mabel-page .am-hero-copy .am-lead { font-size: 17px; }
  .about-mabel-page .am-hero-copy blockquote { margin-top: 30px; }
  .about-mabel-page .am-duo { grid-template-columns: .86fr 1fr; gap: 12px; padding-bottom: 48px; }
  .about-mabel-page .am-duo-small { height: 350px; transform: translateY(28px); }
  .about-mabel-page .am-duo-large { height: 430px; }
  .about-mabel-page .am-duo > .am-recreation { max-width: 270px; text-align: right; }
  .about-mabel-page .am-detail { margin-top: 28px; }
  .about-mabel-page .am-timeline { flex-wrap: wrap; gap: 10px; margin: 42px auto; }
  .about-mabel-page .am-timeline i { width: 18px; }
  .about-mabel-page .am-life-detail { grid-template-columns: 1fr; }
  .about-mabel-page .am-life-detail .am-media { max-height: 560px; }
  .about-mabel-page .am-life-detail figcaption { padding: 22px 0; }
  .about-mabel-page .am-difficult .am-split { gap: 42px; }
  .about-mabel-page .am-pause { margin-top: 42px; }
  .about-mabel-page .am-return { min-height: 720px; }
  .about-mabel-page .am-return-media .am-media { object-position: 62% center; }
  .about-mabel-page .am-return-shade { background: linear-gradient(0deg, rgba(5,10,12,.9), rgba(5,10,12,.08) 80%); }
  .about-mabel-page .am-return-copy { min-height: 720px; justify-content: flex-end; padding-bottom: 55px; }
  .about-mabel-page .am-return blockquote { font-size: 44px; }
  .about-mabel-page .am-concepts { margin-bottom: 60px; }
  .about-mabel-page .am-concepts span { padding: 20px 6px; font-size: 10px; letter-spacing: .08em; }
  .about-mabel-page .am-rebuild-copy { grid-template-columns: 1fr; gap: 12px; }
  .about-mabel-page .am-rebuild-copy h2 { grid-column: auto; }
  .about-mabel-page .am-wide-quote { margin-top: 58px; }
  .about-mabel-page .am-today figure .am-media { min-height: 520px; max-height: 620px; }
  .about-mabel-page .am-beliefs { grid-template-columns: 1fr; gap: 15px; }
  .about-mabel-page .am-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 440px 230px; gap: 10px; min-height: 0; }
  .about-mabel-page .am-mosaic-main { grid-column: 1 / 3; grid-row: 1; }
  .about-mabel-page .am-real-copy { grid-template-columns: 1fr; gap: 12px; margin-top: 34px; }
  .about-mabel-page .am-real-copy blockquote { display: block; margin-top: 14px; padding-top: 28px; font-size: clamp(34px, 10.5vw, 45px); }
  .about-mabel-page .am-real-copy blockquote em { margin-top: 16px; }
  .about-mabel-page .am-experience-grid { grid-template-columns: 1fr; }
  .about-mabel-page .am-experience-grid article { padding: 28px 10px; }
  .about-mabel-page .am-experience-grid article + article { border-top: 1px solid var(--me-line); border-left: 0; }
  .about-mabel-page .am-closing { min-height: 0; padding-top: 390px; background: var(--am-cream); }
  .about-mabel-page .am-closing-media { height: 420px; bottom: auto; }
  .about-mabel-page .am-closing-media .am-media { object-position: 46% center; }
  .about-mabel-page .am-closing-shade { background: linear-gradient(0deg, var(--am-cream) 0%, rgba(247,239,227,.36) 15%, transparent 34%); }
  .about-mabel-page .am-closing-copy { width: auto; min-height: 0; margin: 0; padding: 42px 20px 56px; border: 0; background: var(--am-cream); box-shadow: none; backdrop-filter: none; justify-content: flex-start; }
  .about-mabel-page .am-actions { align-items: stretch; flex-direction: column; }
  .about-mabel-page .am-button { width: 100%; }
  .about-mabel-page .am-text-link { align-self: center; }
  .about-mabel-page .am-form-wrap { width: calc(100% - 36px); padding: 25px 18px; }
}

@media (max-width: 389px) {
  .about-mabel-page .am-duo { grid-template-columns: 1fr; gap: 14px; padding-bottom: 0; }
  .about-mabel-page .am-duo-small,
  .about-mabel-page .am-duo-large { height: auto; transform: none; }
  .about-mabel-page .am-duo-small .am-media,
  .about-mabel-page .am-duo-large .am-media { aspect-ratio: 4 / 5; }
  .about-mabel-page .am-duo > .am-recreation { position: static; max-width: none; margin-top: 4px; text-align: left; }
}

@media (max-width: 360px) {
  .about-mabel-page .am-wrap { width: calc(100% - 32px); }
  .about-mabel-page h1 { font-size: 42px; }
  .about-mabel-page h2 { font-size: 38px; }
  .about-mabel-page .am-duo-small { height: 310px; }
  .about-mabel-page .am-duo-large { height: 390px; }
  .about-mabel-page .am-mosaic { grid-template-rows: 390px 200px; }
}

@media (prefers-reduced-motion: reduce) {
  .about-mabel-page *,
  .about-mabel-page *::before,
  .about-mabel-page *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
  .about-mabel-page.am-motion .am-html { opacity: 1; transform: none; }
}
