/* ==========================================================================
   Editorial sections (home, about, contact, text pages, 404). Register: brand-led commerce · Direction: luxury editorial · Motion lens: polish
   Palette commitment: restrained (ivory base, bronze ≈12 %, gold as line only). Colours and fonts are NOT
   defined here: they come from the --arham-<token> variables printed in <head> from the client option.
   ========================================================================== */

/* The display family's italic (the emphasised word of a headline) is not bundled here: WoodMart's local Google fonts load it when the client asks
   (client.json theme.fonts.display_italic_weights, build step 50), so the file belongs to the client's font choice, not to the theme. */

/* ---------- shared atoms ---------- */
.arham-eyebrow {
  margin: 0 0 14px;
  font: 500 12px/1.3 var(--a-sans);
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--a-bronze);
}
.arham-section { padding: var(--a-section) var(--a-gutter); }
.arham-section__head { max-width: 1320px; margin: 0 auto clamp(28px, 4vw, 56px); }
.arham-section__head--center { text-align: center; }
.arham-section__title {
  margin: 0;
  font: 500 clamp(34px, 4.6vw, 64px)/1.02 var(--a-serif);
  letter-spacing: -.005em;
  color: var(--a-graphite);
}
.arham-muted { color: var(--a-ink-soft); }
.arham-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 28px;
  font: 500 13px/1 var(--a-sans);
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--a-bronze);
  transition: background-color .35s var(--a-ease), color .35s var(--a-ease), border-color .35s, box-shadow .35s;
}
.arham-btn--solid { background: var(--a-bronze); color: var(--a-ivory) !important; }
.arham-btn--solid:hover { background: var(--a-bronze-deep); box-shadow: inset 0 0 0 1px var(--a-gold); }
.arham-btn--line { background: transparent; color: var(--a-bronze) !important; }
.arham-btn--line:hover { background: var(--a-bronze); color: var(--a-ivory) !important; }
.arham-btn__arrow { display: inline-block; transition: transform .45s var(--a-ease-out); }
.arham-btn:hover .arham-btn__arrow { transform: translateX(5px); }
/* keyboard focus ring: brand.css (P1-12) */

@media (max-width: 599px) {
  .arham-eyebrow { font-size: 11px; letter-spacing: .2em; }
}


/* ---------- above-the-fold entrance: CSS only (never waits for JavaScript) ---------- */
.arham-enter { animation: arham-rise .8s var(--a-ease-out) both; animation-delay: calc(var(--d, 0) * 110ms + 80ms); }
@keyframes arham-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
/* The headline is the text LCP candidate, and an element at opacity 0 is not one: it starts visible and only moves. */
.arham-hero__title.arham-enter, .arham-page-hero__title.arham-enter { animation-name: arham-rise-t; }
@keyframes arham-rise-t { from { transform: translateY(14px); } to { transform: none; } }

/* ---------- reveal (polish lens: measured, choreographed) ---------- */
.arham-js .arham-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .9s var(--a-ease-out), transform 1.1s var(--a-ease-out);
  transition-delay: calc(var(--d, 0) * 110ms);
}
.arham-js .arham-reveal.is-in { opacity: 1; transform: none; }

/* ---------- [arham_hero] ---------- */
.arham-hero {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--a-ivory);
  border-bottom: 1px solid var(--a-gold-soft);
}
.arham-hero__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  width: 100%;
  max-height: 44vh; /* phone: the image never pushes the buttons below the fold */
  max-height: 44svh;
  background: var(--a-ivory-deep);
  order: -1;
}
.arham-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%;
  transform: scale(1.06);
  animation: arham-settle 2.4s var(--a-ease-out) .1s forwards;
}
.arham-hero__seal {
  position: absolute;
  right: clamp(16px, 3vw, 40px);
  bottom: clamp(16px, 3vw, 40px);
  width: clamp(76px, 8vw, 116px);
  height: auto;
  filter: drop-shadow(0 10px 24px color-mix(in srgb, var(--a-bronze-deep) 35%, transparent));
  animation: arham-seal-in 1.4s var(--a-ease-out) .9s both;
}
.arham-hero__copy {
  padding: clamp(36px, 6vw, 96px) var(--a-gutter) clamp(44px, 6vw, 96px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.arham-hero__title {
  margin: 0 0 22px;
  font: 500 clamp(46px, min(7.2vw, 11.4vh), 112px)/.94 var(--a-serif); /* the viewport height caps the headline on short desktop windows */
  font: 500 clamp(46px, min(7.2vw, 11.4svh), 112px)/.94 var(--a-serif);
  letter-spacing: -.015em;
  color: var(--a-graphite);
  text-wrap: balance;
}
.arham-hero__title em {
  font-style: italic;
  font-weight: 400;
  color: var(--a-bronze);
}
.arham-hero__text {
  max-width: 34em;
  margin: 0 0 32px;
  font: 400 clamp(16px, 1.25vw, 18px)/1.65 var(--a-sans);
  color: var(--a-ink-soft);
}
.arham-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; }
.arham-hero__facts {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: clamp(20px, 3vw, 48px);
  margin: clamp(32px, 4vw, 56px) 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--a-gold-soft);
}
.arham-hero__facts dt { font: 500 clamp(20px, 1.8vw, 26px)/1 var(--a-serif); color: var(--a-graphite); }
.arham-hero__facts dd { margin: 6px 0 0; font: 400 11px/1.2 var(--a-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--arham-text-soft, var(--arham-text)); }

