/* team.css — About Us and each team member's page (t-212: v1 Oct 12, 2026; v2 Oct 21 after the ChatGPT and Gemini
   reviews — the phone opens with what we do and how to reach us, the faces under it in full colour, the team shown
   once, "Find your agent" with reasons, labels no smaller than 11 px). The Communities / Rohit design carried over: the
   same tokens, type, buttons and one column on a computer (assets/communities/communities.css); phone first; dark is the
   site default (html.sar-dark), light follows the visitor's toggle. Generated pages: scripts/gen-team.mjs from
   scripts/team/data.mjs; the moving parts: team.js. */

@font-face{font-family:'Spectral Fallback';font-style:normal;font-weight:100 400;src:local('Georgia');size-adjust:96.9%;}
@font-face{font-family:'Spectral Fallback';font-style:normal;font-weight:500 900;src:local('Georgia');size-adjust:98.6%;}
@font-face{font-family:'Spectral Fallback';font-style:italic;font-weight:100 900;src:local('Georgia Italic'),local('Georgia-Italic'),local('Georgia');size-adjust:88.2%;}
@font-face{font-family:'Jost Fallback';font-style:normal;font-weight:100 350;src:local('Arial'),local('ArialMT');size-adjust:93.1%;}
@font-face{font-family:'Jost Fallback';font-style:normal;font-weight:351 900;src:local('Arial'),local('ArialMT');size-adjust:95.2%;}
:root{
  --bg:#EFEDE5; --bg2:#E6E3D7; --card:#FBFAF4; --ink:#26231A; --ink2:#4A4536; --ink3:#635D47;
  --line:rgba(52,47,28,.13); --line2:rgba(52,47,28,.24); --gold:#6B6142; --olive:#544E2E; --fill:#544E2E; --fill-ink:#F7F5EE;
  --chip:#E6E2D5; --ok:#476951;
  --shadow:0 1px 2px rgba(40,36,20,.06),0 14px 34px -20px rgba(40,36,20,.38);
  /* behind a portrait, in both themes; the initials tile matches it */
  --studio:#16150f; --studio2:#24221a; --on-photo:#F4F2EB;
  --r:18px; --r2:14px; --serif:Spectral,'Spectral Fallback',Georgia,'Times New Roman',serif; --sans:Jost,'Jost Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pad:var(--col-pad,clamp(20px,5vw,64px)); --ease:cubic-bezier(.2,.8,.2,1); --navh:57px;
  --lbl:500 11px/1.45 var(--sans);   /* the smallest label anywhere on these pages (v2: was 9.5 px) */
}
html.sar-dark{
  --bg:#0B0A07; --bg2:#121109; --card:#17160F; --ink:#EFECE3; --ink2:rgba(239,236,227,.8); --ink3:rgba(239,236,227,.64);
  --line:rgba(232,228,214,.10); --line2:rgba(232,228,214,.20); --gold:#CFC4A0; --olive:#B3AA8D; --fill:#C9BE9A; --fill-ink:#0B0A07;
  --chip:#1F1E15; --ok:#A9C79E; --shadow:none;
}
/* page to page: a portrait glides from its card into the person's page (Chrome 126+, Safari 18.2+); never holds the page */
@view-transition{navigation:auto;}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;}
::view-transition-group(tm-photo),::view-transition-group(tm-name){animation-duration:.46s;animation-timing-function:var(--ease);}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none;} *{animation-duration:.001s!important;transition-duration:.001s!important;scroll-behavior:auto!important;}}

*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-padding-top:calc(var(--navh) + 24px);}
body.tm{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
:where(body.tm) img{display:block;max-width:100%;height:auto;}
:where(body.tm) a{color:inherit;}
:where(body.tm) button{font:inherit;color:inherit;}
body.tm :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px;}
body.tm main{display:block;overflow-x:clip;}
body.tm h1,body.tm h2,body.tm h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0;color:var(--ink);}
/* the italic words: on the first screen (About Us' "You decide.") the face that never swaps late ('Spectral Lede': font-display optional,
   preloaded); further down the site's Spectral italic (swap), so the page below always settles the same way (images.test) */
