/* About: original source photography inside an open editorial glass system. */
.rc-about { --about-space: clamp(64px, 8vw, 124px); }
.rc-about .rc-about-hero { grid-template-columns: minmax(0, 1fr) 50vw; gap: clamp(28px, 4vw, 64px); padding: clamp(45px, 7vw, 100px) var(--rc-gutter) 70px; min-height: 610px; align-items: center; }
.rc-about .rc-about-hero-copy { padding: 0; }
.rc-about .rc-about-hero-copy h1 { font-family: var(--rc-font-display, Georgia, serif); font-size: clamp(54px, 5.6vw, 86px); font-weight: 400; line-height: 1.02; letter-spacing: -.035em; margin-bottom: 30px; }
.rc-about .rc-about-hero-copy h1 span + span { color: var(--rc-accent); }
.rc-about .rc-about-hero-copy .rc-about-intro { font-size: clamp(15px, 1.12vw, 17px); line-height: 1.85; max-width: 480px; color: var(--rc-muted); }
.rc-about .rc-about-hero-note { font-size: 12px; letter-spacing: .015em; line-height: 1.65; margin-top: 28px; padding-top: 22px; max-width: 480px; border-color: var(--rc-line); }
.rc-about .rc-about-hero-image { display: grid; place-items: center; align-content: center; margin: 0; padding: 0; min-width: 0; overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.rc-site[data-page=about] .rc-about-hero-image { background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.rc-about-hero-image .rc-about-photo-button { position: relative; isolation: isolate; overflow: visible; width: 100%; height: auto; aspect-ratio: auto; }
.rc-about-hero-image .rc-about-photo-button::before { content: ''; position: absolute; z-index: -1; inset: 8% -4% 13%; background: none; filter: blur(34px); opacity: .2; pointer-events: none; mask-image: linear-gradient(transparent,#000 22%,#000 72%,transparent); }
.rc-about .rc-about-hero-image .rc-about-photo-button img { display: block; width: 100%; height: auto; min-height: 0; max-height: none; object-fit: contain; background: transparent; transform: none; -webkit-mask-image: linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent),linear-gradient(0deg,transparent,#000 1.8%,#000 98.2%,transparent); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent),linear-gradient(0deg,transparent,#000 1.8%,#000 98.2%,transparent); mask-composite: intersect; }
.rc-about .rc-about-hero-image figcaption { width: min(100%, var(--rc-image-safe-width)); padding: 14px 0 0; font-size: 11px; color: var(--rc-muted); }
.rc-about .rc-about-facts { padding-block: 40px var(--about-space); }
.rc-about .rc-about-statement { font-family: var(--rc-font-display, Georgia, serif); font-size: clamp(40px, 4.35vw, 66px); font-weight: 400; line-height: 1.08; max-width: 800px; padding-bottom: 42px; }
.rc-about .rc-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--rc-line); border-bottom: 1px solid var(--rc-line); padding-block: 10px; }
.rc-about .rc-metric { grid-column: auto; padding: 30px 14px; border: 0; text-align: left; }
.rc-about .rc-metric::after { display: none; }
.rc-about .rc-metric-value { font-family: var(--rc-font-display, Georgia, serif); font-weight: 400; font-size: clamp(39px, 4.6vw, 69px); line-height: 1.06; letter-spacing: -.045em; color: var(--rc-accent); white-space: nowrap; }
.rc-about .rc-metric-suffix { font-size: .5em; letter-spacing: -.01em; }
.rc-about .rc-metric-label { font-size: 12px; line-height: 1.5; margin-top: 12px; }
.rc-about .rc-about-facts-intro { margin: 28px 0 0; max-width: 650px; font-size: 16px; line-height: 1.8; text-align: left; color: var(--rc-muted); }
.rc-about .rc-about-rail-section { position: relative; grid-template-columns: minmax(240px, .8fr) minmax(0, 2fr); gap: 6%; padding-block: 70px 90px; background: transparent; border-top: 1px solid var(--rc-line); overflow: clip; }
.rc-about .rc-about-customers { padding-top: 84px; }
.rc-about .rc-about-section-copy h2 { font-family: var(--rc-font-display, Georgia, serif); font-size: clamp(36px, 3.8vw, 56px); font-weight: 400; line-height: 1.04; letter-spacing: -.032em; max-width: 340px; }
.rc-about .rc-about-section-copy p { font-size: 13px; line-height: 1.8; max-width: 285px; }
.rc-about .rc-about-section-tag { padding-top: 24px; margin-top: 34px; letter-spacing: .035em; font-size: 11px; }
/* Equal 4:3 windows at the requested 1.25× display size; source files stay intact. */
.rc-about .rc-about-rail-content { display: grid; gap: 32.5px; }
.rc-about .rc-rail-track { position: relative; gap: 30px; padding: 8px 8px 12px; align-items: start; overflow-x: auto; overflow-y: hidden; scroll-behavior: auto; scroll-snap-type: none; overflow-anchor: none; scrollbar-width: none; -ms-overflow-style: none; }
.rc-about .rc-rail-track::-webkit-scrollbar { display: none; width: 0; height: 0; }
.rc-about .rc-rail-track:focus-visible { outline: 2px solid var(--rc-accent); outline-offset: -2px; }
.rc-about .rc-rail-card { flex: 0 0 375px; width: 375px; min-width: 0; padding: 0; margin: 0; translate: none; }
.rc-about .rc-rail-card .rc-about-photo-button { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 4 / 3; margin: 0; padding: 12.5px; border: 1px solid rgba(255,255,255,.88); border-radius: 3px; box-shadow: 0 12px 26px -21px rgba(29,29,31,.4); background: rgba(255,255,255,.18); overflow: visible; }
.rc-about .rc-about-photo-image { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.rc-about .rc-rail-card .rc-about-photo-image img { display: block; width: auto; height: auto; max-width: min(100%, calc(var(--rc-image-safe-width) * 1.25)); max-height: min(100%, calc(var(--rc-image-safe-height) * 1.25)); object-fit: contain; background: transparent; transform: none; }
.rc-about .rc-about-photo-caption { color: var(--rc-ink); font-size: 11px; margin-top: 15px; letter-spacing: .015em; line-height: 1.55; }
.rc-about .rc-about-photo-caption small { font-size: 10px; color: var(--rc-muted); }
.rc-about [data-rail-clone] { cursor: zoom-in; }
.rc-about .rc-about-cta { background: transparent; color: var(--rc-ink); padding: 78px var(--rc-gutter) 96px; border-top: 1px solid var(--rc-line); }
.rc-about .rc-about-cta h2 { font-family: var(--rc-font-display, Georgia, serif); font-size: clamp(44px, 5.6vw, 82px); font-weight: 400; line-height: 1.04; max-width: 720px; }
.rc-about .rc-about-cta .rc-button { flex-shrink: 0; color: var(--rc-accent); background: rgba(255,255,255,.25); border-color: rgba(29,29,31,.45); }
@media (min-width: 941px) {
  .rc-about .rc-about-section-copy { position: sticky; top: 118px; align-self: start; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .rc-about .rc-about-hero { gap: 3%; padding-inline: 32px; }
  .rc-about .rc-about-hero-copy h1 { font-size: 62px; }
  .rc-about .rc-about-hero-image { padding: 0; }
  .rc-about .rc-metric { padding-inline: 8px; }
  .rc-about .rc-metric-value { font-size: 44px; }
  .rc-about .rc-about-rail-section { grid-template-columns: 28% minmax(0, 1fr); gap: 5%; }
  .rc-about .rc-about-section-copy h2 { font-size: 38px; }
}
@media (max-width: 940px) { .rc-about .rc-about-section-copy { position: static; } }
@media (max-width: 760px) {
  .rc-about .rc-about-hero { display: block; padding: 48px 20px 54px; min-height: 0; }
  .rc-about .rc-about-hero-copy h1 { font-size: clamp(44px, 11.4vw, 62px); line-height: 1.06; margin-bottom: 24px; }
  .rc-about .rc-about-hero-copy .rc-about-intro { font-size: 14px; line-height: 1.8; }
  .rc-about .rc-about-hero-note { display: block; font-size: 11px; margin-top: 22px; }
  .rc-about .rc-about-hero-image { margin-top: 34px; padding: 0; }
  .rc-about-hero-image .rc-about-photo-button::before { inset: 12% 0 20%; filter: blur(22px); opacity: .15; }
  .rc-about .rc-about-facts { padding-block: 8px 56px; }
  .rc-about .rc-about-statement { font-size: 41px; padding-bottom: 28px; }
  .rc-about .rc-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .rc-about .rc-metric { text-align: left; }
  .rc-about .rc-metric-value { font-size: clamp(36px, 10vw, 47px); }
  .rc-about .rc-metric-label { font-size: 11px; }
  .rc-about .rc-metric:nth-child(odd):not(:last-child)::after { display: none !important; }
  .rc-about .rc-about-facts-intro { font-size: 14px; margin-top: 24px; }
  .rc-about .rc-about-rail-section { display: block; padding: 46px 20px 50px; }
  .rc-about .rc-about-section-copy h2 { font-size: 41px; max-width: 340px; }
  .rc-about .rc-about-section-copy p { max-width: 100%; }
  .rc-about .rc-about-section-tag { margin-top: 20px; padding-top: 14px; }
  .rc-about .rc-about-rail-content { margin-top: 24px; }
  .rc-about .rc-rail-card { flex-basis: min(375px, 100vw); width: min(375px, 100vw); }
  .rc-about .rc-rail-track { gap: 22.5px; }
  .rc-about .rc-about-cta { padding: 52px 20px 62px; }
  .rc-about .rc-about-cta h2 { font-size: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  .rc-about .rc-about-photo-button, .rc-about .rc-about-photo-button img { transition: none; }
}