/* About page — extracted from jingtai/about-richman.html */

  /* ---------- ABOUT HERO (FIRST SCREEN) ---------- */
  .about-hero{
    position:relative;height:600px;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .about-hero .hero-media{
    position:absolute;inset:0;
    background:#E4E0DA; /* 图片占位底色 */
  }
  .about-hero .hero-media img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    animation:kenburns 26s ease-in-out infinite alternate;
  }
  .about-hero::after{
    content:'';position:absolute;inset:0;
    background:rgba(45,45,45,0.18);
  }
  @keyframes kenburns{
    0%{transform:scale(1) translate(0,0);}
    100%{transform:scale(1.12) translate(-1.5%,-1.5%);}
  }
  .about-hero .about-hero-content{
    position:relative;z-index:2;color:var(--cream);
    text-align:center;padding:0 var(--gutter);
    transform:translateY(70px);
  }
  .about-hero-content h1{
    font-size:34px;
    font-weight:620;letter-spacing:-0.02em;margin-bottom:18px;
  }
  .about-hero-content p{
    font-size:19px;font-weight:300;letter-spacing:1px;opacity:.92;
  }

  /* ---------- MISSION (WE SUPPORT LONG-TERM BRAND GROWTH) ---------- */
  .mission{
    max-width:1400px;margin:0 auto;
    padding:100px 24px 60px;
  }
  .mission-head{text-align:center;max-width:900px;margin:0 auto 60px;}
  .mission-head .eyebrow{margin-bottom:16px;}
  .mission-head h2{
    font-size:34px;
    font-weight:620;letter-spacing:-0.01em;line-height:1.15;
  }
  .mission-cols{
    max-width:900px;margin:0 auto 56px;
    text-align:center;
  }
  .mission-cols p{
    font-size:15px;color:rgba(45,45,45,0.72);
    line-height:1.95;margin:0 auto 20px;
  }
  .mission-cols p:last-child{margin-bottom:0;}
  .mission-emphasis{
    display:flex;align-items:center;justify-content:center;gap:20px;
    font-size:clamp(14px,1.6vw,18px);
    font-weight:600;letter-spacing:2px;text-transform:uppercase;
    color:var(--charcoal);text-align:center;
  }
  .mission-emphasis::before,.mission-emphasis::after{
    content:'';width:52px;height:1px;background:rgba(176,139,91,0.6);flex-shrink:0;
  }
  .mission-emphasis em{font-style:normal;color:var(--camel);}

  /* ---------- NATURAL FIBRES WE WORK WITH ---------- */
  .fibre-section{max-width:1600px;margin:0 auto;padding:90px 24px;}
  .fibre-head{text-align:center;max-width:900px;margin:0 auto 64px;}
  .fibre-head .eyebrow{margin-bottom:16px;}
  .fibre-head h2{font-size:34px;margin-bottom:16px;}
  .fibre-head p{font-size:15px;color:rgba(45,45,45,0.68);line-height:1.85;margin:0;}
  .fibre-grid{
    display:flex;flex-direction:column;
    gap:20px;
    max-width:1600px;margin:0 auto;
    width:100%;
  }
  .fibre-row{
    display:flex;justify-content:center;
    gap:20px;flex-wrap:wrap;
  }
  .fibre-card{
    width:calc((100% - 80px)/5);
    min-width:0;
    min-height:112px;
    background:#ffffff;
    border:1px solid rgba(45,45,45,0.08);
    border-radius:8px;
    padding:20px 24px;
    position:relative;
    display:flex;align-items:center;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .fibre-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(45,45,45,0.10);
    border:2px solid rgba(176,139,91,0.5);
  }
  .fibre-card img{
    position:absolute;left:24px;top:50%;transform:translateY(-50%);
    width:72px;height:72px;object-fit:contain;filter:none;
  }
  .fibre-card span{
    position:absolute;left:126px;top:50%;transform:translateY(-50%);right:16px;
    text-align:left;
    font-size:15px;font-weight:600;letter-spacing:0.5px;color:var(--charcoal);
  }

  /* ---------- A RESPONSIBLE ATTITUDE (IMAGE LEFT / TEXT RIGHT) ---------- */
  .attitude-section{padding:0;max-width:none;}
  .attitude-wrap{display:grid;grid-template-columns:1.05fr 0.95fr;gap:0;align-items:stretch;}
  .attitude-media{
    position:relative;height:680px;overflow:hidden;
    background:#F1EEE9; /* 图片占位底色 */
  }
  .attitude-media img{transition:transform 1s cubic-bezier(0.16,1,0.3,1);}
  .attitude-wrap:hover .attitude-media img{transform:scale(1.05);}
  .attitude-body{background:#F9F7F3;padding:90px clamp(40px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;}
  .attitude-body h2{font-size:26px;font-weight:620;margin-bottom:26px;}
  .attitude-body > p{font-size:15px;color:rgba(45,45,45,0.72);line-height:1.9;margin:0 0 18px;max-width:640px;}
  .attitude-body > p:last-of-type{margin-bottom:0;}
  .attitude-features{
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:28px;margin-top:44px;width:100%;max-width:720px;
  }
  .attitude-feature{
    border-top:1px solid rgba(176,139,91,0.45);
    padding-top:18px;
  }
  .attitude-feature h3{
    font-size:15px;font-weight:600;letter-spacing:0.3px;
    color:var(--charcoal);margin-bottom:8px;
  }
  .attitude-feature p{
    font-size:13px;color:rgba(45,45,45,0.7);line-height:1.7;margin:0;
  }

  /* ---------- THE THING WE PURSUE (TEXT LEFT / IMAGE RIGHT) ---------- */
  .pursue-section{padding:0;max-width:none;margin-top:120px;}
  .pursue-wrap{display:grid;grid-template-columns:0.95fr 1.05fr;gap:0;align-items:stretch;}
  .pursue-body{background:#FBFAF7;padding:90px clamp(40px,6vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;}
  .pursue-body h2{font-size:26px;font-weight:620;margin-bottom:26px;}
  .pursue-body > p{font-size:15px;color:rgba(45,45,45,0.72);line-height:1.9;margin:0 0 18px;max-width:600px;}
  .pursue-body > p:last-of-type{margin-bottom:0;}
  .pursue-media{
    position:relative;height:560px;overflow:hidden;
    background:#F1EEE9; /* 图片占位底色 */
  }
  .pursue-media img{transition:transform 1s cubic-bezier(0.16,1,0.3,1);}
  .pursue-wrap:hover .pursue-media img{transform:scale(1.05);}

  /* ---------- CTA (PARTNER WITH RICHMAN) ---------- */
  .cta-section{
    background:#FBFAF7;
    padding:110px 24px 130px;
    text-align:center;
  }
  .cta-inner{max-width:760px;margin:0 auto;}
  .cta-inner h2{font-size:34px;margin-bottom:18px;}
  .cta-inner p{font-size:15px;color:rgba(45,45,45,0.72);line-height:1.85;margin:0 auto 38px;}
  .cta-btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 36px;
    background:var(--camel);color:#fff;
    font-size:13px;font-weight:620;letter-spacing:1.5px;text-transform:uppercase;
    border-radius:4px;
    transition:opacity .3s ease, gap .3s ease;
  }
  .cta-btn:hover{opacity:.85;gap:16px;}

  /* ---------- EDGE TAG (ABOUT RICHMAN 竖条标签) ---------- */
  .edge-tag{
    position:absolute;top:0;bottom:0;width:46px;z-index:2;
    background:var(--camel);
    display:flex;align-items:center;justify-content:center;
    writing-mode:vertical-rl;transform:rotate(180deg);
    font-size:11px;font-weight:600;letter-spacing:4px;
    color:#FFFFFF;text-transform:uppercase;
  }
  .edge-tag.left{left:0;}
  .edge-tag.right{right:0;}

  .about-hero .breadcrumb{position:absolute;left:50%;bottom:0;z-index:3;transform:translateX(-50%);width:100%;max-width:1600px;height:46px;display:flex;align-items:center;gap:10px;padding:0 clamp(16px,3vw,48px);margin:0;}
  .about-hero .breadcrumb a{font-size:13px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.85);transition:color .3s ease;}
  .about-hero .breadcrumb a:hover{color:#fff;}
  .bc-sep{font-size:12px;color:rgba(255,255,255,0.65);}
  .bc-current{font-size:13px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#fff;}
  @media (max-width:768px){
    .about-hero .breadcrumb{height:38px;}
    .about-hero .breadcrumb a, .bc-sep, .bc-current{font-size:12px;letter-spacing:1.5px;}
    .attitude-features{grid-template-columns:1fr 1fr;gap:22px;}
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .split{grid-template-columns:1fr;gap:40px;}
    .split .media{order:-1 !important;height:420px;}
    .section{padding:90px var(--gutter);}
    .about-hero{height:480px;}
    .mission{padding:70px 24px 44px;}
    .mission-cols{margin-bottom:44px;}
    .fibre-section{padding:70px 24px;}
    .fibre-head{margin-bottom:56px;}
    .fibre-card{width:calc((100% - 40px)/3);}
    .attitude-wrap{grid-template-columns:1fr;}
    .attitude-media{height:400px;order:1;}
    .attitude-body{order:2;padding:70px var(--gutter);}
    .pursue-wrap{grid-template-columns:1fr;}
    .pursue-body{order:1;padding:70px var(--gutter);}
    .pursue-section{margin-top:80px;}
    .pursue-media{height:400px;order:2;}
  }
  @media (max-width:640px){
    .attitude-features{grid-template-columns:1fr;gap:20px;}
  }
  @media (max-width:600px){
    .fibre-card{width:calc(50% - 10px);}
  }
  @media (max-width:480px){
    .fibre-card{width:100%;}
  }

  .about-hero .breadcrumb a,.about-hero .breadcrumb .bc-sep,.about-hero .breadcrumb .bc-current{transform:translateY(2px);}