body.tm h1 em,body.tm h2 em{font-family:'Spectral Lede','Spectral Fallback',Georgia,serif;font-style:italic;font-weight:300;color:var(--gold);}
body.tm h2 em{font-family:Spectral,'Spectral Fallback',Georgia,serif;}
body.tm .eyebrow{font:500 11.5px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;}
body.tm :where(svg.i){width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.tm-col{box-sizing:border-box;max-width:var(--col-max);margin:0 auto;padding:0 var(--col-pad);}   /* the site's one centred column (assets/theme.css --col-max / --col-pad): every title, row and grid shares its edges, the same side space as every page at any width (Fadi, Oct 10 and Oct 26–27) */
.tm-top{padding-top:clamp(18px,4vh,46px);}   /* the back pill sits where it sits on the community guides */
/* a link inside a sentence still gets a full-size target */
.tlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px;}
.tlink:hover{color:var(--gold);text-decoration-color:var(--gold);}

/* ---- buttons ---- */
body.tm .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;
  font:500 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:transform .3s var(--ease),background .25s,border-color .25s,color .25s;white-space:nowrap;}
body.tm .btn:active{transform:scale(.97);}
body.tm .btn-fill{background:var(--fill);color:var(--fill-ink);}
body.tm .btn-fill:hover{background:var(--ink);color:var(--bg);}
body.tm .btn-ghost{background:transparent;border-color:var(--line2);color:var(--ink);}
body.tm .btn-ghost:hover{border-color:var(--gold);}
.tm-acts{display:flex;flex-wrap:wrap;gap:10px;}
.tm-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;}
.tm-link:hover{color:var(--gold);}
.tm-link .arr{transition:transform .3s var(--ease);}
.tm-link:hover .arr{transform:translateX(4px);}
.st{color:var(--gold);letter-spacing:.08em;}

/* ---- the portrait (a photo, or the initials tile until one arrives) ---- */
.pt{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r2);background:radial-gradient(120% 90% at 50% 18%,var(--studio2),var(--studio) 70%);container-type:inline-size;}
.pt img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;}
.pt .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:8%;font:300 clamp(20px,30cqw,96px)/1 var(--serif);letter-spacing:.04em;color:#B3AA8D;}

/* ---- details that open (How we counted, All recognition, Read more) ---- */
.tm details>summary{list-style:none;cursor:pointer;}
.tm details>summary::-webkit-details-marker{display:none;}