/* the unforgettable thing: moonlight passing over silver */
.arham-sheen {
  position: absolute;
  inset: -20%;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 38%, oklch(99% .01 85 / .0) 42%, oklch(99% .01 85 / .38) 50%, oklch(99% .01 85 / 0) 58%, transparent 62%);
  mix-blend-mode: soft-light;
  transform: translateX(-70%);
  animation: arham-sheen 3.4s var(--a-ease) 1.6s 1 both; /* one pass, then it rests (WCAG 2.2.2: no motion that runs on for ever) */
}
@keyframes arham-sheen { from { transform: translateX(-70%); } to { transform: translateX(70%); } }
@keyframes arham-settle { to { transform: scale(1); } }
@keyframes arham-seal-in { from { opacity: 0; transform: translateY(12px) rotate(-12deg) scale(.9); } to { opacity: 1; transform: none; } }

/* P1-11 · Desktop: the hero is one screen tall (WoodMart's overlapping header sits on its top edge, so the copy starts below it) and the
   photograph is positioned inside its column, so its own proportions no longer stretch the hero past the fold. */
@media (min-width: 900px) {
  .arham-hero {
    --arham-hh: 0px;
    grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
    min-height: min(100vh, 920px);
    min-height: min(100svh, 920px);
  }
  body.wd-header-overlap .arham-hero { --arham-hh: var(--wd-header-general-sm-h, 70px); }
  .arham-hero__media { order: 0; aspect-ratio: auto; max-height: none; }
  .arham-hero__img { position: absolute; inset: 0; }
  .arham-hero__copy {
    padding: calc(var(--arham-hh) + clamp(20px, 4svh, 64px)) clamp(24px, 3vw, 56px) clamp(24px, 4svh, 72px) clamp(32px, 5vw, 96px);
  }
  .arham-hero__ctas .arham-btn { padding: 0 22px; letter-spacing: .15em; }
  .arham-hero__facts { margin-top: clamp(24px, 4svh, 56px); }
}
@media (min-width: 1025px) {
  body.wd-header-overlap .arham-hero { --arham-hh: calc(var(--wd-header-general-h, 90px) + var(--wd-header-bottom-h, 50px)); }
}

/* ---------- [arham_marquee] ----------
   Without JavaScript or under prefers-reduced-motion (no `.arham-js` on <html>, see arham_motion_flag) the ribbon is a still, wrapping,
   centred line and the clone row is hidden. With motion allowed it scrolls, and a visible pause/play button (WCAG 2.2.2) stops it;
   the pointer over the text pauses it too. The button is first in the DOM and sits over the right-hand end of the strip. */
