/* About uses v5 typography, palette, button and section rules. */
.about-hero{padding:88px 0 0;text-align:center}
.about-hero h1{font:600 clamp(40px,5.6vw,76px)/1.04 var(--fb);letter-spacing:-.045em;max-width:19ch;margin:auto}
.about-hero .lede{margin:28px auto 0;max-width:48ch}
.about-jump{display:flex;justify-content:center;gap:28px;margin:32px 0 48px;flex-wrap:wrap}
.about-jump a{font-size:15px;text-underline-offset:5px}
.about-photos{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:16px;align-items:stretch}
.about-photos img{width:100%;height:290px;object-fit:cover}
.about-photos img:nth-child(2){object-position:30% 40%}
.press-strip{padding:32px 0;border-bottom:1px solid var(--line)}
.press-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.press-strip span{color:var(--ink2);font-size:14px}
.press-strip img{max-width:150px;max-height:35px;object-fit:contain;filter:var(--logo-filter)}
.about-page .sec{border-bottom:1px solid var(--line)}
.about-page .sec-p{color:var(--ink2);max-width:60ch;margin:18px 0 36px;font-size:19px}
.years{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-top:36px}
.years button{font:500 16px/1.4 var(--fb);padding:22px 14px;border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-align:left}
.years button:last-child{border:0}.years button b{display:block;font:14px var(--fm);margin-bottom:10px;color:var(--ink2)}
.years button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.years button[aria-selected=true] b{color:var(--paper)}
.career-role{display:grid;grid-template-columns:160px 1.4fr 1fr;gap:36px;padding:40px 28px;border:1px solid var(--line);border-top:0;min-height:300px;background:var(--card)}
.career-role[hidden]{display:none}
.career-role img{width:140px;max-height:75px;object-fit:contain;filter:var(--logo-filter)}
.career-role h3{font-size:30px;line-height:1.15}.career-role p{color:var(--ink2)}
.career-role .lg-t{font:600 30px var(--fb)}
.src{font-size:14px;color:var(--ink2);border-left:1px solid var(--line);padding-left:26px}.src:empty{display:none}.src a{display:block;margin:12px 0}
.about-story{max-width:880px;margin:40px 0 0 auto;border-left:1px solid var(--line)}
.story-step{position:relative;padding:0 0 36px 50px}.story-step .n{position:absolute;left:-17px;top:0;background:var(--paper);width:34px;text-align:center;font:18px var(--fm)}
.story-step h3{font-size:30px;line-height:1.2}.story-step p{max-width:65ch;color:var(--ink2);margin-bottom:0}
.big-line{font:400 clamp(30px,4vw,48px)/1.15 var(--fd);max-width:26ch;margin:40px 0 0}
.promises{list-style:none;padding:0;margin:40px 0;counter-reset:promise}
.promises li{counter-increment:promise;display:grid;grid-template-columns:44px 1fr 1.1fr;gap:24px;padding:30px 0;border-top:1px solid var(--line)}
.promises li::before{content:counter(promise,decimal-leading-zero);font:14px var(--fm);padding-top:7px;color:var(--ink2)}
.promises h3{font-size:28px;line-height:1.2}.promises p{margin:0;color:var(--ink2)}
.edu{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:36px;background:var(--card);border:1px solid var(--line)}
.edu img{max-height:100px;filter:var(--logo-filter)}
.pressg{margin-top:40px}.pressg>a{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:28px 0;border-top:1px solid var(--line);text-decoration:none}
.pressg img{max-width:140px;max-height:42px;object-fit:contain;filter:var(--logo-filter)}
.pressg h3{font-size:28px;line-height:1.2}.pressg span{font-size:14px;color:var(--ink2);display:block;margin-top:10px}.pressg a:hover h3{text-decoration:underline;text-underline-offset:4px}
.collage{display:grid;grid-template-columns:repeat(6,1fr);gap:28px 20px;margin-top:40px}
.collage figure{grid-column:span 2;margin:0}.collage figure:nth-child(-n+2){grid-column:span 3}
.collage img{width:100%;height:280px;object-fit:cover}.collage figcaption{font-size:14px;color:var(--ink2);margin-top:12px}
.about-page section[id]{scroll-margin-top:95px}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:800px){.about-hero{padding-top:56px}.about-photos img{height:190px}.years{grid-template-columns:repeat(3,1fr)}.years button{border-bottom:1px solid var(--line)}.career-role{grid-template-columns:1fr;gap:24px}.src{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.promises li{grid-template-columns:30px 1fr}.promises li p{grid-column:2}.press-strip .wrap{justify-content:center}.press-strip span{width:100%;text-align:center}.collage img{height:200px}}
@media(max-width:560px){.about-jump{gap:18px;margin-bottom:30px}.about-photos{grid-template-columns:1fr 1fr;gap:8px}.about-photos img{height:160px}.about-photos img:first-child{grid-column:span 2;height:210px}.press-strip img{max-width:120px}.about-story{margin-top:32px;margin-left:16px}.story-step{padding-left:28px}.story-step h3{font-size:26px}.edu{grid-template-columns:1fr;padding:24px;gap:20px}.edu img{max-width:140px}.pressg>a{grid-template-columns:1fr;gap:18px}.collage{grid-template-columns:1fr}.collage figure,.collage figure:nth-child(-n+2){grid-column:auto}.collage img{height:auto}.about-page~.close p{max-width:100%}.nav a.t[aria-current=page]{display:inline;font-size:14px}.nav{gap:12px}}

/* Real smiling expo portrait, cropped in the layout to focus on Ahmed. */
.about-hero{padding-top:48px;padding-bottom:20px}
.about-portrait{position:relative;overflow:hidden;width:200px;height:230px;margin:0 auto 32px;background:var(--card);border:1px solid var(--line)}
.about-portrait img{position:absolute;width:285%;max-width:none;height:auto;left:-145%;top:-65%}
@media(max-width:560px){.about-hero{padding-top:32px}.about-portrait{width:170px;height:196px;margin-bottom:26px}}

/* Use the original studio image without enlarging a small face crop. */
.about-portrait{width:240px;height:300px}
.about-portrait img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 70%}
@media(max-width:560px){.about-portrait{width:200px;height:250px}}