/* =================================================================== About Us =================================================================== */
/* ---- the first screen: what we do and how to reach us, then the eight faces, then the record ---- */
/* phones: the words, both buttons and the rating, then all eight faces, then the figures — all on the first screen (Oct 21) */
.ab-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "faces" "rec";gap:0;align-items:center;}
.ab-copy{grid-area:copy;} .ab-rec{grid-area:rec;} .ab-faces{grid-area:faces;}
.ab-hero h1{font-weight:300;font-size:clamp(42px,10.6vw,100px);line-height:.96;letter-spacing:-.028em;}
.ab-hero h1 .l{display:block;}
.ab-lede{font:300 clamp(16.5px,4vw,20px)/1.5 var(--serif);color:var(--ink2);max-width:40ch;margin:12px 0 16px;}
.ab-lede b{font-weight:400;color:var(--ink);}
/* small phones: both buttons on one line */
@media (max-width:419px){.ab-copy .tm-acts{flex-wrap:nowrap;gap:8px;} .ab-copy .tm-acts .btn{flex:1 1 auto;padding:0 12px;font-size:11px;letter-spacing:.1em;} .ab-copy .tm-acts .btn svg{display:none;}}
.ab-rate{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:44px;padding-top:10px;text-decoration:none;color:var(--ink);}
.ab-rate b{font:400 24px/1 var(--serif);}
.ab-rate .st{font-size:13px;}
.ab-rate>span:last-child{font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);transition:color .25s;}
.ab-rate:hover>span:last-child{color:var(--gold);}
.ab-faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.1vw,14px);margin:14px 0 0;padding:0;list-style:none;}
@media (max-width:899px){.ab-faces .pt{aspect-ratio:1/1;} .ab-faces .pt img{object-position:50% 16%;}}
/* one light for eight photographs taken against different walls: a soft frame pulls every backdrop toward the same dark */
.ab-faces .pt::before,.tm-row .pt::before,.mp-more .pt::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(125% 100% at 50% 34%,rgba(11,10,7,0) 48%,rgba(11,10,7,.42) 100%);pointer-events:none;}
.ab-faces li{min-width:0;}
.ab-faces a{display:block;text-decoration:none;border-radius:var(--r2);}
.ab-faces .pt{border-radius:clamp(10px,1.2vw,var(--r2));}
.ab-faces .nm{display:none;}
.ab-faces img{transition:transform .9s var(--ease);}
.ab-faces a:hover img{transform:scale(1.045);}
@media (prefers-reduced-motion:no-preference){
  .ab-faces li{animation:tmRise .9s var(--ease) both;animation-delay:calc(var(--i) * 60ms + 60ms);}
  @keyframes tmRise{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
}
@media (min-width:900px){
  .ab-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"copy faces" "rec rec";column-gap:clamp(32px,4vw,72px);}
  .ab-faces{margin:0;}
  .ab-hero h1{font-size:clamp(58px,5.6vw,108px);}
  .ab-hero h1 .l{white-space:nowrap;}
  .ab-faces li:nth-child(4n+2),.ab-faces li:nth-child(4n+4){transform:translateY(24px);}
  @media (prefers-reduced-motion:no-preference){
    .ab-faces li:nth-child(4n+2),.ab-faces li:nth-child(4n+4){animation-name:tmRiseLow;}
    @keyframes tmRiseLow{from{opacity:0;transform:translateY(40px) scale(.985);}to{opacity:1;transform:translateY(24px);}}
  }
  .ab-faces .pt::after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,rgba(11,10,7,0),rgba(11,10,7,.72));pointer-events:none;}
  .ab-faces .nm{display:block;position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 12px 11px;font:500 11.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-photo);}
}
/* the record: the approved figures (Fadi, Oct 21: since 2019) and the team's No. 1, each with who and when (RECA) */
.ab-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(14px,2.6vh,64px) 0 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line);}
.ab-proof>div{padding:14px 10px 15px 0;min-width:0;}
.ab-proof>div+div{padding-left:12px;border-left:1px solid var(--line);}
.ab-proof b{display:block;font:300 clamp(27px,7.2vw,54px)/1 var(--serif);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;}
.ab-proof span{display:block;margin-top:8px;font:var(--lbl);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);}
@media (min-width:900px){.ab-proof>div{padding:22px 22px 22px 0;} .ab-proof>div+div{padding-left:22px;} .ab-proof span{letter-spacing:.14em;}}
.ab-source{margin:-4px 0 clamp(36px,6vh,72px);font:italic 300 13px/1.6 Spectral,'Spectral Fallback',Georgia,serif;color:var(--ink3);max-width:80ch;}

/* ---- sections ---- */
.tm-sec{padding:clamp(48px,8vh,104px) 0 0;}
.tm-sec header{max-width:760px;margin:0 0 clamp(18px,3vh,34px);}
.tm-sec h2{font-weight:300;font-size:clamp(32px,7.4vw,58px);line-height:1.02;letter-spacing:-.022em;}
.tm-sec header p{font:300 clamp(16px,4vw,19px)/1.6 var(--serif);color:var(--ink2);margin:12px 0 0;max-width:58ch;}

