:root {
  --about-paper: #fff;
  --about-ink: #443226;
  --about-muted: #7c6c5b;
  --about-gold: #8a622d;
  --about-dark: #423025;
  --about-serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, serif;
}
.about-overview-page { margin: 0; color: var(--about-ink); background: var(--about-paper); font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.about-overview-page *, .about-overview-page *::before, .about-overview-page *::after { box-sizing: border-box; }
.about-overview-page a { color: inherit; text-decoration: none; }
.about-overview-page img { display: block; max-width: 100%; }
.about-overview-page main h1, .about-overview-page main h2 { font-family: var(--about-serif); font-weight: 400; }
.about-overview-page :focus-visible { outline: 2px solid #b18b53; outline-offset: 5px; }
.about-overview-shell { width: calc(100% - 80px); max-width: 1264px; margin-inline: auto; }
.about-overview-skip { position: absolute; z-index: 200; top: 12px; left: 12px; padding: 10px 14px; color: var(--about-ink); background: var(--about-paper); transform: translateY(-200%); }
.about-overview-skip:focus { transform: none; }

.about-overview-hero { position: relative; isolation: isolate; min-height: 466px; color: #fff9ed; background: linear-gradient(90deg, rgba(28,21,15,.78) 0%, rgba(28,21,15,.52) 34%, rgba(28,21,15,.09) 72%), #33271e url("/assets/web-v3/company-final/company-hero-meeting-v1.webp") center / cover no-repeat; overflow: hidden; }
.about-overview-hero-inner { min-height: 466px; display: flex; align-items: center; padding-block: 44px 62px; }
.about-overview-hero-copy { max-width: 660px; }
.about-overview-hero h1 { margin: 0 0 20px; font-size: clamp(50px, 5.6vw, 76px); line-height: 1.15; letter-spacing: .04em; }
.about-overview-hero-lead { margin: 0; color: #e8c691; font-family: var(--about-serif); font-size: clamp(22px, 2.3vw, 31px); line-height: 1.5; }
.about-overview-mobile-break { display: none; }
.about-overview-hero-description { margin: 26px 0 0; color: #eee5d8; font-size: 16px; line-height: 1.9; }

.about-overview-page .about-overview-text-link { display: inline-flex; align-items: center; gap: 18px; max-width: 100%; color: var(--about-gold); font-size: 14px; line-height: 1.6; }
.about-overview-text-link span { transition: transform .22s ease; }
.about-overview-text-link:hover, .about-overview-text-link:focus-visible { text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 1px; }
.about-overview-text-link:hover span, .about-overview-text-link:focus-visible span { transform: translateX(4px); }

.about-overview-stories { padding-block: 84px 100px; }
.about-overview-story { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; gap: clamp(40px, 7vw, 102px); }
.about-overview-story + .about-overview-story { margin-top: 100px; }
.about-overview-story-reverse { grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); }
.about-overview-story-reverse .about-overview-story-media { grid-column: 2; grid-row: 1; }
.about-overview-story-reverse .about-overview-story-copy { grid-column: 1; grid-row: 1; }
.about-overview-story-media { width: 100%; aspect-ratio: 4 / 3; background: #d3c7b3; overflow: hidden; }
.about-overview-story-media img { width: 100%; height: 100%; object-fit: cover; }
.about-overview-story-copy { max-width: 450px; padding-block: 24px; }
.about-overview-story-copy h2 { margin: 0 0 22px; font-size: clamp(28px, 2.8vw, 38px); line-height: 1.3; }
.about-overview-story-lead { margin: 0 0 18px; font-family: var(--about-serif); font-size: clamp(20px, 1.75vw, 24px); line-height: 1.6; }
.about-overview-story-copy p:not(.about-overview-story-lead) { margin: 0 0 14px; color: #73604f; font-size: 15px; line-height: 1.95; }
.about-overview-story-copy .about-overview-text-link { margin-top: 16px; }

.about-overview-contact { color: #f5eedf; background: var(--about-dark); }
.about-overview-contact-inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-block: 70px; }
.about-overview-contact-copy { max-width: 750px; }
.about-overview-contact h2 { margin: 0 0 18px; font-size: clamp(30px, 3.2vw, 43px); line-height: 1.35; }
.about-overview-contact p { margin: 0; color: #d1c1ac; font-size: 15px; line-height: 1.8; }
.about-overview-contact-actions { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 23px; }
.about-overview-page .about-overview-contact .about-overview-text-link { color: #dfbd82; }

@media (max-width: 1000px) {
  .about-overview-story { gap: 44px; }
  .about-overview-story-copy h2 { margin-bottom: 17px; }
  .about-overview-story-copy p:not(.about-overview-story-lead) { font-size: 14px; line-height: 1.8; }
}
@media (max-width: 760px) {
  .about-overview-shell { width: calc(100% - 48px); }
  .about-overview-hero, .about-overview-hero-inner { min-height: 446px; }
  .about-overview-hero { background-image: linear-gradient(90deg, rgba(28,21,15,.78), rgba(28,21,15,.3)), url("/assets/web-v3/company-final/company-hero-meeting-v1.webp"); background-position: center, 66% center; }
  .about-overview-hero-inner { padding-block: 38px 50px; }
  .about-overview-hero h1 { margin-bottom: 22px; font-size: 52px; }
  .about-overview-hero-lead { max-width: 320px; font-size: 25px; }
  .about-overview-mobile-break { display: initial; }
  .about-overview-hero-description { margin-top: 25px; font-size: 14px; }
  .about-overview-stories { padding-block: 54px 60px; }
  .about-overview-story, .about-overview-story-reverse { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .about-overview-story + .about-overview-story { margin-top: 57px; }
  .about-overview-story-reverse .about-overview-story-media, .about-overview-story-reverse .about-overview-story-copy { grid-column: auto; grid-row: auto; }
  .about-overview-story-copy { max-width: none; padding: 0; }
  .about-overview-story-copy h2 { margin-bottom: 15px; font-size: 30px; }
  .about-overview-story-lead { margin-bottom: 17px; font-size: 21px; }
  .about-overview-story-copy p:not(.about-overview-story-lead) { margin-bottom: 12px; font-size: 14px; line-height: 1.9; }
  .about-overview-story-copy .about-overview-text-link { margin-top: 11px; }
  .about-overview-contact-inner { display: block; padding-block: 50px; }
  .about-overview-contact h2 { margin-bottom: 17px; font-size: 32px; }
  .about-overview-contact p { font-size: 14px; }
  .about-overview-contact-actions { margin-top: 29px; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-overview-text-link span { transition: none; }
}