/* Homepage motion: visible content, finite decorative movement, native controls. */
body.home .arx-growth-hero{position:relative;isolation:isolate}
body.home .arx-growth-hero::before{content:none!important;display:none!important;animation:none!important}
body.home .arx-growth-hero::after{content:'';position:absolute;left:12%;right:12%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#d7b97588,transparent);transform-origin:center}
.arx-hero-tracery{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.arx-trace-base{fill:none;stroke:#d0aa5326;stroke-width:1;vector-effect:non-scaling-stroke}
.arx-trace-run{fill:none;stroke:#f0d38d;stroke-width:1.5;stroke-dasharray:.16 .84;stroke-dashoffset:1;opacity:0;vector-effect:non-scaling-stroke}
body.home .arx-home-section{position:relative;padding-top:42px;padding-bottom:42px}
body.home .arx-home-section::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;transform-origin:left;background:linear-gradient(90deg,#b69b6155,transparent 80%);pointer-events:none}
body.home .arx-home-section>h2,body.home .arx-section-heading h2{position:relative;padding-bottom:15px}
body.home .arx-home-section>h2::after,body.home .arx-section-heading h2::after{content:'';position:absolute;bottom:0;left:0;width:74px;height:2px;background:linear-gradient(90deg,#d6b978,#d6b97833);transform-origin:left;pointer-events:none}
body.home .arx-community-card,body.home .arx-home-section .arx-card{position:relative;transition:border-color .3s,background-color .3s;isolation:isolate}
body.home .arx-community-card::after,body.home .arx-home-section .arx-card::after{content:'';position:absolute;inset:0;border:1px solid #dfc17c;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s;z-index:2}
body.home .arx-community-card:focus-within::after,body.home .arx-home-section .arx-card:focus-within::after{opacity:.6}
body.home .arx-motion-settled{animation:none!important}
body.home .arx-community-open span,body.home .arx-skill-link-cue span,body.home .arx-growth-browse a span{display:inline-block;transition:transform .3s}
body.home .arx-community-open:focus-visible span,body.home .arx-skill-link:focus-visible .arx-skill-link-cue span{transform:translate(3px,-3px)}
body.home .arx-home-process .arx-grid{position:relative;padding-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.home .arx-home-process .arx-grid::before{content:'';position:absolute;top:24px;left:16.66%;right:16.66%;height:1px;background:linear-gradient(90deg,#806431,#e4c889,#806431);transform-origin:left;z-index:0;pointer-events:none}
body.home .arx-home-process .arx-process-step{padding-top:42px;text-align:center;z-index:1}
.arx-step-number{position:absolute;top:-23px;left:50%;display:grid;place-items:center;transform:translateX(-50%);width:46px;height:46px;border:1px solid #967641;border-radius:50%;background:#100e0b;color:#e2c685;font:400 18px/1 Georgia,serif;z-index:2}
body.home .arx-home-section .arx-skill-card{padding:0;overflow:hidden}
.arx-skill-link{display:flex;flex-direction:column;min-height:100%;height:100%;padding:26px 24px 22px;box-sizing:border-box;color:inherit;text-decoration:none!important}
.arx-skill-link::before{content:'';display:block;width:19px;height:19px;border:1px solid #bda067;box-shadow:inset 0 0 0 4px #111;outline:1px solid #bda06733;outline-offset:5px;transform:rotate(45deg);margin:5px 0 23px 5px;background:#be9b4a22;transition:transform .5s,background-color .4s}
body.home .arx-skill-link h3{margin-bottom:12px}
body.home .arx-skill-link p{margin:0 0 20px}
.arx-skill-link-cue{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:32px;border-top:1px solid #b69b612b;padding-top:12px;margin-top:auto;font-size:12px;color:#d9c48e}
body.home .arx-home-callout{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 50%,#4b361e66,transparent 55%),#13110d;border-color:#95744377;padding:36px}
body.home .arx-home-callout::before{content:'';position:absolute;right:5%;top:50%;width:160px;height:160px;transform:translateY(-50%) rotate(45deg);border:1px solid #b4944b2e;box-shadow:0 0 0 17px #b4944b0d,0 0 0 34px #b4944b08;z-index:-1;pointer-events:none}
body.home .arx-home-callout::after{content:'';position:absolute;inset:-50%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#e2bd591e 50%,transparent 60%);transform:translateX(-70%);opacity:0}
body.home .arx-faq-grid{align-items:start;gap:12px 20px}
body.home .arx-home-faq{padding:0;border-color:#b89a5545;background:#111111e8;overflow:hidden}
.arx-home-faq summary{position:relative;display:flex;align-items:center;min-height:68px;box-sizing:border-box;list-style:none;padding:20px 54px 20px 22px;cursor:pointer}
.arx-home-faq summary::-webkit-details-marker{display:none}
body.home .arx-home-faq summary h3{margin:0;font-size:16px;line-height:1.5;font-weight:400}
.arx-home-faq summary::after{content:'';position:absolute;right:22px;top:calc(50% - 7px);width:14px;height:14px;background:linear-gradient(#d3b36d,#d3b36d) center/100% 1px no-repeat,linear-gradient(#d3b36d,#d3b36d) center/1px 100% no-repeat;transition:transform .25s}
.arx-home-faq[open] summary::after{transform:rotate(45deg)}
body.home .arx-home-faq[open]{border-color:#b89a5588}
.arx-faq-answer{padding:0 22px 22px}
body.home .arx-home-faq .arx-faq-answer p{font-size:14px;line-height:1.8}
.arx-home-faq summary:focus-visible,.arx-skill-link:focus-visible{outline:2px solid #e9cc85;outline-offset:-5px;border-radius:inherit}
body.home .arx-growth-actions .arx-button{position:relative;isolation:isolate;overflow:hidden}
body.home .arx-growth-actions .arx-button::after{content:'';position:absolute;inset:-60% -35%;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 37%,#f1d89b22 50%,transparent 63%);transform:translateX(-100%)}
@media(prefers-reduced-motion:no-preference){
 .arx-home-ready body.home .arx-growth-hero::before{animation:arx-home-light 3.6s ease-out both}
 .arx-home-ready body.home .arx-growth-hero::after{animation:arx-line-draw 1.6s ease-out both}
 .arx-home-ready .arx-trace-run{animation:arx-trace-travel 3.2s .2s cubic-bezier(.2,.65,.3,1) both}
 .arx-home-ready body.home .arx-growth-hero h1 em{background:linear-gradient(110deg,#c5a661 10%,#f0ddb0 44%,#c5a661 72%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:arx-gold-pass 3.2s ease-out both}
 body.home .arx-home-section.arx-motion-enter::after{animation:arx-line-draw 1.4s ease-out both}
 body.home .arx-home-section>h2.arx-motion-enter::after,body.home .arx-section-heading.arx-motion-enter h2::after{animation:arx-line-draw .9s .12s ease-out both}
 body.home .arx-community-card.arx-motion-enter,body.home .arx-home-section .arx-card.arx-motion-enter{animation:arx-card-arrive .8s cubic-bezier(.2,.65,.3,1) backwards;animation-delay:var(--arx-motion-delay,0ms)}
 body.home .arx-community-card.arx-motion-enter img{animation:arx-project-settle 1.05s cubic-bezier(.2,.65,.3,1) backwards;animation-delay:var(--arx-motion-delay,0ms)}
 body.home .arx-home-process.arx-motion-enter .arx-grid::before{animation:arx-line-draw 1.4s .15s ease-out both}
 body.home .arx-home-callout.arx-motion-enter::after{animation:arx-callout-sweep 2s ease-out both}
 .arx-home-faq[open] .arx-faq-answer{animation:arx-answer-in .28s ease-out}
 body.home .arx-growth-actions .arx-button:is(:hover,:focus-visible)::after{animation:arx-button-pass .65s ease-out}
 body.home .arx-community-media img{transition:transform .6s cubic-bezier(.2,.65,.3,1)}
 body.home .arx-community-card:focus-within,body.home .arx-card:focus-within{animation:none!important}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.home .arx-community-card:hover::after,body.home .arx-home-section .arx-card:hover::after{opacity:.6}
 body.home .arx-community-media:hover img{animation:none;transform:scale(1.045)}
 body.home .arx-skill-link:hover::before{transform:rotate(135deg);background:#be9b4a55}
 body.home .arx-community-open:hover span,body.home .arx-skill-link:hover .arx-skill-link-cue span,body.home .arx-growth-browse a:hover span{transform:translate(3px,-3px)}
}
@media(max-width:900px){body.home .arx-home-process .arx-grid{grid-template-columns:1fr;gap:28px;padding-top:0}body.home .arx-home-process .arx-grid::before{display:none}body.home .arx-home-process .arx-process-step{padding:24px 24px 24px 80px;text-align:left}.arx-step-number{left:20px;top:24px;transform:none;width:38px;height:38px;font-size:16px}body.home .arx-home-callout{padding:28px}.arx-hero-tracery{display:none}}
@media(max-width:600px){body.home .arx-home-section{padding-top:30px;padding-bottom:30px}.arx-skill-link{padding:24px}.arx-home-faq summary{min-height:64px;padding-left:20px}.arx-home-faq summary h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){body.home .arx-motion-enter,body.home .arx-motion-enter *,body.home .arx-growth-hero *,body.home .arx-growth-hero::before,body.home .arx-growth-hero::after,body.home .arx-motion-enter::before,body.home .arx-motion-enter::after,body.home .arx-growth-hero h1 em,body.home .arx-card::after,body.home .arx-card::before,body.home .arx-skill-link::before,body.home .arx-skill-link-cue span,body.home .arx-community-media img,body.home .arx-faq-answer,body.home .arx-home-faq summary::after{animation:none!important;transition:none!important}.arx-trace-run{display:none}.arx-home-callout::after{display:none}body.home .arx-community-media:hover img{transform:none!important}}
@keyframes arx-card-arrive{from{opacity:.55;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes arx-project-settle{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes arx-line-draw{from{transform:scaleX(.05);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes arx-home-light{0%{opacity:.25}55%{opacity:1}100%{opacity:.8}}
@keyframes arx-trace-travel{0%{stroke-dashoffset:1;opacity:0}20%{opacity:.75}85%{opacity:.5}100%{stroke-dashoffset:-.35;opacity:0}}
@keyframes arx-gold-pass{from{background-position:100% center}to{background-position:0 center}}
@keyframes arx-callout-sweep{0%{opacity:0;transform:translateX(-50%)}20%{opacity:1}100%{opacity:0;transform:translateX(50%)}}
@keyframes arx-button-pass{to{transform:translateX(100%)}}
@keyframes arx-answer-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes arx-caption{from{opacity:0}to{opacity:1}}

/* A.R.X. 4.5 second wordmark / Art Deco shutter entrance. */
.arx-intro{display:none}
.arx-intro-active .arx-intro{display:grid;position:fixed;inset:0;z-index:99990;place-items:center;background:transparent;isolation:isolate;overflow:hidden;pointer-events:auto;touch-action:pan-y;animation:arx-intro-safety 4.7s step-end forwards}
.arx-intro-shutter{position:absolute;left:0;width:100%;height:calc(50% + 1px);background:#080807;z-index:0;pointer-events:none;will-change:transform}
.arx-intro-shutter-top{top:0;background:radial-gradient(ellipse at 50% 100%,#211b10 0,#0d0c09 37%,#080807 72%);border-bottom:1px solid #d4b77166;animation:arx-shutter-top 1.25s 3.05s cubic-bezier(.65,0,.25,1) both}
.arx-intro-shutter-bottom{bottom:0;background:radial-gradient(ellipse at 50% 0,#211b10 0,#0d0c09 37%,#080807 72%);border-top:1px solid #d4b77166;animation:arx-shutter-bottom 1.25s 3.05s cubic-bezier(.65,0,.25,1) both}
.arx-intro-art{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(80vw,650px);padding:34px 24px 30px;box-sizing:border-box;color:#d8bd7c;animation:arx-word-close .48s 2.68s cubic-bezier(.7,0,.25,1) both}
.arx-intro-frame{position:absolute;inset:0;pointer-events:none}
.arx-intro-frame::before,.arx-intro-frame::after{content:'';position:absolute;inset:0;color:#b9974c33;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:center top,center bottom,left center,right center;background-repeat:no-repeat;background-size:0% 1px,0% 1px,1px 0%,1px 0%;animation:arx-frame-draw 2s .05s ease-in-out both}
.arx-intro-frame::after{inset:10px;color:#b9974c22;animation-delay:.18s}
.arx-intro-word{position:relative;display:block;margin:5px 0 24px;font:400 clamp(68px,14vw,150px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:.065em;text-indent:.065em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #d2b66f66;animation:arx-outline-in 1.15s .15s both}
.arx-intro-word::before,.arx-intro-word::after{content:attr(data-word);position:absolute;inset:0;color:#d8bd7c;-webkit-text-stroke:0;pointer-events:none}
.arx-intro-word::before{background:linear-gradient(155deg,#f0dfad 2%,#c6a35c 40%,#9a753e 58%,#e5cd8f 86%);background-clip:text;-webkit-background-clip:text;color:transparent;clip-path:inset(0 100% 0 0);animation:arx-gold-fill 1.1s .72s cubic-bezier(.3,0,.2,1) both}
.arx-intro-word::after{color:transparent;background:linear-gradient(110deg,transparent 39%,#fff0c8 48%,#fff7dc 51%,transparent 61%);background-size:260% 100%;background-position:140% 0;background-clip:text;-webkit-background-clip:text;animation:arx-word-sweep 1.1s 1.6s both}
.arx-intro-caption{font:400 10px/1.6 Arial,sans-serif;letter-spacing:.4em;text-indent:.4em;color:#bda778;clip-path:inset(0 50%);animation:arx-caption-open .8s 1.15s cubic-bezier(.2,.65,.3,1) both}
.arx-intro-diamond{width:5px;height:5px;background:#d0ad65;transform:rotate(45deg);margin:20px 0 0;box-shadow:0 0 15px #b8944755;animation:arx-caption .7s .9s both}
.arx-intro-seam{position:absolute;z-index:3;top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#b79044 14%,#f5de9e 50%,#b79044 86%,transparent);box-shadow:0 0 16px #d1a34355;pointer-events:none;transform:scaleX(0);animation:arx-seam-open .62s 2.55s both,arx-seam-clear .16s 3.15s forwards}
.arx-intro-skip,.arx-intro-replay{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(76px,env(safe-area-inset-bottom));z-index:4;background:#13120e;color:#d4bf8f;border:1px solid #79663d;border-radius:6px;min-height:44px;padding:10px 17px;font:13px/1.5 Arial,sans-serif;cursor:pointer}
.arx-intro-skip:focus-visible,.arx-intro-replay:focus-visible{outline:2px solid #f2d491;outline-offset:4px}
.arx-intro-replay{z-index:99980;right:auto;left:16px;bottom:66px;font-size:12px;padding:9px 14px}
.arx-intro-active .arx-intro-replay{visibility:hidden}
@media(max-width:600px){.arx-intro-art{width:88vw;padding:32px 12px}.arx-intro-word{font-size:clamp(64px,18vw,105px);letter-spacing:.02em;text-indent:.02em}.arx-intro-caption{font-size:9px;letter-spacing:.28em;text-indent:.28em}.arx-intro-skip{right:16px}}
@media(prefers-reduced-motion:reduce){.arx-intro-active .arx-intro,.arx-intro-replay{display:none!important}.arx-intro *{animation:none!important}}
@keyframes arx-outline-in{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}
@keyframes arx-gold-fill{to{clip-path:inset(0)}}
@keyframes arx-word-sweep{0%{background-position:140% 0}100%{background-position:-45% 0}}
@keyframes arx-caption-open{to{clip-path:inset(0)}}
@keyframes arx-frame-draw{0%{background-size:0% 1px,0% 1px,1px 0%,1px 0%}35%{background-size:100% 1px,100% 1px,1px 0%,1px 0%}100%{background-size:100% 1px,100% 1px,1px 100%,1px 100%}}
@keyframes arx-word-close{from{clip-path:inset(0);transform:scaleY(1);visibility:visible}to{clip-path:inset(50% 0);transform:scaleY(.1);visibility:hidden}}
@keyframes arx-seam-open{to{transform:scaleX(1)}}
@keyframes arx-seam-clear{to{visibility:hidden}}
@keyframes arx-shutter-top{from{transform:translateY(0);border-color:transparent}1%{border-color:#d4b77166}to{transform:translateY(-101%);border-color:#d4b77166}}
@keyframes arx-shutter-bottom{from{transform:translateY(0);border-color:transparent}1%{border-color:#d4b77166}to{transform:translateY(101%);border-color:#d4b77166}}
@keyframes arx-intro-safety{to{visibility:hidden;pointer-events:none}}

/* Homepage motion refinement: replay on entry; decorative light settles between entries.
   Append after homepage.css. The observer owns .arx-motion-enter. */

/* Each process card stands on its own; no connector through the card gaps. */
body.home .arx-home-process .arx-grid::before {
  content: none;
  display: none;
  animation: none;
}

/* Navigation motion never moves or scales the A.R.X. wordmark. */
body.home .arx-header .arx-nav a,
body.home .arx-footer-actions li a {
  background-image: linear-gradient(90deg, #a98847, #ead295);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: color .3s ease, background-size .4s ease;
}
body.home .arx-header .arx-nav a:is(:hover, :focus-visible),
body.home .arx-footer-actions li a:is(:hover, :focus-visible) {
  background-size: 100% 1px;
  color: #ead295;
  text-decoration: none;
}
body.home .arx-header .arx-account .arx-button,
body.home .arx-footer .arx-discord-invite {
  transition: border-color .35s ease, box-shadow .35s ease, background-color .35s ease;
}
body.home .arx-header .arx-account .arx-button:is(:hover, :focus-visible),
body.home .arx-footer .arx-discord-invite:is(:hover, :focus-visible) {
  box-shadow: 0 0 20px #c9a45520, inset 0 0 10px #e4c9890c;
  border-color: #e4c989;
}

/* These light layers stay within the outer portion of the existing artwork.
   The right column already mirrors itself; its geometry is left untouched. */
body.home .arx-page-art > .arx-deco-column::before,
body.home .arx-page-art > .arx-deco-column::after {
  content: '';
  position: absolute;
  inset: 0 35% 0 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  background-repeat: repeat-y;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 50%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 50%, transparent);
}
body.home .arx-page-art > .arx-deco-column::before {
  background-image: linear-gradient(168deg, transparent 26%, #b58b3010 35%, #f7d78935 42%, #bc8e3612 49%, transparent 59%);
  background-size: 100% 960px;
}
body.home .arx-page-art > .arx-deco-column::after {
  background-image: radial-gradient(ellipse at 20% 50%, #ecc77126, transparent 70%);
  background-size: 100% 1200px;
}

/* A soft sweep inside existing dividers, never between adjacent cards. */
body.home .arx-home-section::after {
  background-image: linear-gradient(90deg, #b69b6118 0%, #b69b6140 35%, #f1dba677 50%, #b69b6140 65%, transparent 100%);
  background-size: 220% 100%;
}
body.home .arx-home-section > h2::after,
body.home .arx-section-heading h2::after {
  background-image: linear-gradient(90deg, #b6934e, #f1dba6, #b6934e);
  background-size: 220% 100%;
}

@media (prefers-reduced-motion: no-preference) {
  /* One traversal keeps the accepted 7.2-second pace, then rests until the
     hero re-enters the viewport. The dash offset has 144 steps per traversal. */
  .arx-home-ready body.home .arx-trace-run {
    animation: none;
    stroke-dasharray: .16 .84;
    stroke-dashoffset: 1;
    opacity: 0;
  }
  .arx-home-ready body.home .arx-growth-hero.arx-motion-enter .arx-trace-run {
    animation: arx-trace-loop 7.2s steps(144, end) 1 both;
  }
  .arx-home-ready body.home .arx-growth-hero::before,
  .arx-home-ready body.home .arx-growth-hero::after,
  .arx-home-ready body.home .arx-growth-hero h1 em {
    animation: none;
  }
  .arx-home-ready body.home .arx-growth-hero.arx-motion-enter::before {
    animation: arx-hero-ambient 8.4s ease-in-out infinite;
  }
  .arx-home-ready body.home .arx-growth-hero.arx-motion-enter::after {
    background-size: 220% 100%;
    animation: arx-line-draw 1.5s ease-out both;
  }
  .arx-home-ready body.home .arx-growth-hero.arx-motion-enter h1 em {
    background-position: 50% center;
    animation: arx-heading-light 1.1s ease-out both;
  }
  body.home .arx-home-section.arx-motion-enter::after {
    animation: arx-line-draw 1.5s ease-out both;
  }
  body.home .arx-home-section > h2.arx-motion-enter::after,
  body.home .arx-section-heading.arx-motion-enter h2::after {
    animation: arx-line-draw 1.5s .1s ease-out both;
  }
  body.home .arx-community-card.arx-motion-enter,
  body.home .arx-home-section .arx-card.arx-motion-enter {
    animation-duration: 1s;
  }
  body.home .arx-community-card.arx-motion-enter img {
    animation-duration: 1.4s;
  }
  body.home .arx-home-callout.arx-motion-enter::after {
    animation: arx-callout-repeat 8s linear infinite;
  }
  .arx-home-ready body.home .arx-header .arx-nav,
  .arx-home-ready body.home .arx-header .arx-account {
    animation: arx-navigation-arrive .85s .05s ease-out backwards;
  }
  .arx-home-ready body.home .arx-header .arx-account {
    animation-delay: .15s;
  }
  body.home .arx-footer-brand.arx-motion-enter,
  body.home .arx-footer-actions.arx-motion-enter,
  body.home .arx-footer-actions li.arx-motion-enter,
  body.home .arx-footer-brand:not(.arx-motion-enter) > .arx-motion-enter,
  body.home .arx-footer-actions:not(.arx-motion-enter) > .arx-motion-enter {
    animation: arx-footer-arrive 1s ease-out backwards;
    animation-delay: var(--arx-motion-delay, 0ms);
  }
  body.home .arx-footer-brand.arx-motion-enter,
  body.home .arx-footer-brand:not(.arx-motion-enter) > .arx-motion-enter {
    animation-name: arx-footer-brand-arrive;
  }
  .arx-home-ready body.home .arx-page-art > .arx-deco-column::before {
    opacity: .75;
    animation: arx-side-light 9s linear infinite;
  }
  .arx-home-ready body.home .arx-page-art > .arx-deco-column::after {
    animation: arx-side-ambient 11s ease-in-out infinite;
  }
  .arx-home-ready body.home .arx-page-art > .arx-deco-column-right::before {
    animation-delay: -4.5s;
  }
  .arx-home-ready body.home .arx-page-art > .arx-deco-column-right::after {
    animation-delay: -5.5s;
  }
}

@media (max-width: 850px) {
  body.home .arx-page-art > .arx-deco-column::before,
  body.home .arx-page-art > .arx-deco-column::after {
    display: none;
  }
  body.home .arx-community-card.arx-motion-enter,
  body.home .arx-home-section .arx-card.arx-motion-enter,
  body.home .arx-footer-brand.arx-motion-enter,
  body.home .arx-footer-actions.arx-motion-enter,
  body.home .arx-footer-actions li.arx-motion-enter,
  body.home .arx-footer-brand:not(.arx-motion-enter) > .arx-motion-enter,
  body.home .arx-footer-actions:not(.arx-motion-enter) > .arx-motion-enter {
    animation-duration: .75s;
  }
  body.home .arx-community-card.arx-motion-enter img {
    animation-name: none;
  }
  .arx-home-ready body.home .arx-header .arx-nav,
  .arx-home-ready body.home .arx-header .arx-account {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home .arx-page-art > .arx-deco-column::before,
  body.home .arx-page-art > .arx-deco-column::after {
    display: none;
    animation: none !important;
  }
  body.home .arx-header .arx-nav,
  body.home .arx-header .arx-account,
  body.home .arx-header .arx-nav a,
  body.home .arx-header .arx-account .arx-button,
  body.home .arx-footer,
  body.home .arx-footer *,
  body.home .arx-home-section::after,
  body.home .arx-home-section > h2::after,
  body.home .arx-section-heading h2::after {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes arx-trace-loop {
  0% { stroke-dashoffset: 1; opacity: 0; }
  9% { opacity: .72; }
  87% { opacity: .72; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes arx-hero-ambient {
  0%, 100% { opacity: .55; }
  50% { opacity: .95; }
}
@keyframes arx-divider-light {
  from { background-position: 100% 0; }
  to { background-position: -120% 0; }
}
/* The existing metallic gradient stays still; only its opacity changes. */
@keyframes arx-heading-light {
  from { opacity: .72; }
  to { opacity: 1; }
}
@keyframes arx-callout-repeat {
  0%, 62% { opacity: 0; transform: translateX(-60%); }
  72% { opacity: .8; }
  95%, 100% { opacity: 0; transform: translateX(60%); }
}
@keyframes arx-navigation-arrive {
  from { opacity: .15; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}
@keyframes arx-footer-arrive {
  from { opacity: .25; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}
@keyframes arx-footer-brand-arrive {
  from { opacity: .25; }
  to { opacity: 1; }
}
@keyframes arx-side-light {
  from { background-position: 0 -960px; }
  to { background-position: 0 0; }
}
@keyframes arx-side-ambient {
  0%, 100% { opacity: .15; }
  50% { opacity: .65; }
}

/* Intro handoff: the wordmark dissolves, then the actual page elements arrive.
   Append after repeat-motion.css in place of intro-reveal.css.
   All hidden states depend on .arx-intro-active; skipping or removing that
   class immediately returns the page to its ordinary, fully visible state. */

/* Preserve the original side artwork without the added moving light layers. */
body.home .arx-page-art > .arx-deco-column::before,
body.home .arx-page-art > .arx-deco-column::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* The old header entrance must not begin again when intro cleanup runs. */
.arx-home-ready body.home .arx-header .arx-nav,
.arx-home-ready body.home .arx-header .arx-account {
  animation: none;
}

/* One flat backdrop fades uniformly. There is no curtain, mask, or seam. */
.arx-intro-active body.home .arx-intro {
  background: transparent;
  animation: arx-intro-safety 5.4s step-end forwards;
}
.arx-intro-active body.home .arx-intro::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #080808;
  opacity: 1;
}
body.home .arx-intro .arx-intro-shutter,
body.home .arx-intro .arx-intro-seam {
  display: none;
  animation: none;
}
.arx-intro-active body.home .arx-intro-art {
  clip-path: none;
  transform: none;
  visibility: visible;
  animation: arx-intro-dissolve .8s 2.55s cubic-bezier(.3, 0, .3, 1) both;
}
.arx-intro-active:not(.arx-intro-running) body.home .arx-intro *,
.arx-intro-active:not(.arx-intro-running) body.home .arx-intro *::before,
.arx-intro-active:not(.arx-intro-running) body.home .arx-intro *::after {
  animation-play-state: paused !important;
}
.arx-intro-active.arx-intro-running body.home .arx-intro {
  animation: arx-intro-running-safety 5.2s step-end forwards;
}
.arx-intro-active.arx-intro-running body.home .arx-intro::before {
  animation: arx-backdrop-dissolve .5s 3s ease-in-out both;
}
.arx-intro-active.arx-intro-running body.home .arx-intro-skip {
  animation: arx-intro-control-dissolve .25s 3s ease-out both;
}

@media (prefers-reduced-motion: no-preference) {
  /* These are the only page elements held for the entrance. The separate
     failsafe also releases them if the running class never arrives. */
  .arx-intro-active body.home :is(
    .arx-header .arx-brand,
    .arx-header .arx-nav,
    .arx-header .arx-account,
    .arx-header .arx-menu-toggle,
    .arx-growth-hero > .arx-eyebrow,
    .arx-growth-hero > h1,
    .arx-growth-hero > .arx-lead,
    .arx-growth-actions > a,
    .arx-growth-benefits,
    .arx-growth-benefits > *,
    .arx-growth-browse > a,
    .arx-community-work,
    .arx-home-section,
    .arx-home-callout,
    .arx-footer,
    .arx-page-art,
    .arx-hero-tracery
  ) {
    opacity: 0;
    animation: arx-element-fail-open .001s 5.2s step-end forwards;
  }

  .arx-intro-active.arx-intro-running body.home :is(
    .arx-header .arx-brand,
    .arx-header .arx-nav,
    .arx-header .arx-account,
    .arx-header .arx-menu-toggle,
    .arx-growth-hero > .arx-eyebrow,
    .arx-growth-hero > h1,
    .arx-growth-hero > .arx-lead,
    .arx-growth-actions > a,
    .arx-growth-benefits,
    .arx-growth-benefits > *,
    .arx-growth-browse > a,
    .arx-community-work,
    .arx-home-section,
    .arx-home-callout,
    .arx-footer,
    .arx-page-art,
    .arx-hero-tracery
  ) {
    animation: arx-element-arrive .7s var(--arx-entrance-at, 4.25s)
      cubic-bezier(.2, .65, .3, 1) both;
  }

  /* The brand and decorative artwork fade in place; neither floats. */
  .arx-intro-active.arx-intro-running body.home :is(
    .arx-header .arx-brand,
    .arx-header .arx-nav,
    .arx-header .arx-account,
    .arx-header .arx-menu-toggle,
    .arx-growth-benefits,
    .arx-page-art,
    .arx-hero-tracery
  ) {
    animation-name: arx-element-opacity;
  }

  body.home .arx-header .arx-brand { --arx-entrance-at: 3.1s; }
  body.home .arx-header .arx-nav,
  body.home .arx-header .arx-menu-toggle { --arx-entrance-at: 3.2s; }
  body.home .arx-header .arx-account { --arx-entrance-at: 3.3s; }
  body.home .arx-growth-hero > .arx-eyebrow { --arx-entrance-at: 3.3s; }
  body.home .arx-growth-hero > h1 { --arx-entrance-at: 3.5s; }
  body.home .arx-growth-hero > .arx-lead { --arx-entrance-at: 3.7s; }
  body.home .arx-growth-actions > a { --arx-entrance-at: 3.85s; }
  body.home .arx-growth-actions > a:nth-child(2) { --arx-entrance-at: 3.95s; }
  body.home .arx-growth-benefits { --arx-entrance-at: 3.95s; }
  body.home .arx-growth-benefits > * { --arx-entrance-at: 4.05s; }
  body.home .arx-growth-benefits > :nth-child(2) { --arx-entrance-at: 4.13s; }
  body.home .arx-growth-benefits > :nth-child(3) { --arx-entrance-at: 4.21s; }
  body.home .arx-growth-browse > a { --arx-entrance-at: 4.15s; }
  body.home .arx-growth-browse > a:nth-child(2) { --arx-entrance-at: 4.23s; }
  body.home .arx-community-work,
  body.home .arx-home-section,
  body.home .arx-home-callout,
  body.home .arx-footer { --arx-entrance-at: 4.25s; }
  body.home .arx-page-art { --arx-entrance-at: 3.6s; }
  body.home .arx-hero-tracery { --arx-entrance-at: 4.1s; }

  /* Header borders/background and hero light can appear with their content
     without exposing a fully formed, empty page during the handoff. */
  .arx-intro-active body.home .arx-header {
    opacity: 0;
    animation: arx-element-fail-open .001s 5.2s step-end forwards;
  }
  .arx-intro-active.arx-intro-running body.home .arx-header {
    animation: arx-element-opacity .7s 3.05s ease-out both;
  }
  .arx-intro-active body.home .arx-growth-hero::before,
  .arx-intro-active body.home .arx-growth-hero::after {
    opacity: 0;
    animation: arx-element-fail-open .001s 5.2s step-end forwards;
  }
  .arx-intro-active.arx-intro-running body.home .arx-growth-hero::before,
  .arx-intro-active.arx-intro-running body.home .arx-growth-hero::after {
    animation: arx-element-opacity .7s 3.8s ease-out both;
  }
}

/* Small screens keep the same sequence without translated content. */
@media (max-width: 850px) and (prefers-reduced-motion: no-preference) {
  .arx-intro-active.arx-intro-running body.home :is(
    .arx-growth-hero > .arx-eyebrow,
    .arx-growth-hero > h1,
    .arx-growth-hero > .arx-lead,
    .arx-growth-actions > a,
    .arx-growth-benefits > *,
    .arx-growth-browse > a,
    .arx-community-work,
    .arx-home-section,
    .arx-home-callout,
    .arx-footer
  ) {
    animation-name: arx-element-opacity;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arx-intro-active body.home .arx-intro,
  .arx-intro-active body.home .arx-intro::before {
    display: none !important;
    animation: none !important;
  }
  body.home .arx-header,
  body.home .arx-header *,
  body.home .arx-page-art,
  body.home .arx-home-section,
  body.home .arx-home-callout,
  body.home .arx-footer,
  body.home .arx-growth-hero,
  body.home .arx-growth-hero * {
    animation: none !important;
    transition: none !important;
  }
}

/* Keep the approved intro handoff timing without a per-frame blur filter. */
@keyframes arx-intro-dissolve {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes arx-backdrop-dissolve {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes arx-intro-control-dissolve {
  from { opacity: 1; }
  to { opacity: 0; visibility: hidden; }
}
@keyframes arx-element-arrive {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes arx-element-opacity {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes arx-element-fail-open {
  to { opacity: 1; }
}
@keyframes arx-intro-running-safety {
  to { visibility: hidden; pointer-events: none; }
}