:root{--red:#b50926;--ink:#252525;--paper:#f7f5f1;--muted:#64615c;--header:96px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.viewport-section{min-height:100vh;min-height:100svh;position:relative}.site-header{height:var(--header);background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #ece9e4}.site-header>.shell{height:100%}.brand{width:155px;height:79px;overflow:hidden;position:relative;display:block}.brand img{position:absolute;width:198px;max-width:none;height:198px;left:-21px;top:-53px}.desktop-nav{font-size:13px;font-weight:500}.desktop-nav a{padding:12px 0}.desktop-nav a:hover,.text-link:hover{color:var(--red)}.contact-link{border-bottom:1px solid var(--red)}.contact-link span{margin-left:25px}.hero{color:#fff;display:flex;align-items:center;overflow:hidden;min-height:calc(100svh - var(--header))}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(13,24,27,.84),rgba(13,24,27,.32) 70%),linear-gradient(0deg,rgba(13,24,27,.5),transparent 40%)}.hero-content{position:relative;padding-block:100px 140px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:600;color:var(--red);margin:0 0 38px}.eyebrow.light{color:#fff;opacity:.8}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;margin:0;letter-spacing:-.025em}h1{font-size:clamp(58px,6.8vw,104px);line-height:1.02;max-width:1050px}.hero-caption{font-size:16px;line-height:1.8;margin:32px 0;color:#e9e8e4}.hero-button{font-size:13px;background:var(--red);padding:19px 25px;transition:background .2s}.hero-button:hover{background:#92071e}.hero-bottom{position:absolute;bottom:35px;left:0;right:0;font-size:11px;letter-spacing:.03em;color:#ddd}.hero-bottom a span{margin-left:20px}.about{padding-block:130px 50px;display:flex;flex-direction:column;justify-content:center}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}h2{font-size:clamp(55px,6.2vw,88px);line-height:1.06}.about-copy{max-width:470px}.red-rule{display:block;width:48px;height:2px;background:var(--red);margin-bottom:40px}.intro{font-size:25px;line-height:1.5;margin:0 0 26px}.about-copy>p:not(.intro),.profile>p{font-size:15px;line-height:1.9;color:var(--muted)}.text-link{display:inline-flex;gap:32px;border-bottom:1px solid #c5beb6;padding-block:16px;font-size:12px;margin-top:24px}.about-note{border-top:1px solid #d9d5ce;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:100px;padding-top:25px}.people{background:#fff;padding-block:110px}.people-heading{margin-bottom:65px}.people-heading h2{font-size:clamp(52px,5vw,72px)}.profile-grid{max-width:1060px}.portrait-wrap{height:330px;background:#edeae5;overflow:hidden}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.profile-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:26px;padding-bottom:18px;border-bottom:1px solid #dedad4}.profile-title h3{font-size:38px}.profile-title span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.profile>p{max-width:460px;margin-top:20px}.contact{background:var(--red);color:white;display:flex;flex-direction:column;justify-content:space-between;padding-block:110px 30px}.contact h2{font-size:clamp(70px,8vw,120px)}.contact-intro{font-size:17px;margin-top:35px;color:#f0d5da}.contact-details{margin-top:40px;line-height:2;font-size:20px}.contact footer{border-top:1px solid #ffffff40;padding-top:25px;margin-top:80px;font-size:11px;color:#f2dce0}.contact footer p{margin:0}.contact footer a span{margin-left:25px}.skip-link{position:fixed;top:-100px;left:15px;background:white;padding:16px;z-index:100}.skip-link:focus{top:10px}.menu-toggle{border:0;background:transparent;width:44px;height:44px;position:relative;cursor:pointer}.menu-toggle span{width:24px;height:1px;background:var(--ink);display:block;position:absolute;left:10px;top:17px;transition:transform .2s}.menu-toggle span+span{top:26px}.menu-toggle[aria-expanded=true] span{top:22px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:rotate(-45deg)}.mobile-nav{background:white;padding:20px 28px 30px;border-top:1px solid #eee;box-shadow:0 15px 20px #0000000d}.mobile-nav a{display:block;padding:16px 0;font-size:16px}.mobile-nav[hidden]{display:none}@media(min-width:768px){.mobile-nav{display:none}}@media(max-width:767px){:root{--header:80px}.shell{width:calc(100% - 48px)}.brand{transform:scale(.83);transform-origin:left center}.hero-content{padding-block:90px 125px}h1{font-size:59px}.hero-caption{font-size:14px}.hero-bottom{font-size:10px;bottom:28px}.hero-bottom>span{display:none}.hero-bottom{justify-content:flex-end}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0d181bdf,#0d181b65)}.about{padding-block:85px 35px}.section-grid{grid-template-columns:1fr;gap:50px}.eyebrow{margin-bottom:28px}h2{font-size:64px}.intro{font-size:22px}.red-rule{margin-bottom:26px}.about-note{margin-top:60px;gap:24px}.people{padding-block:85px}.people-heading{margin-bottom:45px}.portrait-wrap{height:340px}.profile-title h3{font-size:35px}.contact{padding-block:85px 28px}.contact h2{font-size:76px}.contact-details{font-size:17px}.contact footer{margin-top:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
:root .hero{min-height:100vh;min-height:100svh}.profile-title{flex-direction:column;align-items:flex-start;gap:8px}.email-link{display:inline-block;border-bottom:1px solid #ffffff70;padding-bottom:8px}.email-link:hover{border-bottom-color:#fff}.email-link span{margin-left:24px}@media(max-width:380px){.contact-details{font-size:15px}.email-link span{margin-left:10px}}
:root .brand img{width:160px;height:160px;left:-10px;top:-40px}body h1,body h2,body h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.025em}body h1{font-size:clamp(58px,6.8vw,104px);line-height:1.02}body h2{font-size:clamp(55px,6.2vw,88px);line-height:1.06}body .people-heading h2{font-size:clamp(52px,5vw,72px)}body .profile-title h3{font-size:38px}body .contact h2{font-size:clamp(70px,8vw,120px)}@media(max-width:767px){body h1{font-size:59px}body h2{font-size:64px}body .profile-title h3{font-size:35px}body .contact h2{font-size:76px}}
/* Video hero and the transparent-to-white header. */
:root { --header: 120px; }
.site-header {
  position: fixed;
  inset: 0 0 auto;
  height: var(--header);
  color: #fff;
  background: transparent;
  border-bottom-color: transparent;
  transition: height .35s ease, background-color .35s ease, color .35s ease, box-shadow .35s ease;
}
.site-header > .shell { padding-block: 20px; }
.brand { flex-shrink: 0; transform: none; transition: transform .35s ease; }
:root .brand img { width: 144px; height: 144px; left: -5px; top: -33px; filter: brightness(0) invert(1); mix-blend-mode: normal; }
.site-header.is-scrolled { height: calc(var(--header) * .8); background: #fff; color: var(--ink); border-bottom-color: #ece9e4; box-shadow: 0 4px 20px #00000008; }
.site-header.is-scrolled > .shell { padding-block: 16px; }
.site-header.is-scrolled .brand { transform: scale(.8); transform-origin: left center; }
:root .site-header.is-scrolled .brand img { filter: none; mix-blend-mode: normal; }
.site-header .desktop-nav a:hover { color: #fff; opacity: .75; }
.site-header.is-scrolled .desktop-nav a:hover { color: var(--red); opacity: 1; }
.site-header .contact-link { border-bottom-color: #ffffff80; }
.site-header.is-scrolled .contact-link { border-bottom-color: var(--red); }
.site-header .menu-toggle span { background: currentColor; }
.mobile-nav { color: var(--ink); }
.hero { background: #152427; }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-shade { background: linear-gradient(90deg, #071519ba, #07151930 85%), linear-gradient(180deg, #071519a6, transparent 30%, transparent 65%, #07151980); }
.hero-content { padding-block: 190px 140px; }
body .hero h1 { font-size: clamp(64px, 7vw, 104px); max-width: 1000px; text-shadow: 0 2px 24px #00000020; }
.hero-caption { color: #fff; max-width: 570px; }
.video-toggle { background: none; border: 0; padding: 12px 0; color: #fff; cursor: pointer; font-size: 11px; }
.video-toggle span { margin-left: 14px; }
.hero-bottom { align-items: center; }
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-video { object-position: 55% center; }
  .hero-content { padding-block: 170px 130px; }
  body .hero h1 { font-size: 78px; }
}
@media (max-width: 767px) {
  :root { --header: 100px; }
  .site-header > .shell { padding-block: 18px; }
  .brand { width: 128px; height: 64px; }
  :root .brand img { width: 116px; height: 116px; left: -4px; top: -27px; }
  .site-header.is-scrolled > .shell { padding-block: 14px; }
  .hero-video { object-position: 58% center; }
  .hero-content { padding-block: 150px 130px; }
  body .hero h1 { font-size: clamp(48px, 10.5vw, 66px); }
  .hero-shade { background: linear-gradient(90deg, #071519ad, #07151955), linear-gradient(180deg, #07151980, transparent 35%, #07151940); }
  .hero-bottom { justify-content: space-between; }
}

/* Keep Hasnein's full head visible in the profile crop. */
.portrait-wrap img[src='Assets/Hasnein.png'] { object-position: center -60px; }


/* Preserve headroom in Alihusein's London portrait. */
.portrait-wrap img[src='Assets/Alihusein.png'] { object-position: center -30px; }