/* Page-specific styles for page-about-us.php. Shared tokens/header/footer live in style.css. */
.hero{position:relative;padding-top:7.5rem;padding-bottom:3.125rem;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:end}.hero h1{font:400 clamp(2.5rem,8.5vw,8rem)/1.03 var(--serif);max-width:900px;margin:2.25rem 0 1.375rem}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:520px;font-size:1.125rem;line-height:1.55}.hero-aside{position:relative;justify-self:end;max-width:280px;padding-left:1.125rem;border-left:1px solid var(--line);font-size:0.75rem;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}

/* Split-word headline reveal — each word rises out of its own clipped mask. */
.split-heading{overflow:visible}
.split-heading .word-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.2em;margin-bottom:-.2em}
.split-heading .word{display:inline-block;will-change:transform}
/* Animated "44" brand mark. Drawn on with GSAP (see script at the bottom of
   page-about-us.php); these are just the resting styles so the mark is
   fully visible even if the script never runs. */
.hero-aside .mark{position:relative;display:block;margin-bottom:1.375rem}
.mark-44{font-family:var(--display);font-weight:700;font-size:2.625rem;fill:var(--ink)}
/* Ambient glow behind the mark — the slow, looping "aurora" motion common
   on modern product sites, tuned down to ARC44's accent color. Not tied
   to JS: a static glow is a perfectly good resting/reduced-motion state. */
.mark-glow{position:absolute;top:-34px;right:-34px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,86,48,.18),transparent 70%);filter:blur(4px);z-index:-1;animation:markGlow 6s ease-in-out infinite}
@keyframes markGlow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}
.marquee{overflow:hidden;background:var(--accent);border-bottom:1px solid var(--ink)}.marquee-track{display:flex;width:max-content;animation:marq 110s linear infinite}.marquee-group{display:flex;flex-shrink:0}.marquee-item{display:flex;gap:1.75rem;align-items:center;padding:1.0625rem 1.5625rem;white-space:nowrap;font:700 1.25rem/.9 var(--display);letter-spacing:-.04em}.marquee-item b{font-size:0.6875rem}@keyframes marq{to{transform:translateX(-50%)}}
.marquee:hover .marquee-track{animation-play-state:paused}
.intro{padding:6.5625rem 0 4.0625rem}.intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:2.5rem;align-items:end}.intro h2{font:700 clamp(2.5rem,7vw,5.625rem)/1.03 var(--display);margin:1.25rem 0 0}.intro p{max-width:460px;font-size:1rem;line-height:1.6;color:#343531}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem;margin-bottom:1.125rem}.value{border:1px solid var(--line);padding:2.125rem;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease}.value:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 16px 34px rgba(16,17,15,.08)}.value .num{font:700 2.5rem/.8 var(--display);color:var(--accent)}.value h3{font:700 1.375rem/1.15 var(--display);margin:1.25rem 0 0.625rem}.value p{font-size:0.9062rem;line-height:1.55;color:#343531}@media(max-width:900px){.values{grid-template-columns:1fr}}
.dark{background:var(--ink);color:var(--paper)}.statement{margin-top:1.125rem;padding:7.5rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.statement-grid{display:grid;grid-template-columns:1fr .8fr;gap:4.375rem;align-items:center}.statement h2{font:400 clamp(2.5rem,7.5vw,6.25rem)/1.03 var(--serif);margin:0}.statement h2 em{font-style:normal;color:var(--accent)}.statement p{max-width:480px;color:rgba(241,238,229,.67);font-size:1.0625rem;line-height:1.55}.statline{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(241,238,229,.19);margin-top:0}.statline div{padding:2.125rem 1.25rem 1.875rem 0;border-right:1px solid rgba(241,238,229,.19);border-bottom:1px solid rgba(241,238,229,.19)}.statline div:nth-child(even){border-right:0;padding-left:1.75rem}.statline strong{font:700 clamp(2.5rem,4.4vw,3.875rem)/.95 var(--display);display:block;color:var(--accent);margin-bottom:0.875rem;white-space:nowrap}.statline strong .count{font:inherit;letter-spacing:inherit;text-transform:none;color:inherit}.statline strong .count[data-suffix=' Days']{font-size:inherit}.statline div>span{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(241,238,229,.6)}@media(max-width:900px){.statement-grid{grid-template-columns:1fr;gap:3rem}}
.process{padding:7.1875rem 0;border-bottom:1px solid var(--ink)}.process-head{max-width:640px;margin-bottom:3.75rem}.process-head h2{font:400 clamp(2.5rem,7vw,5.5rem)/1.03 var(--serif);margin:1.125rem 0 0}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:90px 1fr 90px;gap:1.5rem;align-items:center;padding:2rem 0;border-top:1px solid var(--line);transition:background-color .3s ease}.step:hover{background:rgba(16,17,15,.025)}.steps .step:last-child{border-bottom:1px solid var(--line)}.step-num{font:700 2.125rem/.8 var(--display);color:var(--accent);transition:transform .3s ease}.step:hover .step-num{transform:scale(1.08)}.step h3{font:700 1.5rem/1.2 var(--display);margin:0 0 0.5rem}.step p{max-width:520px;font-size:0.9062rem;color:#343531;margin:0}.step-arrow{display:grid;place-items:center;width:40px;height:40px;justify-self:end;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:background .3s,border-color .3s,color .3s,transform .4s cubic-bezier(.16,1,.3,1)}.step:hover .step-arrow{background:var(--accent);border-color:var(--accent);transform:translateX(4px)}.step-arrow.is-done{background:var(--accent);border-color:var(--accent)}.step:hover .step-arrow.is-done{transform:scale(1.08)}
.cta{padding:7.1875rem 0;background:var(--teal);position:relative;overflow:hidden}.cta h2{font:700 clamp(2.5rem,10vw,8.75rem)/1.03 var(--display);max-width:950px;margin:1.125rem 0 0}.cta p{max-width:450px;font-size:1.0625rem;line-height:1.55;margin-top:2rem}.cta .btn{margin-top:1.5625rem}

/* Space between the value cards and the dark statement band */
.values-section{padding-bottom:6rem}.values-section .values{margin-bottom:0}.statement{margin-top:0}
@media(max-width:700px){.values-section{padding-bottom:3.5rem}}