/* ==========================================================
   OZAN OZKAN
   MENU FIX + SOCIAL LINKS
   Isolated enhancement layer
   ========================================================== */

:root {
  --oz-menu-bg: #11110f;
  --oz-menu-paper: #f0ebe1;
  --oz-menu-line: rgba(240,235,225,.16);
  --oz-menu-gold: #b69b70;
  --oz-menu-ease: cubic-bezier(.16,1,.3,1);
}


/* ==========================================================
   MENU BACKDROP
   ========================================================== */

.oz-menu-backdrop {
  position: fixed;
  inset: 0;

  z-index: 9990;

  background:
    rgba(5,6,5,.66);

  backdrop-filter:
    blur(5px);

  -webkit-backdrop-filter:
    blur(5px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition:
    opacity .38s ease,
    visibility .38s ease;
}

.oz-menu-backdrop.is-open {
  opacity: 1;

  visibility: visible;

  pointer-events: auto;
}


/* ==========================================================
   MOBILE / RIGHT DRAWER
   ========================================================== */

.mobile.oz-menu-managed {
  display: flex !important;

  position: fixed !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;

  width:
    min(440px,92vw) !important;

  height:
    100dvh !important;

  z-index:
    10000 !important;

  flex-direction:
    column;

  align-items:
    stretch;

  justify-content:
    flex-start;

  padding:
    92px 42px 38px !important;

  margin:
    0 !important;

  overflow-y:
    auto;

  background:
    var(--oz-menu-bg) !important;

  border:
    0 !important;

  border-left:
    1px solid
    var(--oz-menu-line) !important;

  box-shadow:
    -30px 0 90px
    rgba(0,0,0,.22);

  transform:
    translate3d(102%,0,0);

  opacity:
    1 !important;

  visibility:
    visible !important;

  pointer-events:
    none;

  transition:
    transform
    .68s
    var(--oz-menu-ease);

  will-change:
    transform;
}

.mobile.oz-menu-managed.open {
  transform:
    translate3d(0,0,0);

  pointer-events:
    auto;
}


/* ==========================================================
   MENU LINKS
   ========================================================== */

.mobile.oz-menu-managed > a {
  display:
    block !important;

  padding:
    17px 0 !important;

  border:
    0 !important;

  border-bottom:
    1px solid
    var(--oz-menu-line) !important;

  color:
    var(--oz-menu-paper);

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(25px,3vw,36px) !important;

  line-height:
    1.05;

  letter-spacing:
    -.025em !important;

  text-transform:
    none !important;

  transition:
    padding-left .35s var(--oz-menu-ease),
    opacity .25s ease;
}

.mobile.oz-menu-managed > a:hover {
  padding-left:
    9px !important;

  opacity:
    .72;
}


/* ==========================================================
   MENU CLOSE
   ========================================================== */

.oz-menu-close {
  position:
    absolute;

  top:
    27px;

  right:
    28px;

  width:
    42px;

  height:
    42px;

  padding:
    0;

  border:
    1px solid
    var(--oz-menu-line);

  border-radius:
    50%;

  background:
    transparent;

  color:
    var(--oz-menu-paper);

  cursor:
    pointer;
}

.oz-menu-close::before,
.oz-menu-close::after {
  content:
    "";

  position:
    absolute;

  top:
    50%;

  left:
    50%;

  width:
    16px;

  height:
    1px;

  background:
    currentColor;
}

.oz-menu-close::before {
  transform:
    translate(-50%,-50%)
    rotate(45deg);
}

.oz-menu-close::after {
  transform:
    translate(-50%,-50%)
    rotate(-45deg);
}


/* ==========================================================
   BURGER — ACTIVE VISUAL STATE
   ========================================================== */

.burger {
  position:
    relative;
}

.burger.oz-menu-active > i,
.burger.oz-menu-active > span {
  opacity:
    0 !important;
}

.burger.oz-menu-active::before,
.burger.oz-menu-active::after {
  content:
    "";

  position:
    absolute;

  left:
    6px;

  right:
    6px;

  top:
    50%;

  height:
    1px;

  background:
    currentColor;
}

.burger.oz-menu-active::before {
  transform:
    rotate(45deg);
}

.burger.oz-menu-active::after {
  transform:
    rotate(-45deg);
}


/* ==========================================================
   MENU SOCIALS
   ========================================================== */

.oz-menu-socials {
  margin-top:
    auto;

  padding-top:
    38px;

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    8px 18px;

  border-top:
    1px solid
    var(--oz-menu-line);
}

.oz-menu-socials span {
  flex:
    0 0 100%;

  margin-bottom:
    7px;

  color:
    rgba(240,235,225,.42);

  font-size:
    8px;

  letter-spacing:
    .2em;

  text-transform:
    uppercase;
}

.oz-menu-socials a {
  padding:
    0 !important;

  border:
    0 !important;

  font-family:
    inherit !important;

  font-size:
    10px !important;

  letter-spacing:
    .12em !important;

  text-transform:
    uppercase !important;

  opacity:
    .72;

  transition:
    opacity .2s ease;
}

.oz-menu-socials a:hover {
  opacity:
    1;
}


/* ==========================================================
   BODY STATE
   ========================================================== */

body.oz-menu-open {
  overflow:
    hidden !important;
}


/* ==========================================================
   FOOTER SOCIALS
   ========================================================== */

.footer-socials {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    25px;

  margin-top:
    38px;

  padding-top:
    22px;

  border-top:
    1px solid
    rgba(240,235,225,.12);
}

.footer-social-label {
  color:
    rgba(240,235,225,.42);

  font-size:
    8px;

  letter-spacing:
    .2em;

  text-transform:
    uppercase;
}

.footer-social-links {
  display:
    flex;

  flex-wrap:
    wrap;

  justify-content:
    flex-end;

  gap:
    10px 22px;
}

.footer-social-links a {
  font-size:
    10px;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;

  opacity:
    .68;

  transition:
    opacity .2s ease;
}

.footer-social-links a:hover {
  opacity:
    1;
}


/* ==========================================================
   CONTACT SOCIALS
   ========================================================== */

.contact-socials {
  margin-top:
    34px;

  padding-top:
    25px;

  border-top:
    1px solid
    rgba(240,235,225,.18);
}

.contact-social-title {
  margin-bottom:
    15px;

  color:
    var(--oz-menu-gold);

  font-size:
    9px;

  letter-spacing:
    .2em;

  text-transform:
    uppercase;
}

.contact-social-links {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    10px 20px;
}

.contact-social-links a {
  font-size:
    11px;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  opacity:
    .72;

  transition:
    opacity .2s ease;
}

.contact-social-links a:hover {
  opacity:
    1;
}


/* ==========================================================
   CORE FOUNDER ROWS
   ========================================================== */

.timeline-row.oz-core-role .year {
  color:
    var(--oz-menu-gold);

  text-transform:
    uppercase;

  letter-spacing:
    .08em;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media
(max-width:720px) {

  .mobile.oz-menu-managed {
    width:
      min(390px,94vw) !important;

    padding:
      80px 24px 30px !important;
  }

  .mobile.oz-menu-managed > a {
    font-size:
      28px !important;

    padding:
      14px 0 !important;
  }

  .footer-socials {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

  .footer-social-links {
    justify-content:
      flex-start;
  }

}

/* MENU FIX V2 — hard override */

.mobile.oz-menu-managed {
  transform:
    translate3d(102%,0,0)
    !important;
}

.mobile.oz-menu-managed.open {
  transform:
    translate3d(0,0,0)
    !important;
}



/* ==========================================================
   REAL STATIC DRAWER V3
   ========================================================== */

.oz-real-menu-backdrop {
  position: fixed;
  inset: 0;

  z-index: 20000;

  background:
    rgba(12,12,10,.56);

  backdrop-filter:
    blur(4px);

  -webkit-backdrop-filter:
    blur(4px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition:
    opacity .42s ease,
    visibility .42s ease;
}

.oz-real-menu-backdrop.is-open {
  opacity: 1;

  visibility: visible;

  pointer-events: auto;
}


.oz-site-drawer {
  position: fixed;

  top: 0;
  right: 0;
  bottom: 0;

  z-index: 20001;

  width:
    min(470px,92vw);

  min-height:
    100vh;

  min-height:
    100dvh;

  display:
    flex;

  flex-direction:
    column;

  padding:
    28px 34px 32px;

  overflow-y:
    auto;

  background:
    #11110f;

  color:
    #f3eee5;

  border-left:
    1px solid
    rgba(255,255,255,.11);

  box-shadow:
    -30px 0 90px
    rgba(0,0,0,.18);

  transform:
    translate3d(101%,0,0);

  visibility:
    hidden;

  transition:
    transform
    .7s
    cubic-bezier(.16,1,.3,1),
    visibility .7s;

  will-change:
    transform;
}


.oz-site-drawer.is-open {
  transform:
    translate3d(0,0,0);

  visibility:
    visible;
}


body.oz-drawer-open {
  overflow:
    hidden !important;
}


/* top */

.oz-drawer-top {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    25px;

  padding-bottom:
    26px;

  border-bottom:
    1px solid
    rgba(255,255,255,.14);
}


.oz-drawer-brand {
  display:
    inline-flex;

  align-items:
    flex-start;

  gap:
    12px;

  color:
    inherit;

  text-decoration:
    none;

  font-size:
    13px;

  line-height:
    .9;

  letter-spacing:
    -.03em;
}


.oz-drawer-brand i {
  width:
    5px;

  height:
    5px;

  margin-top:
    1px;

  border-radius:
    50%;

  background:
    #b79a67;
}


.oz-drawer-close {
  position:
    relative;

  flex:
    0 0 42px;

  width:
    42px;

  height:
    42px;

  padding:
    0;

  border:
    1px solid
    rgba(255,255,255,.18);

  border-radius:
    50%;

  background:
    transparent;

  color:
    inherit;

  cursor:
    pointer;
}


.oz-drawer-close span {
  position:
    absolute;

  top:
    50%;

  left:
    50%;

  width:
    16px;

  height:
    1px;

  background:
    currentColor;
}


.oz-drawer-close span:first-child {
  transform:
    translate(-50%,-50%)
    rotate(45deg);
}


.oz-drawer-close span:last-child {
  transform:
    translate(-50%,-50%)
    rotate(-45deg);
}


/* links */

.oz-drawer-nav {
  display:
    flex;

  flex-direction:
    column;

  margin-top:
    46px;
}


.oz-drawer-nav a {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  min-height:
    61px;

  padding:
    8px 0;

  border-bottom:
    1px solid
    rgba(255,255,255,.12);

  color:
    inherit;

  text-decoration:
    none;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(28px,3.2vw,40px);

  font-weight:
    400;

  line-height:
    1;

  letter-spacing:
    -.04em;

  transition:
    padding-left .35s
    cubic-bezier(.16,1,.3,1),
    opacity .25s ease;
}


.oz-drawer-nav a::after {
  content:
    "↗";

  font-family:
    Arial,
    sans-serif;

  font-size:
    14px;

  opacity:
    .34;
}


.oz-drawer-nav a:hover {
  padding-left:
    8px;

  opacity:
    .7;
}


/* languages */

.oz-drawer-languages {
  display:
    flex;

  align-items:
    center;

  margin-top:
    28px;

  font-size:
    10px;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


.oz-drawer-languages span {
  display:
    inline-flex;

  align-items:
    center;
}


.oz-drawer-languages a {
  color:
    inherit;

  text-decoration:
    none;

  opacity:
    .58;
}


.oz-drawer-languages
a[aria-current="true"] {
  opacity:
    1;
}


.oz-drawer-languages i {
  margin:
    0 8px;

  opacity:
    .25;

  font-style:
    normal;
}


/* social */

.oz-drawer-social {
  margin-top:
    auto;

  padding-top:
    34px;

  border-top:
    1px solid
    rgba(255,255,255,.14);
}


.oz-drawer-social > span {
  display:
    block;

  margin-bottom:
    13px;

  font-size:
    8px;

  letter-spacing:
    .2em;

  text-transform:
    uppercase;

  opacity:
    .38;
}


.oz-drawer-social > div {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    9px 20px;
}


.oz-drawer-social a {
  color:
    inherit;

  text-decoration:
    none;

  font-size:
    10px;

  letter-spacing:
    .1em;

  text-transform:
    uppercase;

  opacity:
    .68;
}


.oz-drawer-social a:hover {
  opacity:
    1;
}


/* career additions */

.career-timeline
.oz-core-role {
  position:
    relative;
}


/* mobile */

@media
(max-width:640px) {

  .oz-site-drawer {
    width:
      min(390px,94vw);

    padding:
      23px 24px 28px;
  }

  .oz-drawer-nav {
    margin-top:
      36px;
  }

  .oz-drawer-nav a {
    min-height:
      54px;

    font-size:
      28px;
  }

}



/* ==========================================================
   HIKAYEM — PRIORITY ENGAGEMENTS
   Uses the existing engagement-list geometry.
   ========================================================== */

.engagement-list
.oz-priority-engagement {
  position:
    relative;
}


.engagement-list
.oz-priority-engagement:first-of-type {
  border-top:
    0;
}


.engagement-list
.oz-priority-engagement h3 {
  margin:
    0 0 10px;
}


.engagement-list
.oz-priority-engagement p {
  margin:
    0 0 10px;
}


.engagement-list
.oz-priority-engagement small {
  display:
    block;

  max-width:
    680px;
}