/* site.css — Altamira design tokens + shared site chrome (top utility bar,
   header nav + mega-menus, footer).

   Load order matters: this file is linked BEFORE responsive.css on every page,
   so responsive.css's mobile/ultrawide overrides keep winning where they use
   !important, and its class selectors (.am-topbar, .am-footgrid, …) can rely on
   the base styles defined here.

   Conventions:
   - Tokens are CSS custom properties on :root (--am-*). New styles should use
     them instead of raw hex values.
   - Chrome elements use classes (no inline styles), so hover/media overrides
     never need !important against them, and `hidden` works.
   - Page CONTENT still uses inline styles (converted opportunistically); the
     [style*="…"] rules in responsive.css continue to serve those. */

/* ---------------------------------------------------------------------------
   Neutralise WordPress's injected block-gap, site-wide.
   WordPress emits `:root :where(.is-layout-flow|constrained) > * {
   margin-block-start: 24px }` between every stacked block. The Altamira design
   is ported from a static site that has NO block-gap — all spacing is explicit
   (am-mb*, gap, padding, and the `p { margin: 0 0 18px }` prose rule) — so the
   injected gap only ever ADDS drift ("too-tall" sections wherever a wrapper
   group isn't hand-reset). This single rule kills it everywhere, superseding
   the old per-container `:is(…) > * { margin-block-start: 0 }` list (which had
   to be extended by hand for each new container). It mirrors WP's own selector
   specificity and, being FIRST in the theme's stylesheets, overrides only WP's
   earlier-loaded global styles — every later theme rule (am-mt*, wc-event-sub,
   …) still wins, so intentional top margins are preserved.
   --------------------------------------------------------------------------- */
:root :where(.is-layout-flow) > *,
:root :where(.is-layout-constrained) > * { margin-block-start: 0; }

/* ============================== TOKENS ============================== */
:root {
  /* palette — text */
  --am-ink: #14181F;        /* headings + dark panels */
  --am-body: #5B6470;       /* body copy on white */
  --am-muted: #8a929c;      /* secondary mono labels on white */
  --am-faint: #9aa2ac;      /* dimmed links/labels on dark */
  /* --am-steel (#9aa6b2) merged into --am-faint 2026-07-02 — they differed by 4-6 RGB points */
  --am-grey: #7a828c;       /* ticker symbols, footer address */
  --am-legal: #6b7480;      /* footer legal line */
  --am-drop: #3a4250;       /* dropdown item text */
  --am-light: #E4E8EC;      /* light text on dark */

  /* palette — accents */
  --am-blue: #3A6BB0;
  --am-sky: #7AA0D4;
  --am-green: #46B083;
  --am-amber: #C2884E;

  /* palette — surfaces & lines */
  --am-dark: #0E1217;       /* page/topbar background */
  --am-dark-2: #0F1318;     /* footer background */
  --am-line: #E4E8EC;       /* borders on white */
  --am-line-soft: #EEF1F4;
  --am-line-faint: #F4F6F8;
  --am-hairline: rgba(255,255,255,.08);   /* rules on dark */

  /* type */
  --am-sans: Archivo, sans-serif;
  --am-mono: 'IBM Plex Mono', monospace;

  /* layout — the site-wide horizontal page gutter. Chrome uses this var;
     content sections still carry it inline (responsive.css rescales those
     via [style*="padding"][style*=" 72px"]). Keep the three values in sync
     with responsive.css's ultrawide (≥1025px) and phone (≤720px) rules. */
  --am-gutter: 72px;
}
@media (min-width: 1025px) {
  /* cap the content column at 1680px on very wide screens (no-op below 1824px) */
  :root { --am-gutter: max(72px, calc((100% - 1680px) / 2)); }
}
@media (max-width: 720px) {
  :root { --am-gutter: 20px; }
}

/* topbar live-quote pulse (also defined in per-page blocks; harmless dup) */
@keyframes amPulse { 0%, 100% { opacity: 1; } 50% { opacity: .2; } }

