html{background:#08111f} body{margin:0} .fi-site{visibility:visible!important;opacity:1!important} .fi-site p,.fi-site h1,.fi-site h2,.fi-site h3,.fi-site a,.fi-site span{visibility:visible}


    /* ── RESET ── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; overflow-x: hidden; }
    body { overflow-x: hidden; }
    img, video { display: block; max-width: 100%; }
    button { cursor: pointer; border: none; background: none; font: inherit; }

    /* ── TOKENS ── */
    :root {
      --onyx:        #061927;
      --onyx-soft:   #0a2231;
      --onyx-mid:    #102d3c;
      --orange:      #55ccec;
      --white:       #FFFFFF;
      --gray-400:    #999999;
      --gray-600:    #595959;
      --rule-dark:   rgba(255, 255, 255, 0.08);

      --f-hel:   'Helvetica Neue', Helvetica, Arial, sans-serif;
      --f-inter: 'Inter', 'Helvetica Neue', Arial, sans-serif;

      --pad:     clamp(24px, 4.5vw, 80px);
      --max-w:   1440px;
    }

    /* ── BASE ── */
    body {
      background: var(--onyx);
      color: var(--white);
      font-family: var(--f-inter);
      font-size: 16px;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    a { color: inherit; text-decoration: none; transition: opacity 0.2s ease, color 0.2s ease; }
    a:hover { opacity: 0.6; }

    /* ── LAYOUT ── */
    .wrap {
      max-width: var(--max-w);
      margin: 0 auto;
      padding-left: var(--pad);
      padding-right: var(--pad);
    }

    /* ── NAVIGATION ── */
    .nav {
      position: fixed;
      inset-block-start: 0;
      inset-inline: 0;
      z-index: 200;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 26px var(--pad);
      background: rgba(10, 10, 10, 0.72);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--rule-dark);
      transition: padding 0.35s ease, background 0.35s ease, transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .nav--scrolled {
      padding-top: 16px;
      padding-bottom: 16px;
      background: rgba(10, 10, 10, 0.92);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .nav--hidden {
      transform: translateY(-100%);
    }

    .nav-logo {
      font-family: var(--f-hel);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--white);
      white-space: nowrap;
      display: inline-block;
      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s;
    }

    .nav-logo:hover {
      transform: scale(1.06);
      opacity: 1;
      color: var(--orange);
    }

    .nav-links {
      display: flex;
      gap: 36px;
      list-style: none;
    }

    .nav-links a {
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      position: relative;
    }

    .nav-links a::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 0;
      height: 1px;
      background: var(--orange);
      transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .nav-links a:hover { color: var(--white); opacity: 1; }
    .nav-links a:hover::after { width: 100%; }

    .nav-actions {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .nav-cta {
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      background: var(--orange);
      color: var(--onyx);
      padding: 10px 20px;
      transition: background 0.2s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
      position: relative;
      overflow: hidden;
    }

    .nav-cta:hover { background: #55ccec; opacity: 1; transform: translateY(-1px); }

    .nav-toggle {
      display: none;
      flex-direction: column;
      justify-content: space-between;
      width: 24px;
      height: 18px;
      background: none;
      border: none;
      padding: 0;
      z-index: 210;
    }

    .nav-toggle span {
      display: block;
      width: 100%;
      height: 2px;
      background-color: var(--white);
      transition: transform 0.3s, opacity 0.3s;
    }

    .nav-toggle.is-active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .nav-toggle.is-active span:nth-child(2) { opacity: 0; }
    .nav-toggle.is-active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    /* ── MOBILE DRAWER ── */
    .mobile-drawer { display: none; }

    @media (max-width: 768px) {
      .nav { padding: 18px var(--pad); }
      .nav-toggle { display: flex; }
      .desktop-only { display: none; }
      .desktop-nav { display: none !important; }

      .mobile-drawer {
        display: flex;
        flex-direction: column;
        position: fixed;
        inset: 0;
        background: var(--onyx);
        z-index: 190;
        padding: 0 var(--pad) clamp(32px, 6vh, 56px);
        transform: translateX(100%);
        transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
        overflow-y: auto;
      }

      .mobile-drawer.is-open { transform: translateX(0); }

      .mobile-drawer-header {
        display: flex;
        align-items: center;
        padding: 22px 0 clamp(28px, 4vh, 44px);
        border-bottom: 1px solid var(--rule-dark);
        margin-bottom: clamp(24px, 4vh, 40px);
      }

      .mobile-drawer-links {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 0;
      }

      .mobile-drawer-links li { border-bottom: 1px solid var(--rule-dark); }

      .mobile-drawer-links a {
        display: block;
        font-family: var(--f-hel);
        font-size: clamp(30px, 9vw, 44px);
        font-weight: 700;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        color: var(--white);
        padding: clamp(14px, 2.5vh, 22px) 0;
        line-height: 1;
        transition: color 0.2s ease, padding-left 0.2s ease;
      }

      .mobile-drawer-links a:hover {
        color: var(--orange);
        padding-left: 10px;
        opacity: 1;
      }

      .mobile-drawer-cta {
        margin-top: auto;
        padding-top: clamp(32px, 5vh, 52px);
      }

      .mobile-drawer-cta .nav-cta {
        display: block;
        width: 100%;
        text-align: center;
        padding: 18px 24px;
        font-size: 12px;
        letter-spacing: 0.14em;
      }
    }

    /* ── HERO ── */
    .hero {
      position: relative;
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      overflow: hidden;
      background: var(--onyx);
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        linear-gradient(to bottom,
          rgba(10,10,10,0.2) 0%,
          rgba(10,10,10,0.05) 25%,
          rgba(10,10,10,0.55) 68%,
          rgba(10,10,10,1) 100%
        ),
        url('/assets/b2a3d35428eaf5c0.webp') center 15% / cover no-repeat;
      will-change: transform;
      transform-origin: center top;
    }

    .hero-meta {
      position: absolute;
      top: 110px;
      left: var(--pad);
      z-index: 2;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .hero-meta-line {
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.35);
      opacity: 0;
      animation: fade-up 0.6s ease forwards;
    }

    .hero-meta-line:nth-child(1) { animation-delay: 0.2s; }
    .hero-meta-line:nth-child(2) { animation-delay: 0.35s; }
    .hero-meta-line:nth-child(3) { animation-delay: 0.5s; }

    .hero-content {
      position: relative;
      z-index: 2;
      padding: var(--pad);
      padding-bottom: clamp(48px, 7vw, 96px);
    }

    .hero-name {
      font-family: var(--f-hel);
      font-size: clamp(92px, 16vw, 220px);
      font-weight: 700;
      line-height: 0.84;
      letter-spacing: -0.045em;
      color: var(--white);
      text-align: right;
    }

    .hero-letter {
      display: inline-block;
      opacity: 0;
      transform: translateY(0.15em) skewX(-3deg);
      animation: letter-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .hero-bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-top: clamp(32px, 4vw, 56px);
      gap: 32px;
    }

    .hero-tagline {
      font-family: var(--f-hel);
      font-size: clamp(14px, 2vw, 20px);
      font-weight: 300;
      line-height: 1.5;
      color: rgba(255, 255, 255, 0.55);
      max-width: 380px;
      opacity: 0;
      animation: fade-in 0.9s ease 0.8s forwards;
    }

    .hero-scroll {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      font-family: var(--f-hel);
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--gray-400);
      opacity: 0;
      animation: fade-in 0.9s ease 1.2s forwards;
      transition: opacity 0.4s ease;
    }

    .hero-scroll--hidden {
      opacity: 0;
      pointer-events: none;
    }

    .hero-scroll-line {
      width: 1px;
      height: 52px;
      background: linear-gradient(to bottom, transparent, var(--gray-400));
      animation: scroll-pulse 2.2s ease-in-out infinite;
    }

    /* ── ANIMATIONS ── */
    @keyframes letter-in {
      to { opacity: 1; transform: translateY(0) skewX(0deg); }
    }

    @keyframes fade-up {
      from { opacity: 0; transform: translateY(10px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fade-in {
      to { opacity: 1; }
    }

    @keyframes scroll-pulse {
      0%, 100% { opacity: 0.4; transform: scaleY(1); }
      50%       { opacity: 1;   transform: scaleY(1.15); }
    }

    /* ── CURSOR GLOW ── */
    .cursor-glow {
      position: fixed;
      top: 0; left: 0;
      width: 18px; height: 18px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(85,204,236, 0.45) 0%, transparent 70%);
      transform: translate(-50%, -50%);
      pointer-events: none;
      z-index: 9999;
      mix-blend-mode: screen;
      transition: width 0.25s ease, height 0.25s ease, background 0.25s ease;
      will-change: left, top;
    }

    .cursor-glow--hover {
      width: 52px; height: 52px;
      background: radial-gradient(circle, rgba(85,204,236, 0.22) 0%, transparent 70%);
    }

    @media (pointer: coarse) { .cursor-glow { display: none; } }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .hero-name { font-size: clamp(72px, 20vw, 140px); }
      .hero-bottom { flex-direction: column; align-items: flex-start; }
    }

    /* ── REDUCED MOTION ── */
    @media (prefers-reduced-motion: reduce) {
      .hero-letter { opacity: 1 !important; transform: none !important; animation: none !important; }
      .hero-meta-line, .hero-tagline, .hero-scroll { opacity: 1 !important; animation: none !important; }
      .cursor-glow { display: none !important; }
      .hero-scroll-line { animation: none !important; }
    }
  .finav,.finav *{box-sizing:border-box}
.finav{position:relative;z-index:50;width:100%;min-height:76px;margin:0;padding:12px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;border:0;border-bottom:1px solid rgba(153,199,218,.2);border-radius:0;background:#061927;box-shadow:0 12px 34px rgba(0,0,0,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.finav a{text-decoration:none}
.finav-brand{display:flex;align-items:center;gap:12px;color:#f7f4ed;white-space:nowrap}
.finav-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border:1px solid rgba(247,244,237,.36);border-radius:10px;background:#f7f4ed;color:#061927;font-size:16px;font-weight:950;letter-spacing:-.08em;box-shadow:inset 0 0 0 1px rgba(6,25,39,.06)}
.finav-mark em{color:#159dca;font-style:normal}
.finav-wordmark{font-size:12px;font-weight:900;letter-spacing:.18em}
.finav-links{display:flex;justify-content:center;align-items:center;gap:clamp(18px,2.4vw,34px)}
.finav-links a{position:relative;padding:10px 0;color:#b8c8d0;font-size:12px;font-weight:760;transition:color .2s ease}
.finav-links a:hover,.finav-links a:focus-visible{color:#fff}
.finav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:#55ccec;transition:right .2s ease}
.finav-links a:hover:after,.finav-links a:focus-visible:after{right:0}
.finav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(247,244,237,.28);border-radius:10px;background:#f7f4ed;color:#061927;font-size:11px;font-weight:900;letter-spacing:.025em;white-space:nowrap;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.finav-cta:hover,.finav-cta:focus-visible{transform:translateY(-1px);background:#fff;border-color:#fff}
@media(max-width:700px){.finav{min-height:0;padding:11px 14px 10px;grid-template-columns:1fr auto;gap:10px 14px}.finav-mark{width:34px;height:34px;font-size:15px}.finav-wordmark{font-size:11px}.finav-cta{min-height:38px;padding:0 12px;font-size:9px}.finav-links{grid-column:1/-1;justify-content:space-between;gap:10px;padding:8px 2px 0;border-top:1px solid rgba(153,199,218,.16)}.finav-links a{padding:5px 0;font-size:10px;letter-spacing:.015em}}
@media(max-width:360px){.finav-wordmark{display:none}.finav-links a{font-size:9px}.finav-cta{padding:0 10px}}
/* Firas Isa unified design system */
:root{--onyx:#061927;--onyx-soft:#0a2231;--onyx-mid:#102d3c;--orange:#55ccec;--white:#f7f4ed;--gray-400:#b8c8d0;--gray-600:#8196a1;--ink:#061927;--navy:#061927;--paper:#f7f4ed;--line:#c7d0d5;--muted:#53636e;--f-hel:Georgia,"Times New Roman",serif;--f-inter:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fiw-ink:#f7f4ed;--fiw-paper:#f7f4ed;--fiw-navy:#061927;--fiw-navy-2:#0a2231;--fiw-cyan:#55ccec;--fiw-blue:#159dca;--fiw-muted:#b8c8d0}
html{background:#061927}
body{background:#061927;color:#f7f4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",serif!important;font-weight:400}
p,li,blockquote,figcaption,label,input,textarea,select,button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
a[class*="btn"],a[class*="button"],button[class*="btn"],button[class*="button"]{border-radius:10px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:800!important}
[class*="card"],[class*="panel"],[class*="tile"]{border-radius:18px!important}
a:focus-visible,button:focus-visible{outline:3px solid rgba(85,204,236,.55);outline-offset:3px}
#official-firas-isa-profile{--fi-ink:#061927;--fi-muted:#53636e;--fi-blue:#159dca;--fi-rule:#c7d0d5;--fi-paper:#f7f4ed;--fi-mist:#edf4f5;--fi-night:#061927}
/* Home visibility alignment */
.hero-tagline{color:rgba(247,244,237,.9)!important;-webkit-text-fill-color:rgba(247,244,237,.9)!important;text-shadow:0 2px 18px rgba(0,0,0,.72)}
.hero-meta-line,.hero-scroll{color:rgba(247,244,237,.78)!important;-webkit-text-fill-color:rgba(247,244,237,.78)!important}
/* Homepage header is outside the portrait */
.finav{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;flex:none!important}
.hero{min-height:calc(100svh - 76px)!important}
@media(max-width:700px){.hero{min-height:calc(100svh - 102px)!important}}


.fi-companies,.fi-companies *{box-sizing:border-box}.fi-companies{padding:88px 24px;background:#edf4f5;color:#061927}.fi-companies-inner{max-width:1180px;margin:auto}.fi-companies-kicker{margin:0 0 14px;color:#17647b;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.fi-companies h2{margin:0;color:#061927!important;-webkit-text-fill-color:#061927!important;font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-.045em}.fi-companies-intro{max-width:760px;margin:24px 0 36px;color:#405766;font-size:17px;line-height:1.75}.fi-companies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fi-company-card{display:flex;flex-direction:column;padding:28px;border:1px solid #c7d6dc;background:#fff;border-radius:18px;min-width:0}.fi-company-logo{height:82px;display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#09211c;font-size:28px;font-weight:850;letter-spacing:-.04em}.fi-company-card:first-child .fi-company-logo img{filter:brightness(0) saturate(100%);opacity:.94}.fi-company-logo img{display:block;width:100%;max-width:250px;max-height:80px;object-fit:contain;object-position:left center}.fi-company-sqmark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#09211c;color:#bff1dd}.fi-company-sqmark svg{width:29px;height:29px}.fi-company-category{color:#17647b;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fi-company-card h3{margin:12px 0 5px;color:#061927!important;-webkit-text-fill-color:#061927!important;font-size:26px;line-height:1.2;letter-spacing:-.025em}.fi-company-role{color:#405766;font-size:12px;font-weight:700}.fi-company-desc{margin:20px 0 28px;color:#405766;font-size:15px;line-height:1.75}.fi-company-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:auto;padding-top:20px;border-top:1px solid #dbe3e7}.fi-company-links a{padding:6px 0;color:#095d76!important;-webkit-text-fill-color:#095d76!important;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.fi-company-links a:hover{opacity:1;color:#061927!important}.fi-company-links a:focus-visible{outline:3px solid #159dca;outline-offset:4px}.fi-founder-connect{margin-top:30px;color:#405766;font-size:14px;line-height:1.8}.fi-founder-connect a{display:inline-block;margin-left:14px;color:#095d76!important;text-decoration:underline;text-underline-offset:4px;font-weight:700}@media(max-width:850px){.fi-companies-grid{grid-template-columns:1fr}.fi-company-logo{height:70px;margin-bottom:18px}.fi-company-desc{max-width:650px}.fi-companies{padding:64px 24px}}


.fi-companies{background:#edf4f5;padding:88px 24px}
.fi-companies-intro{max-width:850px}
.fi-company-card{padding:28px;display:grid;grid-template-rows:82px 18px 42px 126px auto 110px;row-gap:16px;align-content:start;border-color:#cbd8de;box-shadow:0 10px 30px rgba(6,25,39,.035)}
.fi-company-logo{height:82px;margin:0}
.fi-company-category{line-height:18px}
.fi-company-card h3{margin:0;align-self:start;font-size:25px;line-height:34px}
.fi-company-facts{margin:0;padding:0;border-top:1px solid #dbe3e7;border-bottom:1px solid #dbe3e7}
.fi-company-facts div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:41px}
.fi-company-facts div+div{border-top:1px solid #edf1f3}
.fi-company-facts dt{font-size:11px;color:#526875;font-weight:600}
.fi-company-facts dd{margin:0;font-size:12px;color:#061927;font-weight:750;text-align:right}
.fi-company-desc{margin:4px 0 8px;font-size:14px;line-height:25px;color:#405766}
.fi-company-desc p{margin:0}.fi-company-desc p+p{margin-top:16px}
.fi-company-line{display:block;white-space:nowrap}
.fi-company-links{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,26px);gap:4px 16px;align-content:start;margin:0;padding-top:18px}
.fi-company-links a{font-size:12px;padding:0;line-height:26px}
@media(max-width:1100px){.fi-companies-grid{grid-template-columns:1fr}.fi-company-card{max-width:700px;width:100%;margin-inline:auto;grid-template-rows:82px 18px 42px 126px auto 110px}.fi-company-line{display:inline;white-space:normal}.fi-company-line:not(:last-child):after{content:" "}.fi-company-desc{font-size:15px;line-height:1.8}}

.finav-links{flex-wrap:wrap;gap:12px 22px}.finav a[aria-current="page"]{color:#55ccec}.finav a:hover{opacity:1}@media(max-width:1000px){.finav{grid-template-columns:1fr auto;gap:12px}.finav-links{grid-row:2;grid-column:1/-1;justify-content:center}.finav-cta{grid-row:1;grid-column:2}}@media(max-width:500px){.finav-links{justify-content:space-between;gap:8px}.finav-links a{font-size:10px}}

.fi-motion-hero,.fi-motion-hero *{box-sizing:border-box}.fi-motion-hero{position:relative;isolation:isolate;overflow:hidden;background:#061927;padding:54px 24px 24px;color:#f7f4ed}.fi-motion-shell{position:relative;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.fi-motion-copy{position:relative;z-index:2;padding:20px 0 36px}.fi-motion-kicker{display:flex;align-items:center;gap:12px;color:#9bd8e7;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.fi-motion-kicker span{height:6px;width:6px;border-radius:50%;background:#55ccec;box-shadow:0 0 16px #55ccec}.fi-motion-hero h1{font-size:clamp(82px,10vw,140px)!important;line-height:.86!important;margin:32px 0 28px!important;letter-spacing:-.06em!important}.fi-motion-hero h1 span{display:block;color:#9bd8e7}.fi-motion-statement{font:400 clamp(24px,2.8vw,34px)/1.3 Georgia,serif!important;color:#f7f4ed;margin:0 0 24px}.fi-motion-description{max-width:500px;font-size:17px;line-height:1.85;color:#c7d5dd}.fi-motion-family{display:inline-block;padding:18px 0;margin-top:8px;color:#b8c8d0;font-size:12px;text-decoration:none;line-height:1.7}.fi-motion-family:hover{color:#55ccec}.fi-motion-portrait{position:relative;margin:0;align-self:stretch;min-height:560px;display:flex;flex-direction:column;justify-content:center}.fi-motion-portrait:before{content:"";position:absolute;inset:6% -5%;border:1px solid #2a5264;border-radius:50%;transform:rotate(-15deg);animation:fi-orbit 24s linear infinite;z-index:-1}.fi-motion-portrait img{width:100%;height:570px;object-fit:cover;object-position:50% 16%;border-radius:180px 180px 18px 18px;border:1px solid #3f5c6d;box-shadow:0 28px 90px #03111d66}.fi-motion-portrait figcaption{display:flex;justify-content:space-between;margin-top:18px;letter-spacing:.12em;font-size:10px;color:#c7d5dd}.fi-motion-portrait figcaption span{letter-spacing:.04em;color:#b8c8d0}.fi-motion-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background-image:linear-gradient(#9bd8e709 1px,transparent 1px),linear-gradient(90deg,#9bd8e709 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(#000,#000 80%,transparent)}.fi-motion-atmosphere>span{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#17647b70,transparent 67%);filter:blur(40px);animation:fi-drift 18s ease-in-out infinite alternate}.fi-motion-atmosphere>span:nth-child(1){top:-180px;left:-140px}.fi-motion-atmosphere>span:nth-child(2){right:-150px;bottom:-100px;animation-delay:-9s;background:radial-gradient(circle,#159dca45,transparent 67%)}.fi-motion-atmosphere>span:nth-child(3){height:800px;width:800px;border:1px solid #55ccec22;right:-160px;top:-190px;background:none;filter:none;animation:fi-orbit 45s linear infinite}.fi-motion-bottom{position:relative;max-width:1180px;margin:28px auto 0;padding-top:24px;border-top:1px solid #294453;display:flex;align-items:center;justify-content:space-between;color:#8eabb9;font-size:10px;letter-spacing:.14em}.fi-motion-bottom a{font-size:12px;color:#c7d5dd;letter-spacing:0;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:24px}.fi-motion-bottom a span{display:inline-block;animation:fi-arrow 2.4s ease-in-out infinite}.fi-motion-copy{animation:fi-enter .8s ease both}.fi-motion-portrait{animation:fi-enter 1s .12s ease both}@keyframes fi-drift{to{transform:translate(100px,60px) scale(1.15)}}@keyframes fi-orbit{to{transform:rotate(345deg)}}@keyframes fi-arrow{50%{transform:translateY(5px)}}@keyframes fi-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.fi-motion-shell{grid-template-columns:1fr;gap:20px}.fi-motion-hero{padding:42px 24px 20px}.fi-motion-copy{padding:0}.fi-motion-hero h1{font-size:96px!important}.fi-motion-hero h1 span{display:inline;margin-left:18px}.fi-motion-portrait{min-height:0;max-width:530px;width:100%;margin:12px auto 0}.fi-motion-portrait img{height:500px;border-radius:130px 130px 18px 18px}.fi-motion-description{font-size:16px}.fi-motion-bottom{gap:12px}.fi-motion-bottom>span{max-width:140px;line-height:1.7}.fi-motion-atmosphere>span{width:400px;height:400px}}@media(max-width:400px){.fi-motion-hero h1{font-size:78px!important}.fi-motion-portrait img{height:420px}.fi-motion-hero .fi-intro-actions a{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.fi-motion-hero *,.fi-motion-hero *:before{animation:none!important;transition:none!important}.fi-motion-copy,.fi-motion-portrait{opacity:1;transform:none}}


    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { overflow-x: hidden; }
    body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    img { display: block; max-width: 100%; }

    :root {
      --onyx:      #061927;
      --onyx-mid:  #102d3c;
      --orange:    #55ccec;
      --white:     #FFFFFF;
      --gray-400:  #999999;
      --rule-dark: rgba(255, 255, 255, 0.08);
      --f-hel:     'Helvetica Neue', Helvetica, Arial, sans-serif;
      --f-inter:   'Inter', 'Helvetica Neue', Arial, sans-serif;
      --pad:        clamp(24px, 4.5vw, 80px);
      --section-py: clamp(80px, 10vw, 160px);
      --max-w:      1440px;
    }

    body {
      background: var(--onyx);
      color: var(--white);
      font-family: var(--f-inter);
      font-size: 16px;
      line-height: 1.5;
    }

    a { color: inherit; text-decoration: none; transition: opacity 0.2s ease, color 0.2s ease; }
    a:hover { opacity: 0.6; }

    .wrap {
      max-width: var(--max-w);
      margin: 0 auto;
      padding-left: var(--pad);
      padding-right: var(--pad);
    }

    .rule { border: none; border-top: 1px solid var(--rule-dark); flex: 1; }

    .t-label {
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--gray-400);
    }

    .t-body {
      font-family: var(--f-inter);
      font-size: 17px;
      font-weight: 300;
      line-height: 1.78;
      color: var(--gray-400);
    }

    .cta {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      padding-bottom: 6px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      color: var(--white);
      transition: border-color 0.2s, color 0.2s;
    }
    .cta:hover { border-color: var(--orange); color: var(--orange); opacity: 1; }
    .cta-arrow { font-size: 15px; display: inline-block; transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); }
    .cta:hover .cta-arrow { transform: translateX(7px); }

    /* ABOUT */
    .about { background: var(--onyx); padding: var(--section-py) var(--pad); }

    .about-header {
      display: flex;
      align-items: center;
      gap: 28px;
      margin-bottom: clamp(56px, 8vw, 100px);
    }

    .about-grid {
      display: grid;
      grid-template-columns: 5fr 7fr;
      gap: clamp(40px, 7vw, 100px);
      align-items: start;
    }

    .about-photo {
      position: relative;
      aspect-ratio: 3 / 4;
      background: var(--onyx-mid);
      border: 1px solid var(--rule-dark);
      overflow: hidden;
      transition: box-shadow 0.35s ease;
    }

    .about-photo::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 35%;
      background: linear-gradient(to top, rgba(10,10,10,0.55), transparent);
      z-index: 1;
      pointer-events: none;
    }

    .about-photo img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
      filter: saturate(0.9);
    }

    .about-photo:hover img { transform: scale(1.04); filter: saturate(1); }
    .about-photo:hover { box-shadow: 0 24px 80px rgba(85,204,236, 0.12); }

    .about-quote {
      font-family: var(--f-hel);
      font-size: clamp(22px, 3vw, 38px);
      font-weight: 400;
      line-height: 1.3;
      letter-spacing: -0.015em;
      color: var(--white);
      margin-bottom: clamp(28px, 4vw, 48px);
      border-left: 2px solid var(--orange);
      padding-left: 28px;
      position: relative;
    }

    /* Animated border draw — JS-triggered */
    .about-quote.animate-border {
      border-left: 2px solid transparent;
    }
    .about-quote.animate-border::before {
      content: '';
      position: absolute;
      top: 0; left: -2px;
      width: 2px; height: 0;
      background: var(--orange);
      transition: height 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .about-quote.animate-border.quote-visible::before { height: 100%; }

    /* REVEAL — JS-applied only */
    .reveal-ready {
      opacity: 0;
      transform: translateY(28px);
      transition:
        opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      will-change: opacity, transform;
    }
    .reveal-ready.revealed { opacity: 1; transform: translateY(0); }

    @media (max-width: 768px) {
      .about-grid { grid-template-columns: 1fr; }
      .about-photo { aspect-ratio: 4/3; }
    }

    @media (prefers-reduced-motion: reduce) {
      .reveal-ready { opacity: 1 !important; transform: none !important; transition: none !important; }
      .about-photo img { transform: none !important; }
      .about-quote.animate-border::before { height: 100% !important; transition: none !important; }
    }
  /* Firas Isa unified design system */
:root{--onyx:#061927;--onyx-soft:#0a2231;--onyx-mid:#102d3c;--orange:#55ccec;--white:#f7f4ed;--gray-400:#b8c8d0;--gray-600:#8196a1;--ink:#061927;--navy:#061927;--paper:#f7f4ed;--line:#c7d0d5;--muted:#53636e;--f-hel:Georgia,"Times New Roman",serif;--f-inter:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fiw-ink:#f7f4ed;--fiw-paper:#f7f4ed;--fiw-navy:#061927;--fiw-navy-2:#0a2231;--fiw-cyan:#55ccec;--fiw-blue:#159dca;--fiw-muted:#b8c8d0}
html{background:#061927}
body{background:#061927;color:#f7f4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",serif!important;font-weight:400}
p,li,blockquote,figcaption,label,input,textarea,select,button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
a[class*="btn"],a[class*="button"],button[class*="btn"],button[class*="button"]{border-radius:10px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:800!important}
[class*="card"],[class*="panel"],[class*="tile"]{border-radius:18px!important}
a:focus-visible,button:focus-visible{outline:3px solid rgba(85,204,236,.55);outline-offset:3px}
#official-firas-isa-profile{--fi-ink:#061927;--fi-muted:#53636e;--fi-blue:#159dca;--fi-rule:#c7d0d5;--fi-paper:#f7f4ed;--fi-mist:#edf4f5;--fi-night:#061927}

#fi-media{background:#080d17;color:#f4f0e9;padding:88px max(24px,calc((100% - 1120px)/2));font-family:Arial,sans-serif}#fi-media *{box-sizing:border-box}#fi-media .fi-label{color:#dbc397;font-size:12px;letter-spacing:.14em;text-transform:uppercase}#fi-media h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1.1;margin:18px 0 22px}#fi-media .fi-intro{color:#b9c0c9;max-width:680px;font-size:18px;line-height:1.7}#fi-media .fi-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}#fi-media article{border-top:1px solid #46505f;padding-top:24px;min-width:0}#fi-media h3{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2;margin:16px 0}#fi-media p{font-size:16px;line-height:1.7;color:#b9c0c9}#fi-media a{display:inline-block;color:#f1c783;line-height:1.5;padding:12px 0;text-underline-offset:5px}#fi-media a:focus-visible{outline:2px solid #f1c783;outline-offset:5px}#fi-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin:20px 0}#fi-media .fi-note{font-size:13px}@media(max-width:700px){#fi-media{padding:56px 24px}#fi-media .fi-media-grid{grid-template-columns:1fr}}
.fi-personal-teaser{padding:64px 24px;background:#f7f4ed;color:#061927}.fi-personal-teaser-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.fi-personal-teaser h2{font:36px Georgia,serif;color:#061927!important;margin:0 0 16px}.fi-personal-teaser p{color:#405766;line-height:1.8;margin-bottom:20px}.fi-personal-teaser a{color:#095d76;text-decoration:underline;text-underline-offset:5px;font-weight:700}@media(max-width:650px){.fi-personal-teaser-inner{grid-template-columns:1fr}}

    .fi-home-writing,.fi-home-writing *{box-sizing:border-box}.fi-home-writing{--fh-ink:#061927;--fh-paper:#f7f4ed;--fh-white:#fff;--fh-cyan:#55ccec;--fh-blue:#159dca;--fh-line:#c7d0d5;--fh-muted:#53636e;--fh-serif:Georgia,"Times New Roman",serif;--fh-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--fh-paper);color:var(--fh-ink);padding:clamp(76px,9vw,138px) clamp(20px,5vw,80px);font-family:var(--fh-sans)}
    .fi-home-writing__inner{width:min(1280px,100%);margin:0 auto}.fi-home-writing__head{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:44px;align-items:end;padding-bottom:26px;border-bottom:1px solid var(--fh-line);margin-bottom:34px}.fi-home-writing__kicker{display:block;margin-bottom:18px;color:var(--fh-blue);font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.fi-home-writing h2{margin:0;font:400 clamp(44px,7vw,88px)/.95 var(--fh-serif);letter-spacing:-.045em}.fi-home-writing__head p{margin:0;color:var(--fh-muted);font-size:16px;line-height:1.7}.fi-home-writing__feature{display:grid;grid-template-columns:1.1fr .9fr;margin-bottom:18px;border:1px solid var(--fh-line);background:var(--fh-white);color:inherit;text-decoration:none}.fi-home-writing__feature-copy{padding:clamp(32px,5vw,64px)}.fi-home-writing__eyebrow{display:block;color:var(--fh-blue);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.fi-home-writing__feature h3{margin:18px 0;font:400 clamp(34px,4.6vw,60px)/1.02 var(--fh-serif);letter-spacing:-.035em}.fi-home-writing__feature p{max-width:650px;margin:0;color:var(--fh-muted);font:18px/1.7 var(--fh-serif)}.fi-home-writing__art{position:relative;overflow:hidden;min-height:370px;background:#061927}.fi-home-writing__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fi-home-writing__art span{position:absolute;right:24px;bottom:18px;color:#fff;font:700 68px/1 var(--fh-serif);text-shadow:0 3px 18px rgba(0,0,0,.78)}.fi-home-writing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fi-home-writing__card{display:flex;min-height:292px;padding:28px;flex-direction:column;border:1px solid var(--fh-line);background:var(--fh-white);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.fi-home-writing__card h3{margin:17px 0 14px;font:400 27px/1.14 var(--fh-serif);letter-spacing:-.025em}.fi-home-writing__card p{margin:0 0 20px;color:var(--fh-muted);line-height:1.62}.fi-home-writing__meta{margin-top:auto;padding-top:18px;border-top:1px solid #e2ded5;color:#6f7e87;font-size:12px}.fi-home-writing__card:hover,.fi-home-writing__card:focus-visible,.fi-home-writing__feature:hover,.fi-home-writing__feature:focus-visible{transform:translateY(-3px);border-color:#8da2ad;box-shadow:0 16px 35px rgba(6,25,39,.08)}.fi-home-writing__card:focus-visible,.fi-home-writing__feature:focus-visible,.fi-home-writing__all:focus-visible{outline:3px solid rgba(21,157,202,.55);outline-offset:4px}.fi-home-writing__footer{display:flex;justify-content:flex-end;margin-top:34px}.fi-home-writing__all{display:inline-flex;align-items:center;gap:10px;padding-bottom:7px;border-bottom:2px solid var(--fh-cyan);color:var(--fh-ink);font-size:12px;font-weight:850;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
    @media(max-width:900px){.fi-home-writing__head,.fi-home-writing__feature{grid-template-columns:1fr}.fi-home-writing__grid{grid-template-columns:1fr 1fr}.fi-home-writing__art{min-height:240px}}
    @media(max-width:620px){.fi-home-writing__head{display:block}.fi-home-writing__head p{margin-top:22px}.fi-home-writing__grid{grid-template-columns:1fr}.fi-home-writing__card{min-height:0}.fi-home-writing__art{min-height:210px;padding:28px;font-size:78px}.fi-home-writing__footer{justify-content:flex-start}}
    @media(prefers-reduced-motion:reduce){.fi-home-writing *{transition:none!important}}
  

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { overflow-x: hidden; }
    body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    :root {
      --onyx-soft:  #0a2231;
      --orange:     #55ccec;
      --white:      #FFFFFF;
      --gray-400:   #999999;
      --rule-dark:  rgba(255, 255, 255, 0.08);
      --f-hel:      'Helvetica Neue', Helvetica, Arial, sans-serif;
      --f-inter:    'Inter', 'Helvetica Neue', Arial, sans-serif;
      --pad:        clamp(24px, 4.5vw, 80px);
      --section-py: clamp(80px, 10vw, 160px);
      --max-w:      1440px;
    }

    body {
      background: var(--onyx-soft);
      color: var(--white);
      font-family: var(--f-inter);
      font-size: 16px;
      line-height: 1.5;
    }

    a { color: inherit; text-decoration: none; transition: opacity 0.2s ease, color 0.2s ease; }
    a:hover { opacity: 0.6; }

    .wrap {
      max-width: var(--max-w);
      margin: 0 auto;
      padding-left: var(--pad);
      padding-right: var(--pad);
    }

    .t-label {
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--gray-400);
    }

    .t-body {
      font-family: var(--f-inter);
      font-size: 17px;
      font-weight: 300;
      line-height: 1.78;
      color: var(--gray-400);
    }

    .cta {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: var(--f-hel);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      padding-bottom: 6px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      color: var(--white);
      transition: border-color 0.2s, color 0.2s;
    }
    .cta:hover { border-color: var(--orange); color: var(--orange); opacity: 1; }
    .cta-arrow { font-size: 15px; display: inline-block; transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); }
    .cta:hover .cta-arrow { transform: translateX(7px); }

    /* MISSION */
    .mission {
      background: var(--onyx-soft);
      padding: var(--section-py) var(--pad);
      position: relative;
      overflow: hidden;
    }

    .mission::before {
      content: '₿';
      position: absolute;
      right: -0.05em;
      bottom: -0.1em;
      font-family: var(--f-hel);
      font-size: clamp(300px, 40vw, 600px);
      font-weight: 700;
      color: rgba(85,204,236, 0.03);
      line-height: 1;
      pointer-events: none;
      user-select: none;
      animation: btc-float 8s ease-in-out infinite;
    }

    .mission-title {
      font-family: var(--f-hel);
      font-size: clamp(56px, 10vw, 156px);
      font-weight: 700;
      line-height: 0.88;
      letter-spacing: -0.04em;
      color: var(--white);
    }

    .mission-body {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(40px, 7vw, 100px);
      margin-top: clamp(56px, 8vw, 100px);
      padding-top: clamp(40px, 5vw, 60px);
      border-top: 1px solid var(--rule-dark);
    }

    @keyframes btc-float {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-20px); }
    }

    /* REVEAL — JS-applied only */
    .reveal-ready {
      opacity: 0;
      transform: translateY(28px);
      transition:
        opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      will-change: opacity, transform;
    }
    .reveal-ready.revealed { opacity: 1; transform: translateY(0); }

    @media (max-width: 768px) {
      .mission-body { grid-template-columns: 1fr; gap: 32px; }
    }

    @media (prefers-reduced-motion: reduce) {
      .reveal-ready { opacity: 1 !important; transform: none !important; transition: none !important; }
      .mission::before { animation: none !important; }
    }
  /* Firas Isa unified design system */
:root{--onyx:#061927;--onyx-soft:#0a2231;--onyx-mid:#102d3c;--orange:#55ccec;--white:#f7f4ed;--gray-400:#b8c8d0;--gray-600:#8196a1;--ink:#061927;--navy:#061927;--paper:#f7f4ed;--line:#c7d0d5;--muted:#53636e;--f-hel:Georgia,"Times New Roman",serif;--f-inter:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fiw-ink:#f7f4ed;--fiw-paper:#f7f4ed;--fiw-navy:#061927;--fiw-navy-2:#0a2231;--fiw-cyan:#55ccec;--fiw-blue:#159dca;--fiw-muted:#b8c8d0}
html{background:#061927}
body{background:#061927;color:#f7f4ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",serif!important;font-weight:400}
p,li,blockquote,figcaption,label,input,textarea,select,button{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
a[class*="btn"],a[class*="button"],button[class*="btn"],button[class*="button"]{border-radius:10px!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:800!important}
[class*="card"],[class*="panel"],[class*="tile"]{border-radius:18px!important}
a:focus-visible,button:focus-visible{outline:3px solid rgba(85,204,236,.55);outline-offset:3px}
#official-firas-isa-profile{--fi-ink:#061927;--fi-muted:#53636e;--fi-blue:#159dca;--fi-rule:#c7d0d5;--fi-paper:#f7f4ed;--fi-mist:#edf4f5;--fi-night:#061927}


.fisite-footer,.fisite-footer *{box-sizing:border-box}
.fisite-footer{padding:64px max(24px,calc((100% - 1180px)/2)) 28px;background:#061927;color:#f7f4ed;border-top:1px solid rgba(165,215,232,.18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fisite-footer-main{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:48px;align-items:start}
.fisite-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;font-weight:900;letter-spacing:.18em}
.fisite-footer-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border:1px solid rgba(247,244,237,.36);border-radius:10px;background:#f7f4ed;color:#061927;font-weight:950;letter-spacing:-.08em}.fisite-footer-mark em{color:#159dca;font-style:normal}
.fisite-footer p{max-width:520px;margin:0;color:#aebfc8;font-size:14px;line-height:1.7}
.fisite-footer-links{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px 34px}
.fisite-footer a{color:#d7e3e8;text-decoration:none;font-size:13px;font-weight:700}.fisite-footer a:hover,.fisite-footer a:focus-visible{color:#55ccec}
.fisite-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(165,215,232,.14);color:#7f97a3;font-size:11px}
@media(max-width:700px){.fisite-footer{padding-top:46px}.fisite-footer-main{grid-template-columns:1fr;gap:32px}.fisite-footer-links{grid-template-columns:repeat(2,1fr)}.fisite-footer-bottom{flex-direction:column}}


:root{--fi-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fi-serif:Georgia,"Times New Roman",serif;--fi-night:#061927;--fi-paper:#f7f4ed;--fi-accent:#55ccec;--fi-muted:#53636e}
html{scroll-behavior:smooth;background:#061927}html body{margin:0;background:#061927;color:#f7f4ed;font-family:var(--fi-sans)!important;-webkit-font-smoothing:antialiased}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body h1 span,html body h1 em,html body h2 span,html body h2 em{font-family:var(--fi-serif)!important;font-weight:400;letter-spacing:-.035em}html body p,html body li,html body figcaption,html body blockquote,html body button,html body a,html body dt,html body dd{font-family:var(--fi-sans)!important}html body p{font-weight:400}html body h1 a,html body h2 a,html body h3 a{font-family:var(--fi-serif)!important}.page-label,.page-eyebrow,.fi-eyebrow{font-family:var(--fi-sans)!important}.fi-main .fi-eyebrow{color:#17647b!important}.fi-section-head p,.fi-card p{color:#53636e!important}.fi-meta{color:#53636e!important}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #159dca!important;outline-offset:5px}a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}img{max-width:100%}section[id],article[id],header[id]{scroll-margin-top:24px}
html body .finav{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;width:100%!important;max-width:none!important;margin:0!important;min-height:80px;padding:14px max(24px,calc((100% - 1180px)/2))!important;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:0!important;border-bottom:1px solid #294453!important;border-radius:0!important;background:#061927!important;box-shadow:none!important;font-family:var(--fi-sans)!important;z-index:50}
html body .finav a{opacity:1!important;text-decoration:none}html body .finav-brand{display:flex!important;align-items:center;gap:12px;color:#f7f4ed!important}html body .finav-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;gap:1px;background:#f7f4ed;color:#061927;border:1px solid #c7d0d5;border-radius:10px;font:800 16px var(--fi-sans)!important}html body .finav-mark em{color:#159dca;font-style:normal}html body .finav-wordmark{font:700 12px var(--fi-sans)!important;letter-spacing:.16em}html body .finav-links{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;grid-column:auto;grid-row:auto;padding:0;border:0}html body .finav-links a{display:inline-flex!important;align-items:center;min-height:44px;padding:8px 0!important;font:600 12px var(--fi-sans)!important;color:#c3d1d8!important}html body .finav-links a:hover,html body .finav-links a[aria-current="page"]{color:#55ccec!important}html body .finav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px!important;background:#f7f4ed!important;color:#061927!important;border:1px solid #c7d0d5;border-radius:10px;font:700 12px var(--fi-sans)!important;grid-row:auto;grid-column:auto}html body .finav-cta:hover{background:#fff!important;color:#061927!important}
html body .page-hero,html body .personal-header{padding:80px 24px!important;background:radial-gradient(ellipse at 85% 10%,#103748 0%,#061927 70%)}html body .page-hero .wrap{max-width:1180px;padding:0;margin:auto}html body .page-title{font-size:clamp(52px,7vw,88px)!important;line-height:1.08!important;letter-spacing:-.04em!important}html body .page-title span{font-family:var(--fi-serif)!important}html body .page-subtitle{font-size:19px!important;line-height:1.75!important;max-width:720px;color:#c7d5dd!important}html body .personal-header h1{font-size:clamp(48px,7vw,80px);line-height:1.12}.personal-intro{font-size:18px;line-height:1.8}
html body .fiw-hero{padding-top:72px!important;background:radial-gradient(ellipse at 85% 10%,#103748 0%,#061927 70%)}html body .fiw-hero-main{padding-top:0!important;align-items:center}.fiw-hero-grid{opacity:.3}.fiw-display{line-height:1.05!important;font-size:clamp(48px,7vw,88px)!important}.fiw-title{line-height:1.12!important;font-size:clamp(36px,4.7vw,60px)!important}.fiw-lead{font-size:19px!important;font-weight:400!important;line-height:1.8!important}.fiw-photo-card{transform:none!important}.fiw-copy{line-height:1.85!important}.fiw-light .fiw-lead{color:#405766!important}
html body .fi-hero{padding-top:72px;padding-bottom:72px}.fi-hero h1{font-size:clamp(48px,7vw,80px);line-height:1.08}.fi-hero .fi-intro{font-family:var(--fi-sans)!important;font-size:19px!important;line-height:1.8!important;font-weight:400!important}.fi-hero p{font-size:19px;line-height:1.8}.fi-card h3{font-size:28px!important;line-height:1.25!important}.fi-meta{line-height:1.6}
#official-firas-isa-profile .fi-ed-hero{padding:72px 0!important}#official-firas-isa-profile .fi-ed-hero h1{font-family:var(--fi-serif)!important;font-size:clamp(56px,7vw,88px)!important;line-height:1.05!important}#official-firas-isa-profile .fi-ed-hero h1 span{font-family:var(--fi-serif)!important;font-size:clamp(27px,3vw,40px)!important;line-height:1.25!important;color:#9bd8e7!important;-webkit-text-fill-color:#9bd8e7!important}#official-firas-isa-profile .fi-ed-deck{font-size:19px!important;line-height:1.8!important;font-weight:400!important}#official-firas-isa-profile .fi-ed-copy p,#official-firas-isa-profile .fi-ed-copy p:first-child{font:400 18px/1.85 var(--fi-sans)!important}#official-firas-isa-profile .fi-ed-prologue-copy p,#official-firas-isa-profile .fi-ed-prologue-copy p:first-child{font:400 18px/1.85 var(--fi-sans)!important}#official-firas-isa-profile .fi-ed-chapter h2{font-size:clamp(36px,4.7vw,58px)!important;line-height:1.12!important}#official-firas-isa-profile .fi-ed-shell{width:min(1180px,calc(100% - 48px))!important}
#fi-media{background:#061927!important;color:#f7f4ed!important}#fi-media .fi-label{color:#55ccec!important}#fi-media a{color:#9bd8e7!important}#fi-media p{color:#b8c8d0!important}#fi-media h2{font-size:clamp(36px,4.7vw,60px);line-height:1.12}html body .cta{font-size:12px!important;min-height:44px;align-items:center;padding:10px 0!important;text-transform:none;letter-spacing:.025em}.t-label,.favorite-label,.personal-kicker,.fiw-eyebrow,.fi-ed-kicker,.fi-companies-kicker{font-family:var(--fi-sans)!important}.fi-company-card{transition:transform .2s ease,box-shadow .2s ease}.fi-company-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(6,25,39,.08)}.favorite-card h2{font-size:clamp(28px,3vw,38px)}.favorite-card{scroll-margin-top:24px}.family-photo figcaption{font-size:13px}.family-open{transition:opacity .2s ease}.family-open:hover{opacity:.92}
.reveal-ready,.reveal-ready.revealed{opacity:1!important;transform:none!important}.cursor-glow,.mobile-drawer{display:none!important}
.fi-unified-footer{padding:64px 24px 28px!important;background:#061927;color:#b8c8d0;border-top:1px solid #294453;font:400 14px/1.75 var(--fi-sans)}.fi-footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:64px}.fi-footer-brand{display:inline-block;font:400 32px var(--fi-serif)!important;color:#f7f4ed;text-decoration:none}.fi-unified-footer p{max-width:480px;line-height:1.8;font-size:14px;margin:16px 0 0}.fi-unified-footer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 24px}.fi-unified-footer nav a{display:flex;align-items:center;min-height:44px;font-size:13px;color:#c7d5dd;text-decoration:none}.fi-unified-footer a:hover{color:#55ccec;opacity:1}.fi-footer-bottom{max-width:1180px;margin:32px auto 0;padding-top:24px;border-top:1px solid #294453;display:flex;justify-content:space-between;gap:16px;color:#b8c8d0;font-size:12px}
.fi-intro-hero{background:radial-gradient(ellipse at 20% 20%,#103748,#061927 65%);padding:72px 24px}.fi-intro-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.fi-intro-kicker{color:#55ccec;font:600 11px var(--fi-sans)!important;letter-spacing:.16em;text-transform:uppercase}.fi-intro-hero h1{font-size:clamp(64px,7.7vw,104px);line-height:1.02;color:#f7f4ed;margin:22px 0 24px}.fi-intro-statement{font:400 clamp(26px,3vw,38px)/1.25 var(--fi-serif)!important;color:#9bd8e7;max-width:560px;margin:0 0 24px}.fi-intro-copy{max-width:540px;color:#c7d5dd;font:400 18px/1.8 var(--fi-sans)!important}.fi-intro-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.fi-intro-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #647e8d;border-radius:10px;font:600 13px var(--fi-sans);text-decoration:none;color:#f7f4ed}.fi-intro-actions a:first-child{background:#55ccec;color:#061927;border-color:#55ccec}.fi-intro-actions a:hover{transform:translateY(-2px);border-color:#9bd8e7;opacity:1}.fi-intro-portrait{margin:0}.fi-intro-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:18px;border:1px solid #294453}.fi-intro-portrait figcaption{font-size:12px;color:#b8c8d0;line-height:1.7;margin-top:14px}.fi-intro-hero{animation:fi-soft-entry .55s ease both}@keyframes fi-soft-entry{from{opacity:.75}to{opacity:1}}
@media(max-width:1000px){html body .finav{grid-template-columns:1fr auto;gap:10px 20px}html body .finav-links{grid-row:2;grid-column:1/-1;gap:4px 24px}html body .finav-cta{grid-row:1;grid-column:2}.fi-intro-grid{gap:36px}.fi-footer-inner{gap:36px}}
@media(max-width:700px){html body .finav{padding:12px 20px!important;min-height:0}.finav-mark{width:34px!important;height:34px!important}html body .finav-links{justify-content:space-between;gap:0 8px}html body .finav-links a{font-size:11px!important;min-height:44px}.fi-intro-hero{padding:48px 24px}.fi-intro-grid{grid-template-columns:1fr;gap:36px}.fi-intro-hero h1{font-size:64px}.fi-intro-statement{font-size:29px!important}.fi-intro-copy{font-size:17px!important}.fi-intro-portrait img{aspect-ratio:4/4.5}.fi-footer-inner{grid-template-columns:1fr;gap:28px}.fi-unified-footer nav{grid-template-columns:repeat(3,1fr);gap:4px 16px}.fi-footer-bottom{flex-wrap:wrap}.fi-unified-footer{padding-top:48px!important}html body .page-hero,html body .personal-header{padding:48px 24px!important}html body .fiw-hero{padding-top:48px!important}.fiw-lead{font-size:17px!important}.fi-hero p{font-size:17px!important}.fi-hero{padding:48px 24px!important}.fi-intro-actions a{flex:1}.fiw-photo-card{max-width:100%}#official-firas-isa-profile .fi-ed-deck{font-size:17px!important}#official-firas-isa-profile .fi-ed-copy p,#official-firas-isa-profile .fi-ed-copy p:first-child{font-size:16px!important}}
@media(max-width:360px){html body .finav-links a{font-size:10px!important}.fi-footer-inner nav{grid-template-columns:repeat(2,1fr)}}
.fi-home-writing [class*=eyebrow],.fi-home-writing [class*=kicker],.fi-home-writing [class*=category],.fi-home-writing [class*=label]{color:#17647b!important}.fiw-light a,.fiw-light article>span{color:#17647b!important}#official-firas-isa-profile .fi-ed-prologue .fi-ed-kicker,#official-firas-isa-profile .fi-ed-chapter .fi-ed-kicker,#official-firas-isa-profile .fi-ed-more .fi-ed-kicker{color:#17647b!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.fi-intro-hero{opacity:1!important}}