/* ==========================================================================
   ABOUT PAGE STYLESHEET

   Contents
   1. Base section layouts
   2. Reveal and scroll-triggered motion
   3. Shared visual language and editorial treatments
   4. Card composition and section refinements
   5. Responsive and mobile refinements

   Naming follows the page's component structure. Most selectors use the
   component__element--modifier convention so future edits stay predictable.
   ========================================================================== */

/* 1. Base section layouts: hero, introduction, process, profile, CTA. */
/* About page: quiet authority, clear hierarchy, human-led storytelling. */
.about-hero{position:relative;min-height:clamp(650px,78vh,820px);display:flex;align-items:center;overflow:hidden;background:var(--color-paper);color:var(--color-ink)}
.about-hero__image{position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,rgba(242,239,222,.98) 0%,rgba(242,239,222,.84) 14%,rgba(16,26,38,.1) 55%),url("../images/about-firm-office.webp?v=2") center/cover no-repeat;transform:scale(1.03);transition:transform 1.2s cubic-bezier(.2,0,0,1)}
.about-hero__wash{position:absolute;inset:0;background:linear-gradient(100deg,rgba(242,239,222,.18),transparent 54%);pointer-events:none}.about-hero__inner{position:relative;z-index:1;padding-top:96px}.about-hero__copy{max-width:640px}.eyebrow{margin:0 0 24px;color:var(--color-brass);font:var(--text-eyebrow);letter-spacing:.22em;text-transform:uppercase}.about-hero h1{max-width:650px;margin:0;font:500 clamp(48px,6vw,76px)/.98 var(--font-display);letter-spacing:-.025em}.about-hero h1 em{color:var(--color-navy);font-style:normal}.about-hero__lead{max-width:560px;margin:28px 0 32px;color:rgba(16,26,38,.72);font-size:18px;line-height:1.7}.about-hero__actions{display:flex;align-items:center;gap:25px}.about-hero__actions .btn,.about-cta .btn{gap:14px}.about-hero__text-link,.inline-link{color:var(--color-ink);font:600 13px/1.2 var(--font-body);text-decoration:none}.about-hero__text-link:hover,.inline-link:hover{color:var(--color-brass)}.about-hero__trust{margin:54px 0 0;color:rgba(16,26,38,.58);font:600 10px/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.about-hero__trust span{margin:0 8px;color:var(--color-brass)}.about-hero__edge{position:absolute;right:0;bottom:0;width:58%;height:1px;background:linear-gradient(90deg,transparent,var(--color-brass));opacity:.75}
.about-introduction{padding:116px 0 124px;background:var(--color-paper)}.about-introduction__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(56px,8vw,112px)}.section-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--color-brass);font:var(--text-eyebrow);letter-spacing:.2em;text-transform:uppercase}.section-kicker::before{width:28px;height:1px;background:currentColor;content:""}.section-kicker--light{color:var(--color-brass)}.section-heading{margin:0;padding-left:16px;border-left:3px solid var(--color-brass);font:var(--text-h2);letter-spacing:-.01em}.about-introduction__lead{margin:30px 0 18px;color:var(--color-ink);font:400 22px/1.5 var(--font-display)}.about-introduction__grid>div>p:not(.section-kicker):not(.about-introduction__lead){max-width:500px;color:rgba(16,26,38,.7);font-size:16px;line-height:1.75}.inline-link{display:inline-block;margin-top:25px;color:var(--color-brass);text-decoration:underline;text-decoration-color:rgba(166,126,77,.45);text-underline-offset:5px}.principles{padding-left:34px;border-left:1px solid rgba(16,26,38,.17)}.principles__label{margin:0 0 20px;color:var(--color-brass);font:var(--text-eyebrow);letter-spacing:.2em;text-transform:uppercase}.principle{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:20px 0;border-top:1px solid rgba(16,26,38,.14)}.principle:last-child{border-bottom:1px solid rgba(16,26,38,.14)}.principle__number{color:var(--color-brass);font:600 11px/1.6 var(--font-body);letter-spacing:.12em}.principle h3{margin:0 0 5px;font:500 22px/1.1 var(--font-display)}.principle p{margin:0;color:rgba(16,26,38,.64);font-size:14px;line-height:1.5}
.working-process{padding:104px 0 112px;background:var(--color-navy);color:var(--color-paper)}.working-process__heading{max-width:560px}.section-heading--light{color:var(--color-paper)}.process-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px}.process-grid::before{position:absolute;top:23px;right:10%;left:0;height:1px;background:rgba(166,126,77,.5);content:""}.process-step{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;gap:18px}.process-step__number{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--color-brass);border-radius:50%;background:var(--color-navy);color:var(--color-brass);font:600 11px/1 var(--font-body);letter-spacing:.1em}.process-step h3{margin:4px 0 10px;font:500 25px/1.1 var(--font-display)}.process-step p{max-width:250px;margin:0;color:rgba(242,239,222,.68);font-size:14px;line-height:1.65}
.lawyer-profile{position:relative;overflow:hidden;padding:126px 0;background:var(--color-ink);color:var(--color-paper)}.lawyer-profile__watermark{position:absolute;right:-2vw;bottom:-.08em;color:rgba(242,239,222,.035);font:700 clamp(100px,19vw,290px)/.8 var(--font-body);letter-spacing:-.08em;pointer-events:none}.lawyer-profile__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(60px,8vw,116px)}.lawyer-profile__media{position:relative;max-width:500px}.lawyer-profile__frame{position:relative;margin:0 18px 18px 0}.lawyer-profile__frame::after{position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(166,126,77,.62);content:"";pointer-events:none}.lawyer-profile__frame img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;filter:saturate(.92);transition:transform .7s cubic-bezier(.2,0,0,1),filter .7s ease}.lawyer-profile__media:hover img{transform:scale(1.015);filter:saturate(1)}.lawyer-profile__caption{position:absolute;z-index:2;bottom:0;left:0;padding:14px 18px;background:var(--color-brass);color:var(--color-paper)}.lawyer-profile__caption strong,.lawyer-profile__caption span{display:block}.lawyer-profile__caption strong{font:500 20px/1 var(--font-display)}.lawyer-profile__caption span,.lawyer-profile__role{margin-top:6px;font:600 10px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.lawyer-profile__copy h2{margin:0;font:500 clamp(44px,5vw,68px)/.98 var(--font-display);letter-spacing:-.025em}.lawyer-profile__role{color:var(--color-brass)}.lawyer-profile__statement{max-width:640px;margin:32px 0 28px;color:var(--color-brass);font:400 italic clamp(24px,2.5vw,32px)/1.35 var(--font-display)}.lawyer-profile__bio{max-width:600px;color:rgba(242,239,222,.72);font-size:15px;line-height:1.75}.lawyer-profile__bio p{margin:0 0 17px}.lawyer-profile__links{display:flex;flex-wrap:wrap;gap:9px 22px;margin:28px 0 34px}.lawyer-profile__links a{color:var(--color-paper-tint);font:600 11px/1.3 var(--font-body);text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.lawyer-profile__links a::after{display:block;width:26px;height:1px;margin-top:7px;background:var(--color-brass);content:""}.lawyer-profile__links a:hover{color:var(--color-brass)}
.credentials{padding:104px 0 112px;background:var(--color-paper)}.credentials__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}.credentials__notice{padding:28px 0 0;border-top:1px solid rgba(16,26,38,.18)}.credentials__notice>p{max-width:530px;margin:0;color:rgba(16,26,38,.68);font-size:16px;line-height:1.65}.credentials__items{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.credentials__items span{padding:11px 14px;border:1px solid rgba(166,126,77,.36);color:rgba(16,26,38,.65);font:600 11px/1.2 var(--font-body);letter-spacing:.05em}.about-cta{padding:84px 0;background:var(--color-navy);color:var(--color-paper)}.about-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.about-cta h2{max-width:680px;margin:0;font:500 clamp(34px,4vw,52px)/1.02 var(--font-display);letter-spacing:-.02em}.about-cta p:not(.section-kicker){max-width:430px;margin:16px 0 0;color:rgba(242,239,222,.68);font-size:15px;line-height:1.6}.about-cta .btn{flex:0 0 auto}
.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .78s var(--ease-standard),transform .78s var(--ease-standard);will-change:opacity,transform}.reveal--left{transform:translate3d(-28px,0,0)}.reveal--right{transform:translate3d(28px,0,0)}.reveal--hero{transform:translate3d(0,18px,0)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}.reveal--delay{transition-delay:100ms}.reveal--delay-2{transition-delay:200ms}
/* 2. Reveal and scroll-triggered motion. */
/* Fine-grained motion: a soft mask and a quiet brass rule make content feel composed as it arrives. */
.reveal::after{display:block;width:0;height:1px;margin-top:18px;background:var(--color-brass);content:"";opacity:0;transition:width .7s var(--ease-standard) .12s,opacity .3s ease .12s}.reveal.is-visible::after{width:34px;opacity:.72}.about-hero .reveal::after,.process-step::after,.lawyer-profile__media::after{display:none}
.principle{opacity:0;transform:translate3d(0,14px,0);transition:opacity .62s var(--ease-standard),transform .62s var(--ease-standard)}.principles.is-visible .principle{opacity:1;transform:none}.principles.is-visible .principle:nth-of-type(2){transition-delay:80ms}.principles.is-visible .principle:nth-of-type(3){transition-delay:160ms}.principles.is-visible .principle:nth-of-type(4){transition-delay:240ms}
.process-grid::before{transform:scaleX(0);transform-origin:left center;transition:transform 1.1s var(--ease-standard) .2s}.working-process.is-seen .process-grid::before{transform:scaleX(1)}
.lawyer-profile__frame::after{transform:translate3d(-10px,10px,0);opacity:0;transition:transform .8s var(--ease-standard) .2s,opacity .5s ease .2s}.lawyer-profile.is-seen .lawyer-profile__frame::after{transform:none;opacity:1}
.credentials__items span{opacity:0;transform:translate3d(0,10px,0);transition:opacity .5s var(--ease-standard),transform .5s var(--ease-standard)}.credentials.is-seen .credentials__items span{opacity:1;transform:none}.credentials.is-seen .credentials__items span:nth-child(2){transition-delay:90ms}.credentials.is-seen .credentials__items span:nth-child(3){transition-delay:180ms}
@media (max-width:991px){.about-hero__image{inset:0 0 0 35%}.about-introduction__grid,.lawyer-profile__grid,.credentials__grid{gap:52px}.lawyer-profile__grid{grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr)}.process-grid{gap:24px}.about-cta__inner{align-items:flex-start;flex-direction:column}}
@media (max-width:639px){.about-hero{min-height:0;display:block;padding-top:360px}.about-hero__image{inset:0 0 auto;height:360px;background:linear-gradient(180deg,rgba(16,26,38,.08),rgba(242,239,222,.2)),url("../images/about-firm-office.webp?v=2") center/cover no-repeat}.about-hero__wash{background:linear-gradient(180deg,transparent 0%,rgba(242,239,222,.5) 72%,var(--color-paper) 100%)}.about-hero__inner{padding:50px 0 64px}.about-hero h1{font-size:45px}.about-hero__lead{font-size:16px;line-height:1.65}.about-hero__actions{align-items:stretch;flex-direction:column;gap:20px}.about-hero__actions .btn{width:100%}.about-hero__text-link{text-align:center}.about-hero__trust{margin-top:38px;font-size:9px;line-height:1.8}.about-hero__trust span{margin:0 3px}.about-introduction,.credentials{padding:76px 0}.about-introduction__grid,.credentials__grid{grid-template-columns:1fr;gap:46px}.about-introduction__lead{font-size:20px}.principles{padding-left:0;border-top:1px solid rgba(16,26,38,.17);border-left:0;padding-top:22px}.principle{grid-template-columns:35px 1fr;padding:17px 0}.principle h3{font-size:20px}.working-process{padding:78px 0 84px}.process-grid{grid-template-columns:1fr;gap:27px;margin-top:45px}.process-grid::before{top:0;bottom:0;left:23px;width:1px;height:auto;right:auto;background:rgba(166,126,77,.5)}.process-step{grid-template-columns:48px 1fr}.process-step p{max-width:none}.lawyer-profile{padding:82px 0}.lawyer-profile__grid{grid-template-columns:1fr;gap:52px}.lawyer-profile__media{max-width:430px}.lawyer-profile__copy h2{font-size:46px}.lawyer-profile__statement{font-size:25px}.lawyer-profile__bio{font-size:14px}.lawyer-profile__links{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}.credentials__items{display:grid;grid-template-columns:1fr}.about-cta{padding:68px 0}.about-cta__inner{gap:32px}.about-cta .btn{width:100%}.reveal--left,.reveal--right{transform:translateY(24px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.is-visible,.principle,.principles.is-visible .principle,.about-hero__image,.lawyer-profile__frame img,.lawyer-profile__frame::after,.credentials__items span,.credentials.is-seen .credentials__items span{opacity:1;transform:none;transition:none}.reveal::after{display:none}.process-grid::before{transform:none;transition:none}}

/* 3. Shared visual language with Insights and Practice Areas. */
.principles .principle{padding-inline:clamp(16px,2vw,22px)}
.about-introduction{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper) 68%,rgba(232,227,208,.72) 100%)}
.about-introduction::before{position:absolute;top:0;right:0;width:34%;height:100%;background:radial-gradient(circle at 70% 32%,rgba(80,100,122,.12),transparent 54%);content:"";pointer-events:none;z-index:-1}
.about-glance{position:relative;margin-top:34px;padding:20px 20px 18px;border:1px solid rgba(166,126,77,.34);border-radius:18px;background:var(--color-paper);box-shadow:0 8px 18px rgba(16,26,38,.06),0 22px 42px rgba(16,26,38,.08);overflow:hidden}
.about-glance::before{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-brass);content:""}.about-glance>p{margin:0 0 15px;color:var(--color-brass);font:700 10px/1.2 var(--font-body);letter-spacing:.18em;text-transform:uppercase}.about-glance>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-glance span{display:grid;gap:6px;color:rgba(16,26,38,.62);font:600 10px/1.25 var(--font-body);letter-spacing:.04em;text-transform:uppercase}.about-glance strong{color:var(--color-ink);font:500 27px/1 var(--font-display)}
.principle{margin:10px 0 0;border:1px solid rgba(16,26,38,.1);border-radius:18px;background:var(--color-paper);box-shadow:0 3px 8px rgba(16,26,38,.04),0 12px 24px rgba(16,26,38,.06);transition:transform .48s cubic-bezier(.22,1,.36,1),border-color .32s ease,box-shadow .48s ease}.principle:first-of-type{margin-top:0}.principle:hover,.principles.is-visible .principle:hover{transform:translateY(-4px);border-color:rgba(166,126,77,.5);box-shadow:0 10px 20px rgba(16,26,38,.06),0 22px 42px rgba(16,26,38,.1)}
.working-process{background:linear-gradient(135deg,var(--color-ink) 0%,#151D26 70%,#242526 100%)}.process-step__number{background:var(--color-ink);box-shadow:0 0 0 7px rgba(166,126,77,.08)}
.lawyer-profile{background:radial-gradient(circle at 18% 42%,rgba(166,126,77,.11),transparent 42%),linear-gradient(135deg,var(--color-ink) 0%,#151D26 62%,#242526 100%)}
.lawyer-profile__caption{box-shadow:0 12px 24px rgba(16,26,38,.22)}
.credentials{background:linear-gradient(135deg,var(--color-paper) 0%,rgba(232,227,208,.72) 100%)}.credentials__items span{border-radius:14px;background:var(--color-paper);box-shadow:0 3px 8px rgba(16,26,38,.04),0 12px 24px rgba(16,26,38,.06);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,border-color .3s ease}.credentials__items span:hover{transform:translateY(-4px);border-color:rgba(166,126,77,.65);box-shadow:0 10px 22px rgba(16,26,38,.1)}
.about-cta{background:linear-gradient(135deg,var(--color-ink) 0%,#242526 100%)}.about-cta .btn{box-shadow:0 10px 24px rgba(16,26,38,.18),0 2px 6px rgba(16,26,38,.09)}
@media (max-width:639px){.about-glance{margin-top:28px;padding:17px}.about-glance>div{grid-template-columns:1fr 1fr}.about-glance span:last-child{grid-column:1/-1}.principle{margin-top:9px}.about-glance strong{font-size:24px}}

/* 4. Lawyer profile: light editorial treatment aligned with the Insights page. */
.lawyer-profile{background:linear-gradient(135deg,var(--color-paper) 0%,rgba(232,227,208,.84) 100%);color:var(--color-ink)}
.lawyer-profile::before{position:absolute;top:0;right:0;width:42%;height:100%;background:radial-gradient(circle at 70% 35%,rgba(166,126,77,.13),transparent 56%);content:"";pointer-events:none}
.lawyer-profile__watermark{color:rgba(16,26,38,.045)}
.lawyer-profile__media{z-index:1;padding:0 18px 18px 0}
.lawyer-profile__frame{margin:0}.lawyer-profile__frame::after{inset:18px -18px -18px 18px;border-color:rgba(166,126,77,.68)}
.lawyer-profile__frame img{border-radius:18px;box-shadow:0 8px 18px rgba(16,26,38,.08),0 22px 42px rgba(16,26,38,.16)}
.lawyer-profile__caption{left:-8px;bottom:2px;border-left:3px solid var(--color-brass);background:var(--color-ink);color:var(--color-paper);box-shadow:0 12px 24px rgba(16,26,38,.18)}
.lawyer-profile__copy{position:relative;z-index:1;padding:36px 40px;border:1px solid rgba(16,26,38,.1);border-radius:18px;background:var(--color-paper);box-shadow:0 8px 18px rgba(16,26,38,.06),0 22px 42px rgba(16,26,38,.08)}
.lawyer-profile .section-kicker--light{color:var(--color-brass)}.lawyer-profile__copy h2{color:var(--color-ink)}.lawyer-profile__role{color:var(--color-brass)}.lawyer-profile__statement{color:var(--color-brass)}.lawyer-profile__bio{color:rgba(16,26,38,.72)}.lawyer-profile__links a{color:rgba(16,26,38,.72)}.lawyer-profile__links a:hover{color:var(--color-brass)}
.lawyer-profile .btn-secondary-dark{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);box-shadow:0 10px 24px rgba(16,26,38,.14)}.lawyer-profile .btn-secondary-dark:hover{border-color:var(--color-brass);background:var(--color-brass);color:var(--color-ink)}
@media (max-width:639px){.lawyer-profile__copy{padding:30px 22px}.lawyer-profile__media{padding-right:12px}.lawyer-profile__caption{left:-2px}}
.lawyer-profile__watermark{display:none}
.working-process{background:linear-gradient(135deg,var(--color-paper) 0%,rgba(232,227,208,.82) 100%);color:var(--color-ink)}.working-process .section-heading--light{color:var(--color-ink)}.working-process .section-kicker--light{color:var(--color-brass)}.working-process .process-grid::before{background:rgba(166,126,77,.55)}.working-process .process-step__number{background:var(--color-paper);color:var(--color-brass);box-shadow:0 0 0 7px rgba(166,126,77,.08)}.working-process .process-step h3{color:var(--color-ink)}.working-process .process-step p{color:rgba(16,26,38,.68)}

/* Section-specific composition: every band gets one distinct visual signature. */
.about-introduction{border-bottom:1px solid rgba(16,26,38,.1)}.about-introduction::after{position:absolute;bottom:-1px;left:50%;width:96px;height:3px;background:var(--color-brass);content:"";transform:translateX(-50%);border-radius:99px}
.working-process{position:relative;overflow:hidden;border-bottom:1px solid rgba(16,26,38,.12)}.working-process::after{position:absolute;right:-100px;bottom:-170px;width:390px;height:390px;border:1px solid rgba(166,126,77,.18);border-radius:50%;content:"";pointer-events:none}.working-process::before{position:absolute;top:34px;right:7%;width:42px;height:42px;border-top:1px solid rgba(166,126,77,.48);border-right:1px solid rgba(166,126,77,.48);content:"";pointer-events:none}.working-process .process-step{padding:18px 20px 18px 0;border-top:1px solid rgba(16,26,38,.12);transition:transform .45s cubic-bezier(.22,1,.36,1),background .35s ease}.working-process .process-step:hover{transform:translateY(-4px);background:rgba(242,239,222,.24)}
.lawyer-profile{border-top:1px solid rgba(16,26,38,.1);border-bottom:1px solid rgba(16,26,38,.1)}.lawyer-profile__copy::before{position:absolute;top:22px;right:24px;width:38px;height:38px;border-top:1px solid rgba(166,126,77,.44);border-right:1px solid rgba(166,126,77,.44);content:"";pointer-events:none}.lawyer-profile__copy::after{position:absolute;bottom:22px;left:24px;width:38px;height:38px;border-bottom:1px solid rgba(166,126,77,.44);border-left:1px solid rgba(166,126,77,.44);content:"";pointer-events:none}
.credentials{position:relative;border-top:1px solid rgba(16,26,38,.1)}.credentials::before{position:absolute;top:0;left:calc(50% - 48px);width:96px;height:2px;background:var(--color-brass);content:"";border-radius:99px}.credentials__notice{position:relative}.credentials__notice::after{position:absolute;top:0;right:0;width:42px;height:42px;border-top:1px solid rgba(166,126,77,.4);border-right:1px solid rgba(166,126,77,.4);content:"";pointer-events:none}
.about-cta{position:relative;overflow:hidden;border-top:1px solid rgba(242,239,222,.1)}.about-cta::before{position:absolute;top:0;left:50%;width:120px;height:2px;background:var(--color-brass);content:"";transform:translateX(-50%);border-radius:99px}.about-cta::after{position:absolute;right:-90px;top:50%;width:260px;height:260px;border:1px solid rgba(166,126,77,.18);border-radius:50%;content:"";transform:translateY(-50%);pointer-events:none}.about-cta__inner{position:relative;z-index:1}
.about-cta{background:linear-gradient(135deg,var(--color-paper) 0%,rgba(232,227,208,.88) 100%);color:var(--color-ink);border-top-color:rgba(16,26,38,.1)}.about-cta .section-kicker--light{color:var(--color-brass)}.about-cta h2{color:var(--color-ink)}.about-cta p:not(.section-kicker){color:rgba(16,26,38,.68)}.about-cta .btn-primary{box-shadow:0 10px 24px rgba(16,26,38,.14),0 2px 6px rgba(16,26,38,.08)}
@media (max-width:639px){.working-process::before{top:24px;right:22px;width:30px;height:30px}.working-process .process-step{padding:16px 0;border-top:1px solid rgba(16,26,38,.12)}.working-process .process-step:hover{transform:none;background:transparent}.lawyer-profile__copy::before{top:16px;right:16px;width:28px;height:28px}.lawyer-profile__copy::after{bottom:16px;left:16px;width:28px;height:28px}.credentials__notice::after{display:none}.about-cta::after{right:-170px}}

/* 5. Editorial section rhythm: distinct surfaces and physical-paper cues keep the page
   from reading as one continuous block while preserving the existing palette. */
.about-introduction,
.credentials{background:var(--color-paper)}

.about-introduction{padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(92px,10vw,140px)}
.about-introduction .container{position:relative}
.about-introduction__grid{position:relative;z-index:1;gap:clamp(42px,7vw,104px)}
.about-introduction__grid>div:first-child{position:relative;padding:clamp(30px,4vw,52px);background:var(--color-paper);box-shadow:0 12px 26px rgba(16,26,38,.06),0 30px 65px rgba(16,26,38,.09);border:1px solid rgba(16,26,38,.08);border-radius:2px}
.about-introduction__grid>div:first-child::before{position:absolute;top:0;left:0;width:68px;height:4px;background:var(--color-brass);content:""}
.about-introduction__grid>div:first-child::after{position:absolute;right:22px;bottom:20px;width:46px;height:46px;border-right:1px solid rgba(166,126,77,.45);border-bottom:1px solid rgba(166,126,77,.45);content:"";pointer-events:none}
.about-introduction .about-glance{margin-bottom:0;background:var(--color-paper);box-shadow:none;border-radius:0}
.principles{padding-left:0;border:0}
.principles__label{display:flex;align-items:center;gap:14px}
.principles__label::after{width:52px;height:1px;background:currentColor;content:""}
.principle{position:relative;margin-top:12px;padding:22px 24px;border-radius:0;background:var(--color-paper);box-shadow:0 6px 15px rgba(16,26,38,.04);border:0;border-left:2px solid transparent}
.principle:first-of-type{border-left-color:var(--color-brass)}
.principle:last-child{border-bottom:0}

.working-process{padding-top:clamp(92px,10vw,136px);padding-bottom:clamp(96px,10vw,144px);background:var(--color-paper);border-top:1px solid rgba(16,26,38,.12);border-bottom:1px solid rgba(16,26,38,.14)}
.working-process::after{right:-132px;bottom:-210px;width:470px;height:470px;border-color:rgba(166,126,77,.25)}
.working-process .container{position:relative;z-index:1}
.working-process__heading{max-width:670px;padding-bottom:26px;border-bottom:1px solid rgba(16,26,38,.16)}
.working-process .process-grid{gap:0;margin-top:48px;padding:0 0 0 24px;border-left:1px solid rgba(166,126,77,.45)}
.working-process .process-grid::before{top:0;left:24px;right:0;background:rgba(166,126,77,.42)}
.working-process .process-step{min-height:154px;padding:40px 28px 26px 0;border-top:0}
.working-process .process-step__number{flex:none;box-shadow:0 0 0 7px var(--color-paper)}
.working-process .process-step h3{font-size:28px}

.lawyer-profile{padding-top:clamp(92px,10vw,138px);padding-bottom:clamp(100px,11vw,150px);background:var(--color-ink);color:var(--color-paper);border-top:0;border-bottom:0}
.lawyer-profile::before{background:radial-gradient(circle at 74% 28%,rgba(166,126,77,.14),transparent 42%)}
.lawyer-profile__copy{background:rgba(242,239,222,.06);border-color:rgba(242,239,222,.18);box-shadow:0 16px 35px rgba(0,0,0,.16)}
.lawyer-profile__copy h2{color:var(--color-paper)}
.lawyer-profile__bio{color:rgba(242,239,222,.72)}
.lawyer-profile__links a{color:rgba(242,239,222,.78)}
.lawyer-profile__media{padding-right:26px}
.lawyer-profile__frame::after{inset:22px -26px -22px 22px}

.credentials{padding-top:clamp(88px,9vw,126px);padding-bottom:clamp(96px,10vw,138px);border-top:1px solid rgba(16,26,38,.12)}
.credentials::before{top:0;left:0;width:100%;height:1px;background:rgba(166,126,77,.35);border-radius:0}
.credentials__grid{align-items:stretch;gap:clamp(42px,8vw,104px)}
.credentials__grid>div:first-child{padding:26px 28px;background:var(--color-paper);border:1px solid rgba(16,26,38,.08);box-shadow:0 10px 24px rgba(16,26,38,.06)}
.credentials__notice{padding:26px 0 0;border-top:2px solid var(--color-brass)}
.credentials__items span{border-radius:0;background:var(--color-paper)}

.about-cta{padding-top:clamp(74px,8vw,108px);padding-bottom:clamp(78px,8vw,112px);background:var(--color-paper);border-top:1px solid rgba(16,26,38,.12)}
.about-cta__inner{padding:clamp(30px,4vw,48px);background:var(--color-paper);border:1px solid rgba(16,26,38,.08);box-shadow:0 12px 26px rgba(16,26,38,.06),0 28px 55px rgba(16,26,38,.08)}
.about-cta::before{top:0;width:100%;height:1px;background:rgba(166,126,77,.4);border-radius:0}
.about-cta::after{opacity:.45}

@media (max-width:639px){
  .about-introduction__grid>div:first-child{padding:26px 22px}
  .about-introduction__grid>div:first-child::after{right:14px;bottom:14px;width:32px;height:32px}
  .principle{padding:19px 18px}
  .working-process .process-grid{padding-left:20px}
  .working-process .process-grid::before{left:20px}
  .working-process .process-step{min-height:0;padding:27px 0 27px 0}
  .working-process .process-step h3{font-size:24px}
  .lawyer-profile__media{padding-right:12px}
  .lawyer-profile__frame::after{inset:16px -12px -16px 12px}
  .credentials__grid>div:first-child{padding:22px}
  .about-cta__inner{padding:26px 22px}
}

/* Card-led page composition: the old-paper canvas stays visible between each
   section, while every section becomes a softly lifted, rounded content card. */
main{padding:24px 0 42px;background:var(--color-paper-tint)}
.about-hero,
.about-introduction,
.working-process,
.lawyer-profile,
.credentials,
.about-cta{width:min(1280px,calc(100% - 48px));margin:24px auto 0;border-radius:26px;box-shadow:0 12px 26px rgba(16,26,38,.07),0 28px 60px rgba(16,26,38,.1)}
.about-hero{margin-top:0}
.about-introduction,
.working-process,
.lawyer-profile,
.credentials,
.about-cta{border:1px solid rgba(16,26,38,.08)}
.about-introduction{background:var(--color-paper)}
.working-process{background:var(--color-paper)}
.lawyer-profile{background:var(--color-paper);color:var(--color-ink)}
.lawyer-profile::before{background:radial-gradient(circle at 78% 24%,rgba(166,126,77,.11),transparent 42%)}
.lawyer-profile__copy{background:var(--color-paper);color:var(--color-ink);border-color:rgba(16,26,38,.1);box-shadow:0 10px 24px rgba(16,26,38,.06)}
.lawyer-profile__copy h2{color:var(--color-ink)}
.lawyer-profile__bio{color:rgba(16,26,38,.72)}
.lawyer-profile__links a{color:rgba(16,26,38,.72)}
.lawyer-profile__caption{background:var(--color-ink);color:var(--color-paper)}
.credentials{background:var(--color-paper)}
.about-cta{background:var(--color-paper)}
.about-cta__inner{border:0;box-shadow:none;background:transparent}

@media (max-width:639px){
  main{padding:12px 0 24px}
  .about-hero,
  .about-introduction,
  .working-process,
  .lawyer-profile,
  .credentials,
  .about-cta{width:calc(100% - 24px);margin-top:14px;border-radius:20px}
  .about-hero{margin-top:0}
}

/* Cleanup pass: keep the cards clean by removing ornamental block/corner frames and floating
   geometric shapes so the paper, content, and shadows do the visual work. */
.about-introduction__grid>div:first-child::before,
.about-introduction__grid>div:first-child::after,
.working-process::before,
.working-process::after,
.lawyer-profile::before,
.lawyer-profile__copy::before,
.lawyer-profile__copy::after,
.lawyer-profile__frame::after,
.credentials__notice::after,
.about-cta::after{display:none}

/* Content refinement: credentials now belong to the lawyer profile, where they reinforce the
   person and practice instead of standing as a separate page section. */
.lawyer-profile__credentials{margin:32px 0 34px;padding-top:20px;border-top:1px solid rgba(166,126,77,.48)}
.lawyer-profile__credentials-label{margin:0 0 14px;color:var(--color-brass);font:var(--text-eyebrow);letter-spacing:.18em;text-transform:uppercase}
.lawyer-profile__credential-list{display:flex;flex-wrap:wrap;gap:9px}
.lawyer-profile__credential-list span{padding:10px 12px;border:1px solid rgba(166,126,77,.38);color:rgba(16,26,38,.7);font:600 11px/1.2 var(--font-body);letter-spacing:.03em}
@media (max-width:639px){.lawyer-profile__credentials{margin:28px 0 30px}.lawyer-profile__credential-list{display:grid;grid-template-columns:1fr}.lawyer-profile__credential-list span{padding:11px 12px}}

/* Content refinement: the closing card should hug its message instead of filling the viewport. */
.about-cta{padding:46px 0 50px;min-height:0;height:auto}
.about-cta__inner{min-height:0;height:auto;padding:24px 32px}
@media (max-width:639px){.about-cta{padding:38px 0 42px}.about-cta__inner{padding:22px 18px}}

/* Content refinement: keep every section card proportionate to its content. */
.about-hero{min-height:clamp(540px,68vh,700px)}
.about-hero__inner{padding-top:64px;padding-bottom:54px}
.about-introduction{padding-top:72px;padding-bottom:80px}
.working-process{padding-top:72px;padding-bottom:82px}
.working-process .process-grid{margin-top:38px}
.working-process .process-step{min-height:126px;padding-top:30px;padding-bottom:20px}
.lawyer-profile{padding-top:78px;padding-bottom:90px}
.lawyer-profile__grid{gap:clamp(42px,6vw,82px)}
.lawyer-profile__statement{margin-top:24px;margin-bottom:22px}
.lawyer-profile__links{margin-top:22px;margin-bottom:26px}
@media (max-width:639px){
  .about-hero{min-height:0;padding-top:320px}
  .about-hero__image{height:320px}
  .about-hero__inner{padding-top:38px;padding-bottom:46px}
  .about-introduction{padding-top:58px;padding-bottom:64px}
  .working-process{padding-top:58px;padding-bottom:66px}
  .working-process .process-grid{margin-top:32px}
  .working-process .process-step{padding-top:22px;padding-bottom:22px}
  .lawyer-profile{padding-top:60px;padding-bottom:70px}
}

/* Responsive refinement: phone-first adjustments; desktop remains governed above. */
@media (max-width:639px){
  main{padding:10px 0 20px}
  .about-hero,
  .about-introduction,
  .working-process,
  .lawyer-profile,
  .about-cta{width:calc(100% - 20px);margin-top:12px;border-radius:18px}
  .about-hero{margin-top:0;padding-top:250px}
  .about-hero__image{height:250px}
  .about-hero__inner{padding:34px 0 38px}
  .about-hero h1{font-size:40px;line-height:1}
  .about-hero__lead{margin:20px 0 24px;font-size:15px;line-height:1.58}
  .about-hero__actions{gap:14px}
  .about-hero__actions .btn{min-height:46px}
  .about-hero__trust{margin-top:28px;font-size:8px;letter-spacing:.1em}

  .about-introduction{padding:46px 0 52px}
  .about-introduction__grid{gap:32px}
  .about-introduction__grid>div:first-child{padding:22px 18px}
  .about-introduction__lead{margin-top:22px;font-size:19px;line-height:1.42}
  .about-introduction__grid>div>p:not(.section-kicker):not(.about-introduction__lead){font-size:15px;line-height:1.65}
  .about-glance{margin-top:24px;padding:14px 12px}
  .about-glance>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .about-glance span{font-size:8px;letter-spacing:0}
  .about-glance strong{font-size:21px}
  .principles{padding-top:18px}
  .principles__label{margin-bottom:12px}
  .principle{grid-template-columns:30px 1fr;margin-top:7px;padding:15px 12px}
  .principle h3{font-size:19px}
  .principle p{font-size:13px;line-height:1.45}

  .working-process{padding:46px 0 54px}
  .working-process__heading{padding-bottom:18px}
  .working-process .process-grid{margin-top:28px;padding-left:19px}
  .working-process .process-grid::before{left:19px}
  .working-process .process-step{grid-template-columns:38px 1fr;gap:13px;min-height:0;padding:18px 0}
  .working-process .process-step__number{width:38px;height:38px;font-size:10px}
  .working-process .process-step h3{margin-top:2px;font-size:22px}
  .working-process .process-step p{font-size:13px;line-height:1.55}

  .lawyer-profile{padding:46px 0 54px}
  .lawyer-profile__grid{gap:32px}
  .lawyer-profile__media{max-width:none;padding-right:10px}
  .lawyer-profile__frame img{aspect-ratio:4/4.6}
  .lawyer-profile__caption{padding:11px 14px}
  .lawyer-profile__caption strong{font-size:17px}
  .lawyer-profile__copy{display:flex;flex-direction:column;gap:0;padding:22px 18px}
  .lawyer-profile__copy .section-kicker{order:1}
  .lawyer-profile__copy h2{order:2;font-size:40px}
  .lawyer-profile__role{order:3}
  .lawyer-profile__credentials{order:4;margin:22px 0 24px;padding-top:16px}
  .lawyer-profile__statement{order:5;margin:0 0 20px;font-size:22px;line-height:1.3}
  .lawyer-profile__bio{order:6;font-size:14px;line-height:1.62}
  .lawyer-profile__links{order:7;display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0 24px}
  .lawyer-profile__credential-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .lawyer-profile__credential-list span{padding:9px 10px;font-size:10px}
  .lawyer-profile__copy>.btn{order:8;width:100%;min-height:46px}

  .about-cta{padding:34px 0 38px}
  .about-cta__inner{gap:24px;padding:20px 18px}
  .about-cta h2{font-size:34px;line-height:1.05}
  .about-cta p:not(.section-kicker){font-size:14px;line-height:1.5}
  .about-cta .btn{width:100%;min-height:46px}
}

@media (max-width:359px){
  .about-hero h1{font-size:36px}
  .about-hero__trust{font-size:7px}
  .about-glance span{font-size:7px}
  .about-glance strong{font-size:19px}
  .lawyer-profile__credential-list{grid-template-columns:1fr}
}

@media (max-width:639px){
  main,
  .about-hero,
  .about-introduction,
  .working-process,
  .lawyer-profile,
  .credentials,
  .about-cta,
  .about-introduction__grid>div:first-child,
  .about-glance,
  .principle,
  .lawyer-profile__copy,
  .lawyer-profile__credential-list span,
  .credentials__grid>div:first-child,
  .about-cta__inner{background:var(--color-paper)}
}

/* Give the principal's portrait the same deliberate panel treatment as the homepage. */
.lawyer-profile__frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:var(--color-ink);box-shadow:0 20px 46px rgba(16,26,38,.14)}
.lawyer-profile__frame img{position:absolute;inset:0;z-index:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 24%;filter:saturate(.9);transform:scale(1.015)}
.lawyer-profile__frame::before{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,11,14,.32),transparent 58%),linear-gradient(0deg,rgba(8,11,14,.62),transparent 58%);content:"";pointer-events:none}
.lawyer-profile__frame::after{display:block;position:absolute;inset:14px;z-index:1;border:1px solid rgba(166,126,77,.55);content:"";pointer-events:none;transform:none;opacity:1;transition:none}
.lawyer-profile__caption{position:absolute;z-index:2;right:22px;bottom:22px;left:22px;padding:20px 24px;border:1px solid rgba(166,126,77,.68);border-left:3px solid var(--color-brass);background:rgba(16,26,38,.9);color:var(--color-paper);box-shadow:0 18px 34px rgba(8,11,14,.22)}
.lawyer-profile__caption::before{display:block;width:48px;height:2px;margin-bottom:14px;background:var(--color-brass);content:""}
.lawyer-profile__caption strong{font-size:27px;line-height:1.08}
.lawyer-profile__caption span{margin:10px 0 0;color:var(--color-brass);font-size:9px;letter-spacing:.16em}
@media (max-width:639px){.lawyer-profile__frame{aspect-ratio:4/4.6}.lawyer-profile__caption{right:16px;bottom:16px;left:16px;padding:15px 17px}.lawyer-profile__caption::before{margin-bottom:9px}.lawyer-profile__caption strong{font-size:20px}}