/* ---- find your agent: a request — the visitor answers, Fadi assigns the agent (Oct 26) ---- */
.fa-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 18px;padding:0;list-style:none;}
.fa-steps li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--ink2);}
.fa-steps b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--chip);font:500 12px/1 var(--sans);color:var(--gold);}
@media (min-width:760px){.fa-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;}}
.fa{display:grid;grid-template-columns:minmax(0,1fr);padding:clamp(18px,3vw,32px);border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);}
.fa[hidden]{display:none;}
.fa-g+.fa-g{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.fa-q{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px;font:400 17px/1.3 var(--serif);color:var(--ink);}
.fa-q b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--chip);font:500 12px/1 var(--sans);color:var(--gold);}
.fa-q span{font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);}
.fa-chips{display:flex;flex-wrap:wrap;gap:8px;}
.fa-chips button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:transparent;font:400 15px/1 var(--sans);color:var(--ink);cursor:pointer;transition:background .25s,border-color .25s,color .25s;}
.fa-chips button:hover{border-color:var(--gold);}
.fa-chips button[aria-pressed="true"]{background:var(--fill);border-color:var(--fill);color:var(--fill-ink);}
.fa-chips button[aria-pressed="true"]::before{content:'';width:12px;height:7px;margin:-3px 0 0;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(-45deg);}
.fa-you{margin-top:18px;padding-top:16px;border-top:1px solid var(--line2);}
.fa-you .fa-q{margin:0;}
@media (min-width:1000px){.fa{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);column-gap:clamp(28px,3.4vw,48px);} .fa-you{margin:0;padding:0 0 0 clamp(28px,3.4vw,48px);border-top:none;border-left:1px solid var(--line2);align-self:start;}}
.fa-done{padding:clamp(22px,3vw,32px);border-radius:22px;background:var(--card);border:1px solid var(--gold);}
.fa-done:focus{outline:none;}

/* ---- the team: once, as a list you can scan (the faces are already at the top) ---- */
.tm-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;}
@media (min-width:760px){.tm-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}
@media (min-width:1180px){.tm-list{grid-template-columns:repeat(4,minmax(0,1fr));}}
.tm-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;height:100%;padding:10px 16px 10px 10px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .3s;box-shadow:var(--shadow);}
.tm-row:hover{border-color:var(--gold);}
.tm-row .pt{border-radius:10px;}
.tm-row .b{display:flex;flex-direction:column;gap:3px;min-width:0;}
.tm-row .n{font:400 20px/1.15 var(--serif);color:var(--ink);}
.tm-row .r{font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);}
.tm-row .h{font-size:13.5px;line-height:1.45;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tm-row>.arr{color:var(--gold);transition:transform .3s var(--ease);}
.tm-row:hover>.arr{transform:translateX(3px);}
.tm-row .live{display:none;font-size:12px;line-height:1.3;color:var(--ink2);}
.tm-row .live.on{display:inline-flex;align-items:center;gap:6px;margin-top:2px;}
.tm-row .live i{width:7px;height:7px;border-radius:50%;background:var(--ok);}
@media (min-width:1180px){.tm-row{grid-template-columns:64px minmax(0,1fr);padding-right:14px;} .tm-row>.arr{display:none;} .tm-row .n{font-size:19px;}}

/* ---- on the record ---- */
.ab-facts{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line2);}
.ab-facts li{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr);gap:4px 16px;align-items:baseline;padding:14px 0 8px;border-bottom:1px solid var(--line);}
.ab-facts b{font:300 clamp(30px,7.6vw,46px)/1 var(--serif);letter-spacing:-.02em;color:var(--gold);white-space:nowrap;}
.ab-facts span{font-size:15px;line-height:1.55;color:var(--ink2);}
.ab-facts a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink);text-decoration:none;font:500 11.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;}
.ab-facts a:hover{color:var(--gold);}
@media (min-width:900px){.ab-facts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;} .ab-facts li{padding:20px 0 12px;}}
.ab-reviews{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:24px 0 0;padding:0;list-style:none;}
@media (min-width:900px){.ab-reviews{grid-template-columns:repeat(3,minmax(0,1fr));}}
.ab-reviews>li{display:flex;}
.ab-all{margin-top:22px;border-top:1px solid var(--line);}
.ab-all summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;font:500 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);}
.ab-all summary::after{content:'+';font:300 24px/1 var(--sans);color:var(--gold);}
.ab-all[open] summary::after{content:'\2212';}
.ab-all ul{margin:0;padding:0 0 8px;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);}
.ab-all li{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-top:1px solid var(--line);}
.ab-all li b{font:400 18px/1.25 var(--serif);color:var(--ink);}
.ab-all li span{font-size:13px;line-height:1.45;color:var(--ink3);}
@media (min-width:900px){.ab-all ul{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;}}
.rc-note{font-size:12.5px;line-height:1.6;color:var(--ink3);margin:8px 0 6px;max-width:80ch;}

