:root{
    --paper:#faf9f7;
    --paper-2:#f2f1ee;
    --ink:#141412;
    --ink-soft:#2b2a27;
    --graphite:#75726c;
    --hair:#dcdad4;
    --hair-strong:#c7c4bc;
    --charcoal:#111110;
    --charcoal-2:#1b1a18;
    --silver:#b7b4ab;
    --silver-soft:#e7e5df;
    --serif:'Cormorant Garamond', serif;
    --caps:'Cinzel', serif;
    --sans:'Jost', sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans);
    font-weight:300;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit; text-decoration:none;}
  img{display:block; max-width:100%;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 40px;}
  ::selection{background:var(--ink); color:var(--paper);}

  .eyebrow{
    font-family:var(--caps);
    font-size:11px;
    letter-spacing:.32em;
    text-transform:uppercase;
    color:var(--graphite);
  }
  .eyebrow em{font-style:normal; color:var(--ink);}
  .eyebrow.on-dark{color:#c7c4bb;}
  .eyebrow.on-dark em{color:var(--paper);}

  h1,h2,h3{
    font-family:var(--serif);
    font-weight:400;
    color:var(--ink);
    letter-spacing:.005em;
  }
  h2{font-size:clamp(28px,3.4vw,42px); line-height:1.15;}
  h2 em{font-style:italic; font-weight:400; color:var(--ink-soft);}

  p{color:var(--ink-soft); line-height:1.75; font-weight:300;}

  .btn{
    display:inline-flex; align-items:center; gap:10px;
    font-family:var(--sans); font-size:13px; letter-spacing:.08em; text-transform:uppercase;
    padding:16px 30px; border:1px solid var(--ink);
    transition:background .35s ease, color .35s ease, border-color .35s ease;
    white-space:nowrap;
  }
  .btn.primary{background:var(--ink); color:var(--paper);}
  .btn.primary:hover{background:transparent; color:var(--ink);}
  .btn.ghost{background:transparent; color:var(--ink); border-color:var(--ink);}
  .btn.ghost:hover{background:var(--ink); color:var(--paper);}
  .btn.on-hero{border-color:rgba(250,249,247,.55); color:var(--paper);}
  .btn.on-hero:hover{background:var(--paper); color:var(--charcoal); border-color:var(--paper);}
  .btn.on-dark{border-color:var(--silver-soft); color:var(--paper);}
  .btn.on-dark:hover{background:var(--paper); color:var(--charcoal); border-color:var(--paper);}
  .btn svg{width:14px; height:14px; flex:none;}

  .hair{border:none; border-top:1px solid var(--hair); margin:0;}
  .hair-v{width:1px; background:var(--hair); align-self:stretch;}

  /* ---------- header ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:50;
    padding-top:2px;
    transition:background .4s ease, border-color .4s ease, backdrop-filter .4s ease;
  }
  header.scrolled{
    background:rgba(250,249,247,.88);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--hair);
  }
  header .row{ display:flex; align-items:center; justify-content:space-between; height:84px; }
  .brand{display:flex; align-items:center; gap:13px;}
  .brand .plate{
    width:36px; height:36px; border-radius:2px; overflow:hidden;
    border:1px solid rgba(255,255,255,.35);
    flex:none;
  }
  header.scrolled .brand .plate{border-color:var(--hair-strong);}
  .brand .plate img{width:100%; height:100%; object-fit:cover;}
  .brand-text{font-family:var(--caps); font-size:12.5px; letter-spacing:.12em; color:var(--paper);}
  .brand-text span{display:block; font-family:var(--sans); font-size:9px; letter-spacing:.22em; color:#d8d6cf; margin-top:3px; font-weight:300;}
  header.scrolled .brand-text{color:var(--ink);}
  header.scrolled .brand-text span{color:var(--graphite);}

  nav{display:flex; align-items:center; gap:38px;}
  nav a.nav-link{
    font-size:12.5px; letter-spacing:.08em; text-transform:uppercase;
    color:var(--paper);
    position:relative; padding-bottom:4px;
  }
  header.scrolled nav a.nav-link{color:var(--ink-soft);}
  nav a.nav-link::after{
    content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:currentColor;
    transition:right .3s ease;
  }
  nav a.nav-link:hover::after{right:0;}
  nav .btn{border-color:rgba(250,249,247,.5); color:var(--paper);}
  header.scrolled nav .btn{border-color:var(--ink); color:var(--ink);}
  nav .btn:hover{background:var(--paper); color:var(--charcoal);}
  header.scrolled nav .btn:hover{background:var(--ink); color:var(--paper);}

  .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none;}
  .burger span{width:22px; height:1px; background:var(--paper);}
  header.scrolled .burger span{background:var(--ink);}

  /* ---------- hero (single cover) ---------- */
  .hero{
    position:relative;
    min-height:100svh;
    display:flex;
    align-items:flex-end;
    background-image:url('../images/hero-v3.jpg');
    background-size:cover;
    background-position:78% center;
    color:var(--paper);
  }
  .hero::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(10,10,9,.25) 0%, rgba(10,10,9,0) 26%, rgba(10,10,9,0) 62%, rgba(8,8,7,.55) 100%);
    pointer-events:none;
  }
  .hero .wrap{position:relative; z-index:1; width:100%; padding-bottom:96px; padding-top:120px;}
  .hero-copy{max-width:720px;}
  .hero-copy .eyebrow{color:#d9d7cf; margin-bottom:22px;}
  .hero-copy .eyebrow em{color:var(--paper);}
  .hero-copy h1{
    font-size:clamp(36px,4.7vw,58px);
    line-height:1.1;
    font-weight:300;
    color:var(--paper);
  }
  .hero-copy h1 em{font-style:italic; font-weight:400;}
  .hero-copy p.lede{
    margin-top:26px; max-width:600px; font-size:16px; color:#dedcd5;
  }
  .hero-cta{display:flex; gap:16px; margin-top:44px; flex-wrap:wrap;}

  .hero-plate{
    position:absolute; right:40px; bottom:44px; z-index:1;
    display:flex; align-items:center; gap:14px;
    padding:14px 20px;
    border:1px solid rgba(250,249,247,.28);
    background:rgba(10,10,9,.28);
    backdrop-filter:blur(3px);
  }
  .hero-plate .name{font-family:var(--caps); font-size:11px; letter-spacing:.09em; color:var(--paper);}
  .hero-plate .oab{font-size:10px; letter-spacing:.06em; color:#c9c7bf; margin-top:3px;}

  .scroll-hint{
    position:absolute; left:40px; bottom:44px; z-index:1;
    display:flex; align-items:center; gap:10px;
    font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#c9c7bf;
  }
  .scroll-hint .line{width:34px; height:1px; background:#c9c7bf;}

  /* ---------- credential strip ---------- */
  .strip{border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); background:var(--paper);}
  .strip .wrap{display:flex; align-items:stretch;}
  .strip-item{flex:1; padding:26px 30px; display:flex; align-items:center; gap:14px;}
  .strip-item .num{font-family:var(--serif); font-style:italic; font-size:22px; color:var(--hair-strong);}
  .strip-item .txt{font-size:12.5px; letter-spacing:.03em; color:var(--ink-soft); line-height:1.5;}
  .strip-item .txt b{display:block; font-family:var(--caps); font-size:11px; letter-spacing:.1em; color:var(--ink); margin-bottom:3px; font-weight:500;}

  section{padding:110px 0;}
  .section-head{display:grid; grid-template-columns:.5fr 1fr; gap:50px; margin-bottom:64px; align-items:end;}
  .section-head .eyebrow{margin-bottom:18px;}
  .section-head p{max-width:440px; font-size:15px;}

  /* ---------- areas ---------- */
  .areas{background:var(--paper);}
  .area-row{
    display:grid; grid-template-columns:90px 1fr; align-items:center;
    padding:36px 0; border-top:1px solid var(--hair);
    transition:background .3s ease;
  }
  .areas .area-row:last-child{border-bottom:1px solid var(--hair);}
  .area-row:hover{background:var(--paper-2);}
  .area-num{font-family:var(--serif); font-style:italic; font-size:20px; color:var(--hair-strong);}
  .area-body h3{font-size:24px; font-weight:400; margin-bottom:8px;}
  .area-body p{font-size:14.5px; max-width:640px;}

  /* ---------- about ---------- */
  .about{background:var(--paper-2); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);}
  .about-grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center;}
  .about-mark{
    border:1px solid var(--hair-strong); padding:0; overflow:hidden;
    aspect-ratio:1/1; background:var(--charcoal);
  }
  .about-mark img{width:100%; height:100%; object-fit:cover;}
  .about-copy .eyebrow{margin-bottom:20px;}
  .about-copy p{font-size:16px; margin-bottom:20px;}
  .about-copy p.quote{
    font-family:var(--serif); font-style:italic; font-size:22px; color:var(--ink); line-height:1.5;
    border-left:1px solid var(--ink); padding-left:24px; margin:30px 0;
  }
  .about-meta{display:flex; gap:0; margin-top:30px; border-top:1px solid var(--hair-strong); padding-top:24px;}
  .about-meta div{padding-right:34px; margin-right:34px; border-right:1px solid var(--hair);}
  .about-meta div:last-child{border-right:none;}
  .about-meta b{display:block; font-family:var(--caps); font-size:10.5px; letter-spacing:.08em; color:var(--graphite); margin-bottom:6px;}
  .about-meta span{font-size:14px; color:var(--ink);}

  /* ---------- process ---------- */
  .process .section-head{margin-bottom:70px;}
  .process-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
  .process-item{padding:0 40px 0 0; position:relative;}
  .process-item + .process-item{padding-left:40px; border-left:1px solid var(--hair);}
  .process-item .pnum{font-family:var(--serif); font-style:italic; font-size:44px; color:var(--hair-strong); margin-bottom:18px; display:block;}
  .process-item h3{font-size:19px; font-weight:400; margin-bottom:12px; letter-spacing:.01em;}
  .process-item p{font-size:14px;}

  /* ---------- contact (dark) ---------- */
  .contact{background:var(--charcoal); color:var(--paper); position:relative; overflow:hidden;}
  .contact::before{
    content:"";
    position:absolute; inset:0;
    background:
      linear-gradient(var(--charcoal-2) 1px, transparent 1px) 0 0/100% 96px,
      linear-gradient(90deg, var(--charcoal-2) 1px, transparent 1px) 0 0/96px 100%;
    opacity:.35;
  }
  .contact .wrap{position:relative; z-index:1;}
  .contact-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center;}
  .contact-logo{border:1px solid #2c2b28; padding:36px; display:flex; align-items:center; justify-content:center;}
  .contact-logo img{width:100%; max-width:420px;}
  .contact-copy h2{color:var(--paper); max-width:480px;}
  .contact-copy p{color:#b8b6b0; max-width:440px; margin-top:20px; font-size:15.5px;}
  .contact-links{margin-top:38px; display:flex; flex-direction:column; gap:0;}
  .contact-links a{
    display:flex; align-items:center; justify-content:space-between; padding:18px 0;
    border-top:1px solid #2c2b28; font-size:14.5px; letter-spacing:.02em; color:var(--paper);
  }
  .contact-links a:last-child{border-bottom:1px solid #2c2b28;}
  .contact-links a b{font-family:var(--caps); font-size:10px; letter-spacing:.1em; color:#8a877f; font-weight:500;}
  .contact-links a svg{width:13px; height:13px; stroke:#8a877f; transition:transform .3s ease;}
  .contact-links a:hover svg{transform:translateX(4px); stroke:var(--paper);}
  .contact-cta{margin-top:38px;}

  footer{background:var(--charcoal); border-top:1px solid #2c2b28; padding:40px 0;}
  footer .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
  footer p{color:#87847c; font-size:11.5px; line-height:1.7; max-width:640px;}

  @media (max-width:980px){
    .about-grid, .contact-grid{grid-template-columns:1fr; gap:44px;}
    .about-mark{max-width:300px; margin:0 auto;}
    .section-head{grid-template-columns:1fr; gap:18px;}
    .process-grid{grid-template-columns:1fr; gap:34px;}
    .process-item, .process-item + .process-item{padding:0; border-left:none; border-top:1px solid var(--hair); padding-top:30px;}
    .process-item:first-child{border-top:none; padding-top:0;}
    nav{display:none;}
    .burger{display:flex;}
    .strip .wrap{flex-direction:column;}
    .strip-item{border-bottom:1px solid var(--hair);}
    .strip-item:last-child{border-bottom:none;}
    .hero-plate{display:none;}
    .scroll-hint{display:none;}
  }
  @media (max-width:600px){
    .wrap{padding:0 22px;}
    .hero .wrap{padding-top:110px; padding-bottom:70px;}
    .hero{background-position:88% center;}
    .area-row{grid-template-columns:42px 1fr;}
    .about-meta{flex-wrap:wrap; gap:20px 0;}
    .about-meta div{border-right:none; margin-right:0; padding-right:0; width:50%;}
  }


  /* ---------- V4 refinements ---------- */
  strong{font-weight:500;}
  .hero-copy h1{max-width:720px; text-wrap:balance;}
  .hero-copy .lede strong{color:var(--paper);}

  .practice-strip .strip-item{color:inherit; transition:background .25s ease;}
  .practice-strip .strip-item:hover{background:var(--paper-2);}

  .section-head h2{margin-top:16px; max-width:620px;}

  .area-folder{align-items:start; scroll-margin-top:110px; padding:44px 0;}
  .area-folder .area-body{display:grid; grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr); gap:54px; align-items:start;}
  .area-folder .area-intro p{max-width:520px;}
  .area-folder.featured-area{background:linear-gradient(90deg, transparent 0, rgba(17,17,16,.025) 100%);}
  .service-list{list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 34px; border-top:1px solid var(--hair);}
  .service-list li{position:relative; padding:12px 8px 12px 18px; border-bottom:1px solid var(--hair); font-size:13.5px; line-height:1.45; color:var(--ink-soft);}
  .service-list li::before{content:""; position:absolute; left:0; top:19px; width:5px; height:5px; border:1px solid var(--graphite); border-radius:50%;}

  .about-role{font-family:var(--caps); font-size:11px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--graphite) !important; margin-top:-8px; margin-bottom:28px !important;}
  .about-copy strong{color:var(--ink);}

  .insights{background:var(--paper-2); border-top:1px solid var(--hair);}
  .insight-grid{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--hair-strong); border-bottom:1px solid var(--hair-strong);}
  .insight-card{padding:42px 38px 44px 0; min-height:260px;}
  .insight-card + .insight-card{border-left:1px solid var(--hair); padding-left:38px;}
  .insight-num{display:block; font-family:var(--serif); font-style:italic; color:var(--hair-strong); font-size:24px; margin-bottom:38px;}
  .insight-card h3{font-size:23px; margin-bottom:14px;}
  .insight-card p{font-size:14px;}

  .contact-static{display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid #2c2b28; font-size:14.5px; color:var(--paper);}
  .contact-static b{display:block; font-family:var(--caps); font-size:10px; letter-spacing:.1em; color:#8a877f; font-weight:500;}

  footer .footer-grid{display:grid; grid-template-columns:.9fr 1.2fr 1.4fr; align-items:start; gap:42px;}
  .footer-brand strong{display:block; font-family:var(--caps); color:#bbb8b0; font-size:11px; letter-spacing:.08em; font-weight:500;}
  .footer-brand span{display:block; color:#77746d; font-size:11px; margin-top:6px;}
  .footer-areas{color:#8e8b83; font-size:11.5px; line-height:1.7;}
  footer p{margin:0;}

  .mobile-nav{display:none; background:rgba(250,249,247,.98); border-bottom:1px solid var(--hair); padding:14px 22px 20px;}
  .mobile-nav a{display:block; padding:12px 0; border-bottom:1px solid var(--hair); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink);}
  .mobile-nav.open{display:block;}

  @media (max-width:1080px){
    nav{gap:24px;}
    .area-folder .area-body{grid-template-columns:1fr; gap:28px;}
    .service-list{max-width:780px;}
    .process-grid{grid-template-columns:repeat(2,1fr); gap:38px 0;}
    .process-item:nth-child(3){border-left:none; padding-left:0;}
  }

  @media (max-width:980px){
    header .row{height:76px;}
    .hero{min-height:820px; background-position:72% center;}
    .hero::after{background:linear-gradient(90deg, rgba(10,10,9,.78) 0%, rgba(10,10,9,.55) 48%, rgba(10,10,9,.05) 82%), linear-gradient(180deg, rgba(10,10,9,.18) 0%, transparent 55%, rgba(8,8,7,.45) 100%);}
    .hero-copy{max-width:620px;}
    .insight-grid{grid-template-columns:1fr;}
    .insight-card,.insight-card + .insight-card{padding:32px 0; border-left:none; border-top:1px solid var(--hair); min-height:auto;}
    .insight-card:first-child{border-top:none;}
    footer .footer-grid{grid-template-columns:1fr; gap:18px;}
  }

  @media (max-width:700px){
    section{padding:82px 0;}
    .hero{min-height:760px; background-position:76% center;}
    .hero::after{background:linear-gradient(90deg, rgba(8,8,7,.88) 0%, rgba(8,8,7,.70) 54%, rgba(8,8,7,.12) 100%), linear-gradient(180deg, rgba(8,8,7,.18), rgba(8,8,7,.20));}
    .hero-copy h1{font-size:clamp(34px,10.5vw,48px);}
    .hero-copy p.lede{font-size:15px; max-width:92%;}
    .practice-strip .wrap{padding:0;}
    .practice-strip .strip-item{padding:20px 22px;}
    .area-folder{padding:34px 0;}
    .service-list{grid-template-columns:1fr;}
    .process-grid{grid-template-columns:1fr; gap:30px;}
    .process-item,.process-item + .process-item,.process-item:nth-child(3){padding:28px 0 0; border-left:none; border-top:1px solid var(--hair);}
    .process-item:first-child{border-top:none; padding-top:0;}
    .about-meta div{width:100%; padding-bottom:16px;}
    .contact-logo{padding:20px;}
  }

  .hero::after{
    background:linear-gradient(180deg, rgba(10,10,9,.06) 0%, rgba(10,10,9,0) 65%, rgba(8,8,7,.18) 100%);
  }
  @media (max-width:980px){
    .hero::after{background:linear-gradient(90deg, rgba(10,10,9,.52) 0%, rgba(10,10,9,.30) 50%, rgba(10,10,9,.04) 86%);}
  }
  @media (max-width:700px){
    .hero::after{background:linear-gradient(90deg, rgba(8,8,7,.58) 0%, rgba(8,8,7,.38) 58%, rgba(8,8,7,.05) 100%);}
  }

.service-list li a{display:block; color:inherit;}
.service-list li a:hover{color:var(--ink);}
.insight-card h3 a{color:inherit;}
.insight-card h3 a:hover{text-decoration:underline;}


body{font-size:16.5px}.section-head p{font-size:16px}.area-intro p{font-size:16px!important;line-height:1.7}.service-list{gap:10px 14px!important;border-top:0!important}.service-list li{padding:0!important;border:0!important;font-size:15px!important}.service-list li::before{display:none!important}.service-list li a{position:relative;display:flex!important;align-items:center;justify-content:space-between;min-height:48px;padding:12px 38px 12px 14px;border:1px solid var(--hair);background:#fff;transition:background .25s ease,border-color .25s ease,transform .25s ease}.service-list li a::after{content:'→';position:absolute;right:14px;color:var(--graphite);font-size:15px}.service-list li a:hover{background:var(--paper-2);border-color:var(--hair-strong);transform:translateX(2px)}
.about-panel{min-height:430px;border:1px solid var(--hair-strong);padding:52px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#f8f7f4,#ebe8e1)}.about-panel-mark{width:68px;height:68px;object-fit:cover;margin-bottom:auto;border:1px solid var(--hair-strong)}.about-panel .eyebrow{margin-bottom:12px}.about-panel h3{font-size:38px;line-height:1.05;margin-bottom:18px}.about-panel p:not(.eyebrow){font-size:15px;max-width:320px}.about-panel span{margin-top:20px;font-family:var(--caps);font-size:10px;letter-spacing:.12em;color:var(--graphite)}
.opinion-home{padding:90px 0;background:var(--charcoal);color:var(--paper)}.opinion-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.opinion-home .eyebrow{color:#bdb8af;margin-bottom:16px}.opinion-home h2,.opinion-home h2 em{color:var(--paper)}.opinion-home p{color:#d6d1c8;font-size:16px;max-width:480px;margin-bottom:24px}.opinion-home .btn{border-color:#e4dfd7;color:#fff}.opinion-home .btn:hover{background:#fff;color:#111}
@media(max-width:820px){.opinion-home-grid{grid-template-columns:1fr;gap:30px}.about-panel{min-height:330px;padding:34px}.service-list{grid-template-columns:1fr!important}}

.hero-copy p.lede{font-size:17px}.area-intro h3{font-size:29px}.section-head h2{font-size:clamp(31px,3.6vw,46px)}.insight-card p{font-size:15.5px}.about-copy p{font-size:16.5px}.process-item p{font-size:15px}.contact-copy p{font-size:16px}

/* v7: navigation and readable practice links */
header nav{gap:24px}
header nav a.nav-link{font-size:12px}
.service-list li a{font-size:15.5px;font-weight:400;line-height:1.45;padding-right:28px}
@media(max-width:1120px){header nav{gap:18px}.brand-text{font-size:11.5px}}
@media(max-width:1040px){header nav{display:none}.burger{display:flex}}


/* --- home v8 refinements: about section de-cluttered --- */
.about{padding:96px 0;background:#f7f5f0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.about-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:64px;align-items:stretch}
.about-panel{min-height:0;border:1px solid var(--hair-strong);padding:40px 38px;background:linear-gradient(145deg,#faf8f3,#efebe2);display:flex;flex-direction:column;justify-content:flex-start}
.about-panel-mark{width:54px;height:54px;object-fit:cover;border:1px solid var(--hair-strong);margin-bottom:26px}
.about-panel .eyebrow{margin-bottom:10px}
.about-panel h3{font-size:clamp(36px,3.2vw,44px);line-height:1.05;max-width:11ch;margin-bottom:18px}
.about-panel p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:33ch;color:var(--ink-soft)}
.about-points{list-style:none;display:grid;gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid var(--hair)}
.about-points li{display:grid;gap:3px}
.about-points strong{font-family:var(--caps);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.about-points span{font-size:14.5px;line-height:1.55;color:var(--graphite)}
.about-copy{display:flex;flex-direction:column;justify-content:center;max-width:760px}
.about-copy .eyebrow{margin-bottom:16px}
.about-copy h2{font-size:clamp(48px,4.5vw,62px);line-height:1.02;max-width:12ch;margin-bottom:8px}
.about-role{font-family:var(--caps);font-size:11px !important;letter-spacing:.13em;text-transform:uppercase;color:var(--graphite) !important;margin-top:0;margin-bottom:28px !important}
.about-copy p{font-size:18px;line-height:1.88;color:var(--ink-soft);margin-bottom:18px;max-width:40em}
.about-copy strong{color:var(--ink)}
.about-meta{display:grid;grid-template-columns:1.55fr .72fr .72fr;gap:18px;margin-top:18px;padding-top:0;border-top:none}
.about-meta div{border:1px solid var(--hair);padding:18px 20px;background:rgba(255,255,255,.52);margin-right:0;padding-right:20px}
.about-meta b{display:block;font-family:var(--caps);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);margin-bottom:8px}
.about-meta span{display:block;font-size:15.5px;line-height:1.6;color:var(--ink)}
@media(max-width:980px){.about-grid{grid-template-columns:1fr;gap:34px}.about-copy{max-width:none}.about-panel h3{max-width:none}.about-meta{grid-template-columns:1fr}}
@media(max-width:640px){.about{padding:72px 0}.about-panel{padding:30px 24px}.about-copy h2{font-size:42px}.about-copy p{font-size:17px;line-height:1.8}.about-meta div{padding:16px 18px}.about-points span{font-size:14px}}