/* ===================================================================
   RK Accounting & Tax Services — ABOUT page styles
   Sixth Man Design
=================================================================== */

#omega-about{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw;position:relative;left:0}

/* ── Hero (text-only editorial band) ── */
.about-hero{position:relative;background:linear-gradient(158deg,var(--ink) 0%,var(--maroon-dark) 56%,var(--maroon) 100%);color:var(--cream);overflow:hidden;isolation:isolate}
.about-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 22px);pointer-events:none}
.about-hero::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(176,137,79,.22),transparent 68%);pointer-events:none}
.about-hero-inner{position:relative;z-index:2;padding:152px var(--pad,32px) 78px}
.about-breadcrumb{display:flex;gap:10px;align-items:center;font-size:.82rem;letter-spacing:.04em;color:rgba(250,246,239,.78);margin-bottom:22px}
.about-breadcrumb a{color:rgba(250,246,239,.78);transition:color .3s var(--ease)}
.about-breadcrumb a:hover{color:#F0CFC2}
.about-breadcrumb .sep{color:rgba(250,246,239,.5)}
.about-kicker{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#F0CFC2;margin-bottom:14px}
.about-hero h1{font-size:clamp(2.5rem,5.4vw,4.1rem);font-weight:500;line-height:1.05;margin-bottom:20px;max-width:16ch;text-wrap:balance}
.about-hero .standfirst{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:60ch;color:rgba(250,246,239,.94);margin-bottom:28px;text-wrap:pretty}
.cred-chips{display:flex;flex-wrap:wrap;gap:12px}
.cred-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border:1px solid rgba(250,246,239,.34);border-radius:99px;font-size:.86rem;font-weight:600;letter-spacing:.01em;color:var(--cream)}
.cred-chip .dot{width:6px;height:6px;border-radius:99px;background:var(--brass);flex:none}

/* ── Split sections ── */
.about-split{padding:98px 0}
.about-split .wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:66px;align-items:center}
.about-split.surface{background:var(--cream-2)}
.about-split.reverse .about-media{order:2}
.about-split.reverse .about-copy{order:1}
.about-copy .eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--maroon);margin-bottom:14px}
.about-copy h2{font-size:clamp(1.85rem,3vw,2.55rem);font-weight:500;line-height:1.12;margin-bottom:22px;color:var(--ink);text-wrap:balance}
.about-copy p{color:var(--text);font-size:1.07rem;line-height:1.72;margin-bottom:18px;max-width:58ch;text-wrap:pretty}
.about-copy p:last-child{margin-bottom:0}
.about-copy .signoff{margin-top:26px;font-family:var(--font-display);font-style:italic;font-size:1.18rem;color:var(--maroon)}

/* ── Media ── */
.about-media .ph{aspect-ratio:1040/1200;border-radius:8px;overflow:hidden;box-shadow:0 32px 64px -32px rgba(23,18,15,.55);position:relative}
.about-split.landscape .about-media .ph{aspect-ratio:1080/760}
.about-media .ph img{width:100%;height:100%;object-fit:cover;display:block}
.about-media{position:relative}
.about-media::after{content:"";position:absolute;left:-18px;bottom:-18px;width:120px;height:120px;border:1.5px solid var(--brass);border-radius:8px;z-index:-1}

/* ── Who I work with ── */
.about-clients{padding:100px 0;text-align:center}
.about-clients .eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--maroon);margin-bottom:14px}
.about-clients h2{font-size:clamp(1.85rem,3vw,2.5rem);font-weight:500;margin-bottom:18px;color:var(--ink)}
.about-clients .intro{max-width:64ch;margin:0 auto 40px;color:var(--text);font-size:1.08rem;line-height:1.7;text-wrap:pretty}
.client-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 auto 64px;max-width:880px}
.client-tag{padding:11px 20px;border:1px solid var(--border);border-radius:99px;background:var(--white);font-weight:600;font-size:.92rem;color:var(--ink);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.client-tag:hover{transform:translateY(-3px);border-color:var(--maroon);box-shadow:0 14px 30px -18px rgba(122,30,41,.5)}
.wants-head{font-family:var(--font-display);font-size:1.32rem;color:var(--ink);margin-bottom:30px}
.wants{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 46px;max-width:820px;margin:0 auto}
.want{display:flex;align-items:flex-start;gap:13px;text-align:left;font-weight:500;font-size:1.02rem;color:var(--text);max-width:330px}
.want .tick{width:26px;height:26px;border-radius:99px;background:var(--maroon);color:#fff;display:grid;place-items:center;font-size:.78rem;flex:none;margin-top:2px}

/* ── Services I offer ── */
.about-services{padding:0 0 104px;text-align:center}
.about-services .panel{max-width:920px;margin:0 auto;background:linear-gradient(158deg,var(--ink),var(--maroon-dark));border-radius:14px;padding:64px 40px;color:var(--cream);position:relative;overflow:hidden;isolation:isolate}
.about-services .panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px);pointer-events:none}
.about-services .eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#F0CFC2;margin-bottom:14px;position:relative}
.about-services h2{font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:500;color:#fff;margin-bottom:14px;position:relative}
.about-services .panel p{max-width:54ch;margin:0 auto 28px;color:rgba(250,246,239,.9);position:relative;line-height:1.65}
.svc-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;position:relative}
.svc-chip{display:inline-flex;align-items:center;padding:11px 20px;border:1px solid rgba(250,246,239,.4);border-radius:99px;font-weight:600;font-size:.92rem;color:var(--cream);transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
a.svc-chip:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}

/* ── CTA band ── */
.cta-band{background:var(--maroon);color:var(--cream);padding:90px 0;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px);pointer-events:none}
.cta-band h2{font-size:clamp(2rem,3.6vw,2.9rem);color:#fff;margin-bottom:14px;position:relative}
.cta-band p{max-width:52ch;margin:0 auto 32px;color:rgba(250,246,239,.9);position:relative}
.cta-band-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;position:relative}

/* ── Responsive ── */
@media (max-width:900px){
  .about-split .wrap{grid-template-columns:1fr;gap:42px}
  .about-split.reverse .about-media,.about-split.landscape .about-media{order:0}
  .about-split.reverse .about-copy{order:0}
  .about-media .ph,.about-split.landscape .about-media .ph{aspect-ratio:1080/720;max-width:560px;margin:0 auto}
}
@media (max-width:768px){
  .about-hero-inner{padding:132px var(--pad,32px) 60px}
  .about-split{padding:64px 0}
  .about-clients{padding:68px 0}
  .about-services{padding:0 0 70px}
  .about-services .panel{padding:48px 26px}
  .wants{gap:18px 30px}
  .cta-band{padding:70px 0}
  .about-media::after{display:none}
}
@media (max-width:480px){
  .want{max-width:100%}
}