/* how we work */
.ab-values{display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;}
.ab-values li{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,28px);border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);}
.ab-values .n{font:500 11.5px/1 var(--sans);letter-spacing:.2em;color:var(--gold);}
.ab-values h3{font-size:clamp(22px,5.4vw,27px);line-height:1.15;}
.ab-values p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2);}
.ab-values .pf{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;}
.ab-values .pf a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--chip);font:500 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);}
.ab-values .pf a:hover{background:var(--fill);color:var(--fill-ink);}
.swipe{display:none;}
@media (max-width:639px){
  .ab-values{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 6px;scroll-padding:0 var(--pad);}
  .ab-values::-webkit-scrollbar{display:none;}
  .ab-values li{scroll-snap-align:start;}
  .swipe{display:block;margin:10px 0 0;font:var(--lbl);letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);}
}
@media (min-width:640px){.ab-values{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1100px){.ab-values{grid-template-columns:repeat(4,minmax(0,1fr));}}

/* reviews (About Us and the members' pages) */
.rv-card{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:22px 22px 20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);}
.rv-card blockquote{margin:0;font:italic 300 clamp(17px,4.2vw,19px)/1.55 Spectral,'Spectral Fallback',Georgia,serif;color:var(--ink);}
.rv-card figcaption{margin-top:auto;display:flex;flex-direction:column;gap:5px;font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);}
.rv-card figcaption b{font-weight:500;color:var(--ink);}
.rv-card .ab{color:var(--gold);}

/* the close */
.tm-begin{margin:clamp(52px,9vh,110px) 0 clamp(40px,8vh,90px);padding:clamp(28px,5vw,60px);border-radius:calc(var(--r) + 6px);background:var(--bg2);border:1px solid var(--line);text-align:left;}
.tm-begin h2{font-weight:300;font-size:clamp(34px,8vw,62px);line-height:1;letter-spacing:-.022em;}
.tm-begin>p{font:300 clamp(16px,4vw,19px)/1.6 var(--serif);color:var(--ink2);margin:12px 0 20px;max-width:52ch;}
.tm-begin .brk{margin:18px 0 0;font:400 13px/1.6 var(--sans);color:var(--ink3);max-width:72ch;}
.tm-begin .brk+.brk{margin-top:2px;}
@media (max-width:560px){.tm-begin .tm-acts .btn{flex:1 1 100%;}}

/* ================================================================ A member's page ================================================================ */
/* phones: the portrait with the name, role and brokerage on it, then Call · Text · Email · Message, then the focus */
.mp-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"photo" "acts" "route" "helps" "lede";margin-top:0;}
.mp-hero .mp-photo{grid-area:photo;margin:0;}
.mp-hero .mp-photo .pt{aspect-ratio:auto;height:min(42svh,430px);min-height:270px;border-radius:var(--r);}
.mp-hero .mp-photo .pt::after{content:'';position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(180deg,rgba(11,10,7,0),rgba(11,10,7,.88));pointer-events:none;}
.mp-id{grid-area:photo;align-self:end;position:relative;z-index:1;padding:0 18px 16px;color:var(--on-photo);}
/* on the photo (phones) the name stays cream in both themes — stronger than theme.css's light-mode heading rule */
html body.tm .mp-id .eyebrow{color:#D9CFAE!important;margin-bottom:8px!important;}
.mp-id h1{font-weight:300;font-size:clamp(38px,10.4vw,64px);line-height:.98;letter-spacing:-.025em;}
html body.tm .mp-id h1{color:var(--on-photo)!important;}
.mp-org{margin:8px 0 0;font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:rgba(244,242,235,.78);}
.mp-acts{grid-area:acts;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0;}
.mp-acts.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.mp-acts a,.mp-acts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:8px 4px;border-radius:var(--r2);border:1px solid var(--line2);background:transparent;text-decoration:none;cursor:pointer;
  font:500 11px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-align:center;transition:border-color .25s,background .25s,color .25s;}