.arham-marquee { position: relative; overflow: hidden; background: var(--a-bronze); color: var(--a-ivory); border-top: 1px solid var(--a-gold-soft); border-bottom: 1px solid var(--a-gold-soft); }
.arham-marquee__track { display: flex; max-width: 100%; }
.arham-marquee ul.arham-marquee__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0; padding: 0 12px; list-style: none; }
.arham-marquee ul.arham-marquee__row[aria-hidden="true"] { display: none; }
.arham-marquee__item { display: flex; align-items: center; margin: 0; padding: 17px 0; font: 500 12px/1 var(--a-sans); letter-spacing: .32em; text-transform: uppercase; white-space: nowrap; color: var(--a-silver); list-style: none; }
.arham-marquee__item::after { content: ""; flex: none; width: 6px; height: 6px; margin: 0 clamp(22px, 3vw, 40px); border-radius: 50%; background: var(--a-gold); }
html:not(.arham-js) .arham-marquee__item:last-child::after { display: none; }
@media (max-width: 599px) { html:not(.arham-js) .arham-marquee__item { padding: 8px 0; letter-spacing: .22em; } html:not(.arham-js) .arham-marquee__item::after { margin: 0 14px; } }
.arham-marquee__toggle { display: none; }
.arham-js .arham-marquee__track { width: max-content; max-width: none; animation: arham-marquee 46s linear infinite; }
.arham-js .arham-marquee ul.arham-marquee__row { flex-wrap: nowrap; justify-content: flex-start; padding: 0; }
.arham-js .arham-marquee ul.arham-marquee__row[aria-hidden="true"] { display: flex; }
.arham-js .arham-marquee__track:hover, .arham-js .arham-marquee__track:focus-within, .arham-js .arham-marquee.is-paused .arham-marquee__track { animation-play-state: paused; }
html.arham-js body .arham-marquee__toggle {
  position: absolute; top: 0; right: 0; bottom: 0; z-index: 2;
  display: flex; align-items: center; justify-content: center;
  width: 56px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-left: 1px solid var(--a-gold-soft); border-radius: 0;
  background: var(--a-bronze); color: var(--a-ivory); box-shadow: -16px 0 14px -4px var(--a-bronze); cursor: pointer;
}
html.arham-js body .arham-marquee__toggle:hover { background: var(--a-bronze-deep); }
.arham-marquee__toggle svg { width: 14px; height: 14px; fill: currentColor; }
.arham-marquee__toggle .is-play, .arham-marquee.is-paused .arham-marquee__toggle .is-pause { display: none; }
.arham-marquee.is-paused .arham-marquee__toggle .is-play { display: block; }
@keyframes arham-marquee { to { transform: translateX(-50%); } }

