@font-face { font-family: 'Thmanyah Sans'; src: url('./fonts/thmanyahsans-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Thmanyah Sans'; src: url('./fonts/thmanyahsans-Medium.woff2') format('woff2'); font-style: normal; font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'Thmanyah Sans'; src: url('./fonts/thmanyahsans-Bold.woff2') format('woff2'); font-style: normal; font-weight: 700 800; font-display: swap; }
@font-face { font-family: 'Thmanyah Sans'; src: url('./fonts/thmanyahsans-Black.woff2') format('woff2'); font-style: normal; font-weight: 900; font-display: swap; }
@font-face { font-family: 'Thmanyah Serif Display'; src: url('./fonts/thmanyahserifdisplay-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400 500; font-display: swap; }
@font-face { font-family: 'Thmanyah Serif Display'; src: url('./fonts/thmanyahserifdisplay-Bold.woff2') format('woff2'); font-style: normal; font-weight: 600 900; font-display: swap; }
html[lang='ar'] { --sans: 'Thmanyah Sans', Tahoma, sans-serif; }
.language-button[lang='ar'] { font-family: 'Thmanyah Sans', Tahoma, sans-serif; }
html[lang='ar'] h1, html[lang='ar'] h1 em { font-family: 'Thmanyah Serif Display', 'Thmanyah Sans', serif; font-feature-settings: 'ss01' on; }
.freelance-feature, .freelance-print, .header-intro { display: none; }

@media screen {
  :root { --paper: #fffefa; --ink: #191c1b; --secondary: #50544f; --muted: #626760; --line: #d8ddd5; --accent: #bd3c17; --soft-accent: #f2f4ed; }
  body { border-top: 0; }
  .page { max-width: 1400px; padding-inline: 4rem; }
  .utility-bar { min-height: 95px; border-bottom-color: var(--ink); }
  .wordmark { font-size: 3.2rem; }
  .document-label { color: var(--ink); letter-spacing: .2em; }
  .print-button { background: var(--ink); border-color: var(--ink); color: var(--paper); padding-inline: 1.05rem; }
  .print-button:hover { background: var(--accent); color: white; border-color: var(--accent); }
  .resume-header { padding: 3.2rem 0 2.5rem; grid-template-columns: minmax(0,1fr) 265px; gap: 2rem 4rem; }
  .eyebrow { color: var(--accent); font-weight: 600; letter-spacing: .14em; margin-bottom: 1.3rem; }
  h1 { font-size: clamp(4rem, 8vw, 7.2rem); letter-spacing: -.065em; font-weight: 600; }
  h1 em { color: var(--ink); font-size: 1.05em; }
  .name-period { color: var(--accent); }
  .professional-title { font-size: clamp(1.2rem, 2.4vw, 1.8rem); margin-top: 1.3rem; color: var(--accent); }
  .full-name { margin-top: .6rem; }
  .contact { border-inline-start: 0; padding-inline-start: 0; font-size: 1rem; gap: .7rem; }
  .contact-label { font-size: .875rem; }
  .portfolio-link { border-top: 1px solid var(--line); padding-top: .8rem; width: 100%; justify-content: space-between; }
  .header-intro { display: block; grid-column: 1 / -1; max-width: 900px; color: var(--secondary); font-size: 1.08rem; line-height: 1.8; }
  .profile-section { display: none; }
  .freelance-feature { display: block; background: #191d1b; color: #fcfbf6; padding: 2rem 3rem 2.2rem; margin: .5rem -1.2rem 4rem; }
  .freelance-topline { display: flex; justify-content: space-between; gap: 1rem; color: #c1c8bc; font-size: .8125rem; border-bottom: 1px solid #434c44; padding-bottom: 1.4rem; }
  .freelance-topline>span:first-child { color: #ff925e; }
  .freelance-body { display: grid; grid-template-columns: .9fr 1.5fr; gap: 4rem; padding: 3rem 0 2.3rem; }
  .freelance-era { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
  .era-label { font-size: .875rem; color: #c1c8bc; }
  .freelance-era>strong { font-family: var(--serif); font-size: clamp(6rem, 13vw, 12.5rem); line-height: 1.07; letter-spacing: -.055em; font-weight: 400; color: #ff8352; }
  .freelance-era>strong span { color: #c3cdb4; }
  .era-present { font-size: .875rem; color: #c1c8bc; margin-top: .8rem; }
  .freelance-story h2 { font-size: clamp(2rem, 3.6vw, 3.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.045em; margin-bottom: 1.35rem; }
  .freelance-story h2 span, .freelance-story h2 em { display: block; }
  .freelance-story h2 em { font-family: var(--serif); font-weight: 400; font-size: 1.18em; line-height: 1.1; color: #d1d9c6; margin-top: .3rem; letter-spacing: -.015em; }
  .freelance-story>p { color: #d0d6ca; line-height: 1.85; font-size: 1rem; }
  .freelance-story>p+p { margin-top: 1rem; color: #b5beae; }
  .freelance-scope { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2.2rem; border-top: 1px solid #434c44; padding: 1.65rem 0 2rem; }
  .scope-index { font-size: .75rem; color: #ff925e; }
  .freelance-scope h3 { font-size: 1.1rem; line-height: 1.5; font-weight: 500; margin: .45rem 0 .6rem; }
  .freelance-scope p { font-size: 1rem; line-height: 1.8; color: #bfc8b9; }
  .freelance-bottom { border-top: 1px solid #434c44; padding-top: 1.7rem; display: grid; grid-template-columns: 1fr 1fr 1.1fr; align-items: center; gap: 2rem; }
  .practice-stat { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; }
  .practice-stat strong { font-family: var(--serif); font-size: 3.7rem; font-weight: 400; line-height: 1; letter-spacing: -.03em; }
  .practice-stat strong span { color: #ff925e; font-size: .8em; }
  .practice-stat>span { font-size: .8125rem; color: #bfc8b9; }
  .practice-link { display: flex; justify-content: space-between; align-items: center; gap: 1rem; color: #ffad7a; text-decoration: none; border-bottom: 1px solid #6b6c57; padding: .9rem 0; font-size: .9375rem; }
  .practice-link>span:last-child { font-size: 1.6rem; }
  .practice-link:hover { color: white; border-color: white; }
  .resume-section { grid-template-columns: 170px minmax(0,1fr); gap: 3.4rem; padding: 3rem 0; }
  .capabilities-section { border-top: 0; padding-top: 0; }
  .section-number { font-size: .8125rem; color: var(--accent); }
  .section-caption h2 { font-size: 1.2rem; }
  .section-caption>p { font-size: .9375rem; }
  .primary-capability { border: 0; border-top: 3px solid var(--accent); border-bottom: 1px solid var(--line); background: transparent; padding: 1.3rem 0 1.65rem; }
  .primary-capability h3 { font-family: var(--serif); font-weight: 400; font-size: 2.5rem; line-height: 1.1; }
  .focus-label { padding: .3rem .55rem; background: var(--ink); color: #fffefa; font-weight: 500; }
  .focus-skills { grid-template-columns: 1fr 1fr; gap: .85rem 2rem; }
  .focus-skills li { font-size: 1rem; }
  .primary-capability .application-context { border: 0; padding-top: .5rem; font-size: .8125rem; }
  .capability-grid { grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 2rem; }
  .capability { padding: 1.6rem 0 1.8rem; }
  .capability-index { font-size: 1.15rem; }
  .capability h3 { font-size: 1.1rem; margin-top: .55rem; }
  .capability:nth-child(n) { border-bottom: 1px solid var(--line); }
  .capability:nth-last-child(-n+3) { border-bottom: 0; padding-bottom: 0; }
  .capability .tool-line { font-size: .8125rem; }
  .experience-section { border-top: 1px solid var(--ink); }
  .experience h3 { font-family: var(--serif); font-size: 1.95rem; letter-spacing: -.015em; font-weight: 400; }
  .experience-top { margin-bottom: .65rem; }
  .experience { padding-bottom: 2rem; }
  .experience+.experience { padding-top: 2rem; }
  .organization { color: var(--accent); font-size: .875rem; }
  .dates { font-size: .875rem; }
  .education-section { padding-block: 2.5rem 3.5rem; }
  .education-content h3 { font-family: var(--serif); font-size: 1.8rem; }
  .gpa strong { font-size: 2.8rem; }
  footer { border-top: 3px solid var(--ink); }
  html[lang='ar'] h1 { font-size: clamp(4rem, 8vw, 6.8rem); font-weight: 700; line-height: 1.3; }
  html[lang='ar'] h1 em { font-weight: 700; }
  html[lang='ar'] .freelance-story h2 { font-family: 'Thmanyah Sans',sans-serif; font-size: clamp(1.8rem,3vw,2.65rem); line-height: 1.6; letter-spacing: 0; }
  html[lang='ar'] .freelance-story h2 em { font-family: 'Thmanyah Serif Display',serif; font-feature-settings: 'ss01' on; font-style: normal; font-size: 1.25em; line-height: 1.6; letter-spacing: 0; margin-top: 0; }
  html[lang='ar'] .primary-capability h3, html[lang='ar'] .education-content h3 { font-family: 'Thmanyah Serif Display',serif; font-size: 2.1rem; line-height: 1.5; font-feature-settings: 'ss01' on; }
  html[lang='ar'] .experience h3 { font-family: 'Thmanyah Sans',sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 1.6; }
  html[lang='ar'] .capability h3 { font-size: 1.15rem; line-height: 1.6; }
  html[lang='ar'] .header-intro { max-width: 950px; line-height: 2; }
  html[lang='ar'] .freelance-story>p, html[lang='ar'] .freelance-scope p { line-height: 2; }
}
@media screen and (max-width:1100px) {
  .page { padding-inline: 2rem; }
  .resume-header { gap: 2rem; }
  .freelance-feature { margin-inline: 0; padding: 1.7rem 2rem; }
  .freelance-body { gap: 2.2rem; grid-template-columns: .8fr 1.5fr; }
  .freelance-story h2 { font-size: 2.45rem; }
  .freelance-era>strong { font-size: 9rem; }
  .resume-section { gap: 2rem; grid-template-columns: 150px minmax(0,1fr); }
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .capability:nth-last-child(3) { border-bottom: 1px solid var(--line); padding-bottom: 1.8rem; }
  .freelance-scope { gap: 1.5rem; }
  .primary-capability h3 { font-size: 2.2rem; }
}
@media screen and (max-width:760px) {
  .page { padding-inline: 1.35rem; }
  .utility-bar { min-height: 80px; }
  .resume-header { grid-template-columns: 1fr; padding: 2rem 0; gap: 1.5rem; }
  h1 { font-size: clamp(3.5rem,13vw,5.5rem); }
  .professional-title { font-size: 1.3rem; }
  .contact { display: grid; grid-template-columns: 1fr 1fr; padding-top: 1rem; gap: .5rem 1rem; font-size: .9375rem; }
  .contact .portfolio-link { border: 0; padding-top: .2rem; width: fit-content; }
  .header-intro { font-size: 1rem; }
  .freelance-feature { padding: 1.4rem; margin-inline: -.4rem; margin-bottom: 2.5rem; }
  .freelance-topline { font-size: .75rem; flex-wrap: wrap; padding-bottom: 1rem; }
  .freelance-body { grid-template-columns: 1fr; gap: 1.6rem; padding: 1.65rem 0 2rem; }
  .freelance-era { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 1.1rem; }
  .era-label { grid-column: 2; grid-row: 1; align-self: end; font-size: .8125rem; }
  .freelance-era>strong { grid-column: 1; grid-row: 1 / 3; font-size: 7rem; }
  .era-present { grid-column: 2; grid-row: 2; align-self: start; margin-top: .35rem; font-size: .8125rem; }
  .freelance-story h2 { font-size: 2rem; }
  .freelance-scope { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 1.2rem; }
  .freelance-scope>div+div { border-top: 1px solid #434c44; padding-top: 1.3rem; }
  .freelance-bottom { grid-template-columns: 1fr 1fr; gap: 1.2rem; padding-top: 1.4rem; }
  .practice-stat strong { font-size: 3.4rem; }
  .practice-link { grid-column: 1/-1; }
  .resume-section { grid-template-columns: 1fr; gap: 1.4rem; padding-block: 2rem; }
  .section-caption { align-items: center; }
  .section-caption>p { width: auto; max-width: none; }
  .capabilities-section { padding-top: 0; }
  .focus-skills { grid-template-columns: 1fr; }
  .primary-capability h3 { font-size: 2.05rem; }
  .experience h3 { font-size: 1.75rem; }
  .education-content { flex-direction: row; }
  html[lang='ar'] h1 { font-size: 4.5rem; }
  html[lang='ar'] .freelance-story h2 { font-size: 1.75rem; }
  html[lang='ar'] .primary-capability h3 { font-size: 1.75rem; }
}
@media screen and (max-width:520px) {
  .contact { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability:nth-last-child(2) { border-bottom: 1px solid var(--line); padding-bottom: 1.8rem; }
  .education-content { flex-direction: column; }
  .freelance-era { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: .75rem; }
  .freelance-era>strong { font-size: clamp(3.75rem,20vw,6rem); }
  html[lang='ar'] h1 { font-size: 3.8rem; }
  html[lang='ar'] .experience h3 { font-size: 1.2rem; }
}
@media screen {
  html[lang='ar'] .freelance-body {
    direction: rtl;
    grid-template-columns: minmax(250px,.72fr) minmax(0,1.5fr);
    align-items: start;
    gap: clamp(2.5rem,5vw,5.5rem);
    padding-block: 3.4rem 3rem;
  }
  html[lang='ar'] .freelance-era,
  html[lang='ar'] .freelance-story { direction: rtl; }
  html[lang='ar'] .freelance-story {
    border-inline-end: 0;
    padding-inline-end: 0;
  }
  html[lang='ar'] .freelance-story h2 {
    font-family: 'Thmanyah Sans',sans-serif;
    font-size: clamp(2.15rem,3.25vw,3.2rem);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    font-feature-settings: 'ss01' on;
  }
  html[lang='ar'] .freelance-story h2 span {
    color: #fcfbf6;
    font-weight: 500;
  }
  html[lang='ar'] .freelance-story h2 em {
    color: #d1d9c6;
    font-size: 1.16em;
    font-weight: 500;
    line-height: 1.45;
  }
  html[lang='ar'] .freelance-story>p {
    max-width: 47rem;
    font-size: 1.125rem;
    line-height: 1.95;
  }
  html[lang='ar'] .freelance-era {
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: .5rem;
  }
  html[lang='ar'] .freelance-era>strong {
    font-family: 'Thmanyah Serif Display',var(--serif);
    font-size: clamp(7rem,12vw,11.5rem);
  }
  html[lang='ar'] .era-label,
  html[lang='ar'] .era-present { font-size: .95rem; }
  html[lang='ar'] .freelance-scope {
    direction: rtl;
    grid-template-columns: minmax(0,1.8fr) repeat(2,minmax(0,1fr));
    gap: 0;
    padding: 0;
    border: 1px solid #434c44;
  }
  html[lang='ar'] .freelance-scope>div {
    min-height: 235px;
    padding: 1.5rem;
  }
  html[lang='ar'] .freelance-scope>div+div {
    border-inline-start: 1px solid #434c44;
  }
  html[lang='ar'] .freelance-scope>div:first-child {
    background: #d1d9c6;
    color: #191d1b;
  }
  html[lang='ar'] .freelance-scope>div:first-child .scope-index { color: #bd3c17; }
  html[lang='ar'] .freelance-scope>div:first-child p { color: #30372f; }
  html[lang='ar'] .freelance-scope h3 {
    font-family: 'Thmanyah Sans',sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.6;
  }
  html[lang='ar'] .freelance-scope p {
    font-size: 1.05rem;
    line-height: 2;
  }
  html[lang='ar'] .freelance-bottom {
    direction: rtl;
    grid-template-columns: 1fr 1fr 1.15fr;
  }
  html[lang='ar'] .practice-link {
    background: #ff8352;
    border: 0;
    color: #191d1b;
    padding: 1rem 1.2rem;
    font-weight: 600;
  }
  html[lang='ar'] .practice-link:hover {
    background: #fcfbf6;
    color: #191d1b;
  }
}
@media screen and (max-width:760px) {
  .resume-header {
    align-items: start;
    gap: 0;
    padding-block: 1.8rem 2.25rem;
  }
  .resume-header .identity {
    min-width: 0;
    width: 100%;
  }
  .resume-header .eyebrow { margin-bottom: .55rem; }
  .resume-header h1 {
    font-size: clamp(3rem,13vw,4.15rem);
    line-height: 1.08;
  }
  .resume-header .full-name {
    margin-top: .35rem;
    font-size: .8125rem;
  }
  .resume-header .professional-title {
    max-width: 30rem;
    margin-top: .9rem;
    font-size: 1.08rem;
    line-height: 1.6;
  }
  .resume-header .contact {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: .5rem 1rem;
    width: 100%;
    margin-top: 1.25rem;
    padding-block: 1rem 0;
    font-size: .9rem;
  }
  .resume-header .contact-label {
    grid-column: 1/-1;
    grid-row: 1;
    margin: 0 0 .15rem;
  }
  .resume-header .contact>a[href^='mailto:'] {
    grid-column: 1;
    grid-row: 2;
  }
  .resume-header .contact>a[href^='https://wa.me/'] {
    grid-column: 2;
    grid-row: 2;
  }
  .resume-header .contact .portfolio-link {
    grid-column: 1/-1;
    grid-row: 3;
    width: 100%;
    margin-top: .35rem;
    padding-top: .35rem;
    border-top: 0;
    justify-content: space-between;
  }
  .resume-header .header-intro {
    max-width: none;
    margin-top: 1.35rem;
    padding-top: 0;
    border-top: 0;
    font-size: .94rem;
    line-height: 1.8;
    text-align: start;
  }
  html[lang='ar'] .resume-header h1 {
    font-size: clamp(2.9rem,12vw,3.65rem);
    line-height: 1.25;
  }
  html[lang='ar'] .resume-header .professional-title {
    font-size: 1.08rem;
    line-height: 1.7;
  }
  html[lang='ar'] .resume-header .contact .portfolio-link {
    width: fit-content;
    justify-content: flex-start;
    gap: .55rem;
  }
  html[lang='ar'] .resume-header .contact .portfolio-link>span:last-child {
    font-family: 'DM Sans',Arial,sans-serif;
    font-weight: 400;
    line-height: 1;
  }
  html[lang='ar'] .resume-header .header-intro { line-height: 1.9; }
  html[lang='ar'] .freelance-body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.8rem;
    padding-block: 2rem;
  }
  html[lang='ar'] .freelance-story {
    border-inline-end-width: 0;
    padding-inline-end: 0;
  }
  html[lang='ar'] .freelance-story h2 { font-size: clamp(2rem,8vw,2.75rem); }
  html[lang='ar'] .freelance-story>p { font-size: 1.05rem; }
  html[lang='ar'] .freelance-era {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
  }
  html[lang='ar'] .freelance-era .era-label,
  html[lang='ar'] .freelance-era .era-present { align-self: flex-start; }
  html[lang='ar'] .freelance-era>strong { font-size: clamp(4.75rem,22vw,6.75rem); }
  html[lang='ar'] .freelance-scope { grid-template-columns: 1fr; }
  html[lang='ar'] .freelance-scope>div { min-height: auto; }
  html[lang='ar'] .freelance-scope>div+div {
    border-inline-start: 0;
    border-top: 1px solid #434c44;
  }
  html[lang='ar'] .freelance-bottom { grid-template-columns: 1fr 1fr; }
  html[lang='ar'] .practice-link { grid-column: 1/-1; }
}
@media screen and (max-width:380px) {
  .resume-header .contact { grid-template-columns: 1fr; }
  .resume-header .contact>a[href^='mailto:'],
  .resume-header .contact>a[href^='https://wa.me/'] { grid-column: 1; }
  .resume-header .contact>a[href^='mailto:'] { grid-row: 2; }
  .resume-header .contact>a[href^='https://wa.me/'] { grid-row: 3; }
  .resume-header .contact .portfolio-link { grid-row: 4; }
}
@media print {
  .header-intro, .freelance-feature { display: none; }
  .freelance-print { display: grid; grid-template-columns: 27mm minmax(0,1fr); gap: 5mm; break-before: auto; break-inside: avoid; padding: 3.8mm 0; border-top: 2px solid var(--accent); }
  .freelance-print h3 { font-size: 11.5pt; line-height: 1.3; font-weight: 500; }
  .freelance-print p { font-size: 8.7pt; color: var(--secondary); line-height: 1.4; margin-top: 1.3mm; }
  .freelance-print .print-practice-tagline { color: var(--accent); font-size: 9pt; font-weight: 600; margin-top: .7mm; }
  .freelance-print .print-practice-areas { padding-top: 1.4mm; border-top: 1px solid var(--line); color: var(--ink); font-size: 8pt; font-weight: 500; }
  .freelance-print .print-practice-metrics { color: var(--accent); font-size: 8.3pt; font-weight: 500; }
  .experience-section { break-before: auto; border-top: 1px solid var(--line); }
  html[lang='ar'],
  html[lang='ar'] body,
  html[lang='ar'] .page { font-family: 'Thmanyah Sans',Tahoma,sans-serif; }
  html[lang='ar'] h1,
  html[lang='ar'] h1 em,
  html[lang='ar'] .profile-lead,
  html[lang='ar'] .freelance-print h3,
  html[lang='ar'] .primary-capability h3,
  html[lang='ar'] .education-content h3 {
    font-family: 'Thmanyah Serif Display','Thmanyah Sans',serif;
    font-feature-settings: 'ss01' on;
  }
  html[lang='ar'] h1, html[lang='ar'] h1 em { font-weight: 500; }
  html[lang='ar'] .freelance-print h3 { font-size: 11.5pt; line-height: 1.45; }
  html[lang='ar'] .freelance-print p { line-height: 1.5; }
}