.mp-acts a:hover,.mp-acts button:hover{border-color:var(--gold);}
.mp-acts .p{background:var(--fill);border-color:var(--fill);color:var(--fill-ink);}
.mp-acts .p:hover{background:var(--ink);border-color:var(--ink);color:var(--bg);}
.mp-route{grid-area:route;margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink3);}
.mp-hook{grid-area:helps;margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--ink);}
.mp-lede{grid-area:lede;font:300 clamp(17px,4.4vw,20px)/1.55 var(--serif);color:var(--ink2);margin:16px 0 0;max-width:46ch;}
@media (min-width:900px){
  .mp-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"photo id" "photo helps" "photo lede" "photo acts" "photo route" "photo .";grid-template-rows:auto auto auto auto auto 1fr;column-gap:clamp(32px,5vw,80px);align-items:start;}
  .mp-hero .mp-photo .pt{aspect-ratio:4/5;height:auto;min-height:0;}
  .mp-hero .mp-photo .pt::after{display:none;}
  .mp-id{grid-area:id;align-self:end;padding:clamp(10px,3vh,40px) 0 0;color:var(--ink);}
  html body.tm .mp-id .eyebrow{color:var(--gold)!important;}
  .mp-id h1{font-size:clamp(56px,6.2vw,100px);}
  html body.tm .mp-id h1{color:var(--ink)!important;}
  .mp-org{color:var(--ink3);margin-top:12px;}
  .mp-hook{margin-top:16px;}
  .mp-acts{max-width:560px;margin-top:22px;}
}
/* the page below the first screen: the story on the left, a message card that stays in view on the right (computer) */
.mp-body{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(32px,5vw,80px);}
@media (min-width:1000px){.mp-body{grid-template-columns:minmax(0,8fr) minmax(320px,4fr);align-items:start;} .mp-aside{position:sticky;top:calc(var(--navh) + 24px);margin-top:clamp(48px,8vh,104px);}}
.mp-bio p{font:300 clamp(16.5px,4vw,18.5px)/1.75 var(--serif);color:var(--ink2);margin:0 0 18px;max-width:62ch;}
.mp-bio>p:first-child{font-size:clamp(19px,4.8vw,22px);line-height:1.6;color:var(--ink);}
.mp-more-bio summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-6px 0 8px;font:500 11.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.mp-more-bio summary::after{content:'+';font:300 18px/1 var(--sans);}
.mp-more-bio[open] summary{display:none;}
.mp-quote{margin:22px 0 8px;padding:6px 0 6px 22px;border-left:2px solid var(--gold);}
.mp-quote p{font:italic 300 clamp(21px,5.4vw,28px)/1.45 Spectral,'Spectral Fallback',Georgia,serif!important;color:var(--ink)!important;margin:0!important;}
.mp-quote cite{display:block;margin-top:10px;font:var(--lbl);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);}
.mp-off{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;}
.mp-off li{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--chip);font-size:13.5px;line-height:1.35;color:var(--ink);}
.mp-off li svg{color:var(--gold);}
.mp-off li.lk{padding:0;}
.mp-off li.lk a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 16px 8px 12px;color:inherit;text-decoration:none;}
.mp-off li.lk a:hover{color:var(--gold);}
.mp-soon{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font:var(--lbl);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);}
/* the person's reviews: shown whole, not in a row you swipe */
.rv-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;}
.rv-list>li{display:flex;}
@media (min-width:760px){.rv-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
.rv-team{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink2);}
.rv-team b{font:400 26px/1 var(--serif);color:var(--ink);}
.rv-team .st{font-size:13px;}
.rv-team a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:500 11.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;}
.rv-team a:hover{color:var(--gold);}
.rv-leave{margin:clamp(30px,5vh,48px) 0 0;font-size:13.5px;color:var(--ink3);}
.rv-leave a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:4px;}
/* the record: Fadi's own figure, then the person's honours (the two highest large), then the team's */
.mp-stat{display:flex;flex-direction:column;gap:8px;margin:0 0 10px;padding:22px 22px 20px;border-radius:var(--r2);background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);}
.mp-stat b{font:300 clamp(44px,11vw,72px)/.95 var(--serif);letter-spacing:-.025em;color:var(--gold);}
.mp-stat span{font-size:14px;line-height:1.5;color:var(--ink2);max-width:46ch;}
.aw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;}
.aw li{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 16px 18px;border-radius:var(--r2);background:var(--card);border:1px solid var(--line);}
.aw li.top{grid-column:span 2;padding:22px 22px 24px;background:linear-gradient(160deg,var(--card),var(--bg2));}
.aw .y{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);}
.aw .y .team{padding:3px 8px;border-radius:999px;background:var(--chip);color:var(--ink);}
.aw b{font:400 clamp(18px,4.4vw,21px)/1.2 var(--serif);color:var(--ink);overflow-wrap:break-word;}
.aw li.top b{font-size:clamp(28px,7vw,40px);font-weight:300;letter-spacing:-.015em;}
.aw p{margin:0;font-size:13px;line-height:1.5;color:var(--ink2);}
.aw .by{margin-top:auto;padding-top:4px;font:var(--lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.aw.odd2 li:last-child{grid-column:1/-1;}
@media (min-width:760px){.aw{grid-template-columns:repeat(6,minmax(0,1fr));} .aw li{grid-column:span 2;} .aw li.top{grid-column:span 3;} .aw.odd2 li:last-child{grid-column:span 2;} .aw.odd3 li:last-child{grid-column:1/-1;}}
/* builder partners */
.mp-builders{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:640px){.mp-builders{grid-template-columns:repeat(2,minmax(0,1fr));}}
.mp-builders a{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:var(--r2);background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .3s;}
.mp-builders a:hover{border-color:var(--gold);}
.mp-builders b{font:300 clamp(24px,5.4vw,30px)/1.1 var(--serif);color:var(--ink);}
.mp-builders i{font:500 11.5px/1.5 var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:4px;}
/* rows you swipe (listings, the rest of the team), arrows for a mouse */
.rail-wrap{position:relative;}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,86%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 6px;margin:0;list-style:none;}
.rail::-webkit-scrollbar{display:none;}
.rail>*{scroll-snap-align:start;}
@media (min-width:760px){.rail{grid-auto-columns:calc((100% - 24px) / 3);}}
.rail-nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid var(--line2);background:var(--card);color:var(--ink);display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);}
.rail-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.rail-nav.prev{left:-22px;} .rail-nav.next{right:-22px;}
.rail-nav[hidden]{display:none!important;}
@media (hover:hover) and (pointer:fine){.rail-nav{display:flex;}}
/* listing now (from the homepage Collection's list: the team's own listings, refreshed at every build) */
.mp-listings[hidden]{display:none;}
.rail.ls-grid{grid-auto-columns:minmax(250px,82%);}
@media (min-width:640px){.rail.ls-grid{grid-auto-columns:calc((100% - 12px) / 2);}}
.ls{display:flex;flex-direction:column;height:100%;border-radius:var(--r2);overflow:hidden;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .3s;}
.ls:hover{border-color:var(--gold);}
.ls img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg2);}
.ls .b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;}
.ls .p{font:400 22px/1.1 var(--serif);color:var(--ink);}
.ls .a{font-size:14px;color:var(--ink);}
.ls .m{font-size:12.5px;color:var(--ink2);}
.ls .c{margin-top:4px;font-size:11.5px;line-height:1.45;color:var(--ink3);}
/* the message card */
.mp-card{padding:clamp(20px,2.4vw,28px);border-radius:var(--r);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);}
.mp-card .who{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.mp-card .who .pt{width:52px;flex:none;aspect-ratio:1;border-radius:50%;}
.mp-card .who .pt .ini{font-size:18px;}
.mp-card .who b{display:block;font:400 21px/1.15 var(--serif);color:var(--ink);}
.mp-card .who span{font:var(--lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);}
.mp-card h2{font-weight:300;font-size:clamp(26px,6vw,32px);line-height:1.1;margin:0 0 6px!important;}
.mp-card .sub{font-size:13.5px;line-height:1.55;color:var(--ink2);margin:0 0 16px;}
.mp-card .direct{display:flex;flex-direction:column;gap:2px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:14px;}
.mp-card .direct a{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--ink);}
.mp-card .direct a:hover{color:var(--gold);}
.mp-card .direct small{color:var(--ink3);font-size:12px;}
.mf{display:grid;gap:12px;}
.mf label{display:block;font:var(--lbl);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);margin:0 0 6px;}
.mf input[type=text],.mf input[type=email],.mf input[type=tel],.mf textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:400 16px/1.4 var(--sans);}
.mf textarea{min-height:96px;resize:vertical;}
.mf input:focus,.mf textarea:focus{outline:none;border-color:var(--gold);}
.mf .two{display:grid;grid-template-columns:1fr;gap:12px;}
.mf .hint{margin:-4px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink3);}
.mf label .opt{text-transform:none;letter-spacing:.04em;}
@media (min-width:480px) and (max-width:999px){.mf .two{grid-template-columns:1fr 1fr;}}
.mf .chips{display:flex;flex-wrap:wrap;gap:6px;}
.mf .chips button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:transparent;font:500 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);cursor:pointer;}
.mf .chips button[aria-pressed="true"]{background:var(--fill);border-color:var(--fill);color:var(--fill-ink);}
.mf .consent{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:12.5px;line-height:1.55;color:var(--ink3);text-transform:none;letter-spacing:0;font-family:var(--sans);font-weight:400;margin:0;}
.mf .consent input{width:24px;height:24px;flex:none;margin:0;accent-color:var(--olive);}
.mf .err{display:none;font-size:13px;line-height:1.5;color:#B4532A;}
html.sar-dark .mf .err{color:#E39A74;}
.mf .err.on{display:block;}
.mf .btn{width:100%;}
.mf-done{display:none;text-align:left;}
.mf-done.on{display:block;}
.mf-done b{display:block;font:300 34px/1.1 var(--serif);color:var(--ink);margin:4px 0 8px;}
.mf-done p{margin:0;font-size:14px;line-height:1.6;color:var(--ink2);}
.hp{position:absolute!important;left:-5000px!important;width:1px;height:1px;opacity:0;}
/* also on the team */
.mp-more .rail{grid-auto-columns:minmax(150px,42%);}
@media (min-width:640px){.mp-more .rail{grid-auto-columns:calc((100% - 36px) / 4);}}
@media (min-width:1000px){.mp-more .rail{grid-auto-columns:calc((100% - 72px) / 7);}}
.mp-more a{display:flex;flex-direction:column;gap:8px;text-decoration:none;}
.mp-more .pt{border-radius:var(--r2);}
.mp-more b{font:400 17px/1.2 var(--serif);color:var(--ink);}
.mp-more span{font:var(--lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);}
.mp-more a:hover b{color:var(--gold);}
/* a member's own bar on a phone: Call that person · Text · Message — it rises once the buttons at the top have scrolled away */
.mp-bar{display:none;}
@media (max-width:900px){
  html body.tm-member{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;}
  .mp-bar{position:fixed;left:0;right:0;bottom:0;z-index:64;display:flex;gap:8px;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line2);transform:translateY(110%);transition:transform .35s var(--ease);}
  .mp-bar.on{transform:none;}
  .mp-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;border:1px solid var(--line2);text-decoration:none;font:500 11px/1.1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;}
  .mp-bar a.p{flex:1.4;background:var(--fill);border-color:var(--fill);color:var(--fill-ink);}
}
@media (max-width:900px){.tm-end-pad{height:24px;}}
.mp-photo .pt{view-transition-name:tm-photo;}