/* ---------- [arham_categories] ---------- */
.arham-cats { background: var(--a-ivory); }
.arham-cats__grid {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(10px, 1.2vw, 18px);
}
.arham-cat {
  position: relative;
  display: block;
  overflow: hidden;
  color: var(--a-graphite);
  text-decoration: none;
  background: var(--a-ivory-deep);
}
.arham-cat__media { display: block; aspect-ratio: 4 / 5; overflow: hidden; }
.arham-cat__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--a-ease-out); }
.arham-cat:hover .arham-cat__media img { transform: scale(1.045); }
.arham-cat__body {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: clamp(14px, 2vw, 26px);
  background: linear-gradient(to top, color-mix(in srgb, var(--a-ivory) 94%, transparent), color-mix(in srgb, var(--a-ivory) 0%, transparent));
}
.arham-cat__name { font: 500 clamp(22px, 2.4vw, 34px)/1 var(--a-serif); }
.arham-cat__meta { font: 400 11px/1 var(--a-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--a-ink-soft); white-space: nowrap; }
.arham-cat__meta span { display: inline-block; transition: transform .45s var(--a-ease-out); }
.arham-cat:hover .arham-cat__meta span { transform: translateX(4px); }
/* P1-9 · A narrow tile (two-up on a phone, four-up on a small desktop) stacks the count under the name instead of squeezing both onto one line. */
.arham-cat { container-type: inline-size; }
@container (max-width: 299px) {
  .arham-cat__body { flex-direction: column; align-items: flex-start; gap: 8px; }
  .arham-cat__meta { white-space: normal; }
}
.arham-cats--bento .arham-cat:first-child { grid-column: span 2; }
.arham-cats--bento .arham-cat:first-child .arham-cat__media { aspect-ratio: 16 / 11; }
@media (min-width: 900px) {
  .arham-cats--bento .arham-cats__grid { grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: auto auto; }
  .arham-cats--bento .arham-cat:first-child { grid-column: 1; grid-row: span 2; }
  .arham-cats--bento .arham-cat:first-child .arham-cat__media { aspect-ratio: auto; height: 100%; }
  .arham-cats--bento .arham-cat:first-child .arham-cat__name { font-size: clamp(34px, 3.6vw, 56px); }
  .arham-cats--grid .arham-cats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ---------- [arham_promise] ---------- */
.arham-promise { background: var(--a-paper); border-top: 1px solid var(--a-gold-soft); border-bottom: 1px solid var(--a-gold-soft); }
.arham-promise__grid { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 0; }
.arham-pillar { padding: clamp(28px, 3vw, 44px) clamp(8px, 2vw, 40px); text-align: center; }
.arham-pillar + .arham-pillar { border-top: 1px solid var(--a-gold-soft); }
.arham-pillar__figure { margin: 0 0 14px; font: 400 clamp(56px, 6.5vw, 96px)/1 var(--a-serif); color: var(--a-bronze); font-variant-numeric: lining-nums tabular-nums; }
.arham-pillar__figure small { font-size: .42em; margin-left: .08em; }
/* P1-7 · A figure is a mark, not a statistic: it never counts. After its pillar has lifted into place the figure itself settles in, slower and quieter. */
.arham-js .arham-reveal .arham-pillar__figure {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 1.5s var(--a-ease-out), transform 1.7s var(--a-ease-out);
  transition-delay: calc(var(--d, 0) * 110ms + 260ms);
}
.arham-js .arham-reveal.is-in .arham-pillar__figure { opacity: 1; transform: none; }
.arham-pillar__title { margin: 0 0 10px; font: 500 13px/1.3 var(--a-sans); letter-spacing: .24em; text-transform: uppercase; color: var(--a-graphite); }
.arham-pillar__text { max-width: 26em; margin: 0 auto; font: 400 15px/1.65 var(--a-sans); color: var(--a-ink-soft); }
@media (min-width: 900px) {
  .arham-promise__grid { grid-template-columns: repeat(3, 1fr); }
  .arham-pillar + .arham-pillar { border-top: 0; border-left: 1px solid var(--a-gold-soft); }
}

/* ---------- [arham_certify] ---------- */
.arham-certify {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  gap: clamp(36px, 5vw, 80px);
  align-items: center;
}
.arham-steps { list-style: none; margin: clamp(28px, 3vw, 44px) 0 0; padding: 0; counter-reset: s; }
.arham-step { display: grid; grid-template-columns: 56px 1fr; column-gap: 18px; padding: 22px 0; border-top: 1px solid var(--a-gold-soft); }
.arham-step:last-child { border-bottom: 1px solid var(--a-gold-soft); }
.arham-step__n { grid-row: span 2; font: 400 34px/1 var(--a-serif); color: var(--a-bronze); }
.arham-step__title { margin: 0 0 6px; font: 500 24px/1.1 var(--a-serif); color: var(--a-graphite); }
.arham-step__text { margin: 0; font: 400 15px/1.65 var(--a-sans); color: var(--a-ink-soft); max-width: 36em; }
.arham-certify__card { display: flex; justify-content: center; }
.arham-certify__card .arham-cert { --cert-w: 380px; transform: rotate(-2deg); }
@media (min-width: 900px) { .arham-certify { grid-template-columns: 1.15fr .85fr; } }

/* ---------- [arham_page_hero] ---------- */
.arham-page-hero {
  display: grid;
  background: var(--a-ivory);
  border-bottom: 1px solid var(--a-gold-soft);
}
.arham-page-hero__copy { padding: clamp(48px, 8vw, 128px) var(--a-gutter) clamp(36px, 5vw, 72px); max-width: 1320px; margin: 0 auto; width: 100%; }
.arham-page-hero__title { margin: 0 0 18px; font: 500 clamp(48px, 7vw, 104px)/.95 var(--a-serif); letter-spacing: -.012em; color: var(--a-graphite); }
.arham-page-hero__title em { font-style: italic; font-weight: 400; color: var(--a-bronze); }
.arham-page-hero__text { max-width: 38em; margin: 0; font: 400 clamp(16px, 1.3vw, 19px)/1.65 var(--a-sans); color: var(--a-ink-soft); }
.arham-page-hero__media { position: relative; margin: 0; overflow: hidden; aspect-ratio: 16 / 9; }
.arham-page-hero__media img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 900px) {
  .arham-page-hero.has-media { grid-template-columns: 1fr 1fr; }
  .arham-page-hero.has-media .arham-page-hero__copy { display: flex; flex-direction: column; justify-content: flex-end; margin: 0; padding-left: clamp(32px, 5vw, 96px); }
  .arham-page-hero.has-media .arham-page-hero__media { aspect-ratio: auto; min-height: 560px; }
}

