/* Editorial page compositions: client stories, Contact and lawyer profiles. */
.editorial-masthead { position:relative; isolation:isolate; overflow:hidden; padding:0; }
.masthead-media { position:absolute; inset:0 0 0 30%; z-index:-2; overflow:hidden; }
.masthead-media img { width:100%; height:100%; object-fit:cover; object-position:66% center; }
.editorial-masthead::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,#060e15 4%,transparent 37%),linear-gradient(90deg,#060e15 12%,#060e15e6 36%,#060e1540 68%,#060e1520),linear-gradient(0deg,#060e15 0%,transparent 35%); }
.masthead-content { padding-top:calc(var(--page-top) + 42px); }
.masthead-content>.breadcrumb { margin-bottom:60px; }
.masthead-copy { max-width:680px; padding-bottom:70px; }
.masthead-copy .ml-eyebrow { font-size:11px; letter-spacing:1.1px; margin-bottom:25px; }
.masthead-copy .ml-heading-page { font-size:86px; line-height:1.01; letter-spacing:-1.72px; }
.masthead-copy .hero-deck { max-width:430px; margin-top:30px; font-size:17px; line-height:26px; color:#ffffffd9; }
.masthead-copy>.ml-button { margin-top:35px; }
.contact-quick-links { display:grid; grid-template-columns:1fr 1.35fr 1fr; padding:32px 0; gap:40px; border-top:.5px solid #ffffff60; }
.contact-quick-links>a { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.contact-quick-links span,.masthead-baseline { font-size:11px; line-height:17px; letter-spacing:.4px; color:#ffffffb8; }
.contact-quick-links strong { font-size:18px; line-height:27px; font-weight:400; }
.contact-quick-links a:hover strong { color:var(--ml-color-blue); }
.contact-location-link { justify-self:end; }
.enquiry-layout { grid-template-columns:340px minmax(0,1fr); gap:120px; align-items:start; }
.enquiry-intro { top:calc(var(--page-top) + 60px); }
.enquiry-intro>p:not(.ml-eyebrow) { max-width:29ch; color:var(--ml-text-secondary); }
.contact-people { margin-top:55px; padding-top:30px; border-top:.5px solid var(--ml-rule); }
.contact-portraits { display:flex; margin-bottom:20px; }
.contact-portraits img { width:54px; height:54px; border-radius:50%; object-fit:cover; border:2px solid var(--ml-surface); }
.contact-portraits img+img { margin-left:-10px; }
.contact-people p { font-size:14px; line-height:21px; margin-bottom:20px; }
.enquiry-form { padding:42px; border:.5px solid #060e151a; border-radius:10px; background:var(--ml-color-paper); color:var(--ml-color-ink); }
.form-heading { display:flex; flex-direction:column; gap:15px; }
.form-heading h3 { font:400 26px/32px var(--ml-font-body); }
.enquiry-form .field-grid { gap:30px; }
.editorial-photo { position:relative; overflow:hidden; border-radius:10px; isolation:isolate; }
.editorial-photo>img { width:100%; height:100%; object-fit:cover; }
.editorial-photo figcaption { position:absolute; z-index:1; inset:auto 0 0; padding:65px 25px 22px; background:linear-gradient(transparent,#060e15d9); font-size:11px; line-height:17px; letter-spacing:.2px; color:white; }
.conversation-layout { display:grid; grid-template-columns:480px minmax(0,1fr); align-items:center; gap:100px; }
.conversation-photo { height:640px; }
.conversation-photo img { object-position:67% center; }
.conversation-layout .ml-heading-section { max-width:520px; }
.conversation-layout .next-steps { display:flex; flex-direction:column; gap:0; margin-top:40px; }
.conversation-layout .next-steps li { position:relative; padding:25px 0 25px 45px; border-color:var(--ml-rule); }
.conversation-layout .next-steps li::before { position:absolute; left:0; top:28px; margin:0; color:var(--ml-label); }
.conversation-layout .next-steps h3 { font:400 20px/26px var(--ml-font-body); letter-spacing:0; }
.conversation-layout .next-steps p { max-width:40ch; color:var(--ml-text-secondary); margin-top:10px; }
.visit-editorial { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); align-items:stretch; gap:60px; }
.visit-editorial .visit-photo { height:460px; }
.visit-details { padding:15px 0; display:flex; flex-direction:column; align-items:flex-start; }
.visit-details>img { width:75px; height:auto; margin-bottom:35px; filter:brightness(0); }
.visit-details .ml-eyebrow { margin-bottom:15px; }
.visit-details address { font:100 35px/1.2 var(--ml-font-display); letter-spacing:-.5px; margin-bottom:35px; }
.visit-details address span { display:block; font:400 14px/21px var(--ml-font-body); letter-spacing:0; margin-top:15px; }
.visit-details .visit-phone { margin-top:20px; font-size:14px; }
.case-masthead .masthead-media { inset-inline-start:24%; }
.case-masthead .masthead-media img { object-position:70% center; }
.case-masthead .masthead-copy { padding-block:25px 70px; max-width:730px; }
.case-masthead .ml-heading-page { text-wrap:balance; }
.masthead-baseline { display:flex; justify-content:space-between; align-items:center; gap:25px; border-top:.5px solid #ffffff60; padding-block:28px; }
.template-label { display:inline-block; font-size:10px; letter-spacing:.6px; text-transform:uppercase; margin-top:35px; padding-left:14px; border-left:2px solid var(--ml-color-blue); color:#ffffffb8; }
.case-overview-grid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:120px; }
.template-note { font-size:13px; line-height:21px; max-width:26ch; color:var(--ml-text-secondary); }
.case-overview-grid .case-placeholder { max-width:58ch; margin-top:30px; }
.case-placeholder { font-size:16px; line-height:26px; color:var(--ml-text-secondary); }
/* Case study copy (1 Oct 2026): the client's approved story replaces the placeholders; .case-placeholder stays for the template. */
.case-copy { font-size:16px; line-height:26px; max-width:62ch; }
.case-copy p+p { margin-top:14px; }
.case-overview-grid .case-copy { max-width:58ch; margin-top:30px; }
.case-list { margin:16px 0 0; padding-left:20px; }
.case-list li+li { margin-top:8px; }
.case-detail-link { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:.5px; }
.case-detail-link:is(:hover,:focus-visible) { color:var(--ml-color-blue); }
.case-details { display:grid; grid-template-columns:1.3fr 1fr 1fr .8fr; gap:30px; border-top:.5px solid var(--ml-rule); margin:70px 0 0; padding-top:25px; }
.case-details dt { font-size:11px; line-height:18px; text-transform:uppercase; letter-spacing:.8px; margin-bottom:12px; }
.case-details dd { margin:0; font-size:14px; line-height:22px; }
.case-story { padding-bottom:120px; }
.case-story-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:100px; }
.case-contents { position:sticky; top:calc(var(--page-top) + 40px); align-self:start; }
.case-contents .ml-eyebrow { margin-bottom:20px; }
.case-contents nav { display:flex; flex-direction:column; gap:12px; }
.case-contents a { font-size:14px; line-height:21px; color:var(--ml-text-secondary); }
.case-contents a:is(.is-active,:hover,:focus-visible) { color:var(--ml-text); text-decoration:underline; text-underline-offset:5px; }
.case-story-body { display:flex; flex-direction:column; gap:60px; min-width:0; }
.case-chapter .chapter-number { font-size:11px; line-height:18px; text-transform:uppercase; letter-spacing:.8px; margin-bottom:20px; }
.case-chapter .ml-heading-small { margin-bottom:25px; }
.case-context-photo { height:410px; }
.case-context-photo img { object-position:center 45%; }
.case-approach-note { border-left:2px solid var(--ml-color-blue); padding:4px 0 4px 25px; margin-top:35px; }
.case-approach-note span { font-size:12px; line-height:18px; }
.case-approach-note p { margin-top:12px; font-size:14px; line-height:22px; color:var(--ml-text-secondary); }
.case-outcome-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; align-items:center; }
.case-outcome .case-placeholder { margin-top:30px; max-width:42ch; }
.case-outcome .case-copy { margin-top:30px; max-width:46ch; }
.case-outcome .ml-button { margin-top:40px; }
.case-outcome-photo { height:500px; }
.case-outcome-photo img { object-position:58%; }
.reading-progress { position:fixed; top:var(--page-top); height:2px; inset-inline:0; z-index:110; pointer-events:none; }
.reading-progress>span { display:block; height:100%; background:var(--ml-color-blue); transform-origin:left; transform:scaleX(0); }
.profile-masthead { padding-bottom:80px; }
.profile-masthead .profile-layout { grid-template-columns:minmax(0,1fr) 500px; gap:110px; }
.profile-masthead .profile-portrait { height:570px; }
.profile-masthead .profile-intro .ml-heading-page { font-size:96px; line-height:.98; letter-spacing:-1.92px; margin-bottom:30px; }
.profile-masthead .profile-position { font-size:14px; }
.profile-masthead .hero-deck { font-size:20px; line-height:29px; color:#ffffffd9; }
.profile-masthead .direct-contact { margin-top:30px; }
.profile-masthead .save-contact { border-color:#ffffff80; }
.profile-context { height:255px; border-radius:10px; overflow:hidden; margin-top:40px; }
.profile-context img { width:100%; height:100%; object-fit:cover; object-position:65%; }
.profile-facts { border-color:var(--ml-rule); }
.profile-facts p,.profile-facts strong span,.side-caption { color:var(--ml-text-secondary); }
.profile-practice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.profile-practice-grid .ml-practice-card { width:100%; height:430px; }
.profile-practice-grid .ml-practice-copy { padding:30px; }
.profile-practice-grid .ml-practice-image { inset:0; }
.profile-practice-grid .ml-practice-card::after { background:linear-gradient(180deg,#060e15bb,transparent 85%),linear-gradient(90deg,#060e1599,transparent); }
.profile-practice-grid .ml-practice-blur { backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); }
.profile-practice-grid .ml-practice-copy h3 { font-size:25px; line-height:30px; font-weight:400; }
.profile-practice-grid .ml-practice-copy p { font-size:14px; line-height:22px; max-width:29ch; margin-top:20px; }
.practice-card-index { display:block; margin-bottom:30px; font-size:11px; line-height:18px; color:#ffffffb8; }
.profile-practice-grid .ml-arrow-tile { bottom:25px; right:25px; width:45px; height:45px; }
.profile-experience .credential-list>div { border-color:var(--ml-rule); }
.profile-experience .credential-list p { color:var(--ml-text-secondary); }
.profile-experience .dark-link { color:var(--ml-text); }
.profile-insights .editorial-card p,.profile-insights .card-meta,.scroll-canvas .editorial-card p,.scroll-canvas .card-meta { color:var(--ml-text-secondary); }
.scroll-canvas .card-meta>span:first-child { color:var(--ml-text); }
.thanks-masthead .masthead-media { inset-inline-start:39%; }
.thanks-masthead .masthead-media img { object-position:70%; }
.thanks-copy { max-width:750px; padding-block:15px 40px; }
.thanks-copy .ml-heading-page { font-size:76px; line-height:1.05; letter-spacing:-1.5px; overflow-wrap:anywhere; }
.thanks-copy .hero-deck { max-width:480px; color:#ffffffd9; }
.thanks-masthead .hero-baseline { margin-top:35px; }
[data-scroll-image] { transform:translate3d(0,var(--image-drift,0px),0) scale(1.055); transform-origin:center; }
/* The Home page's shared-canvas treatment, enabled only by the motion controller. */
body.page-motion { background:var(--page-bg,var(--ml-color-paper)); }
.page-motion .scroll-canvas { --ml-surface:var(--page-bg); --ml-text:var(--page-ink); --ml-text-secondary:var(--page-ink); --ml-label:var(--page-ink); --ml-rule:color-mix(in srgb,var(--page-ink) 28%,transparent); --ml-button-border:color-mix(in srgb,var(--page-ink) 50%,transparent); --ml-focus:var(--page-ink); background:transparent; color:var(--page-ink); }
.page-motion .scroll-canvas .sticky-intro>p:not(.ml-eyebrow) { color:var(--ml-text-secondary); }
.page-motion .visit-details>img { filter:brightness(0) invert(var(--canvas-light-text,0)); }
.page-motion .profile-section-nav { background:color-mix(in srgb,var(--page-bg) 94%,transparent); color:var(--page-ink); border-color:color-mix(in srgb,var(--page-ink) 25%,transparent); }
.page-motion .profile-section-nav nav a { color:var(--page-ink); opacity:.65; }
.page-motion .profile-section-nav nav a:is(.is-active,:hover,:focus-visible) { color:var(--page-ink); opacity:1; border-color:var(--page-ink); }
.page-motion .profile-section-nav .section-contact { color:var(--page-ink); }
.page-motion .scroll-canvas .ml-muted-display { opacity:.65; }
.page-motion .scroll-canvas .ml-practice-card { --ml-text:white; --ml-text-secondary:#ffffffb8; }
.page-motion .scroll-canvas .enquiry-form { --ml-surface:var(--ml-color-paper); --ml-text:var(--ml-color-ink); --ml-text-secondary:var(--ml-color-meta); --ml-button-border:#060e1533; --ml-focus:var(--ml-color-ink); --ml-rule:#060e1533; }
.page-motion .site-footer-wrap { background:var(--ml-color-ink); }
.page-motion-toggle { position:fixed; bottom:18px; left:18px; z-index:120; display:flex; align-items:center; justify-content:center; gap:8px; width:36px; height:36px; border:1px solid #ffffff40!important; border-radius:50%; background:#060e1599!important; color:white!important; backdrop-filter:blur(12px); font-size:11px!important; opacity:.55; transition:opacity .3s; }
.page-motion-toggle:hover,.page-motion-toggle:focus-visible { opacity:1; }
.page-motion-toggle[hidden] { display:none; }
@media(min-width:1700px) { .masthead-content { padding-top:210px; } .masthead-copy { padding-bottom:100px; } }
@media(max-width:1199px) {
 .masthead-copy .ml-heading-page { font-size:74px; }
 .masthead-copy { max-width:620px; }
 .enquiry-layout { grid-template-columns:31% minmax(0,1fr); gap:60px; }
 .enquiry-form { padding:32px; }
 .contact-quick-links { gap:25px; }
 .contact-quick-links strong { font-size:16px; }
 .conversation-layout { grid-template-columns:42% minmax(0,1fr); gap:60px; }
 .case-overview-grid { grid-template-columns:220px minmax(0,1fr); gap:60px; }
 .case-story-layout { grid-template-columns:180px minmax(0,1fr); gap:60px; }
 .case-outcome-layout { gap:60px; }
 .profile-masthead .profile-layout { grid-template-columns:1fr 44%; gap:55px; }
 .profile-masthead .profile-intro .ml-heading-page { font-size:82px; }
 .profile-masthead .profile-portrait { height:540px; }
 .profile-practice-grid .ml-practice-copy { padding:25px; }
 .profile-practice-grid .ml-practice-copy h3 { font-size:22px; line-height:27px; }
 .profile-practice-grid .ml-practice-card { height:440px; }
}
@media(max-width:959px) {
 .masthead-copy .ml-heading-page { font-size:68px; }
 .masthead-content>.breadcrumb { margin-bottom:50px; }
 .masthead-media { inset-inline-start:15%; }
 .contact-quick-links { grid-template-columns:1fr 1.5fr; }
 .contact-location-link { display:none!important; }
 .enquiry-layout { grid-template-columns:1fr; gap:40px; }
 .enquiry-intro { display:grid; grid-template-columns:1fr 1fr; gap:0 60px; }
 .enquiry-intro .ml-eyebrow,.enquiry-intro>h2 { grid-column:1; }
 .enquiry-intro>p:not(.ml-eyebrow) { grid-column:1; margin-top:25px; }
 .contact-people { grid-column:2; grid-row:1 / span 3; margin-top:0; align-self:center; }
 .enquiry-form { padding:40px; }
 .conversation-layout { gap:40px; grid-template-columns:38% minmax(0,1fr); }
 .conversation-photo { height:600px; }
 .conversation-layout .ml-heading-section { font-size:40px; }
 .visit-editorial { gap:40px; grid-template-columns:1.2fr 1fr; }
 .visit-editorial .visit-photo { height:420px; }
 .visit-details address { font-size:29px; }
 .case-overview-grid { grid-template-columns:180px minmax(0,1fr); gap:40px; }
 .case-details { grid-template-columns:1fr 1fr; row-gap:30px; margin-top:50px; }
 .case-story-layout { grid-template-columns:150px minmax(0,1fr); gap:40px; }
 .case-context-photo { height:340px; }
 .case-outcome-layout { gap:40px; }
 .case-outcome-photo { height:480px; }
 .profile-masthead .profile-layout { grid-template-columns:1fr 43%; gap:35px; }
 .profile-masthead .profile-intro .ml-heading-page { font-size:72px; }
 .profile-masthead .profile-portrait { height:490px; }
 .profile-masthead .profile-position span { display:none; }
 .profile-masthead .action-row { gap:12px; }
 .profile-masthead .action-row .ml-button { padding-inline:15px; }
 .profile-context { height:230px; }
 .profile-practice-grid { grid-template-columns:1fr; gap:20px; }
 .profile-practice-grid .ml-practice-card { height:330px; }
 .profile-practice-grid .ml-practice-copy { max-width:400px; padding:30px; }
 .profile-practice-grid .ml-practice-copy h3 { font-size:26px; line-height:31px; }
 .profile-practice-grid .ml-practice-card::after { background:linear-gradient(90deg,#060e15e6,transparent 85%); }
 .profile-practice-grid .ml-practice-image { inset:0; }
 .thanks-copy .ml-heading-page { font-size:64px; }
 .thanks-masthead .masthead-media { inset-inline-start:25%; }
}
@media(max-width:639px) {
 .masthead-content { padding-top:calc(var(--page-top) + 32px); }
 .masthead-content>.breadcrumb { margin-bottom:60px; }
 .masthead-copy { max-width:none; padding-bottom:55px; }
 .masthead-copy .ml-eyebrow { max-width:240px; font-size:10px; line-height:17px; margin-bottom:20px; }
 .masthead-copy .ml-heading-page { font-size:clamp(46px,12vw,62px); letter-spacing:-1px; line-height:1.03; }
 .masthead-copy .hero-deck { font-size:16px; line-height:24px; margin-top:25px; max-width:27ch; }
 .masthead-copy .hero-deck br { display:none; }
 .masthead-copy>.ml-button { margin-top:30px; }
 .masthead-media,.case-masthead .masthead-media,.thanks-masthead .masthead-media { inset:0; }
 .masthead-media img { object-position:66%; }
 .contact-masthead .masthead-media img { object-position:83%; }
 .editorial-masthead::after { background:linear-gradient(180deg,#060e15 5%,#060e1540 35%,#060e1599 80%,#060e15),linear-gradient(90deg,#060e15cc,#060e155c); }
 .contact-quick-links { grid-template-columns:1fr; gap:25px; padding-block:25px 35px; }
 .contact-quick-links>a { gap:5px; }
 .contact-quick-links strong { font-size:17px; }
 .contact-quick-links .contact-location-link { display:none!important; }
 .enquiry-intro { display:block; }
 .enquiry-intro>p:not(.ml-eyebrow) { max-width:none; }
 .contact-people { display:grid; grid-template-columns:90px 1fr; gap:8px 20px; margin-top:30px; padding-top:25px; }
 .contact-portraits { grid-row:1 / 3; margin:0; }
 .contact-portraits img { width:48px; height:48px; }
 .contact-people p { margin:0; font-size:13px; line-height:19px; }
 .contact-people>a { grid-column:2; font-size:12px; }
 .enquiry-form { padding:30px 24px; margin-inline:-8px; }
 .form-heading h3 { font-size:24px; }
 .enquiry-form .field-grid { gap:25px; }
 .conversation-layout { display:flex; flex-direction:column-reverse; align-items:stretch; gap:40px; }
 .conversation-layout .ml-heading-section { font-size:38px; }
 .conversation-layout .next-steps { margin-top:30px; }
 .conversation-layout .next-steps li { padding:22px 0 22px 35px; }
 .conversation-layout .next-steps li::before { top:26px; }
 .conversation-photo { height:390px; }
 .visit-editorial { display:flex; flex-direction:column; gap:35px; }
 .visit-editorial .visit-photo { height:290px; width:100%; }
 .visit-details { display:grid; grid-template-columns:65px 1fr; gap:0 25px; padding:0; }
 .visit-details>img { width:60px; grid-row:1 / 4; margin:0; }
 .visit-details .ml-eyebrow,.visit-details address,.visit-details .ml-button,.visit-phone { grid-column:2; }
 .visit-details .ml-button { justify-self:start; }
 .visit-details address { font-size:28px; margin-bottom:25px; }
 .case-masthead .masthead-copy { padding-block:0 55px; }
 .template-label { margin-top:30px; max-width:260px; line-height:17px; }
 .masthead-baseline { align-items:flex-start; font-size:10px; padding-block:25px; }
 .masthead-baseline>span { max-width:130px; }
 .masthead-baseline>a { white-space:nowrap; }
 .case-overview-grid { grid-template-columns:1fr; gap:35px; }
 .template-note { max-width:none; }
 .case-overview-grid .case-placeholder { margin-top:25px; }
 .case-details { gap:25px; margin-top:35px; }
 .case-details dd { font-size:13px; line-height:20px; }
 .case-story { padding-bottom:65px; }
 .case-story-layout { grid-template-columns:1fr; gap:35px; }
 .case-contents { position:static; padding-bottom:25px; border-bottom:.5px solid var(--ml-rule); }
 .case-contents nav { flex-direction:row; flex-wrap:wrap; gap:12px 20px; }
 .case-contents a { font-size:13px; }
 .case-story-body { gap:40px; }
 .case-context-photo { height:280px; }
 .case-chapter .ml-heading-small { font-size:32px; }
 .case-placeholder { font-size:16px; line-height:25px; }
 .case-copy { line-height:25px; }
 .case-overview-grid .case-copy { margin-top:25px; }
 .case-outcome-layout { grid-template-columns:1fr; gap:40px; }
 .case-outcome-photo { height:380px; }
 .profile-masthead { padding-bottom:35px; }
 .profile-masthead .profile-layout { display:flex; flex-direction:column; align-items:stretch; gap:40px; }
 .profile-masthead .profile-intro .ml-heading-page { font-size:76px; margin-bottom:25px; }
 .profile-masthead .profile-position { max-width:none; font-size:13px; }
 .profile-masthead .profile-position span { display:inline; }
 .profile-masthead .hero-deck { font-size:18px; line-height:27px; }
 .profile-masthead .profile-portrait { height:420px; }
 .profile-masthead .direct-contact { margin-top:25px; }
 .profile-context { display:none; }
 .profile-practice-grid .ml-practice-card { height:390px; }
 .profile-practice-grid .ml-practice-copy { padding:25px; }
 .profile-practice-grid .ml-practice-copy h3 { font-size:24px; line-height:29px; }
 .profile-practice-grid .ml-practice-card::after { background:linear-gradient(180deg,#060e15cc,transparent 90%),linear-gradient(90deg,#060e1566,transparent); }
 .profile-practice-grid .ml-practice-image img { object-position:60%; }
 .thanks-copy { padding-block:0 20px; }
 .thanks-copy .ml-heading-page { font-size:46px; line-height:1.07; letter-spacing:-.9px; }
 .thanks-copy .hero-deck { font-size:16px; line-height:24px; max-width:29ch; }
 .thanks-copy .action-row { gap:15px; }
 .thanks-masthead .hero-baseline { flex-direction:column; align-items:flex-start; gap:15px; margin-top:25px; }
 .editorial-photo figcaption { padding:55px 20px 18px; font-size:10px; }
 .page-motion-toggle { left:12px; bottom:12px; }
}
@media(prefers-reduced-motion:reduce) { [data-scroll-image] { transform:none; } .page-motion-toggle { display:none; } }
body.motion-paused [data-scroll-image] { transform:none; }
@media print { .page-motion-toggle,.site-chrome,.preview-nav { display:none!important; } [data-scroll-image] { transform:none; } .scroll-canvas { color:#060e15!important; background:white!important; } }
/* Contact page team avatars with popovers, 18 September 2026. */
.contact-people{position:relative}
.contact-team{display:flex;align-items:center;margin-bottom:20px}
.team-avatar{position:relative}
.team-avatar+.team-avatar{margin-left:-10px}
.team-avatar>button{display:block;width:54px;height:54px;padding:0;border-radius:50%;overflow:hidden;border:2px solid var(--ml-surface,#f1eee6);background:var(--ml-color-ink);cursor:pointer;transition:transform .35s var(--ml-ease-editorial),border-color .3s}
.team-avatar>button img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.team-avatar.is-open>button,.team-avatar>button:hover{transform:translateY(-3px);border-color:var(--ml-color-blue)}
.team-avatar.is-open{z-index:31}
.team-popover{position:absolute;left:-8px;bottom:calc(100% + 14px);z-index:30;width:310px;padding:16px;border-radius:10px;background:var(--ml-color-ink);color:#fff;box-shadow:0 20px 50px #0004;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .45s var(--ml-ease-editorial),visibility 0s .3s}
.team-avatar.is-open .team-popover{opacity:1;visibility:visible;transform:none;transition-delay:0s,0s,0s}
.team-popover::after{content:"";position:absolute;left:27px;top:100%;border:7px solid transparent;border-top-color:var(--ml-color-ink)}
.team-popover img{width:72px;height:86px;object-fit:cover;object-position:center 15%;border-radius:6px}
.team-popover h4{font-size:15px;font-weight:500;line-height:20px;margin:0}
.team-popover p{font-size:12px;line-height:18px;color:#ffffffb8;margin:4px 0 0}
.team-popover .popover-role{color:var(--ml-color-blue)}
.team-popover a{display:inline-block;margin-top:10px;font-size:12px;line-height:18px;color:#fff;text-decoration:underline;text-underline-offset:.2em}
.team-popover a:hover{color:var(--ml-color-blue)}
@media(max-width:639px){.contact-people{grid-template-columns:1fr;gap:10px}.contact-people>a{grid-column:auto}.contact-team{grid-row:auto;flex-wrap:wrap;margin:0 0 6px}.team-avatar{display:contents}.team-avatar:not(:first-child)>button{margin-left:-10px}.team-popover{display:none;position:static;order:10;flex-basis:100%;width:auto;margin-top:14px;transform:none;opacity:1;visibility:visible;transition:none;grid-template-columns:64px minmax(0,1fr)}.team-avatar.is-open .team-popover{display:grid}.team-popover::after{display:none}}
@media(prefers-reduced-motion:reduce){.team-popover{transition:none}}