/* Homepage refinement, layered after V8. The accepted intro and hero are untouched. */
body.home .arx-main{--arx-v9-gold:#d9be82;--arx-v9-ink:#11110f;--arx-v9-line:rgba(189,156,83,.3)}
@media(min-width:1200px){html body.home .arx-main{padding-left:44px!important;padding-right:44px!important}}
body.home .arx-home-section{padding-block:58px}
body.home .arx-home-section>h2,body.home .arx-section-heading h2,body.home .arx-home-callout h2{
 font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.3vw,44px);font-weight:400;line-height:1.18;letter-spacing:-.025em;color:#efe3c8;text-wrap:balance
}
body.home .arx-home-section>.arx-eyebrow,body.home .arx-section-heading .arx-eyebrow{font-size:11px;letter-spacing:.18em;color:#c6ab70;margin-bottom:18px}
body.home .arx-home-section .arx-card{min-width:0;overflow-wrap:anywhere}
body.home .arx-home-section .arx-card h3{font-weight:400;line-height:1.3}
body.home .arx-home-section a:focus-visible{outline:2px solid #efd9a2;outline-offset:4px}

/* The audience section becomes an editorial split, breaking up the card grids. */
body.home .arx-home-audience-v9{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:54px;align-items:start}
body.home .arx-home-audience-v9>.arx-eyebrow{grid-column:1;margin-top:10px}
body.home .arx-home-audience-v9>h2{grid-column:1;margin:0;text-wrap:balance}
body.home .arx-home-audience-v9>.arx-feature-grid{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:1fr;gap:0;margin:0;border-top:1px solid var(--arx-v9-line)}
body.home .arx-home-audience-v9 .arx-feature-grid>.arx-card{grid-column:auto!important;padding:24px 0 26px;border:0;border-bottom:1px solid var(--arx-v9-line);border-radius:0;background:transparent;box-shadow:none}
body.home .arx-home-audience-v9 .arx-card::after{display:none}
body.home .arx-home-audience-v9 .arx-card h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;color:#ddc996;margin:0 0 12px}
body.home .arx-home-audience-v9 .arx-card p{font-size:15px;line-height:1.8;margin:0 0 10px}
body.home .arx-home-audience-v9 .arx-card>a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;text-underline-offset:5px}

/* A quiet partner panel follows the more visual sections. */
body.home .arx-home-callout{margin-block:28px;background:#12120f;border-color:var(--arx-v9-line);padding:42px}
body.home .arx-home-callout::after{content:none;animation:none}
body.home .arx-home-callout p{max-width:620px;line-height:1.8}
body.home .arx-home-callout h2{max-width:650px}
body.home .arx-home-callout .arx-button{min-height:46px;display:inline-flex;align-items:center;white-space:normal}

/* The final invitation has its own Art Deco frame, away from the page artwork. */
body.home .arx-home-closing{position:relative;isolation:isolate;margin:30px 0 24px;padding:74px 64px;text-align:center;background:#10100e;border:1px solid var(--arx-v9-line);border-radius:4px}
body.home .arx-home-closing::after{content:none}
body.home .arx-home-closing>h2{max-width:620px;margin:0 auto 22px;padding:0;font-size:clamp(35px,4vw,52px);line-height:1.14}
body.home .arx-home-closing>h2::after{content:none}
body.home .arx-home-closing h2 em{font-weight:400;color:#d8bd7f}
body.home .arx-home-closing>p:not(.arx-eyebrow){max-width:550px;margin:0 auto 30px;font-size:16px;line-height:1.8;color:#c8c5ba}
body.home .arx-home-closing-art{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);pointer-events:none;z-index:-1;overflow:visible;color:#b49554}
body.home .arx-home-closing-art path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.65}
body.home .arx-closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
body.home .arx-closing-actions .arx-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 23px;white-space:normal;line-height:1.4;gap:14px;max-width:100%;border:1px solid #b3985f;background:#dcc58e;color:#17150f}
body.home .arx-closing-actions .arx-button-secondary{background:transparent;color:#dfcd9f;border-color:#887447}
body.home .arx-closing-actions .arx-button:hover{background:#ead6a6;color:#15130e;border-color:#ead6a6}
body.home .arx-closing-actions .arx-button-secondary:hover{background:#1d1b14;color:#f0dfb8}
body.home .arx-closing-actions a span{transition:transform .3s ease}
body.home .arx-closing-actions a:is(:hover,:focus-visible) span{transform:translate(3px,-3px)}

@media(prefers-reduced-motion:no-preference){
 body.home .arx-home-skills-v9 .arx-skill-card{transition:scale .38s cubic-bezier(.2,.65,.3,1),border-color .3s ease,background-color .3s ease}
 html.arx-home-ready:not(.arx-intro-active) body.home .arx-home-closing.arx-motion-enter .arx-home-closing-art path{stroke-dasharray:1;animation:arx-v9-close-frame 1.6s .1s ease-out backwards}
 html.arx-home-ready:not(.arx-intro-active) body.home .arx-home-closing.arx-motion-enter>h2{animation:arx-v9-close-copy .85s .15s ease-out backwards}
 html.arx-home-ready:not(.arx-intro-active) body.home .arx-home-closing.arx-motion-enter>p:not(.arx-eyebrow){animation:arx-v9-close-copy .85s .25s ease-out backwards}
 html.arx-home-ready:not(.arx-intro-active) body.home .arx-home-closing.arx-motion-enter .arx-closing-actions{animation:arx-v9-close-copy .85s .38s ease-out backwards}
 body.home .arx-home-closing:focus-within *{animation:none!important;opacity:1!important}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.home .arx-home-skills-v9 .arx-skill-card:hover{scale:1.018;z-index:3;border-color:#c5a867;background-color:#17160f}
}
@keyframes arx-v9-close-frame{from{stroke-dashoffset:1;opacity:.15}to{stroke-dashoffset:0;opacity:.65}}
@keyframes arx-v9-close-copy{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1099px){body.home .arx-home-audience-v9{column-gap:30px}}
@media(max-width:850px){
 body.home .arx-home-section{padding-block:40px}
 body.home .arx-home-audience-v9{display:block}
 body.home .arx-home-audience-v9>.arx-feature-grid{margin-top:28px}
 body.home .arx-home-closing{padding:55px 32px}
 body.home .arx-home-callout{padding:30px}
}
@media(max-width:480px){
 body.home .arx-home-section>h2,body.home .arx-section-heading h2{font-size:30px}
 body.home .arx-home-closing{padding:46px 24px}
 body.home .arx-home-closing-art{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
 body.home .arx-closing-actions{flex-direction:column}
 body.home .arx-closing-actions .arx-button{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){
 body.home .arx-home-skills-v9 .arx-skill-card{scale:1!important;transition:none!important}
 body.home .arx-home-closing *,body.home .arx-home-closing-art path{animation:none!important;transition:none!important;transform:none!important}
}
@media print{body.home .arx-home-closing *{animation:none!important;opacity:1!important;transform:none!important}}


/* Community work: a rotating editorial showcase, with native media left intact. */
body.home .arx-community-work {
  padding-block: clamp(36px, 5vw, 62px);
  border-top-color: #b39a5f38;
  border-bottom-color: #b39a5f38;
}
body.home .arx-community-work .arx-section-heading {
  gap: 16px 28px;
  align-items: end;
}
body.home .arx-community-work .arx-section-heading > div { min-width: 0; }
body.home .arx-community-work .arx-section-heading > a {
  flex-shrink: 0;
  max-width: 100%;
  color: #dcc78f;
  text-underline-offset: 5px;
}
body.home .arx-community-work .arx-section-heading h2 {
  font-size: clamp(29px, 3.2vw, 39px);
  line-height: 1.15;
  text-wrap: balance;
}
body.home .arx-community-work .arx-community-intro {
  max-width: 620px;
  margin-bottom: 28px;
  color: #bfbcb3;
  line-height: 1.8;
}
body.home .arx-community-work .arx-community-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
  isolation: isolate;
}
body.home .arx-community-work .arx-community-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
  background: #11110f;
  border: 1px solid #806c434f;
  border-radius: 4px;
  overflow: hidden;
  transform-origin: center;
  transition: transform .38s cubic-bezier(.2,.65,.3,1), border-color .3s, box-shadow .38s;
}
/* These two details belong to each frame; neither crosses into the grid gaps. */
body.home .arx-community-work .arx-community-card::before,
body.home .arx-community-work .arx-community-card::after {
  content: '';
  position: absolute;
  inset: auto;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 0;
  background: none;
  opacity: .68;
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity .3s;
}
body.home .arx-community-work .arx-community-card::before {
  top: 0;
  left: 0;
  border-top: 1px solid #e1c583;
  border-left: 1px solid #e1c583;
  transform-origin: top left;
}
body.home .arx-community-work .arx-community-card::after {
  right: 0;
  bottom: 0;
  border-right: 1px solid #e1c583;
  border-bottom: 1px solid #e1c583;
  transform-origin: bottom right;
}
body.home .arx-community-work .arx-community-media {
  display: block;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: 520px;
  background: #080808;
  border-bottom: 1px solid #ab8e4933;
  overflow: hidden;
}
body.home .arx-community-work .arx-community-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  transform: none;
  transition: none;
}
/* Card zoom is the only hover scale. Native playback controls never receive an overlay. */
body.home .arx-community-work .arx-community-media:hover img { transform: none; }
body.home .arx-community-work .arx-community-player > video,
body.home .arx-community-work .arx-community-player iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: 100%;
  object-fit: contain;
  background: #080808;
  border: 0;
  transform: none;
}
body.home .arx-community-work .arx-community-player .arx-youtube-video,
body.home .arx-community-work .arx-community-player .arx-youtube-player {
  height: 100%;
  min-height: 0;
  background: #10100e;
}
body.home .arx-community-work .arx-community-player .arx-youtube-player button {
  min-height: 44px;
  max-width: calc(100% - 32px);
  white-space: normal;
  overflow-wrap: anywhere;
}
body.home .arx-community-work .arx-community-audio {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
  padding: 24px 16px;
  box-sizing: border-box;
  min-height: 160px;
  background: #13120e;
}
body.home .arx-community-work .arx-community-audio audio {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
body.home .arx-community-work .arx-community-media-label {
  background: #13120e;
  min-height: 150px;
}
body.home .arx-community-work .arx-community-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: 21px 23px 18px;
}
body.home .arx-community-work .arx-community-body h3 {
  margin: 0 0 9px;
  font: 400 21px / 1.3 Georgia, 'Times New Roman', serif;
  color: #f0e6cf;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
body.home .arx-community-work .arx-community-creator {
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.6;
  color: #d8bd7e;
  overflow-wrap: anywhere;
}
body.home .arx-community-work .arx-community-role {
  margin: 0 0 15px;
  color: #b4b0a6;
  font-size: 12px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
body.home .arx-community-work .arx-community-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  min-height: 44px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #a88d4933;
  color: #e2cf9e;
  font-size: 12px;
  overflow-wrap: anywhere;
}
body.home .arx-community-work .arx-community-note {
  margin-top: 20px;
  padding-left: 15px;
  border-left: 1px solid #b79a59;
  color: #aaa497;
  font-size: 12px;
  line-height: 1.7;
}
body.home .arx-community-work :is(a, button, video, audio):focus-visible {
  outline: 2px solid #f0d59a;
  outline-offset: 3px;
}
body.home .arx-community-work .arx-community-media:focus-visible,
body.home .arx-community-work .arx-community-player video:focus-visible {
  outline-offset: -4px;
}
body.home .arx-community-work .arx-community-card:focus-within {
  z-index: 3;
  border-color: #cfb477;
  transform: none;
  animation: none !important;
}
body.home .arx-community-work .arx-community-card:focus-within::before,
body.home .arx-community-work .arx-community-card:focus-within::after { opacity: 1; }

@media (min-width: 650px) {
  body.home .arx-community-work .arx-community-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* Three cards get a full-width lead at medium sizes; two keep balanced columns. */
  body.home .arx-community-work .arx-community-card:first-child:nth-last-child(3) {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  }
  body.home .arx-community-work .arx-community-card:first-child:nth-last-child(3) .arx-community-media {
    height: 100%;
    min-height: 280px;
    aspect-ratio: auto;
    border-bottom: 0;
    border-right: 1px solid #ab8e4933;
  }
  body.home .arx-community-work .arx-community-card:only-child {
    grid-column: 1 / -1;
    max-width: 720px;
    width: 100%;
    justify-self: center;
  }
}
@media (min-width: 1100px) {
  body.home .arx-community-work .arx-community-grid:has(> .arx-community-card:nth-child(3):last-child) {
    grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
  body.home .arx-community-work .arx-community-card:first-child:nth-last-child(3) {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    flex-direction: column;
  }
  body.home .arx-community-work .arx-community-card:first-child:nth-last-child(3) .arx-community-media {
    flex: 1 1 auto;
    height: auto;
    min-height: 340px;
    max-height: 520px;
    border-right: 0;
    border-bottom: 1px solid #ab8e4933;
  }
  body.home .arx-community-work .arx-community-card:first-child:nth-last-child(3) .arx-community-body {
    flex: 1 1 auto;
    padding: 26px 28px 22px;
  }
  body.home .arx-community-work .arx-community-card:first-child:nth-last-child(3) .arx-community-body h3 {
    font-size: clamp(25px, 2.4vw, 34px);
    margin-bottom: 12px;
  }
  body.home .arx-community-work .arx-community-card:nth-child(2):nth-last-child(2),
  body.home .arx-community-work .arx-community-card:nth-child(3):last-child { grid-column: 2; }
  body.home .arx-community-work .arx-community-card:nth-child(2):nth-last-child(2) .arx-community-media,
  body.home .arx-community-work .arx-community-card:nth-child(3):last-child .arx-community-media {
    aspect-ratio: 2 / 1;
    min-height: 160px;
    max-height: 240px;
  }
  body.home .arx-community-work .arx-community-card:nth-child(2):nth-last-child(2) .arx-community-body,
  body.home .arx-community-work .arx-community-card:nth-child(3):last-child .arx-community-body { padding: 16px 20px 14px; }
  body.home .arx-community-work .arx-community-card:nth-child(2):nth-last-child(2) .arx-community-body h3,
  body.home .arx-community-work .arx-community-card:nth-child(3):last-child .arx-community-body h3 {
    font-size: 19px;
    margin-bottom: 6px;
  }
  body.home .arx-community-work .arx-community-card:nth-child(2):nth-last-child(2) .arx-community-role,
  body.home .arx-community-work .arx-community-card:nth-child(3):last-child .arx-community-role { margin-bottom: 11px; }
}
@media (max-width: 649px) {
  body.home .arx-community-work .arx-section-heading {
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }
  body.home .arx-community-work .arx-community-intro { margin-bottom: 22px; }
  body.home .arx-community-work .arx-community-body { padding: 20px; }
  body.home .arx-community-work .arx-community-media { max-height: 390px; }
}
@media (prefers-reduced-motion: no-preference) {
  body.home .arx-community-work .arx-community-card.arx-motion-enter {
    animation: arx-showcase-frame-in .75s cubic-bezier(.2,.65,.3,1) backwards;
    animation-delay: var(--arx-motion-delay, 0ms);
  }
  body.home .arx-community-work .arx-community-card.arx-motion-enter::before,
  body.home .arx-community-work .arx-community-card.arx-motion-enter::after {
    animation: arx-showcase-corner-in 1.15s cubic-bezier(.2,.65,.3,1) backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 80ms);
  }
  body.home .arx-community-work .arx-community-card.arx-motion-enter::after {
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 240ms);
  }
  body.home .arx-community-work .arx-community-card.arx-motion-enter .arx-community-media img {
    animation: arx-showcase-image-in 1.1s cubic-bezier(.2,.65,.3,1) backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 80ms);
  }
  body.home .arx-community-work .arx-community-card.arx-motion-enter .arx-community-body > * {
    animation: arx-showcase-caption-in .7s ease-out backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 210ms);
  }
  body.home .arx-community-work .arx-community-card.arx-motion-enter .arx-community-open {
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 310ms);
  }
  body.home .arx-community-work .arx-community-card:focus-within *,
  body.home .arx-community-work .arx-community-card:focus-within::before,
  body.home .arx-community-work .arx-community-card:focus-within::after { animation: none !important; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.home .arx-community-work .arx-community-card:hover {
    z-index: 2;
    transform: scale(1.015);
    border-color: #bea26499;
    box-shadow: 0 14px 34px #0005;
  }
  /* Keyboard focus and active playback controls stay perfectly steady. */
  body.home .arx-community-work .arx-community-card:focus-within { transform: none; }
  body.home .arx-community-work .arx-community-card:hover::before,
  body.home .arx-community-work .arx-community-card:hover::after { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  body.home .arx-community-work .arx-community-card,
  body.home .arx-community-work .arx-community-card *,
  body.home .arx-community-work .arx-community-card::before,
  body.home .arx-community-work .arx-community-card::after {
    animation: none !important;
    transition: none !important;
  }
  body.home .arx-community-work .arx-community-card,
  body.home .arx-community-work .arx-community-media img { transform: none !important; }
}
@keyframes arx-showcase-frame-in {
  from { opacity: .5; }
  to { opacity: 1; }
}
@keyframes arx-showcase-corner-in {
  from { transform: scale(.2); opacity: .15; }
  to { transform: scale(1); opacity: .68; }
}
@keyframes arx-showcase-image-in {
  from { opacity: .4; transform: scale(1.025); }
  to { opacity: 1; transform: none; }
}
@keyframes arx-showcase-caption-in {
  from { opacity: .4; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}


/* Each discipline has its own static, accessible-by-description illustration.
   The existing card observer owns replay; no observer or perpetual loop here. */
body.home .arx-home-skills-v9 .arx-skill-link::before {
  content: none;
  display: none;
}
body.home .arx-home-skills-v9 .arx-skill-art {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 28 / 13;
  max-height: 148px;
  margin: 0 0 22px;
  color: #d1b779;
  pointer-events: none;
}
body.home .arx-home-skills-v9 .arx-skill-art svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-frame {
  stroke: #8b7446;
  stroke-width: .85;
  opacity: .42;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-ground {
  stroke: #8b7446;
  stroke-width: .8;
  opacity: .24;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-fine {
  stroke: #a9915b;
  stroke-width: 1;
  opacity: .58;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-secondary {
  stroke: #9e8756;
  stroke-width: 1.1;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-surface {
  fill: #13130f;
  stroke: none;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-surface-shade {
  fill: #1e1c14;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-accent-fill {
  fill: #b29962;
  stroke: none;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-stroke {
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
}
body.home .arx-home-skills-v9 .arx-skill-art .arx-skill-piece {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: no-preference) {
  body.home .arx-home-skills-v9 .arx-card.arx-motion-enter .arx-skill-stroke {
    animation: arx-home-v9-art-line 1s cubic-bezier(.25,.6,.3,1) backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 30ms);
  }
  body.home .arx-home-skills-v9 .arx-card.arx-motion-enter .arx-skill-beat-b {
    animation-duration: .95s;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 140ms);
  }
  body.home .arx-home-skills-v9 .arx-card.arx-motion-enter .arx-skill-beat-c {
    animation-duration: .9s;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 260ms);
  }
  body.home .arx-home-skills-v9 .arx-card.arx-motion-enter .arx-skill-piece-a {
    animation: arx-home-v9-art-assemble .95s cubic-bezier(.2,.65,.3,1) backwards;
    animation-delay: var(--arx-motion-delay, 0ms);
  }
  body.home .arx-home-skills-v9 .arx-card.arx-motion-enter .arx-skill-piece-b {
    animation: arx-home-v9-art-assemble .95s cubic-bezier(.2,.65,.3,1) backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 180ms);
  }
}
@keyframes arx-home-v9-art-line {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}
@keyframes arx-home-v9-art-assemble {
  from { opacity: .24; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}
/* Focus is always stable; the final picture is also the no-JS fallback. */
body.home .arx-home-skills-v9 .arx-card:focus-within .arx-skill-art *,
body.home .arx-home-skills-v9 .arx-card.arx-motion-settled .arx-skill-art * {
  animation: none !important;
  transition: none !important;
  stroke-dashoffset: 0;
}
body.home .arx-home-skills-v9 .arx-card:focus-within .arx-skill-piece {
  opacity: 1;
  transform: none;
}
@media (max-width: 600px) {
  body.home .arx-home-skills-v9 .arx-skill-art {
    max-height: 138px;
    margin-bottom: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.home .arx-home-skills-v9 .arx-skill-art * {
    animation: none !important;
    transition: none !important;
    stroke-dashoffset: 0 !important;
  }
  body.home .arx-home-skills-v9 .arx-skill-piece {
    opacity: 1 !important;
    transform: none !important;
  }
}


/* Homepage v9: three editorial process panels, each contained in its own card. */
body.home .arx-home-process-v9 .arx-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 22px;
  padding-top: 12px;
}
body.home .arx-home-process-v9 .arx-grid::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}
body.home .arx-home-process-v9 .arx-process-step {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 26px 24px 28px;
  text-align: left;
  background: #121212;
  border-color: #b8995a40;
}
body.home .arx-home-process-v9 .arx-step-number {
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d2b575;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 29px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: .04em;
  transform: none;
}
body.home .arx-home-process-v9 .arx-step-number::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #bc9b5838;
}
body.home .arx-home-process-v9 .arx-process-art {
  width: calc(100% + 16px);
  max-width: none;
  margin: 12px -8px 24px;
  color: #b4985f;
  pointer-events: none;
  user-select: none;
}
body.home .arx-home-process-v9 .arx-process-art svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
body.home .arx-home-process-v9 .arx-process-quiet {
  color: #b4985f;
  stroke: #6f603e;
  opacity: .6;
}
body.home .arx-home-process-v9 .arx-process-step h3 {
  margin: 0 0 12px;
  font-size: clamp(19px, 1.65vw, 23px);
  line-height: 1.35;
  text-wrap: balance;
}
body.home .arx-home-process-v9 .arx-process-step p {
  margin: 0;
  color: #c8c6be;
  line-height: 1.8;
  font-size: 14px;
}
body.home .arx-home-process-v9 .arx-process-step > a {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 44px;
  margin-top: auto;
  padding-top: 16px;
  font-size: 13px;
  line-height: 1.5;
}
body.home .arx-home-process-v9 .arx-process-step > a:focus-visible {
  outline: 2px solid #ebcf8b;
  outline-offset: 5px;
}

@media (prefers-reduced-motion: no-preference) {
  body.home .arx-home-process-v9 .arx-process-step.arx-motion-enter .arx-process-draw {
    stroke-dasharray: 1;
    animation: arx-v9-process-draw 1.55s cubic-bezier(.3, .6, .2, 1) backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 100ms);
  }
  body.home .arx-home-process-v9 .arx-process-step.arx-motion-enter .arx-process-part {
    animation: arx-v9-process-part 1.1s cubic-bezier(.2, .7, .3, 1) backwards;
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 240ms);
    transform-box: fill-box;
    transform-origin: center;
  }
  body.home .arx-home-process-v9 .arx-process-step.arx-motion-enter .arx-process-part-2 {
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 470ms);
  }
  body.home .arx-home-process-v9 .arx-process-step.arx-motion-enter .arx-process-accent {
    animation-delay: calc(var(--arx-motion-delay, 0ms) + 400ms);
  }
}
/* Diagram movement settles immediately when the real step link receives focus. */
body.home .arx-home-process-v9 .arx-process-step:focus-within .arx-process-art *,
body.home .arx-home-process-v9 .arx-process-step.arx-motion-settled .arx-process-art * {
  animation: none !important;
  stroke-dashoffset: 0 !important;
  transform: none !important;
}

@media (max-width: 900px) {
  body.home .arx-home-process-v9 .arx-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-top: 8px;
  }
  body.home .arx-home-process-v9 .arx-process-step {
    padding: 26px;
  }
  body.home .arx-home-process-v9 .arx-process-art {
    width: 100%;
    max-width: 400px;
    margin: 8px auto 24px;
  }
  body.home .arx-home-process-v9 .arx-process-step h3 {
    font-size: 22px;
  }
  body.home .arx-home-process-v9 .arx-process-step > a {
    margin-top: 6px;
  }
}
@media (max-width: 480px) {
  body.home .arx-home-process-v9 .arx-process-step {
    padding: 23px 21px 24px;
  }
  body.home .arx-home-process-v9 .arx-step-number {
    font-size: 27px;
  }
  body.home .arx-home-process-v9 .arx-process-art {
    margin-bottom: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.home .arx-home-process-v9 .arx-process-art * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    stroke-dashoffset: 0 !important;
  }
}
@keyframes arx-v9-process-draw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
@keyframes arx-v9-process-part {
  from { opacity: .2; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}