/* ---------- [arham_story] ---------- */
.arham-story { display: grid; gap: clamp(56px, 8vw, 128px); max-width: 1320px; margin: 0 auto; }
.arham-chapter { display: grid; gap: clamp(24px, 4vw, 72px); align-items: center; }
.arham-chapter__media { margin: 0; overflow: hidden; aspect-ratio: 4 / 5; background: var(--a-ivory-deep); }
.arham-chapter__media img { width: 100%; height: 100%; object-fit: cover; }
.arham-chapter__text { margin: 22px 0 0; max-width: 32em; font: 400 17px/1.75 var(--a-sans); color: var(--a-ink-soft); }
@media (min-width: 900px) {
  .arham-chapter { grid-template-columns: 5fr 6fr; }
  .arham-chapter.is-flipped { grid-template-columns: 6fr 5fr; }
  .arham-chapter.is-flipped .arham-chapter__media { order: 2; }
}

/* ---------- [arham_showroom] ---------- */
.arham-showroom { max-width: 1320px; margin: 0 auto; display: grid; gap: clamp(20px, 3vw, 40px); align-items: stretch; }
.arham-showroom__card { padding: clamp(32px, 4vw, 64px); background: var(--a-bronze); color: var(--a-ivory); }
.arham-showroom__card .arham-eyebrow { color: var(--a-silver); }
.arham-showroom__card .arham-section__title { color: var(--a-ivory); }
.arham-showroom__address { margin: 26px 0 12px; font: 400 clamp(20px, 1.8vw, 26px)/1.4 var(--a-serif); font-style: normal; }
.arham-showroom__hours { margin: 0 0 30px; font: 400 14px/1.5 var(--a-sans); letter-spacing: .08em; color: var(--a-silver); }
.arham-showroom__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.arham-showroom__card .arham-btn--solid { background: var(--a-ivory); color: var(--a-bronze) !important; border-color: var(--a-ivory); }
.arham-showroom__card .arham-btn--line { color: var(--a-ivory) !important; border-color: color-mix(in srgb, var(--a-ivory) 50%, transparent); }
.arham-showroom__card .arham-btn--line:hover { background: var(--a-ivory); color: var(--a-bronze) !important; }
.arham-showroom__card .arham-link { color: var(--a-ivory); margin-left: 8px; }
.arham-showroom__map { min-height: 340px; background: var(--a-ivory-deep); filter: grayscale(1) sepia(.18) contrast(.95); }
.arham-showroom__map iframe { width: 100%; height: 100%; min-height: 340px; border: 0; display: block; }
.arham-showroom__media { position: relative; margin: 0; overflow: hidden; min-height: 340px; background: var(--a-ivory-deep); }
.arham-showroom__media img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.arham-showroom__media figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 22px; background: linear-gradient(to top, color-mix(in srgb, var(--a-ivory) 95%, transparent), color-mix(in srgb, var(--a-ivory) 0%, transparent)); }
@media (min-width: 900px) { .arham-showroom { grid-template-columns: 5fr 7fr; } }
.arham-showroom:has(> .arham-showroom__card:only-child) { grid-template-columns: 1fr; }

/* ---------- [arham_contact] ---------- */
.arham-contact { max-width: 1320px; margin: 0 auto; display: grid; gap: clamp(36px, 5vw, 80px); }
.arham-contact__info { display: grid; gap: 34px; align-content: start; }
.arham-contact__big { margin: 0; font: 500 clamp(24px, 2.4vw, 34px)/1.2 var(--a-serif); }
.arham-contact__big a { color: var(--a-graphite); text-decoration: none; }
.arham-contact address { font-style: normal; font: 400 17px/1.6 var(--a-sans); color: var(--a-graphite); }
.arham-contact__form .arham-section__title { margin-bottom: 24px; font-size: clamp(30px, 3vw, 44px); }
.arham-form input:not([type=submit]), .arham-form textarea {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--a-silver-ink);
  border-radius: 0;
  padding: 12px 0;
  font: 400 16px/1.4 var(--a-sans);
  color: var(--a-graphite);
}
.arham-form input:focus, .arham-form textarea:focus { border-bottom-color: var(--a-bronze); box-shadow: 0 1px 0 0 var(--a-bronze); }
.arham-form :is(input, textarea).wpcf7-not-valid { border-bottom-color: var(--a-bronze-deep); box-shadow: 0 1px 0 0 var(--a-bronze-deep); }
.arham-form input:focus:not(:focus-visible), .arham-form textarea:focus:not(:focus-visible) { outline: none; } /* keyboard users keep the brand ring (brand.css) */
.arham-form input[type=submit] { min-height: 52px; padding: 0 32px; background: var(--a-bronze); color: var(--a-ivory); border: 0; font: 500 13px/1 var(--a-sans); letter-spacing: .2em; text-transform: uppercase; cursor: pointer; }
.arham-form label { font: 500 11px/1 var(--a-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--a-ink-soft); }
@media (min-width: 900px) { .arham-contact { grid-template-columns: 5fr 7fr; } }