.brokerage-experience>h2{max-width:24ch;margin-bottom:48px}
.experience-record{display:grid;grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;padding:32px 0;border-top:1px solid var(--line)}
.experience-record h3,.experience-copy h3{font-size:32px;line-height:1.15;margin:0 0 16px}
.experience-record p,.experience-copy p{margin:0;color:var(--ink2);font-size:18px;line-height:1.65}
.experience-photo{width:100%;height:auto;display:block}
.experience-evidence{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding:30px;border:1px solid var(--line);background:var(--card)}
.experience-evidence img{width:150px;max-height:65px;object-fit:contain;filter:var(--logo-filter)}
.experience-evidence a{font-size:14px;line-height:1.5;text-underline-offset:4px}
.experience-firms{display:flex;align-items:center;gap:20px;width:100%}.experience-firms img{width:calc((100% - 60px)/2);max-width:135px}.experience-firms span{font-size:24px}
.experience-copy{border-top:1px solid var(--line);padding-top:36px;margin-top:12px;max-width:800px}.experience-copy p+p{margin-top:18px}
@media(max-width:700px){.experience-record{grid-template-columns:1fr;gap:24px;padding:28px 0}.brokerage-experience>h2{margin-bottom:32px}.experience-record h3,.experience-copy h3{font-size:28px}.experience-evidence{min-height:160px;padding:24px}}

/* The portrait anchors the introduction at its original resolution. */
.about-hero{padding:48px 0 64px;text-align:left}
.about-hero>.wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.about-portrait{width:100%;height:560px;margin:0;border:0}
.about-portrait img{object-position:50% 45%}
.about-hero h1{font-size:clamp(38px,4.4vw,64px);max-width:17ch;margin:0}
.about-hero .lede{margin:26px 0 0;max-width:39ch}
.about-jump{justify-content:flex-start;margin:30px 0 0;gap:22px}
.experience-copy{max-width:none;padding:48px 0 0;margin-top:28px}
.experience-copy>h3{font-size:clamp(32px,4vw,46px);max-width:25ch}
.experience-copy>p{max-width:70ch}
.decision-map{display:grid;grid-template-columns:1fr 1fr;margin:32px 0;border-top:1px solid var(--line);border-left:1px solid var(--line);counter-reset:decision}
.decision-map article{position:relative;counter-increment:decision;padding:30px 30px 30px 70px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.decision-map article::before{content:counter(decision,decimal-leading-zero);position:absolute;left:24px;top:34px;font:14px var(--fm);color:var(--ink2)}
.decision-map h4{font:500 23px/1.25 var(--fb);letter-spacing:-.025em;margin:0 0 16px}
.decision-map p{font-size:17px;margin:0}
.experience-case-link{font-size:17px;text-underline-offset:5px}
@media(max-width:800px){.about-hero>.wrap{gap:30px}.about-portrait{height:470px}.about-hero h1{font-size:38px}.decision-map article{padding:24px 22px 24px 56px}.decision-map article::before{left:18px;top:28px}}
@media(max-width:600px){.about-hero{padding:24px 0 40px}.about-hero>.wrap{grid-template-columns:1fr;gap:30px}.about-portrait{height:auto;aspect-ratio:4/5;max-width:440px;margin:auto}.about-hero h1{max-width:18ch;font-size:40px}.about-jump{gap:18px}.decision-map{grid-template-columns:1fr}.decision-map h4{font-size:22px}}