/* ========================= TOP UTILITY BAR ========================== */
.am-topbar {
  background: var(--am-dark);
  padding: 0 var(--am-gutter);
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--am-hairline);
}
.am-tickers {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--am-mono);
  font-size: 11px;
  letter-spacing: .04em;
}
.am-ticker { display: flex; align-items: center; gap: 8px; }
.am-ticker-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--am-green);
  animation: amPulse 1.8s infinite;
}
.am-ticker-sym { color: var(--am-grey); }
.am-ticker-px  { color: #fff; font-weight: 600; }
.am-ticker-chg { color: var(--am-green); }
.am-ticker-div { width: 1px; height: 13px; background: rgba(255,255,255,.16); }
.am-topbar-links {
  display: flex; align-items: center; gap: 22px;
  font-family: var(--am-sans); font-size: 12px;
}
.am-toplink { color: var(--am-faint); text-decoration: none; }
/* current page's utility link (no .am-toplink → no grey→white hover swap) */
.am-toplink-current {
  color: #fff; text-decoration: none;
  border-bottom: 1px solid var(--am-blue); padding-bottom: 2px;
}

/* ============================== HEADER ============================== */
/* Positioned (relative) so the full-width mega-panels anchor to it. Pages
   whose header overlays a hero photo add .am-header-overlay. */
.am-header {
  position: relative;
  z-index: 50;
  padding: 0 var(--am-gutter);
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.am-header-overlay { position: absolute; top: 0; left: 0; right: 0; }

.am-brand { display: flex; align-items: center; gap: 13px; text-decoration: none; }
.am-brand-name {
  font-family: var(--am-sans); font-weight: 800; font-size: 19px;
  letter-spacing: .16em; color: #fff;
}
.am-brand-tag {
  font-family: var(--am-mono); font-size: 10px; letter-spacing: .22em;
  color: var(--am-faint);
  border-left: 1px solid rgba(255,255,255,.2); padding-left: 13px;
}

.am-nav { display: flex; align-items: center; gap: 34px; }
/* nav item group (label + caret + panel). Only the compact Corporate dropdown
   anchors to its group (.am-navgroup-rel); the full-width mega-panels must
   anchor to the header, so the other groups stay static. */
.am-navgroup { height: 86px; display: flex; align-items: center; gap: 7px; }
.am-navgroup-rel { position: relative; }
.am-navlink {
  font-family: var(--am-sans); font-size: 14px; font-weight: 500;
  letter-spacing: .01em; color: var(--am-light);
  text-decoration: none; transition: color .18s ease;
}
/* current section's top-level item (no .am-navlink → keeps its white weight,
   no blue hover swap; the group-dim on nav hover still applies) */
.am-navlink-current {
  font-family: var(--am-sans); font-size: 14px; font-weight: 600;
  letter-spacing: .01em; color: #fff; text-decoration: none;
}
.am-navcaret {
  font-family: var(--am-sans); font-size: 9px; color: var(--am-faint);
  transform: translateY(1px);
}
/* header "Investors" CTA (pairs with .am-btn .am-btn-fill hover system) */
.am-hdrbtn {
  font-family: var(--am-sans); font-size: 13px; font-weight: 600;
  letter-spacing: .02em; color: #fff; background: var(--am-blue);
  padding: 10px 18px; border-radius: 2px; text-decoration: none;
}

/* ---- Corporate dropdown ---- */
.am-dropdown {
  position: absolute; top: 86px; left: -18px; min-width: 252px;
  background: #fff; border: 1px solid var(--am-line); border-radius: 3px;
  box-shadow: 0 26px 54px -22px rgba(0,0,0,.5);
  padding: 8px; z-index: 60;
}
.am-navdrop {
  display: block; font-family: var(--am-sans); font-size: 14px; font-weight: 500;
  color: var(--am-drop); text-decoration: none;
  padding: 11px 14px; border-radius: 2px;
}

/* ---- Mega-panels (Operations / Investors) ---- */
.am-megapanel {
  position: absolute; top: 86px; left: 0; right: 0; z-index: 200;
  background: #fff;
  border-top: 1px solid var(--am-line); border-bottom: 1px solid var(--am-line);
  box-shadow: 0 30px 54px -26px rgba(0,0,0,.5);
  padding: 34px var(--am-gutter) 36px;
}
.am-megagrid { display: grid; gap: 0; }
.am-megagrid-ops { grid-template-columns: 1.6fr 1fr 1fr; }
.am-megagrid-inv { grid-template-columns: 1.2fr 1fr 1.1fr; }
.am-megacol-a { padding-right: 40px; }
.am-mega2col  { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }   /* By-region column pair */
.am-megacol-b { padding: 0 34px;      border-left: 1px solid var(--am-line-soft); }
.am-megacol-c { padding-left: 34px;   border-left: 1px solid var(--am-line-soft); }
.am-megahead {
  font-family: var(--am-mono); font-size: 10px; letter-spacing: .18em;
  text-transform: uppercase; color: var(--am-muted); margin-bottom: 20px;
}
.am-megahead-tight { margin-bottom: 18px; }   /* Investors panel spacing */

.am-megaregion {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 12px; padding-bottom: 10px;
  border-bottom: 1px solid var(--am-line-soft);
}
.am-megaregion-name {
  font-family: var(--am-sans); font-size: 12px; font-weight: 700;
  letter-spacing: .04em; color: var(--am-ink);
}
.am-megaregion-geo {
  font-family: var(--am-mono); font-size: 9px; letter-spacing: .06em;
  color: var(--am-faint);
}

/* mega-menu link variants (all also carry .am-megalink for the shared hover) */
.am-megalink-asset { display: flex; align-items: flex-start; gap: 11px; padding: 9px 0; text-decoration: none; }
.am-megalink-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 0; text-decoration: none;
  border-bottom: 1px solid var(--am-line-faint);
}
.am-megalink-row:last-child { border-bottom: none; }
.am-megalink-stack { display: block; padding: 9px 0; text-decoration: none; }

.am-dot { width: 9px; height: 9px; border-radius: 50%; margin-top: 4px; }
.am-dot-green { background: var(--am-green); }
.am-dot-blue  { background: var(--am-blue); }
.am-dot-sky   { background: var(--am-sky); }
.am-dot-amber { background: var(--am-amber); }

.am-megattl { display: block; font-family: var(--am-sans); font-size: 15px; font-weight: 700; color: var(--am-ink); }
.am-megasub { display: block; font-family: var(--am-mono); font-size: 10px; color: var(--am-muted); margin-top: 2px; }
.am-megarow-t { font-family: var(--am-sans); font-size: 14px; font-weight: 600; color: var(--am-ink); }
/* explore-row arrows are blue; the featured-card arrows inherit their span */
.am-megalink-row .am-megaar { font-family: var(--am-mono); font-size: 11px; color: var(--am-blue); }

/* featured card shell (internals are one-off and stay inline) */
.am-megafeat { display: block; border-radius: 3px; overflow: hidden; background: var(--am-ink); text-decoration: none; }
.am-megafeat-pad { padding: 20px 22px; }      /* Investors share-price card */

/* ================= STICKY SCROLL-UP NAV (desktop) =================
   Fixed wrapper for the header clone built by sticky-nav.js (no topbar).
   Slides in when scrolling up past the original chrome, out when scrolling
   down. The cloned .am-header inside is position:relative, so the mega-panels
   (top:86px) anchor below the bar as usual. z-index sits above content but
   below the mobile menu chrome (1000+) from responsive.js. */
#am-stickyhdr {
  position: fixed; top: 0; left: 0; right: 0; z-index: 900;
  background: var(--am-ink);   /* matches the imageless sub-page hero bands (.am-band-dark) */
  border-bottom: 1px solid var(--am-hairline);
  box-shadow: 0 18px 40px -18px rgba(0,0,0,.55);
  transform: translateY(-102%);
  visibility: hidden;   /* keeps the off-screen clone out of tab order / a11y tree */
  transition: transform .32s cubic-bezier(.16,.84,.44,1), visibility .32s;
}
#am-stickyhdr.am-stickyhdr-in { transform: translateY(0); visibility: visible; }
/* compact chrome: shorter than the 86px page header, with the brand + CTA
   scaled to match; the panels re-anchor to the reduced height */
