/* Personal, image-led portfolio direction. */
:root{--ink:#101010;--paper:#fff;--muted:#575757;--line:#d1d1d1;--yellow:#ff702b;--light:#f2f2f2;--orange:#ff702b;--gutter:clamp(22px,4.8vw,72px)}
body{font-family:Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,.monogram,.project-cover.type>span:not(.cover-action){font-family:Helvetica,Arial,sans-serif}h1,h2,h3{font-weight:700;letter-spacing:-.045em}a:focus-visible,button:focus-visible{outline-color:#215ce8}.eyebrow{font-size:13px;letter-spacing:.08em;font-weight:600}
header{max-width:none;min-height:90px;background:#080808;color:white;border:0;padding-inline:var(--gutter)}header .monogram{font-size:32px;letter-spacing:-2px}header .monogram span{color:var(--orange)}header nav{font-size:15px;gap:28px}header .nav-contact{border:0;padding:8px 0;color:var(--orange);font-size:18px}header .nav-contact:hover{background:none;color:white;text-decoration:underline}.button,.nav-contact{border-radius:0}.button{font-size:16px;padding:15px 23px;gap:32px}.button:hover{transform:none}.button.light{background:var(--orange)}.button.light:hover{background:#ff8c52}
.portfolio-intro{max-width:none;background:#080808;color:white;grid-template-columns:minmax(0,1.75fr) minmax(200px,.72fr);gap:clamp(40px,7vw,110px);padding:38px var(--gutter) 55px;align-items:center}.portfolio-intro .eyebrow{color:#b7b7b7;font-size:13px;margin-bottom:24px;padding:0;min-height:0;max-width:none}.portfolio-intro h1{font-size:clamp(88px,10.8vw,162px);font-weight:700;letter-spacing:-.055em;line-height:.98;margin-bottom:28px}.portfolio-intro h1 span{color:var(--orange)}.portfolio-intro .hero-summary{font-size:clamp(19px,2vw,26px);line-height:1.45;max-width:830px;color:#e0e0e0;margin-bottom:27px}.hero-actions{gap:22px 28px}.portfolio-intro .button{padding:12px 20px}.hero-contact{color:var(--orange);font-size:17px;font-weight:500;text-underline-offset:6px}.portfolio-intro .opportunity-note{color:#b7b7b7;font-size:14px;margin-top:23px;max-width:650px}.portfolio-intro .hero-image{width:100%;max-width:320px;position:static;border-radius:0;overflow:visible;margin:0;justify-self:end}.portfolio-intro .hero-image img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;transform:none;border-radius:0}.portfolio-intro .hero-image figcaption{display:block;background:transparent;color:var(--orange);padding:22px 0 0;font-size:clamp(24px,2.7vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:600}.portfolio-intro .hero-image figcaption span{display:none}
.organisation-strip{max-width:none;padding:34px var(--gutter) 36px;border-bottom:0;background:#fff}.organisation-strip>.eyebrow{color:#595959;font-size:12px;margin-bottom:20px}.organisation-strip>div{gap:32px}.organisation-strip a{min-height:67px}
@media(min-width:1500px){.portfolio-intro{margin-top:0}.contact{margin-bottom:0}}
@media(max-width:900px){header nav{gap:20px}.portfolio-intro{grid-template-columns:minmax(0,1fr) 190px;gap:35px}.portfolio-intro h1{font-size:100px}.portfolio-intro .hero-summary{font-size:20px}.portfolio-intro .hero-image figcaption{font-size:28px}}
@media(max-width:700px){header{min-height:76px}header nav{font-size:13px;gap:14px}header .monogram{font-size:28px}.portfolio-intro{grid-template-columns:1fr;position:relative;padding-top:32px;padding-bottom:35px}.portfolio-intro .eyebrow{font-size:12px;margin-bottom:26px;padding-right:0}.portfolio-intro h1{font-size:clamp(74px,17.5vw,118px);max-width:80%;margin-bottom:27px}.portfolio-intro .hero-summary{font-size:20px;line-height:1.45;max-width:100%}.portfolio-intro .hero-image{display:block;position:absolute;right:var(--gutter);top:91px;width:78px;margin:0}.portfolio-intro .hero-image img{width:78px;height:104px;aspect-ratio:3/4;transform:none;object-fit:cover;border-radius:0}.portfolio-intro .hero-image figcaption{display:none}.hero-contact{font-size:16px}.portfolio-intro .opportunity-note{font-size:14px;margin-top:22px}.hero-actions{gap:18px 24px}.organisation-strip{padding-block:29px}.organisation-strip>div{gap:23px}.organisation-strip a{min-height:45px}}
@media(max-width:390px){header nav{font-size:12px;gap:10px}.portfolio-intro h1{font-size:74px}.portfolio-intro .hero-image{width:65px}.portfolio-intro .hero-image img{width:65px;height:87px}}
/* Broad project panels make the work the visual centre of the portfolio. */
.work{max-width:none;padding:66px 0 0}.work .section-heading{padding-inline:var(--gutter);margin-bottom:32px;align-items:end}.work h2{font-size:clamp(42px,5.8vw,82px);line-height:1.01;letter-spacing:-.045em}.work h2 span{color:#c44b14}.work .section-heading>p{font-size:20px;line-height:1.4;max-width:390px;color:#444}.portfolio-controls{padding-inline:var(--gutter);margin-bottom:36px}.portfolio-filters{gap:10px}.portfolio-filters button{font-family:Helvetica,Arial,sans-serif;font-size:14px;min-height:44px;border-color:#b8b8b8;padding:10px 15px}.portfolio-filters button.active{background:#111}.portfolio-controls>p{font-size:14px}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:0}.portfolio-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(30px,5vw,76px);border:0;padding:60px var(--gutter);background:#f0f0f0;align-items:center;scroll-margin-top:0}.portfolio-card:nth-child(even){background:#fff}#teen-hub{background:#e4dcfc}#habibi-world{background:#ffddbd}#the-youth-company{background:#dcebe6}#run-the-world{background:#d9e6fa}#7ayak-hub{background:#f6e8a6}#talk-dirty{background:#dfebca}#al-fakhoora{background:#ebe2ed}.project-cover{aspect-ratio:1.45;border:0;background:transparent;width:100%;min-width:0}.project-cover>img{object-fit:cover}.project-cover.logo{background:#fff;padding:42px;aspect-ratio:1.7}.project-cover.logo img{max-height:190px;max-width:80%;object-fit:contain;transition:none}.project-cover.artifact{padding:22px;background:#ffffff75;aspect-ratio:1.45}.project-cover.artifact img{object-fit:contain}.project-cover.type{min-height:290px;aspect-ratio:1.7;padding:38px}.project-cover.type>span:not(.cover-action){font-size:clamp(35px,4.6vw,65px);font-weight:700;letter-spacing:-.045em}.cover-action{display:none}.project-card-body{padding:0}.project-card-body .eyebrow{font-size:13px;font-weight:400;letter-spacing:.01em;color:#4b4b4b;margin-bottom:18px}.project-card-body .eyebrow span{display:block;margin:5px 0 0;font-size:13px}.project-card-body h3{font-size:clamp(32px,3.8vw,54px);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin-bottom:22px}.project-card-body p{font-size:19px;line-height:1.5;color:#3e3e3e;margin-bottom:25px}.project-card-body .card-role{font-size:16px;line-height:1.4;font-weight:500;color:#111;margin-bottom:19px}.role-label{display:block;font-size:12px;color:#565656;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-weight:400}.project-link{font-size:17px;justify-content:flex-start;gap:22px;font-weight:500;text-decoration:underline;text-underline-offset:6px;margin-top:0;padding-top:2px;align-self:start}.project-link span{font-size:23px}.evidence{max-width:none;background:#0c0c0c;color:white;padding-block:46px;border:0}.evidence strong{font-family:Helvetica,Arial,sans-serif;font-weight:700;color:var(--orange);font-size:clamp(40px,4.8vw,64px)}.evidence p{color:#c1c1c1;font-size:14px}.evidence>div+div{border-color:#464646}
.section:not(.work){max-width:none;padding:80px var(--gutter)}.section-heading h2{font-size:clamp(40px,5vw,70px);line-height:1.05}.section-heading>p{font-size:18px;line-height:1.45}.timeline{border-top:2px solid #111}.timeline>div{padding-block:30px}.timeline h3{font-size:28px;letter-spacing:-.025em}.timeline time{font-size:14px}.timeline p{font-size:17px}.timeline .timeline-detail{font-size:16px}.about{background:#111;color:white;border:0;gap:10vw;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.about h2{font-size:clamp(55px,6vw,85px);line-height:1}.about .eyebrow,.about-body>p{color:#c1c1c1}.about-lead{font-size:28px;color:var(--orange);letter-spacing:-.025em;line-height:1.25}.about-body>p{font-size:18px;line-height:1.6}.team-contribution,.education{border-color:#424242}.team-contribution h3,.education h3{font-size:23px;font-weight:600}.team-contribution ul{font-size:17px;color:#ccc}.team-contribution strong{color:white}.education span,.languages span{color:#c1c1c1}.about-body .languages{color:white;font-size:17px}.media-grid{gap:36px}.media-card{border-top-width:2px;min-height:320px}.media-card h3{font-size:34px;font-weight:700}.media-card p{font-size:18px}.media-action{font-size:16px}.archive-button{font-size:16px}.contact{max-width:none;background:var(--orange);text-align:left;padding:72px var(--gutter) 80px}.contact .eyebrow{font-size:13px}.contact h2{font-size:clamp(68px,11.4vw,165px);font-weight:700;line-height:.98;letter-spacing:-.05em}.contact h2 span{font-family:Helvetica,Arial,sans-serif;font-style:normal}.contact>p:not(.eyebrow){font-size:22px;line-height:1.45;max-width:790px;margin:32px 0}.contact .button{font-size:18px;padding:16px 23px}footer{max-width:none;background:#080808;color:white;padding-inline:var(--gutter);padding-block:30px}footer .monogram span{color:var(--orange)}footer p{color:#c8c8c8}footer>a:last-child{color:var(--orange)}
/* Project pages and the press archive share the same type and contrast. */
.project-page{max-width:1440px;padding-top:38px}.back-link{font-size:16px;margin-bottom:38px}.project-org{padding-bottom:25px;margin-bottom:33px}.project-heading h1{font-size:clamp(48px,7vw,100px);font-weight:700;line-height:1.02;letter-spacing:-.04em}.project-deck{font-family:Helvetica,Arial,sans-serif;font-size:clamp(22px,2.6vw,36px);line-height:1.3;color:#4d4d4d;max-width:1060px;margin:28px 0 36px}.project-facts{border-top:2px solid #111;padding-block:24px}.project-facts dt{font-size:13px}.project-facts dd{font-size:17px}.project-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}.project-story{font-size:18px;line-height:1.75}.project-story h2{font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.025em;margin:34px 0 17px}.project-gallery figcaption{font-size:14px}.project-gallery .identity-display{background:#f1f1f1}.tags span{font-size:13px;border-color:#bbb;background:transparent}.project-invitation{background:#ffddbd;padding:30px;margin-top:55px}.project-invitation p{font-size:25px;font-weight:600;letter-spacing:-.02em}.project-invitation a{font-size:17px;font-weight:400}.project-next{font-size:16px}.press-main{max-width:1320px}.press-intro h1{font-size:clamp(56px,8vw,110px);line-height:1.03}.press-intro h1 span{color:#c44b14}.press-lead{font-size:27px}.press-row h3{font-size:25px;font-weight:600}.press-section h2{font-size:38px}.press-nav a{font-size:15px}.press-nav{gap:10px}
@media(max-width:1000px){.portfolio-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;padding-block:40px}.project-card-body h3{font-size:36px}.project-card-body p{font-size:17px}.project-cover.type{min-height:250px}.work .section-heading>p{max-width:320px;font-size:18px}.project-layout{gap:35px}.about{gap:45px}.about-lead{font-size:26px}.media-card h3{font-size:29px}}
@media(max-width:700px){.work{padding-top:40px}.work .section-heading{margin-bottom:25px}.work h2{font-size:48px}.work .section-heading>p{font-size:18px;max-width:440px;margin-top:20px}.portfolio-controls{margin-bottom:26px}.portfolio-filters{gap:8px}.portfolio-filters button{padding:9px 11px;font-size:14px}.portfolio-card{grid-template-columns:1fr;gap:26px;padding:30px var(--gutter) 36px}.project-cover,.project-cover.artifact{aspect-ratio:1.4}.project-cover.logo,.project-cover.type{aspect-ratio:1.6;min-height:0}.project-cover.logo{padding:35px}.project-cover.logo img{max-height:125px}.project-cover.type>span:not(.cover-action){font-size:39px}.project-card-body .eyebrow{font-size:13px;margin-bottom:13px}.project-card-body .eyebrow span{display:inline-block;margin:0 0 0 8px}.project-card-body h3{font-size:36px;margin-bottom:21px}.project-card-body p{font-size:18px;line-height:1.45;margin-bottom:22px}.project-card-body .card-role{font-size:16px}.role-label{font-size:12px}.project-link{font-size:17px}.evidence{padding-block:34px}.evidence strong{font-size:45px}.evidence>div:nth-child(even){border-color:#464646}.section:not(.work){padding-block:53px}.section-heading h2{font-size:46px}.timeline h3{font-size:25px}.timeline>div{padding-block:25px}.timeline time{font-size:13px}.about{grid-template-columns:1fr;gap:15px}.about h2{font-size:62px}.about-lead{font-size:26px}.about-body>p{font-size:18px}.media-card{min-height:0}.media-card h3{font-size:32px}.contact{padding-block:48px}.contact h2{font-size:clamp(62px,14vw,98px)}.contact>p:not(.eyebrow){font-size:20px;margin-block:27px}.contact .button{font-size:17px}footer{font-size:13px;gap:18px}.project-page{padding-top:27px}.project-org{margin-bottom:24px}.project-heading h1{font-size:clamp(39px,10.3vw,68px);overflow-wrap:break-word}.project-deck{font-size:23px;line-height:1.35}.project-facts{gap:20px}.project-facts dd{font-size:16px}.project-layout{grid-template-columns:1fr;gap:30px}.project-story{font-size:17px}.project-story h2{font-size:26px}.project-invitation{padding:24px}.project-invitation p{font-size:23px}.press-intro h1{font-size:52px}.press-lead{font-size:24px}.press-row h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{color:#000;background:#fff}header,footer,.contact,.organisation-strip,.portfolio-controls,.project-invitation{display:none}.portfolio-intro,.about,.evidence{background:#fff;color:#000}.portfolio-intro .hero-summary,.portfolio-intro .eyebrow,.portfolio-intro .opportunity-note,.about-body>p{color:#000}.portfolio-intro h1{font-size:45px}.portfolio-card{display:block!important;background:#fff!important;padding:22px 0;break-inside:avoid}.project-card-body h3{font-size:26px}.project-cover{max-width:260px;max-height:190px;margin-bottom:20px}.project-layout{display:block}.project-heading h1{font-size:42px}}
@media(max-width:700px){.work .section-heading h2{font-size:clamp(36px,11vw,46px)}.portfolio-intro .hero-image{overflow:hidden}.portfolio-intro .hero-image img{transform:scale(1.6);transform-origin:50% 34%}}
@media(max-width:360px){.portfolio-intro h1{max-width:100%;font-size:70px}.portfolio-intro .hero-image{display:none}.contact h2{font-size:58px}.project-card-body h3{font-size:33px}}