/* ---------- motion safety ---------- */
@media (prefers-reduced-motion: reduce) {
  .arham-sheen, .arham-marquee__track, .arham-hero__img, .arham-hero__seal { animation: none !important; }
  .arham-sheen { display: none; }
  .arham-hero__img { transform: none; }
  .arham-marquee__track { transform: none; }
  .arham-js .arham-marquee__track { width: auto; max-width: 100%; }
  .arham-js .arham-marquee ul.arham-marquee__row { flex-wrap: wrap; justify-content: center; padding: 0 12px; }
  .arham-js .arham-marquee ul.arham-marquee__row[aria-hidden="true"], html.arham-js body .arham-marquee__toggle { display: none; }
  .arham-js .arham-reveal { opacity: 1; transform: none; transition: none; }
  .arham-js .arham-reveal .arham-pillar__figure { opacity: 1; transform: none; transition: none; }
  .arham-enter { animation: none; }
}

/* ---------- text pages (FAQ, policies) ---------- */
.arham-prose { max-width: 760px; margin: 0 auto; padding: clamp(40px, 7vw, 112px) 0 clamp(56px, 8vw, 120px); }
.arham-prose__head { padding-bottom: 28px; margin-bottom: 36px; border-bottom: 1px solid var(--a-gold-soft); }
.arham-prose__title { margin: 0 0 14px; font: 500 clamp(44px, 6vw, 84px)/.98 var(--a-serif); letter-spacing: -.01em; color: var(--a-graphite); }
.arham-prose__meta { margin: 0; font: 400 12px/1.4 var(--a-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--a-ink-soft); }
.arham-prose__note { display: inline-block; margin: 14px 0 0; padding: 6px 12px; font: 400 13px/1.4 var(--a-sans); color: var(--a-bronze); border: 1px dashed var(--a-gold-soft); }
.arham-prose__body { font: 400 17px/1.8 var(--a-sans); color: var(--a-ink-soft); }
.arham-prose__body h2 { margin: 48px 0 14px; font: 500 clamp(30px, 3vw, 40px)/1.1 var(--a-serif); color: var(--a-graphite); }
.arham-prose__body h3 { margin: 38px 0 10px; font: 500 26px/1.2 var(--a-serif); color: var(--a-graphite); }
.arham-prose__body h4, .arham-prose__body h3.arham-faq-q { margin: 26px 0 6px; font: 500 15px/1.4 var(--a-sans); letter-spacing: .04em; color: var(--a-graphite); }
.arham-prose__body ul { padding-left: 0; list-style: none; }
.arham-prose__body li { position: relative; padding-left: 26px; margin: 8px 0; }
.arham-prose__body li::before { content: ""; position: absolute; left: 2px; top: .9em; width: 12px; height: 1px; background: var(--a-gold); }
.arham-prose__body a { color: var(--a-bronze); }
.arham-prose__body strong { color: var(--a-graphite); font-weight: 500; }

/* ---------- 404 (inc/not-found.php): the kit's section classes, plus the search, category pills and contact line ---------- */
.arham-notfound .arham-page-hero__copy { padding-bottom: clamp(20px, 3vw, 40px); }
.arham-notfound__find { display: grid; gap: clamp(32px, 4vw, 56px); max-width: 1320px; margin: 0 auto; padding-top: clamp(28px, 3vw, 44px); }
.arham-notfound__search { max-width: 640px; }
.arham-notfound__search .wd-search-form { margin-top: 4px; }
.arham-notfound__cats { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.arham-notfound__cats li { margin: 0; }
.arham-notfound__cats a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px;
  font: 500 12px/1 var(--a-sans); letter-spacing: .14em; text-transform: uppercase; text-decoration: none;
  color: var(--a-graphite); border: 1px solid var(--a-gold-soft);
  transition: background-color .3s var(--a-ease), color .3s var(--a-ease), border-color .3s;
}
.arham-notfound__cats a:hover { background: var(--a-bronze); border-color: var(--a-bronze); color: var(--a-ivory); }
.arham-notfound__contact { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 0 0 8px; font: 500 clamp(22px, 2.2vw, 30px)/1.3 var(--a-serif); }
.arham-notfound__help .arham-muted { margin: 0; font-size: 15px; }