#am-stickyhdr .am-header, #am-stickyhdr .am-navgroup { height: 60px; }
#am-stickyhdr .am-megapanel, #am-stickyhdr .am-dropdown { top: 60px; }
#am-stickyhdr .am-brand svg { width: 18px; height: 18px; }
#am-stickyhdr .am-brand-name { font-size: 16px; }
#am-stickyhdr .am-hdrbtn { padding: 7px 14px; font-size: 12px; }
@media (max-width: 1024px) { #am-stickyhdr { display: none; } }

/* ============================== FOOTER ============================== */
.am-footer { background: var(--am-dark-2); padding: 0 var(--am-gutter); }

/* newsletter band (present on a subset of pages) */
.am-foot-news {
  display: flex; justify-content: space-between; align-items: center;
  padding: 54px 0; gap: 40px;
  border-bottom: 1px solid var(--am-hairline);
}
.am-foot-news-t {
  margin: 0 0 8px; font-family: var(--am-sans); font-size: 28px;
  font-weight: 800; letter-spacing: -.02em; color: #fff;
}
.am-foot-news-p { margin: 0; font-family: var(--am-sans); font-size: 15px; color: var(--am-faint); }
.am-foot-form { display: flex; gap: 10px; }
.am-foot-input {
  font-family: var(--am-sans); font-size: 14px; color: var(--am-light);
  background: #1a1f26; border: 1px solid rgba(255,255,255,.12);
  border-radius: 2px; padding: 14px 18px;
  width: 280px; max-width: 100%; outline: none;
}
.am-subbtn {
  font-family: var(--am-sans); font-size: 14px; font-weight: 600; color: #fff;
  background: var(--am-blue); padding: 14px 24px; border-radius: 2px;
  text-decoration: none; white-space: nowrap;
}

/* link columns */
.am-footgrid {
  display: grid; grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: 40px; padding: 56px 0;
}
.am-footgrid-line { border-bottom: 1px solid var(--am-hairline); }  /* pages without the newsletter band */
.am-foot-brand { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.am-foot-brandname { font-family: var(--am-sans); font-weight: 800; font-size: 17px; letter-spacing: .16em; color: #fff; }
.am-foot-addr {
  margin: 0 0 16px; font-family: var(--am-sans); font-size: 13px;
  line-height: 1.6; color: var(--am-grey); max-width: 240px;
}
.am-foot-tsx { font-family: var(--am-mono); font-size: 11px; letter-spacing: .08em; color: var(--am-faint); }
.am-foot-h {
  font-family: var(--am-mono); font-size: 11px; letter-spacing: .13em;
  text-transform: uppercase; color: #fff; margin-bottom: 18px;
}
.am-foot-col { display: flex; flex-direction: column; gap: 11px; }
.am-footlink { font-family: var(--am-sans); font-size: 14px; color: var(--am-faint); text-decoration: none; }

/* legal bar */
.am-foot-legal {
  display: flex; justify-content: space-between; align-items: center;
  padding: 26px 0; border-top: 1px solid var(--am-hairline);
}
/* pages without the newsletter band: the grid carries the separator instead */
.am-foot-legal-plain { border-top: none; }
.am-foot-legal > span { font-family: var(--am-sans); font-size: 12px; color: var(--am-legal); }

/* ================= CHROME INTERACTIONS (moved from the identical
   per-page <style> blocks — keep AFTER the components so the .am-megalink
   padding override wins the same way it used to win over inline styles) ==== */

/* Main-nav dropdown carets: flip to point up + brighten while their menu group is hovered/open */
.am-navcaret { display: inline-block; transition: transform .24s cubic-bezier(.4,0,.2,1), color .18s ease; }
nav div:hover > .am-navcaret { transform: translateY(1px) rotate(180deg) !important; color: var(--am-sky) !important; }
.am-navlink:hover { color: var(--am-sky) !important; }
.am-footlink:hover { color: #fff !important; }
/* Mega-menu list links: grey rounded row highlight on hover, matching the Corporate dropdown */
.am-megalink { border-radius: 4px; padding-left: 12px !important; padding-right: 12px !important; }
.am-megalink:hover { background: #E6EAEF; }
/* Mega-menu arrows: slide forward on row / featured-card hover (matches .am-ar elsewhere) */
.am-megaar { display: inline-block; transition: transform .18s ease; }
.am-megalink:hover .am-megaar, .am-megafeat:hover .am-megaar { transform: translateX(5px); }
/* Hover focus: dim the OTHER nav items, only when one is actually hovered (ignores the gaps) */
header nav > a, header nav > div { transition: opacity .2s ease; }
header nav:has(> a:hover, > div:hover) > a:not(:hover),
header nav:has(> a:hover, > div:hover) > div:not(:hover) { opacity: .4; }
/* CSS-only nav dropdowns */
.am-navpanel { display: none; margin-left: -7px; }
/* The panel wrapper is a flex child of .am-navgroup (gap:7px); its content
   (.am-dropdown/.am-megapanel) is absolutely positioned, so the wrapper is
   zero-width. Toggling display:none->block on hover would otherwise add one
   7px flex gap and shift the whole nav sideways — the -7px cancels that gap.
   (Left static, not absolute, so the full-width mega-panel keeps the header as
   its containing block.) */
.am-navgroup:hover > .am-navpanel, .am-navgroup:focus-within > .am-navpanel { display: block; }
.am-navdrop:hover { background: #E6EAEF; color: var(--am-ink) !important; }

/* ==================== CHROME RESPONSIVE BEHAVIOR ====================
   Replicates what responsive.css's [style*="…"] catch-alls did for the chrome
   while it still had inline styles. (Nav/mega-menus are hidden ≤1024px by
   responsive.css's `header nav { display:none }`.) */
@media (max-width: 1024px) {
  /* old catch-all: [style*="display: flex"] { flex-wrap: wrap } */
  .am-topbar, .am-tickers, .am-ticker, .am-topbar-links,
  .am-foot-news, .am-foot-form, .am-foot-legal, .am-foot-brand { flex-wrap: wrap; }
}
@media (max-width: 720px) {
  /* old catch-all: [style*="grid-template-columns"] { … 1fr } */
  .am-footgrid { grid-template-columns: 1fr !important; }
}

/* ====================== CONTENT CLASSES (2026-07-02) ======================
   Generated from the site's inline-style patterns. Typography classes are
   named am-t-{mono|sans}{size}[-w{weight}][-u(ppercase)][-ls{tracking}][-lh{leading}]-{color}.
   Section shells am-sec-{top}[-{bottom}] own the horizontal gutter (via
   --am-gutter) plus their ≤720px vertical rhythm (mirrors responsive.css). */

/* ---- section shells ---- */
.am-sec-24-96 { padding:24px var(--am-gutter) 96px; }
.am-sec-54-0 { padding:54px var(--am-gutter) 0; }
.am-sec-56-60 { padding:56px var(--am-gutter) 60px; }
.am-sec-56-64 { padding:56px var(--am-gutter) 64px; }
.am-sec-56-88 { padding:56px var(--am-gutter) 88px; }
.am-sec-58-64 { padding:58px var(--am-gutter) 64px; }
.am-sec-60-0 { padding:60px var(--am-gutter) 0; }
.am-sec-64 { padding:64px var(--am-gutter); }
.am-sec-64-92 { padding:64px var(--am-gutter) 92px; }
.am-sec-84 { padding:84px var(--am-gutter); }
.am-sec-88 { padding:88px var(--am-gutter); }
.am-sec-90-60 { padding:90px var(--am-gutter) 60px; }
.am-sec-90-96 { padding:90px var(--am-gutter) 96px; }
.am-sec-92 { padding:92px var(--am-gutter); }
.am-sec-96 { padding:96px var(--am-gutter); }
.am-sec-96-76 { padding:96px var(--am-gutter) 76px; }
.am-sec-150-0 { padding:150px var(--am-gutter) 0; }
.am-sec-150-84 { padding:150px var(--am-gutter) 84px; }
.am-sec-150-92 { padding:150px var(--am-gutter) 92px; }
@media (max-width: 720px) {
  .am-sec-24-96 { padding-bottom:56px; }
  .am-sec-56-64 { padding-bottom:56px; }
  .am-sec-56-88 { padding-bottom:48px; }
  .am-sec-64-92 { padding-top:40px; padding-bottom:32px; }
  .am-sec-84 { padding-top:56px; padding-bottom:56px; }
  .am-sec-88 { padding-top:56px; padding-bottom:56px; }
  .am-sec-92 { padding-top:56px; padding-bottom:56px; }
  .am-sec-96 { padding-top:56px; padding-bottom:56px; }
  /* 3-value shells whose top is in the 84-96 band: the original substring
     selector [style*="padding: 90px 72px"] also caught these — keep parity */
  .am-sec-90-60, .am-sec-90-96, .am-sec-96-76 { padding-top:56px; padding-bottom:56px; }
  .am-sec-150-84 { padding-bottom:56px; }
  .am-sec-150-92 { padding-bottom:56px; }
}

/* ---- structural components ---- */
.am-icobtn { display:flex; align-items:center; justify-content:center; width:38px; height:38px; flex-shrink:0; border:1px solid var(--am-line); border-radius:2px; font-family:var(--am-mono); font-size:9px; font-weight:600; color:var(--am-blue); background:var(--am-line-faint); }
.am-icobtn-lg { width:42px; height:42px; letter-spacing:.04em; }
.am-kickdash { width:28px; height:1px; background:var(--am-sky); }
.am-sidelink { position:relative; font-family:var(--am-sans); font-size:14px; font-weight:500; color:var(--am-body); text-decoration:none; padding:11px 0 11px 16px; border-bottom:1px solid var(--am-line-faint); }
.am-dlrow { display:flex; align-items:center; gap:18px; padding:17px 24px; border-top:1px solid var(--am-line); text-decoration:none; background:#fff; }
.am-dlrow-lg { gap:18px; padding:18px 26px; }
.am-dlrow-xl { gap:22px; padding:24px 28px; }
.am-dot7 { width:7px; height:7px; border-radius:50%; background:var(--am-green); }
.am-megafeat-img { position:relative; height:104px; background:url('../images/flagship_mine_thumbnail_1782541881362.avif') center/cover; }
.am-megafeat-badge { position:absolute; top:12px; left:12px; font-family:var(--am-mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--am-blue); padding:4px 8px; border-radius:2px; }
.am-megafeat-body { padding:16px 18px 18px; }
.am-page { width:100%; margin:0 auto; background:#fff; }
.am-band-dark { position:relative; background:var(--am-ink); overflow:hidden; }
.am-check { flex-shrink:0; color:var(--am-green); font-size:14px; margin-top:1px; }
.am-frame { border:1px solid var(--am-line); border-radius:3px; overflow:hidden; }
.am-col { display:flex; flex-direction:column; }
.am-chip { font-family:var(--am-mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--am-muted); border:1px solid var(--am-line-soft); padding:4px 8px; border-radius:2px; }
.am-cardlink { display:flex; flex-direction:column; background:#fff; border:1px solid var(--am-line); border-radius:3px; overflow:hidden; cursor:pointer; }
.am-panel { border:1px solid var(--am-line); border-radius:3px; padding:24px 26px; }
.am-sidecard { display:block; margin-top:24px; border:1px solid var(--am-line); border-radius:3px; padding:18px 18px 20px; text-decoration:none; }
.am-listrow-dark { display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-top:1px solid rgba(255,255,255,.1); }
.am-datarow { display:flex; justify-content:space-between; align-items:baseline; gap:24px; padding:15px 28px; border-top:1px solid var(--am-line); }
.am-datarow-b { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:17px 26px; border-top:1px solid var(--am-line-soft); border-right:1px solid var(--am-line-soft); }
.am-ctalink { font-family:var(--am-mono); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--am-blue); white-space:nowrap; text-decoration:none; }
.am-ctalink-muted { color:var(--am-muted); }
.am-tag { font-family:var(--am-sans); font-size:13px; font-weight:500; color:var(--am-body); background:var(--am-line-faint); border:1px solid var(--am-line); border-radius:2px; padding:8px 13px; }
.am-listrow { padding:9px 0; border-top:1px solid #F0F2F5; }
.am-flex1 { flex:1; }
.am-crumb-sep { color:var(--am-slate, #56606c); margin:0 9px; }
.am-row8 { display:flex; align-items:center; gap:8px; }
.am-row14 { display:flex; align-items:center; gap:14px; }
.am-row6b { display:flex; align-items:baseline; gap:6px; }
.am-featcta { display:inline-block; font-family:var(--am-mono); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--am-sky); }

/* ---- typography ramp ---- */
.am-t-sans15-w600-ink { font-family:var(--am-sans); font-size:15px; font-weight:600; color:var(--am-ink); }   /* 102x */
.am-t-mono10-ls04-muted { font-family:var(--am-mono); font-size:10px; letter-spacing:.04em; color:var(--am-muted); }   /* 61x */
.am-t-mono12-u-ls2-blue { font-family:var(--am-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--am-blue); }   /* 49x */
.am-t-mono10-u-ls1-muted { font-family:var(--am-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--am-muted); }   /* 42x */
.am-t-sans16-w600-ink { font-family:var(--am-sans); font-size:16px; font-weight:600; color:var(--am-ink); }   /* 39x */
.am-t-mono11-ls04-muted { font-family:var(--am-mono); font-size:11px; letter-spacing:.04em; color:var(--am-muted); }   /* 37x */
.am-t-mono9-w600-blue { font-family:var(--am-mono); font-size:9px; font-weight:600; color:var(--am-blue); }   /* 36x */
.am-t-mono11-w600-u-ls1-sky { font-family:var(--am-mono); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--am-sky); }   /* 33x */
.am-t-mono10-u-ls12-faint { font-family:var(--am-mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--am-faint); }   /* 33x */
.am-t-mono11-u-ls12-faint { font-family:var(--am-mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--am-faint); }
.am-t-sans14-w500-body { font-family:var(--am-sans); font-size:14px; font-weight:500; color:var(--am-body); }   /* 29x */
.am-t-sans14-lh155-body { font-family:var(--am-sans); font-size:14px; line-height:1.55; color:var(--am-body); }   /* 29x */
.am-t-mono11-w600-u-ls1-blue { font-family:var(--am-mono); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--am-blue); }   /* 27x */
.am-t-mono12-u-ls2-sky { font-family:var(--am-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--am-sky); }   /* 25x */
.am-t-sans13-lh145-faint { font-family:var(--am-sans); font-size:13px; line-height:1.45; color:var(--am-faint); }   /* 23x */
.am-t-sans40-w800-lsn025-ink { font-family:var(--am-sans); font-size:40px; font-weight:800; letter-spacing:-.025em; color:var(--am-ink); }   /* 20x */
.am-t-sans40-w800-lsn025-lh108-ink { font-family:var(--am-sans); font-size:40px; font-weight:800; letter-spacing:-.025em; line-height:1.08; color:var(--am-ink); }
.am-t-sans20-w700-lsn01-ink { font-family:var(--am-sans); font-size:20px; font-weight:700; letter-spacing:-.01em; color:var(--am-ink); }   /* 20x */
.am-t-sans18-w700-lsn01-ink { font-family:var(--am-sans); font-size:18px; font-weight:700; letter-spacing:-.01em; color:var(--am-ink); }   /* 19x */
.am-t-sans16-lh162-body { font-family:var(--am-sans); font-size:16px; line-height:1.62; color:var(--am-body); }   /* 18x */
.am-t-mono9-u-ls1-muted { font-family:var(--am-mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--am-muted); }   /* 18x */
.am-t-sans15-w700-ink { font-family:var(--am-sans); font-size:15px; font-weight:700; color:var(--am-ink); }   /* 17x */
.am-t-sans15-lh16-body { font-family:var(--am-sans); font-size:15px; line-height:1.6; color:var(--am-body); }   /* 17x */
.am-t-sans16-w700-ink { font-family:var(--am-sans); font-size:16px; font-weight:700; color:var(--am-ink); }   /* 17x */
.am-t-mono9-u-ls12-white { font-family:var(--am-mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#fff; }   /* 16x */
.am-t-sans18-w800-lsn02-white { font-family:var(--am-sans); font-size:18px; font-weight:800; letter-spacing:-.02em; color:#fff; }   /* 16x */
.am-t-sans24-w800-lsn02-white { font-family:var(--am-sans); font-size:24px; font-weight:800; letter-spacing:-.02em; color:#fff; }   /* 16x */
.am-t-sans28-w800-lsn02-white { font-family:var(--am-sans); font-size:28px; font-weight:800; letter-spacing:-.02em; color:#fff; }
.am-t-mono10-faint { font-family:var(--am-mono); font-size:10px; color:var(--am-faint); }   /* 16x */
.am-t-sans34-w800-lsn03-lh1-white { font-family:var(--am-sans); font-size:34px; font-weight:800; letter-spacing:-.03em; line-height:1; color:#fff; }   /* 16x */
.am-t-sans14-w700-green { font-family:var(--am-sans); font-size:14px; font-weight:700; color:var(--am-green); }   /* 16x */
.am-t-sans14-w700-blue { font-family:var(--am-sans); font-size:14px; font-weight:700; color:var(--am-blue); }
.am-t-sans13-muted { font-family:var(--am-sans); font-size:13px; color:var(--am-muted); }   /* 16x */
.am-t-mono11-u-ls1 { font-family:var(--am-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }   /* 15x */
.am-t-sans14-body { font-family:var(--am-sans); font-size:14px; color:var(--am-body); }   /* 14x */
.am-t-sans14-w600-blue { font-family:var(--am-sans); font-size:14px; font-weight:600; color:var(--am-blue); }   /* 13x */
.am-t-sans14-w600-ink { font-family:var(--am-sans); font-size:14px; font-weight:600; color:var(--am-ink); }
.am-t-sans20-w700-lsn01-white { font-family:var(--am-sans); font-size:20px; font-weight:700; letter-spacing:-.01em; color:#fff; }   /* 13x */
.am-t-sans14-lh15-faint { font-family:var(--am-sans); font-size:14px; line-height:1.5; color:var(--am-faint); }   /* 13x */
.am-t-sans13-lh15-body { font-family:var(--am-sans); font-size:13px; line-height:1.5; color:var(--am-body); }   /* 12x */
.am-t-sans17-lh168-body { font-family:var(--am-sans); font-size:17px; line-height:1.68; color:var(--am-body); }   /* 12x */
.am-t-sans32-w800-lsn025-ink { font-family:var(--am-sans); font-size:32px; font-weight:800; letter-spacing:-.025em; color:var(--am-ink); }   /* 11x */
.am-t-sans34-w800-lsn025-ink { font-family:var(--am-sans); font-size:34px; font-weight:800; letter-spacing:-.025em; color:var(--am-ink); }
.am-t-sans24-w800-lsn02-ink { font-family:var(--am-sans); font-size:24px; font-weight:800; letter-spacing:-.02em; color:var(--am-ink); }   /* 11x */
.am-t-sans26-w800-lsn02-ink { font-family:var(--am-sans); font-size:26px; font-weight:800; letter-spacing:-.02em; color:var(--am-ink); }
.am-t-mono10-u-ls1-blue { font-family:var(--am-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--am-blue); }   /* 11x */
.am-t-sans15-body { font-family:var(--am-sans); font-size:15px; color:var(--am-body); }   /* 11x */
.am-t-sans13-w800-blue { font-family:var(--am-sans); font-size:13px; font-weight:800; color:var(--am-blue); }   /* 10x */
.am-t-sans13-body { font-family:var(--am-sans); font-size:13px; color:var(--am-body); }   /* 10x */
.am-t-sans40-w800-lsn025-white { font-family:var(--am-sans); font-size:40px; font-weight:800; letter-spacing:-.025em; color:#fff; }   /* 9x */
.am-t-mono9-w600-ls04-blue { font-family:var(--am-mono); font-size:9px; font-weight:600; letter-spacing:.04em; color:var(--am-blue); }   /* 9x */
.am-t-sans14-w600-body { font-family:var(--am-sans); font-size:14px; font-weight:600; color:var(--am-body); }   /* 9x */
.am-t-mono10-w600-u-ls1-blue { font-family:var(--am-mono); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--am-blue); }   /* 8x */
.am-t-sans14-w600-white { font-family:var(--am-sans); font-size:14px; font-weight:600; color:#fff; }   /* 8x */
.am-t-sans15-lh145-silver { font-family:var(--am-sans); font-size:15px; line-height:1.45; color:#C7CDD4; }   /* 8x */
.am-t-sans15-ink { font-family:var(--am-sans); font-size:15px; color:var(--am-ink); }   /* 8x */
.am-t-sans40-w800-lsn02-lh1-white { font-family:var(--am-sans); font-size:40px; font-weight:800; letter-spacing:-.02em; line-height:1; color:#fff; }   /* 8x */
.am-t-sans13-w500-body { font-family:var(--am-sans); font-size:13px; font-weight:500; color:var(--am-body); }   /* 8x */
.am-t-mono9-u-ls06-faint { font-family:var(--am-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--am-faint); }   /* 8x */

/* heading downscale ≤720px (mirrors responsive.css font-size rules) */
@media (max-width: 720px) {
  .am-t-sans40-w800-lsn02-lh1-white, .am-t-sans40-w800-lsn025-ink, .am-t-sans40-w800-lsn025-lh108-ink, .am-t-sans40-w800-lsn025-white { font-size:28px; line-height:1.12; }
  .am-t-sans32-w800-lsn025-ink, .am-t-sans34-w800-lsn03-lh1-white { font-size:23px; line-height:1.2; }
}

/* wrap flex rows ≤1024px (mirrors responsive.css [style*="display: flex"]) */
@media (max-width: 1024px) {
  .am-cardlink, .am-col, .am-datarow, .am-datarow-b, .am-dlrow, .am-icobtn, .am-listrow-dark, .am-row14, .am-row6b, .am-row8 { flex-wrap:wrap; }
}


/* ---- content classes, pass 3 (2026-07-02): remaining repeats >=4x ---- */
.am-band-grey { background:var(--am-line-faint); border-top:1px solid var(--am-line); border-bottom:1px solid var(--am-line); }
.am-lbl { margin-bottom:8px; display:block; }
.am-ublue { text-decoration:none; border-bottom:1px solid var(--am-blue); padding-bottom:3px; }
.am-cardcol { display:flex; flex-direction:column; border:1px solid var(--am-line); border-radius:3px; overflow:hidden; text-decoration:none; }
.am-rulehead { border-top:2px solid var(--am-blue); padding-top:20px; }
.am-supnum { font-size:24px; color:var(--am-blue); font-weight:700; margin-left:3px; }
.am-listrow-dark2 { padding:14px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.am-cardbody { background:#fff; padding:26px 24px; display:flex; flex-direction:column; }
.am-tr { text-align:right; }
.am-t-silver { color:#C7CDD4; }
.am-row11 { display:flex; align-items:center; gap:11px; }   /* 15x */
.am-row10 { display:flex; align-items:center; gap:10px; }   /* 12x */
.am-row40-end-sb { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }   /* 10x */
.am-row14-plain { display:flex; gap:14px; }   /* 7x */
.am-row14-sb { display:flex; align-items:center; justify-content:space-between; gap:14px; }   /* 6x */
.am-row12 { display:flex; align-items:center; gap:12px; }   /* 5x */
.am-row9 { display:flex; align-items:center; gap:9px; }   /* 5x */
.am-row12-base { display:flex; align-items:baseline; gap:12px; }   /* 4x */
.am-row72-start { display:flex; align-items:flex-start; gap:72px; }   /* 4x */
.am-t-sans18-lh162-silver { font-family:var(--am-sans); font-size:18px; line-height:1.62; color:#C7CDD4; }   /* 7x */
.am-t-mono11-u-ls16-muted { font-family:var(--am-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--am-muted); }   /* 7x */
.am-t-sans14-w700-ink { font-family:var(--am-sans); font-size:14px; font-weight:700; color:var(--am-ink); }   /* 7x */
.am-t-sans19-lh162-silver { font-family:var(--am-sans); font-size:19px; line-height:1.62; color:#C7CDD4; }   /* 7x */
.am-t-sans19-w700-lsn015-lh13-ink { font-family:var(--am-sans); font-size:19px; font-weight:700; letter-spacing:-.015em; line-height:1.3; color:var(--am-ink); }   /* 7x */
.am-t-mono11-u-ls08-muted { font-family:var(--am-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--am-muted); }   /* 7x */
.am-t-sans24-w800-lsn02-blue { font-family:var(--am-sans); font-size:24px; font-weight:800; letter-spacing:-.02em; color:var(--am-blue); }   /* 7x */
.am-t-sans18-lh15-ink { font-family:var(--am-sans); font-size:18px; line-height:1.5; color:var(--am-ink); }   /* 7x */
.am-t-mono9-u-ls07-body { font-family:var(--am-mono); font-size:9px; letter-spacing:.07em; text-transform:uppercase; color:var(--am-body); }   /* 7x */
.am-t-sans26-w800-ink { font-family:var(--am-sans); font-size:26px; font-weight:800; color:var(--am-ink); }   /* 6x */
.am-t-sans52-w800-lsn03-lh1-ink { font-family:var(--am-sans); font-size:52px; font-weight:800; letter-spacing:-.03em; line-height:1; color:var(--am-ink); }   /* 6x */
.am-t-mono11-ls04-legal { font-family:var(--am-mono); font-size:11px; letter-spacing:.04em; color:var(--am-legal); }   /* 6x */
.am-t-sans22-w800-lsn02-ink { font-family:var(--am-sans); font-size:22px; font-weight:800; letter-spacing:-.02em; color:var(--am-ink); }   /* 6x */
.am-t-sans62-w800-lsn03-lh104-white { font-family:var(--am-sans); font-size:62px; font-weight:800; letter-spacing:-.03em; line-height:1.04; color:#fff; }   /* 6x */
.am-t-mono9-u-ls09-legal { font-family:var(--am-mono); font-size:9px; letter-spacing:.09em; text-transform:uppercase; color:var(--am-legal); }   /* 6x */
.am-t-sans13-lh155-faint { font-family:var(--am-sans); font-size:13px; line-height:1.55; color:var(--am-faint); }   /* 6x */
.am-t-sans30-w800-lsn02-ink { font-family:var(--am-sans); font-size:30px; font-weight:800; letter-spacing:-.02em; color:var(--am-ink); }   /* 6x */
.am-t-mono11-muted { font-family:var(--am-mono); font-size:11px; font-weight:400; color:var(--am-muted); }   /* 6x */
.am-t-mono12-u-ls2-green { font-family:var(--am-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--am-green); }   /* 6x */
.am-t-sans16-lh15-silver { font-family:var(--am-sans); font-size:16px; line-height:1.5; color:#C7CDD4; }   /* 6x */
.am-t-mono10-u-ls1-sky { font-family:var(--am-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--am-sky); }   /* 6x */
.am-t-sans16-w700-white { font-family:var(--am-sans); font-size:16px; font-weight:700; color:#fff; }   /* 6x */
.am-t-sans30-w800-lsn025-lh1-ink { font-family:var(--am-sans); font-size:30px; font-weight:800; letter-spacing:-.025em; line-height:1; color:var(--am-ink); }   /* 6x */
.am-t-sans13-lh14-body { font-family:var(--am-sans); font-size:13px; line-height:1.4; color:var(--am-body); }   /* 6x */
.am-t-mono10-ls04-green { font-family:var(--am-mono); font-size:10px; letter-spacing:.04em; color:var(--am-green); }   /* 6x */
.am-t-mono11-ls04-faint { font-family:var(--am-mono); font-size:11px; letter-spacing:.04em; color:var(--am-faint); }   /* 6x */
.am-t-sans14-lh145-body { font-family:var(--am-sans); font-size:14px; line-height:1.45; color:var(--am-body); }   /* 6x */
.am-t-sans14-lh16-legal { font-family:var(--am-sans); font-size:14px; line-height:1.6; color:var(--am-legal); }   /* 6x */
.am-t-sans26-w800-lsn02-lh1-ink { font-family:var(--am-sans); font-size:26px; font-weight:800; letter-spacing:-.02em; line-height:1; color:var(--am-ink); }   /* 5x */
.am-t-sans13-w600-green { font-family:var(--am-sans); font-size:13px; font-weight:600; color:var(--am-green); }   /* 5x */
.am-t-mono12-ls06-muted { font-family:var(--am-mono); font-size:12px; letter-spacing:.06em; color:var(--am-muted); }   /* 5x */
.am-t-mono10-u-ls1-white { font-family:var(--am-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#fff; }   /* 5x */
.am-t-mono11-u-ls14-sky { font-family:var(--am-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--am-sky); }   /* 5x */
.am-t-sans16-w700-lsn01-silver { font-family:var(--am-sans); font-size:16px; font-weight:700; letter-spacing:-.01em; color:#C7CDD4; }   /* 5x */
.am-t-sans13-w700-body { font-family:var(--am-sans); font-size:13px; font-weight:700; color:var(--am-body); }   /* 5x */
.am-t-sans13-w700-blue { font-family:var(--am-sans); font-size:13px; font-weight:700; color:var(--am-blue); }
.am-t-sans15-w700-blue { font-family:var(--am-sans); font-size:15px; font-weight:700; color:var(--am-blue); }   /* 5x */
.am-t-sans22-w800-lsn02-white { font-family:var(--am-sans); font-size:22px; font-weight:800; letter-spacing:-.02em; color:#FFFFFF; }   /* 5x */
.am-t-sans13-lh145-silver { font-family:var(--am-sans); font-size:13px; line-height:1.45; color:#C7CDD4; }   /* 5x */
.am-t-sans42-w800-lsn025-lh108-ink { font-family:var(--am-sans); font-size:42px; font-weight:800; letter-spacing:-.025em; line-height:1.08; color:var(--am-ink); }   /* 5x */
.am-t-mono11-ls14-sky { font-family:var(--am-mono); font-size:11px; letter-spacing:.14em; color:var(--am-sky); }   /* 5x */
.am-t-sans21-w700-lsn01-white { font-family:var(--am-sans); font-size:21px; font-weight:700; letter-spacing:-.01em; color:#fff; }   /* 5x */
.am-t-sans14-w800-lh1-white { font-family:var(--am-sans); font-size:14px; font-weight:800; line-height:1; color:#fff; }   /* 5x */
.am-t-mono9-ls05-sky { font-family:var(--am-mono); font-size:9px; letter-spacing:.05em; color:var(--am-sky); }   /* 5x */
.am-t-sans56-w800-lsn03-lh104-white { font-family:var(--am-sans); font-size:56px; font-weight:800; letter-spacing:-.03em; line-height:1.04; color:#fff; }   /* 4x */
.am-t-sans38-w800-lsn02-white { font-family:var(--am-sans); font-size:38px; font-weight:800; letter-spacing:-.02em; color:#fff; }   /* 4x */
.am-t-sans18-w600-lsn01-lh14-ink { font-family:var(--am-sans); font-size:18px; font-weight:600; letter-spacing:-.01em; line-height:1.4; color:var(--am-ink); }   /* 4x */
.am-t-sans13-w700-u-ls03-ink { font-family:var(--am-sans); font-size:13px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--am-ink); }   /* 4x */
.am-t-mono12-w600-ls04-body { font-family:var(--am-mono); font-size:12px; font-weight:600; letter-spacing:.04em; color:var(--am-body); }   /* 4x */
.am-t-mono10-ls04-faint { font-family:var(--am-mono); font-size:10px; letter-spacing:.04em; color:var(--am-faint); }   /* 4x */
.am-t-sans19-w700-lsn01-lh12-ink { font-family:var(--am-sans); font-size:19px; font-weight:700; letter-spacing:-.01em; line-height:1.2; color:var(--am-ink); }   /* 4x */
.am-t-sans14-lh165-body { font-family:var(--am-sans); font-size:14px; line-height:1.65; color:var(--am-body); }   /* 4x */
.am-t-sans40-w800-lsn025-lh1-green { font-family:var(--am-sans); font-size:40px; font-weight:800; letter-spacing:-.025em; line-height:1; color:var(--am-green); }   /* 4x */
.am-t-sans34-w800-lsn025-lh1-ink { font-family:var(--am-sans); font-size:34px; font-weight:800; letter-spacing:-.025em; line-height:1; color:var(--am-ink); }   /* 4x */
.am-t-mono10-u-ls08-green { font-family:var(--am-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--am-green); }   /* 4x */
.am-t-mono9-w600-green { font-family:var(--am-mono); font-size:9px; font-weight:600; color:var(--am-green); }   /* 4x */
.am-t-sans18-w800-lsn02-ink { font-family:var(--am-sans); font-size:18px; font-weight:800; letter-spacing:-.02em; color:var(--am-ink); }   /* 4x */
.am-t-mono11-muted { font-family:var(--am-mono); font-size:11px; color:var(--am-muted); }   /* 4x */
.am-t-sans22-w800-lh1-ink { font-family:var(--am-sans); font-size:22px; font-weight:800; line-height:1; color:var(--am-ink); }   /* 4x */
.am-t-sans16-w600-lh135-ink { font-family:var(--am-sans); font-size:16px; font-weight:600; line-height:1.35; color:var(--am-ink); }   /* 4x */
.am-t-sans20-w700-lsn01-lh118-ink { font-family:var(--am-sans); font-size:20px; font-weight:700; letter-spacing:-.01em; line-height:1.18; color:var(--am-ink); }   /* 4x */
.am-t-mono10-muted { font-family:var(--am-mono); font-size:10px; font-weight:400; color:var(--am-muted); }   /* 4x */
.am-t-sans17-w600-lh132-ink { font-family:var(--am-sans); font-size:17px; font-weight:600; line-height:1.32; color:var(--am-ink); }   /* 4x */
.am-t-sans22-w800-lh1-white { font-family:var(--am-sans); font-size:22px; font-weight:800; line-height:1; color:#fff; }   /* 4x */
.am-t-sans16-w600-lh135-white { font-family:var(--am-sans); font-size:16px; font-weight:600; line-height:1.35; color:#fff; }   /* 4x */
.am-t-sans46-w800-lsn02-lh1-cloud { font-family:var(--am-sans); font-size:46px; font-weight:800; letter-spacing:-.02em; line-height:1; color:#D2D9E0; }   /* 4x */
.am-t-mono10-muted { font-family:var(--am-mono); font-size:10px; color:var(--am-muted); }   /* 4x */
.am-t-sans14-w600-light { font-family:var(--am-sans); font-size:14px; font-weight:600; color:var(--am-light); }   /* 4x */
.am-t-mono11-ls12-muted { font-family:var(--am-mono); font-size:11px; letter-spacing:.12em; color:var(--am-muted); }   /* 4x */
.am-t-mono9-w600-u-ls12-blue { font-family:var(--am-mono); font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--am-blue); }   /* 4x */
@media (max-width: 720px) {
  .am-t-sans52-w800-lsn03-lh1-ink, .am-t-sans56-w800-lsn03-lh104-white, .am-t-sans62-w800-lsn03-lh104-white { font-size:33px; line-height:1.08; }
  .am-t-sans38-w800-lsn02-white, .am-t-sans40-w800-lsn025-lh1-green, .am-t-sans42-w800-lsn025-lh108-ink, .am-t-sans46-w800-lsn02-lh1-cloud { font-size:28px; line-height:1.12; }
  .am-t-sans30-w800-lsn02-ink, .am-t-sans30-w800-lsn025-lh1-ink, .am-t-sans34-w800-lsn025-lh1-ink { font-size:23px; line-height:1.2; }
}
@media (max-width: 1024px) {
  .am-cardbody, .am-cardcol, .am-row10, .am-row11, .am-row12, .am-row12-base, .am-row14-plain, .am-row14-sb, .am-row40-end-sb, .am-row72-start, .am-row9 { flex-wrap:wrap; }
}